/*-----------------------------------------------------------------------------------

    [Master Stylesheet]

    Project:    Gym On - HTML Template
    
    Version:    1.0

-----------------------------------------------------------------------------------

    [Table of contents]

 
        1. heading
        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
        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. header-style-one.three
        27. hero-section-three
        28. together Start
        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. jumbotron
        62. Timetable Section
        63. header two
        64. featured-text-two
        65. payment-product-card
        66. footer-p-4
        67. light
        68. group-training-text
        69. fitness-studio
        70. Color
        71. Light bg color
        72. Dark bg color

---------------------------------------------------------------------------------------------

*/
/* GOOGLE FONTS */
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v29-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v29-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* teko-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/teko-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* teko-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/teko-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* teko-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Teko';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/teko-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* teko-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Teko';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/teko-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --common-found: 'Teko';
    --theme-found: 'Montserrat';
    --theme-color: #fc0344;
} 

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    overflow-x: hidden; 
    font-family: var(--theme-found);
}
*,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure{
    font-family: var(--common-found);
    padding: 0;
    margin: 0;
} 
h2 {
    font-size: 50px;
    color: #111;
}
p {
    font-family: var(--theme-found);
    font-size: 18px;
    line-height: 30px;
    color: #444;
    font-weight: 400;
}
span{
    font-family: var(--theme-found);
}
ul,
li{
    list-style: none;
    padding: 0;
    margin: 0;
}
a,
a:hover{
    text-decoration: none;
}
figure {
    overflow: hidden;
}
.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: #fff5ed;
}
button.owl-prev i,button.owl-next i {
    color: #fff;
}
/* 1. heading */
.heading {
    padding-bottom: 50px;
    text-align: center;
}
.heading.left {
    padding-bottom: 50px;
    text-align: left !important;
}
.heading img {
    width: 50px;
}
.client-review-style-one .head-review span,
.heading span, .heading-style-2, .data span {
    font-size: 1.2rem;
    color: #444;
    font-family: var(--theme-found);
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 400;
    font-family: var(--common-found);
}
.heading figure {
    margin-bottom: 20px;
}
.heading h2 {
    margin-top: 5px;
    width: 56%;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 500;
}
.heading h3 {
    color: #999 !important;
}
.heading h2, .heading.heading-style-3 h2 span, .data h2 {
    font-size: 60px;
    color: #111;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: -15px;
}
.heading-style-2 .data h2 {
    font-size: 60px;
    color: #111;
    text-transform: uppercase;
    font-weight: 500;
    width: 100% !important;
} 
.heading-style-2 {
    margin-bottom: 50px;
}
.heading.heading-style-3 h2 {
    width: 45%;
    margin-bottom: 19px;
    margin-top: 28px;
}
.heading.heading-style-3 p {
    width: 60%;
    margin: auto;
    margin-bottom: 70px;
}
.heading.heading-style-3 h2 span {
    text-transform: capitalize;
    position: relative;
}
.heading.heading-style-3 h2 span:before {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 7px;
    left: 0;
    border-radius: 10px;
}
.heading.heading-style-3 p span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--theme-found);
    text-transform: none;
    border-bottom: 1px solid #bcbcbc;
    color: #444;
    letter-spacing: 0;
}
.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: 16px 36px;
    font-size: 20px;
    font-family: var(--theme-found);
    color: #fff;
    position: relative;
    border: 2px solid;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--theme-color);
    letter-spacing: 1px;
}
.theme-btn:after {
    content: "";
    position: absolute;
    width: 10px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    height: 10px;
    background-color: #fff;
    z-index: 11111111111;
    right: 6px;
    bottom: 4px;
    z-index: 0;
}
.desktop-nav .nav-bar .extras .theme-btn.simple:after {
    display: none;
}
.theme-btn:hover {
    background-color: transparent;
    color: white;
} 
.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;
}
.theme-btn i {
    padding-left: 10px;
}
.common-btn {
    text-align: center;
    margin-top: 50px;
} 
.common-btn .theme-btn:hover {
    color: #000;
}
.nice-select, input, select {
    height: 60px;
    border-radius: 0 !important;
    padding-left: 20px;
    position: relative;
    width: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
    border-color: #c1c1c1 !important;
    outline: none;
    border: 1px solid;
    color: #777 !important;
    font-family: var(--theme-found);
} 
textarea {
    height: 180px;
    padding-left: 20px !important;
    padding-top: 16px;
    border-radius: 0 !important;
    border-color: #c1c1c1;
    font-family: var(--theme-found);
    font-size: 16px;
    outline: none;
    margin-bottom: 10px;
} 
.nice-select .list {
    width: 100%;
}
.nice-select:before {
    content: "";
    width: 55px;
    height: 100%;
    background: #e5e5e5;
    position: absolute;
    top: 0;
    right: 0; 
}
.nice-select:after {
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    height: 8px;
    right: 25px;
    width: 8px;
}
.form-control:focus {
    outline: 0;
    box-shadow: none;
    box-shadow: 0 0 0 0.25rem transparent;
}
.nice-select .option {
    height: 50px;
    display: flex;
    align-items: center;
}
.acc2 .accordion-item button {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--common-found);
    color: black;
    background: #f7f6f200;
    height: 70px;
    padding-left: 0;
    position: relative;
    text-transform: capitalize;
    border-radius: 0 !important;
}
.acc2 .accordion-item:not(:last-child) {
    margin-bottom: 10px;
    border: 0;
}
.acc2 .accordion-body {
    padding: 20px 45px 17px 30px;
    font-size: 23px;
    padding-left: 0;
}
.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: 43px;
    height: 0px;
    position: absolute;
    bottom: 0;
    right: 0px; 
    border-left: 0px solid #eee; 
    margin: 2px;
}
.acc2 .accordion-item button.collapsed:before {
    border-top: 76px solid #fff;
}
.acc2 .accordion-item h2 {
    position: relative;
} 
.acc2 .accordion-button:not(.collapsed)::after {
    background-image: url("../images/acc-arrow-down.png");
}
.acc2 .accordion-button:after {
    background-image: url("../images/acc-arrow-down.png");
    filter: invert(1);
}
.acc2 .accordion-button:not(.collapsed)::after,
.acc2 .accordion-button:after {
    background-position: center;
    background-size: auto;
    z-index: 0;
    filter: invert(0);
}
.accordion-button {
    background-color: transparent;
}
.video-play-btn {
    width: 120px;
    height: 120px;
    background: #111111;
    display: flex;
    align-items: center;
    justify-content: center; 
    position: absolute;
    top: 50%;
    left: 20%;
    border-radius: 50%;
    animation: shadow-pulse 1s infinite;
} 
@keyframes shadow-pulse{
    0% {
        box-shadow: 0 0 0 0px rgb(226 32 38);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
    }
}
.video-play-btn svg {
    width: 20px;
    height: auto;
    fill: white; 
}
.video-play-btn:hover {
    background: #00000090;
}
.video-play-btn i {
    font-size: 55px;
    transform: rotate(-10deg); 
}
.compensate-for-scrollbar {
    margin-right: 0 !important;
}
.gym-pagination .pagination {
    justify-content: center;
}
.gym-pagination {
    margin-top: 20px;
}
.gym-pagination ul.pagination li a {
    font-size: 16px;
    font-weight: bold;
    color: #303030;
    font-family: var(--theme-found);
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center; 
    border-radius: 0 !important;
    border: 1px solid #c1c1c1; 
    width: 55px;
    margin-right: 5px;
}
.gym-pagination ul.pagination li a:hover {
    color: #fff;
}
.gym-pagination ul.pagination li:first-child a,
.gym-pagination ul.pagination li:last-child a {
    padding: 0 21px;
    background: #111111;
    color: white;
}
.gym-pagination ul.pagination li:first-child a:hover,
.gym-pagination ul.pagination li:last-child a:hover {
    color: #fff;
}
 
.gym-pagination ul.pagination li:first-child {
    margin-right: 1px;
}
.gym-pagination ul.pagination li:last-child {
    margin-left: 1px;
}
.gym-pagination ul.pagination li a i {
    font-size: 15px;
}
.gym-pagination ul.pagination li.space a,.gym-pagination ul.pagination li.space a:hover {
    cursor: not-allowed;
    border: 0;
    background-color: transparent;
    color: #fff;
}
.detail-page .page-item.space {
    margin: 0;
}
 .detail-page .blog-post img:hover {
    transform: scale(1.1);
}
p.p-quote {
    background-color: var(--theme-color);
    padding: 40px;
    font-size: 30px;
    font-family: var(--common-found);
    line-height: 40px;
    color: #fff;
    text-decoration: none;
}
.c-circle li {
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
    font-family: var(--theme-found);
}
.c-circle li i {
    color: var(--theme-color);
    font-size: 15px;
    margin-right: 10px;
}
.category {
    border: 1px solid #c1c1c1;
    padding-left: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    background: white;
}
.category.shape.comments,.category.shape.form {
    padding: 0;
    border: 0;
} 
.category h3 {
    font-size: 40px !important;
    font-family: var(--common-found) !important;
    font-weight: 500;
    text-transform: uppercase;
}
.category:not(:last-child) {
    margin-bottom: 20px;
}
.category:before {
    content: ""; 
    width: 100%;
    height: 100%;
    left: 5px;
    bottom: -8px;
    position: absolute;
    z-index: -1;
}
.shape {
    position: relative;
} 
.category p a {
    font-weight: 400;
    color: #000;
    text-decoration: underline;
    text-decoration-color: #bcbcbc;
    margin-left: 0px;
}
.category p {
    font-family: 'Teko';
}
.sidebar .box.recent-posts ul li a p { 
    font-size: 20px;
}
.category.shape.comments {
    margin-bottom: 40px;
    margin-top: 40px;
}
.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: 400;
    position: relative;
}
.category.social-medias ul li a:before,
.category.social-medias ul li a:after {
    content: "";
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.category.social-medias ul li a:before {
    border-bottom: 1px solid #bcbcbc;
    width: 100%;
}
.category.social-medias ul li a:after {
    width: 0;
    border-bottom: 1px solid;
}
.category.social-medias ul li a:hover:after {
    width: 100%;
}
.comment {
    display: flex;
    align-items: center;
    border: 1px solid #c1c1c1;
    position: relative;
}
.comments ul li:not(:last-child) .comment {
    margin-bottom: 10px;
}
.comment .c-img img {
    width: 170px;
    height: 170px;
}
.comment .c-data {
    padding-left: 25px;
}
.comment .c-data h4 {
    font-size: 28px;
    font-family: 'Teko';
    font-weight: 500;
    color: #000;
}
.comment .c-data span,
.comment .c-data p {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--theme-found);
    color: #444;
}
.comment .c-data span {
    border-bottom: 2px solid #e4e4e4;
    text-transform: uppercase;
}
.comment .c-data .c-r-btn {
    font-size: 12px;
    font-family: var(--theme-found);
    color: #fff;
    padding: 6px 12px;
    position: absolute;
    top: -1px;
    right: -1px;
}
.comments h3 {
    width: 100%;
}
.comments {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
} 
.category.shape.comments h3,
.category.shape.form h3 {
    margin-top: 0;
    margin-bottom: 25px;
    font-family: var(--theme-found);
    font-size: 20px;
}
.category.shape.form {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.category.shape.form p {
    margin-top: 0;
    width: 100%;
}
.category.shape.comments h3  {
    margin-bottom: 10px;
}
.category.shape.form h3 {
    margin-bottom: 0;
    line-height: 40px;
}
.comment.reply {
    width: 93%;
    margin-left: auto;
}
.form form,
.form form textarea {
    width: 100%;
}
.form form textarea,
.form form input {
    border: 1px solid #c1c1c1;
    background: #fafafa;
    padding: 20px;
}
.form form input:focus {
    outline: 0;
}
.contact-form-2 form textarea:focus {
    outline: 0;
    border: 0;
}
.form form textarea {
    margin-bottom: 10px;
}
.form form .theme-btn:hover {
    color: #000;
}
.form form input[type=checkbox] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 12px;
}
.form form input[type=checkbox]+label {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-family: var(--theme-found);
}
.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;
    position: absolute;
    top: 10px;
    right: 0px;
    color: #fff;
}
.ratings i {
    font-size: 15px;
    margin-right: 10px;
}
.ratings span {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    font-family: var(--theme-found);
}
.sm-circle li {
    position: relative;
    font-size: 16px;
    color: #444;
    margin-bottom: 8px;
    font-family: var(--theme-found);
}
.sm-circle li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fe2929;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    border-radius: 0; 
}
.sm-circle {
    padding-left: 20px;
    margin-bottom: 45px;
}  
#scroll-percentage {
    position: absolute;

} 
#scroll-percentage {
    height: 60px;
    width: 60px;
    background-color: var(--common-colour);
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transform: scale(0);
    display: grid;
    place-items: center;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
}

#scroll-percentage.active {
    bottom: 30px;
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
    animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#scroll-percentage-value {
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: 600;
}

#scroll-percentage-value i {
    font-size: 20px;
} 
@keyframes scrollToTop {
    0% {
        -webkit-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
 @keyframes wobble-vertical {
    16.65% {
        transform: translateY(8px);
    }
    33.3% {
        transform: translateY(-6px);
    }
    49.95% {
        transform: translateY(4px);
    }
    66.6% {
        transform: translateY(-2px);
    }
    83.25% {
        transform: translateY(1px);
    }
    100% {
        transform: translateY(0);
    }
} 


/* 1. General Style End */
 
/* 2. Service Style One Start */
.service-style-one .service-data {
    width: 100%;
    margin: auto;
    position: relative;
    border: 1px solid #e8e8e8;
    padding: 40px;
}
.service-style-one .service-data .icon:hover {
    background-color: #fff;
    color: #000;
} 
.service-style-one .service-data .icon:hover i {
    color: #000;
}
.service-style-one .service-data:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--color-main);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    opacity: 0;
    z-index: 1; 
}
.service-style-one .service-data:hover:before {
    transform: scale(1.05);
    opacity: 1;
    background-color: var(--theme-color) !important;
}
.service-style-one .service-data h3 {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 30px;
    position: relative;
    z-index: 11;
}
.service-style-one .service-data h3 a {
    color: #000; 
    font-size: 40px;
    text-transform: uppercase;
}
.service-data:hover h3 a,
.service-data:hover p {
    color: #fff;
}
.service-style-one .service-data p {
    margin-bottom: 30px;
    position: relative;
    z-index: 11;
}
.service-style-one .service-data li p {
	margin-bottom: 5px !important;
}
.service-style-one .service-data li i {
    font-size: 14px;
	line-height: 2;
	margin-right: 7px;
}
.service-style-one .service-data li {
    display: flex;
}
.service-style-one .service-data .icon {
    width: 50%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; 
    border-radius: 0;
    background: #111111; 
    color: #fff;
    position: relative;
    z-index: 11;
} 
.service-style-one .service-data .icon i {
    /* color: #fff; */
    font-size: 20px;
  	margin-right: 10px;
}  
.service-data img {
    width: 70px;
    padding-bottom: 20px;
    position: relative;
    z-index: 11;
}
.service-data .bmac img {
    width: 235px;
    padding-bottom: 0;
}
.service-data i {
    font-size: 90px;
    position: relative;
    z-index: 11;
    line-height: 80px;
    color: var(--theme-color);
}

.service-data p a {
  color: #999;
  text-decoration: underline;
  font-family: var(--theme-found);
}

.service-data:hover i {
    color: #fff;
}
.service-data .st0 {
    height: 50px;
    position: relative;
    z-index: 11;
    fill: var(--theme-color);
	transition: all 0.35s ease-in-out;
}

.service-data:hover .st0 {
    fill: #fff;
	transition: all 0.35s ease-in-out;
}
/* 2. Service Style One End */

/* 3. About Style One Start */
.about-style-one .about-data-left {
    display: flex; 
    position: relative;
}
.about-data-left img:hover {
    transform: scale(1.1);
}
.about-style-one .about-data-left figure + figure {
    margin-top: 70px;
    margin-left: 20px;
} 
.about-style-one .about-data-left figure + figure img:hover {
    margin-top: 10px;
}
.about-data-left svg {
    position: absolute;
    width: 55%;
    height: auto;
    z-index: -1;
    right: 0;
    top: 12%;
    fill: var(--theme-color);
}
video {
    width: 100%;
    height: auto;
}
.about-style-one .about-data-left img {
    width: 100%;
}
.about-style-one .about-data-left .about-image {
    margin-left: 15px;
    margin-bottom: -60px;
} 
.about-style-one .about-data-right span {
    font-size: 18px;
    color: #444;
    font-family: var(--common-found);
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 500;
}
.about-style-one .about-data-right h2 {
    font-size: 60px;
    line-height: 60px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
}
.about-style-one .about-data-right { 
    padding-left: 60px;
}
.about-style-one .about-data-right .about-info {
    padding-left: 0;
}
.about-style-one .about-data-right .about-info p {
    margin-bottom: 30px; 
}
.about-style-one .about-data-right .about-info h3,
.about-style-one .about-data-right .about-info h4 {
    font-size: 14px;
    line-height: 26px;
    font-family: var(--theme-found);
}
.about-style-one .about-data-right .about-info h3 {
    font-weight: 500;
    margin-top: 22px;
    font-size: 34px;
	line-height: 36px;
    font-family: var(--common-found);
}
/* 3. About Style One End */

/* 4. Counter Style One Start*/
.counter-style-one .counter-data {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
} 
.counter-style-one .counter-data:hover:after {
    border-color: transparent transparent var(--theme-color) transparent;
}
.counter-data h6 {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 26px;
}
.counter-style-one .counter-data:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
} 
.counter-style-one .counter-data:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.counter-style-one .counter-data .count {
    font-size: 100px; 
    color: var(--theme-color);
    position: relative;
    line-height: 105px;
    display: flex;
}
span.counter {
    font-weight: 500;
    color: #000;
    font-family: var(--common-found);
}
.counter-style-one .counter-data .count i {
    font-size: 16px;
    font-weight: 900;
    color: #161616;
    -webkit-text-fill-color: #161616;
    -webkit-text-stroke-width: 0;
    text-transform: uppercase;
    line-height: 26px;
    font-style: normal;
    margin-top: 15px;
    margin-left: 8px;
}
.counter-style-one .counter-data h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    font-family: var(--theme-found);
    color: #161616;
} 
/* 4. Counter Style One End*/

/* 5. Project Style One Start*/
.project-style-one .project-post {
    position: relative;
    overflow: hidden;
}  
.project-post:hover img {
    transform: scale(1.1);
}
.project-data {
    position: absolute;
    bottom: 3%;
    right: -100%;
    width: auto;
    text-align: end;
    z-index: 11111;
}
.project-post:hover .project-data {
    right: 6%;
}
.project-post img {
    width: 100% !important; 
    object-fit: cover;
}
.project-data > a {
    color: #fff;
    text-transform: uppercase;
    padding-top: 8px;
    display: block;
    z-index: 111;
    position: relative;
    font-size: 20px;
}
 .project-data h4 {
    color: var(--theme-color);
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    z-index: 11;
    position: relative;
}
.project-data h3 a {
    color: #fff;
    padding-top: 10px;
    display: block;
    text-transform: uppercase;
    font-size: 40px;
}
.project-data a:hover {
    color: var(--theme-color);
} 
.project-data p {
    color: #999;
    padding-top: 18px;
}
.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: #111111;
    border-color: black;
}
/* 5. Project Style One End*/

/* 6. Team Style One Start */ 

.team-style-one .team-data .team-image {
    text-align: center;
    position: relative;
}  
.team-image figure {
    overflow: visible;
}
.team-data:before {
    background-color: #000;
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.team-data {
    border: 1px solid #9999;
    padding: 40px;
    width: 100%;
    padding-bottom: 0;
}
.team-data:hover:before {
     height: 100%; 
}
.team-data {
    overflow: hidden;
}
.team-data .team-image img{
    filter: grayscale(1);
}
 .team-data:hover .team-image img { 
    filter: grayscale(0);
} 
.team-data svg {
    position: absolute; 
    fill: #ededed;
    bottom: 1%;
    width: 90%;
    left: 5%;
    height: auto;
}
.team-style-two .team-data svg {
    position: relative;
}
.team-data:hover svg {
    fill: var(--theme-color);
    width: 93%;
}
.team-style-one .team-data .team-info h3 {
    font-size: 60px;
    line-height: 58px;
    color: #000;
    margin-bottom: 5px;
    width: 100%;
    font-weight: 500;
}
.team-style-one .team-data:hover .team-info h3 {
    color: #fff;
}
.team-style-one .team-data .team-info p {
    font-size: 22px;
    line-height: 26px;
    color: var(--theme-color);
    font-family: var(--common-found);
    font-weight: 500;
    letter-spacing: 1px;
}
.team-style-one .team-data .team-social-media {
    margin-top: 2px;
    margin-bottom: 23px;
}
.team-style-one .team-data .team-social-media a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 25px;
} 
.team-style-one .team-data .team-social-media a:hover i {
    color: white;
}
.team-style-one .team-data .team-social-media a.fb:hover:before {
    background: #4267B2;
}
.team-style-one .team-data .team-social-media a.tw:hover:before {
    background: #00acee;
}
.team-style-one .team-data .team-social-media a i {
    font-size: 16px;
    color: black;
    position: absolute;
    top: 50%;
    left: 50%; 
}
.team-style-one .team-data:hover .team-social-media a i {
    color: #fff;
}
@keyframes fadeOutUpSD {
  0% {
    transition: width 2s 2s;
  }
  100% {
    transition: width 1s 1s;
  }
}
@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-slider-nav button {
    width: 50px;
    height: 50px;
    margin-right: 3px;
    background: transparent;
    position: relative;
    border: 0;
    border-radius: 50%;
    border: 1px solid #cecece;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.team-slider.owl-carousel .owl-item img {
    width: auto;
}
.team-style-one .team-slider-nav button:hover {
    background-color: #e7272d;
    color: #fff;
} 
.team-style-one .team-slider-nav button:hover i {
    color: #fff;
}
.team-data { 
    width: 100%;
    padding-bottom: 0;
} 
.team-style-one .gym-pagination {
    margin-top: 50px;
}
.sidebar .box.categories ul li a p:hover {
    color: var(--theme-color); }
.team-style-one .team-slider-nav button i {
    font-size: 16px;
    color: #000;
}
.team-style-one .team-slider-nav {
    text-align: right;
}

/* 6. Team Style One End */

/* 7. Featured Slider One Start */

.f-slider-one img {
    width: 100%;
    height: 100vh;
}
.featured-slider-one {
    position: relative;
}
.featured-slider-one .f-slider-one-data,
.featured-slider-one .owl-item.active .f-slider-one-data {
    position: relative;
    padding-top: 256px;
    padding-bottom: 180px;
}
.featured-slider-one {
    background-repeat: no-repeat;
    background-size: cover;
}
.f-slider-one-data span {
    font-size: 50px;
    display: block;
    font-family: var(--common-found);
    color: var(--theme-color);
    text-transform: uppercase;
}
.featured-slider-one .f-slider-one-data span,
.featured-slider-one .f-slider-one-data h1,
.featured-slider-one .f-slider-one-data p,
.featured-slider-one .f-slider-one-data a {
    opacity: 0;
    visibility: hidden;
}
.featured-slider-one .owl-item.active .f-slider-one-data span,
.featured-slider-one .owl-item.active .f-slider-one-data h1,
.featured-slider-one .owl-item.active .f-slider-one-data p,
.featured-slider-one .owl-item.active .f-slider-one-data a {
    opacity: 1;
    visibility: visible;
}
.featured-slider-one .owl-item.active .f-slider-one-data h1 {
    font-size: 170px;
    line-height: 151px;
    color: white;
    margin-bottom: 10px;
    font-family: var(--common-found);
    text-transform: uppercase;
}
.featured-slider-one .owl-item.active .f-slider-one-data p {
    font-size: 40px;
    line-height: 30px;
    color: white;
    margin-bottom: 55px;
    width: 90%;
    font-family: var(--common-found);
    text-transform: uppercase;
}
.f-slider-one-data h6  {
    font-size: 26px;
    line-height: 20px;
    display: inline-block;
    padding-top: 38px;
    padding-right: 30px;
    color: #fff;
    letter-spacing: 1px;
}
.f-slider-one-data h6 a {
    color: #fff;
}
.featured-slider-one .owl-item.active .f-slider-one-data span,
.featured-slider-one .owl-item.active .f-slider-one-data h1,
.featured-slider-one .owl-item.active .f-slider-one-data p,
.featured-slider-one .owl-item.active .f-slider-one-data a {
    animation-name: fadeInOne;
}
.featured-slider-one .owl-item.active .f-slider-one-data span{
    animation-duration: .8s;
} 
.featured-slider-one .owl-item.active .f-slider-one-data h1 {
    animation-duration: 1s;
}
.featured-slider-one .owl-item.active .f-slider-one-data p {
    animation-duration: 1.5s;
}
.featured-slider-one .owl-item.active .f-slider-one-data a {
    animation-duration: 2s;
} 
.featured-slider-one img.gym-girl {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 48% !important;
    height: revert-layer;
    right: 0%;
    z-index: 11;
    top: 8%;
}
@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 .f-slider-layer {
    position: relative;
}
.featured-slider-one:before {
    content: "";
    background: #111111;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    opacity: .9;
}
.featured-slider-one .owl-dots {
    position: absolute;
    width: fit-content;
    bottom: 4%; 
}
.featured-slider-one button.owl-dot.active {
    width: 40px;
    height: 3px;
    background-color: var(--theme-color);
}
.featured-slider-one button.owl-dot{
    width: 40px;
    height: 3px;
    background-color: #000;
    margin-left: 10px;
}
.featured-slider-one button.owl-dot{
    width: 40px;
    height: 3px;
    background-color: #d3d3d3;
    margin-left: 10px;
}
.featured-slider-one .owl-dot{
    margin-top: 20px;
}
.f-slider-layer svg {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 21%;
    width: 700px;
    height: auto;
    background-repeat: no-repeat;
    fill: transparent;
    stroke: var(--theme-color)
}
/* 7. Featured Slider One End */

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

/* 9. Core Features Start */ 
.core-features .shape:after {
    display: none;
}
.core-features button.accordion-button {
    font-size: 24px;
    padding: 16px 25px;
    font-weight: 500;
}
button.accordion-button {
    border-bottom: 1px solid #c5c5c5;
}
.accordion-button:not(.collapsed) span, 
.accordion-button:not(.collapsed) {
    color: var(--theme-color) !important;
} 
.core-features button.accordion-button.collapsed:before {
    right: 0;
    background: white;
}
.core-features button.accordion-button span {
    font-family: var(--common-found);
    font-size: 22px;
    font-weight: 900;
    color: #444;
    margin-right: 35px;
} 
.core-features .accordion-item:not(:last-child) {
    margin-bottom: 50px;
}
.core-features .accordion-item:last-child {
    margin-bottom: 30px;
} 
.accordion-item { 
    background-color: transparent !important;
} 
.contact-form-one .accordion-button:not(.collapsed) {
    border-bottom: 3px solid var(--theme-color) !important;
    background-color: transparent !important;
}
.core-features .accordion-header {
    margin-bottom: -30px;
    margin-left: 20px;
    width: 94%; 
}
.core-features .accordion-button::after {
    display: none;
}
.core-features .accordion-button:not(.collapsed) span {
    color: #fff !important;
}
.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;
    color: #fff !important;
}
.core-features .video {
    width: 100vw;
    position: relative;
}
.core-features .shape {
    position: relative;
} 
/* 9. Core Features End */

/* 10. Renovation Start */
.renovation {
    padding-top: 190px;
    overflow: hidden;
    padding: 0;
}
.renovation .parallax:before {
    content: "";
    background: #111111;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
} 
.renovation .reno-data h2,
.renovation .reno-data h3,
.renovation .reno-data p {
    color: white;
}
.renovation .reno-data p span {
    border-bottom: 3px solid var(--theme-color);
}
.renovation .reno-data h3 {
    font-size: 50px;
    line-height: 35px;
}
.renovation .reno-data h2 {
    font-size: 70px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.renovation .reno-data {
    text-align: center;
    position: absolute;
    top: 64%;
    width: 100%;
}
.renovation .reno-data p {
    font-size: 20px;
    line-height: 34px;
    width: 41%;
    margin: auto;
} 
/* 10. Renovation End */

/* 11. Client Review Style One Start */ 
.client-review-style-one .head-review h3 {
    font-size: 60px;
    margin-bottom: 55px;
    text-transform: uppercase;
    font-weight: 600;
}
.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;
    fill: #fff;
}
.client-review-slider .slider-data .bio .details h3 {
    font-size: 28px;
    color: #161616;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.client-review-slider .slider-data .bio .details p {
    line-height: 25px;
    font-family: var(--common-found);
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
}
.client-review-slider .slider-data .bio {
    margin-top: 35px;
}
.client-review-slider .slider-data .bio .details {
    padding-top: 5px;
}
.project-detail-slider .owl-dots,
.client-review-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}
.client-review-slider .owl-dots {
    justify-content: start;
}
.project-detail-slider .owl-dots button,
.client-review-slider .owl-dots button { 
    width: 40px;
    height: 3px !important;
    color: transparent;
    background-color: #bdbdbd;
    margin-right: 5px;
}
.project-detail-slider .owl-dots button.active,
.client-review-slider .owl-dots button.active {
    background: var(--theme-color);  
}
/* 11. Client Review Style One End */

/* 12. Blog Style One Start*/
.blog-style-one .blog-post h2 {
    font-size: 28px;
    line-height: 38px;
    text-transform: capitalize;
}
.blog-style-one .blog-post h4 {
    font-size: 1.5rem;
}
.about-how-it-works .plans {
    position: relative;
}
.plans i {
    font-size: 52px;
    color: var(--theme-color);
}
.blog-post {
     width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.blog-post:hover {
        transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}
.blog-style-one .blog-post h2 a {
    color: #000;
}
.blog-style-one .blog-post h2 a:hover {
    color: var(--theme-color);
}
.blog-style-one .blog-post h4 a {
    color: white;
}
.blog-style-one .blog-post h4 a:hover {
    color: var(--theme-color);
}
.blog-style-one .blog-data {
    padding: 20px 25px;
}
.blog-style-one .blog-data .blog-date {
    font-size: 16px;
    color: #fff;
    font-family: var(--theme-found);
    padding: 8px 20px 8px 20px;
    display: inline-flex;
    margin-bottom: 17px;
    position: relative;
    font-weight: bold;
}
.blog-style-one .blog-post .blog-image a {
    width: 60px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    position: absolute;
    right: -110px;
    bottom: 0;
    z-index: 2;
} 
.blog-style-one .blog-post:hover .blog-image a {
    right: -10px;
}
.blog-style-one .blog-post:hover .blog-image:before {
    right: -60px;
}
.blog-style-one .blog-post .blog-image a i {
    color: #fff;
    background: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.blog-style-one .blog-post .blog-image {
    position: relative;
}
.blog-style-one .blog-post {
    border: 1px solid #c1c1c1;
    overflow: hidden; 
}
.blog-style-one .common-btn, .blog-style-one .gym-pagination {
    margin-top: 50px;
}
.blog-style-one .blog-post:hover {
    box-shadow: 10px 10px 15px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 10px 10px 15px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 10px 10px 15px 0px rgb(0 0 0 / 8%);
}
.blog-style-one .blog-post:hover .blog-image img {
    transform: rotate(-3deg) scale(1.1);
}
.blog-style-one .blog-post .blog-image figure {
    overflow: hidden;
}
.blog-style-one .blog-post .blog-author {
    margin-top: 17px;
}
.blog-style-one .blog-post img {
    width: 100%;
}
.blog-style-one .blog-post .blog-author .details h3 {
    font-size: 16px;
    color: #444;
    font-family: var(--theme-found);
    font-weight: bold;
    margin: 0;
}
.blog-style-one .blog-post .blog-author .details h3 span {
    color: #999;
}
.blog-style-one .blog-post .blog-author .author-img figure {
    margin-right: 10px;
}
.blog-style-one .blog-post .blog-author .author-img figure img {
    object-fit: cover;
    object-position: center;
    width: 60px;
    height: 60px;
    border-radius: 100px;
}
/* 12. Blog Style One End*/

/* 13. Footer Style One Start */
.footer-style-one .footer-p-1 {
    padding: 30px 0;
    border-bottom: 1px solid;
    position: relative;
}
.footer-style-one li p a {
    text-transform: math-auto;
}
.footer-logo a img {
    width: 200px;
}
.mobile-nav img {
    width: 200px;
}
.contact-info .images img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100px;
    border: 2px solid white;
}
.contact-info .images figure:last-child {
    margin-left: -10px;
}
.contact-info p {
    font-size: 16px;
    color: white;
}
.contact-info p span {
    font-weight: bold;
    text-decoration: underline;
}
.contact-info .images {
    margin-right: 15px;
}
.footer-first {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-first a.theme-btn:hover:after {
    background-color: #fff;
}
.footer-style-one .footer-p-2 {
    padding: 100px 0;
    position: relative;
}
.footer-style-one {
    background-color: #000;
    position: relative;
} 
footer {
    position: relative;
} 
footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    opacity: .9;
} 
.footer-style-one .footer-p-2 .footer-col h3 {
    color: white;
}
.footer-col p {
    font-size: .8rem;
}
.footer-style-one .footer-p-2 .footer-col h3 {
    font-size: 34px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.footer-style-one .footer-p-2 .footer-col p {
    width: 100%;
    margin-top: -7px;
}
.footer-style-one .footer-p-2 .footer-col p,
.footer-style-one .footer-p-3 .footer-col p  {
    color: #b7b7b7;
}
 .footer-p-3 {
    position: relative;
}
.footer-style-one .footer-p-2 .footer-col ul li {
    display: flex; 
}
.footer-col ul li > i {
    background-color: var(--theme-color);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
}
.footer-style-one .footer-p-2 .footer-col ul li p {
    margin-left: 20px;
    font-weight: 600;
    font-family: var(--theme-found);
    width: 67%;
}
.footer-style-one .footer-p-2 .footer-col ul li p a {
    color: #b7b7b7;
    font-family: var(--theme-found);
    padding-top: 16px;
    display: block;
}
.footer-style-one .footer-p-2 .footer-col ul li:not(:last-child) {
    margin-bottom: 20px;
}
.footer-style-one .footer-p-2 .footer-col form {
    width: 100%;
    margin-top: 20px;
     position: relative;
}
.footer-style-one .footer-p-2 .footer-col form input {
    height: 70px;
    background-color: #232222;
    width: 100%;
    border: 0;
    padding-left: 30px;
    outline: none;
    color: #fff;
    font-family: var(--theme-found);
    font-size: 18px;
}
.footer-style-one .footer-p-2 .footer-col ul li p a:hover {
    color: var(--theme-color);
}
.footer-style-one .footer-p-2 .footer-col form input::placeholder {
    color: #b7b7b7;
}
.footer-style-one .footer-p-2 .footer-col form button {
    width: 60px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    position: absolute;
    right: 7px;
    top: 50%;
    border: 0;
    background: transparent;
}
.footer-style-one .footer-p-2 .footer-col form button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    border: 2px solid;
    z-index: -1; 
}
.footer-style-one .footer-p-2 .footer-col form button:hover:before {
    background: transparent;
}
.footer-style-one .footer-p-2 .footer-col form button i {
    color: white;
    transform: rotate(90deg);
    font-size: 20px;
}
.footer-style-one .footer-p-2 .footer-col form button:hover i {
    color: white;
}
.footer-style-one .footer-p-3 .footer-col p i {
    font-size: 15px;
    margin: 0 5px;
}
.footer-style-one .footer-p-3 .footer-col a {
    font-family: var(--theme-found);
    font-size: .8rem;
    line-height: 20px;
    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 { 
    padding: 22px 0;
    display: flex;
    justify-content: center;
	text-align: center;
}
.footer-style-one .footer-p-3.rights .footer-col .social-medias a:not(:last-child) {
    margin-right: 25px;
}
/* 13. Footer Style One End */

/* 14. Header Style One Start */
.header-style-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}
.header-style-one .nav-bar > ul {
    display: flex;
}
.header-style-one .nav-bar ul li a {
    font-size: 16px;
    color: white;
    font-family: var(--theme-found);
}
.header-logo a img {
    width: 180px;
    height: auto;
}
.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 .nav-bar > ul {
    padding-right: 130px;
}
.desktop-nav .nav-bar > ul > li > a {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    position: relative;
    font-family: var(--common-found);
    text-transform: uppercase;
}
.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: 18px;
    font-weight: 500;
    position: relative;
    justify-content: space-between;
    font-family: var(--common-found);
    text-transform: capitalize;
}
.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 ul.sub-menu li a:hover {
    color: #fff;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 20px;
    background-image: url('../images/p-button.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li a:hover:before{
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li a svg {
    width: 8px;
    height: 8px;
    fill: #a9a9a9;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li a:hover svg {
    fill: #fdfdfd;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li:nth-child(even) a:hover{
    background-color: transparent;
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children ul.sub.sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li {
    position: relative;
}
.desktop-nav .nav-bar > ul > li {
    padding: 30px 0;
    position: relative;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children > a:before {
    content: "";
    background-image: url('../images/down-arrow.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -15px;
    width: 10px;
    height: 10px; 
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children > a:hover:before{
    background-image: url('../images/down-arrow-clr.svg');
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before{
    content: "";
    width: 50%;
    height: 5px;
    position: absolute;
    top: -5px;
    left: -4px;
}
.desktop-nav .nav-bar  ul > li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children > ul.sub-menu {
    border-left: 5px solid;
}
.desktop-nav .nav-bar ul li.menu-item-has-children:hover ul.sub-menu {
    box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);;
}
.desktop-nav .nav-bar .extras .menu-start svg {
    fill: white;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-right: 30px;
}
.desktop-nav .nav-bar .extras .menu-start {
    display: none;
}
.desktop-nav .nav-bar .extras #desktop-menu {
    display: block;
}
.desktop-nav .nav-bar .extras .slideDown svg {
    margin-left: 30px;
}
.desktop-nav .nav-bar .extras .slideDown:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5px;
    z-index: -1;
    background: #000;
}
.desktop-nav .nav-bar .extras a#show {
    position: relative;
    margin-right: 32px;
}
.desktop-nav .nav-bar .extras a#show:before {
    content: "2";
    color: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    bottom: -8px;
    left: 50%;
    transform: translateX(-47%);
    z-index: 1;
    font-size: 10px;
    font-family: var(--theme-found);
}
.desktop-nav .nav-bar .extras a#show svg {
    width: 25px;
    fill: white;
}
 /* 04. cart popup */
.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);
    z-index: 11;
}
.cart-popup img {
    width: 75px;
}
.cart-popup .p-data h3 {
    font-size: 26px;
    color: #191919;
    margin-bottom: 5px;
    line-height: 28px;
}
.cart-popup .p-data {
    padding-left: 15px;
}
.cart-popup .p-data p {
    line-height: 25px;
}
.cart-popup ul li {
    margin-bottom: 18px;
}
.cart-popup ul li:not(:last-child) {
    border-bottom: 1px solid #00000014;
    padding-bottom: 15px;
}
.cart-popup ul li a:before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url('../img/remove.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: -5px;
    left: -10px;
}
.white_content i:hover {
    color: #000;
    transform: rotate(90deg);
}
.cart-popup .cart-total {
    background-color: #eee;
    padding: 15px;
    margin-bottom: 10px;
}
.cart-popup .cart-total span {
    font-size: 18px;
    line-height: 25px;
    color: #222;
}
.cart-popup .cart-btns a {
    font-size: 16px;
    line-height: 25px;
    color: #222;
    text-transform: uppercase;
}
.cart-popup .cart-btns a {
    font-size: 24px;
    line-height: 25px;
    color: #222;
    text-transform: uppercase;
    width: 50%;
    text-align: center;
    padding: 16px;
    border: 2px solid #909090;
}
.cart-popup .cart-btns a:not(:last-child){
    margin-right: 8px;
}
.cart-popup .cart-btns a.checkout{
    border: 3px solid #fa441d;
}
.cart-popup .cart-btns a:hover {
    background-color: #000;
     border-color: #000;
    color: white;
}
.white_content {
    position: fixed;
    top: 0%;
    right: 0%;
    width: 30% !important;
    width: 50%;
    height: 100%;
    padding: 40px;
    background-color: white;
    z-index: 1002;
    overflow: hidden;
}
.white_content i {
    color: var(--theme-color);
    font-size: 34px;
    position: absolute;
    top: 2%;
    right: 20px;
}
@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;  }
} 
.cart-popup .cart-btns a.checkout:hover {
    border-color: #fa441d;
} 
.menu-end {
    display: flex;
    align-items: center;
}  
.desktop-nav .nav-bar .extras {
    display: flex;
    align-items: center;
}
.header-style-one .desktop-nav .nav-bar {
    display: flex;
    align-items: center;
} 
.mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 25%; 
    height: 100%;
    background-color: white;
    padding: 50px 40px 15px;
    z-index: 111115;
    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;
    padding-bottom: 0;
}
.mobile-nav.desktop-menu {
    width: 400px;
    padding: 40px;
    height: 100%;
}
.mobile-nav.desktop-menu h2 {
    font-size: 28px;
    margin-bottom: 10px;
}
.mobile-nav.desktop-menu p,
.mobile-nav.desktop-menu .des {
    color: #b7b7b7;
}
 
.mobile-nav.desktop-menu h3 {
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 12px;
    color: #fff;
}
.mobile-nav.desktop-menu .des {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px;
}
.mobile-nav.desktop-menu a,
.mobile-nav.desktop-menu .num a {
    margin-bottom: 5px;
    color: #b7b7b7;
    font-size: 18px;
    font-family: var(--theme-found);
}
.mobile-nav.desktop-menu .adrs {
    width: 100%;
}
.mobile-nav.desktop-menu img {
    width: 100%;
}
.mobile-nav.open {
    transform: translateY(0);
}
.mobile-nav ul li a svg {
    width: 11px;
}
.mobile-nav ul > li.menu-item-has-children:before {
    content: "";
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 36px;
    right: 0;
    width: 10px;
    height: 10px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.mobile-nav > ul li.menu-item-has-children.active ul.sub-menu li:before {
    top: 12px;
}
.mobile-nav > ul > li.menu-item-has-children.active:before {
    background-image: url(../images/down-arrow-clr.svg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.mobile-nav > ul > li {
    position: relative;
    border-bottom: 1px solid #5b5b5b;
    padding: 10px 0;
}
.mobile-nav > ul li > a {
    font-size: 30px;
    color: #fff;
    line-height: 34px;
    position: relative;
}
.mobile-nav > ul > li > a {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;
} 
.mobile-nav > ul.social-media li {
    border: 0;
}
.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;
    text-transform: capitalize;
}
.mobile-nav > ul  li.menu-item-has-children.active  ul.sub-menu li a:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -15px;
}
.res-log {
    margin-bottom: 30px;
}
.mobile-nav .donation {
    display: flex;
    align-items: center;
    margin: 25px 0;
}
.mobile-nav .donation a:first-child{
    margin-right: 40px;
}
.mobile-nav .donation a.theme-btn{
    padding: 10px 30px;
}
a.theme-btn:hover:after {
    background-color: var(--theme-color);
}
.mobile-nav .donation a.cart{
    position: relative;
}  
.mobile-nav .donation a.cart:before {
    content: "1";
    color: white;
    width: 25px;
    height: 25px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    top: -7px;
    right: -19px;
    z-index: 1;
    font-size: 13px;
}
.res-rights p{
    color: #d6d6d6;
    font-weight: bold;
    letter-spacing: 5px;
    margin-top: 30px;
}
.mobile-nav a#res-cross:before {
    content: "";
    width: 35px;
    height: 35px;
    background-image: url('../images/remove.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 20px;
}
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.line {
  fill: none;
  stroke: white;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.line2 {
    stroke-dasharray: 26 43;
    stroke-width: 3px;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.open .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
.open .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}
.open .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
/* 14. Header Style One End */

/* 15. Our Goal Start */
.our-goal .data p {
    width: 75%;
}
.our-goal .data h4 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 17px; 
    text-transform: uppercase;
    font-size: 28px;
}
.our-goal .data.p2 {
    margin-top: 43px;
}
.our-goal ul {
    padding-left: 30px;
}
.our-goal ul li {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    font-family: var(--theme-found);
}
.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-mov {
    position: absolute;
    bottom: 75px;
    left: -105px;
}
.our-goal .data {
    position: relative;
}
.our-goal .data svg {
    position: absolute;
    left: -36px;
    bottom: 130px;
    width: 54px;
    height: 70px;
    z-index: 9;
}
/* 15. Our Goal End */

/* 16. Pricing Plans Start */
.pricing-plans .price-box h3 {
    font-size: 22px;
    margin-bottom: 24px;
    font-family: var(--common-found) !important;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.price-box {
    padding: 44px;
}
.pricing-plans .main-price:hover li {
    color: #ededed;
}
.pricing-plans .main-price .price-box h2 {
    font-family: var(--common-found);
    font-weight: 500;
    font-size: 80px;
} 
.pricing-plans .price-box .theme-btn:after {
    background-color: var(--theme-color);
} 
.pricing-plans .main-price:hover .theme-btn {
    color: #fff;
} 
.pricing-plans .main-price:hover .theme-btn:after {
    background-color: #fff;
}
.pricing-plans .price-box h2 {
    font-size: 70px;
    line-height: 50px;
    margin-right: 15px;
}
.pricing-plans .price-box h2,
.pricing-plans .price-box h3 {
    font-family: var(--theme-found);
    font-weight: 500;
}
.pricing-plans .price {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
}
.pricing-plans .price p {
    font-size: 18px;
    line-height: 15px;
    position: relative;
    display: inline-flex;
    font-family: 'Teko'; 
    text-transform: uppercase;
    border: 0;
} 
.pricing-plans .price-box > p {
    line-height: 26px;
    width: 83%;
}  
.pricing-plans .price-box .theme-btn {
    margin-top: 30px;
    background: #ffffff;
     color: #000;
}
.pricing-plans .price-box .theme-btn:after {
    border-top-color: #e8e8e8;
} 
.pricing-plans .price-box:hover .theme-btn i:after {
    background: #111111;
} 
.pricing-plans .price-box:hover .theme-btn:after {
    border-top-color: #ffee02;
}
.pricing-plans .price-img img {
    width: 100%;
    filter: grayscale(1);
}
.pricing-plans .main-price:hover .price-img img {
    filter: grayscale(0);
}
.pricing-plans .main-price {
    border: 1px solid #c1c1c1; 
    padding-bottom: 0px;
} 
.pricing-plans .features ul li {
    font-size: 16px;
    line-height: 19px; 
    align-items: center;
    font-family: var(--theme-found);
}
.pricing-plans .features ul li:not(:last-child) {
    margin-bottom: 15px;
}
.pricing-plans .features ul li i {
    font-size: 20px;
    margin-right: 10px;
    color: #60cd00;
}
.pricing-plans .features {
    padding-top: 20px;
}
.pricing-plans .main-price {
    position: relative;
    overflow: hidden;
} 
.pricing-plans .main-price:hover .price-box {
    background: #111111;
}
.pricing-plans .main-price:hover .price-box > p,
.pricing-plans .main-price:hover .price-box .price p {
    color: #ccc;
}
.pricing-plans .main-price .price-box h2 ,
.pricing-plans .main-price:hover .price-box h2{
    color: var(--theme-color);
}
.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 { 
    padding: 40px 40px 0;
    position: relative;
}
.service-two-box i.flaticon {
    position: absolute;
    color: #fff;
    font-size: 62px;
    bottom: 0;
}
.service-two-box:hover i.flaticon {
     display: none;
}
.service-style-two .service-two-box:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: 0;
    opacity: .50; 
    background-color: #000;
}
.service-style-two .service-two-box:hover:before {
    opacity: .70;
    visibility: visible;
    height: 100%;
}
.service-style-two .service-two-box h3 a {
    font-size: 34px;
    margin-bottom: 8px;
    color: white;
    text-transform: uppercase;
}
.service-two-box h3 a {
    position: relative;
    color: #fff;
} 
.service-style-two .service-two-box:hover {
    transform: scale(1.1);
    z-index: 1;
}
.service-style-two .service-two-box p {
    line-height: 28px;
    margin-bottom: 30px;
    margin-top: 7px;
    position: relative;
    opacity: 0;
    color: #fff;
}
.service-style-two .service-two-box:hover p {
    opacity: 1;
}
.service-style-two .service-two-box .service-two-icon svg {
    width: 60px;
    height: 60px;
}
.service-style-two .service-two-box .service-two-icon {
    width: 105px;
    height: 125px;
    position: relative;
} 
.service-two-box .theme-shaps {
    position: absolute;
    bottom: 15px;
    width: 90px;
    right: 15px;
    height: auto;
    fill: #fff;
    transform: scaleX(0);
}
.service-two-box:hover .theme-shaps {
transform: scaleX(1);
}
.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: white;
}
.service-style-two .service-two-box:hover .service-two-icon i,
.service-style-two .service-two-box:hover .service-two-icon {
    opacity: 1;
    visibility: visible;
}
.service-style-two .service-two-box:hover .service-two-icon svg {
    opacity: 0;
}
.service-style-two .service-two-box:hover .service-two-icon:before {
    background: transparent;
}
.service-style-two .service-two-box.last {
    border: 0;
    height: 100%;
}
.service-style-two .service-two-box.last:before {
    display: none;
}
.service-style-two .service-two-box.last a {
    color: black;
    font-size: 18px;
    font-family: var(--theme-found);
}
.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: 30px;
    }
.certificates .data .c-img { 
    position: relative;
}
.certificates .data .c-img img {
    width: 100%;
} 
.certificates .data h2 {
    font-size: 60px;
    line-height: 60px;
    margin-top: 5px;
    margin-bottom: 40px;
}
.certificates .c-slider .c-main {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #f1f1f1;
    padding: 40px;
    justify-content: space-between;
}
.certificates .c-slider .c-main .c-first {
    width: 34%;
    text-align: center;
    margin-top: 25px;
}
.certificates .c-slider .c-main .c-first figure {
    position: relative;
} 
.certificates .c-slider .c-main .c-second {
    width: 60%; 
}
.certificates .c-slider .c-main .c-second span {
    font-size: 26px;
    color: var(--theme-color);
    font-family: var(--common-found);
     font-weight: 500;
}
.certificates .c-slider .c-main .c-second h3 {
    font-size: 36px;
    line-height: 36px;
     margin-top: 5px;
    margin-bottom: 15px;
}
.certificates button.owl-prev i, .certificates button.owl-next i {
    color: #000;
} 
.certificates .c-slider .owl-nav button {
    width: 55px;
    height: 55px;
    border: 1px solid #cecece;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border-radius: 100%;
}
.certificates .c-slider .owl-nav button:hover {
    color: #fff;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.certificates .c-slider .owl-nav button:hover i {
    color: #fff;
}
.certificates .c-slider .owl-nav {
    position: absolute;
    bottom: -76px;
    left: 0; 
    background: white;
}
/* 18. Certificates End */

/* 19. Blog Style Two Start */
.blog-style-two .blog-item h2 a {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 17px;
    margin-top: 8px;
}
.blog-style-two .blog-item h2 {
    line-height: 34px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.blog-style-two .blog-item h2 a:hover {
    color: var(--theme-color);
}
.blog-style-two .blog-item:hover img {
    transform: scale(1.1);
}
.blog-item {
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
 
.blog-style-two .blog-item h2 a {
    color: black;
}
.blog-style-two .blog-item p {
    line-height: 28px;
    padding-bottom: 25px;
}
.blog-style-two .blog-item .blog-date {
    font-size: 16px;
    font-family: var(--theme-found);
    color: black;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
}
.blog-slider img {
    width: 100% !important;
}
.blog-style-two .blog-item > a.category {
    position: absolute;
    top: 10px;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: var(--theme-color);
    color: #fff;
    padding: 6px 14px;
    left: 10px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 0;
    height: 28px;
    padding-top: 11px;
}
.blog-style-two .blog-item .blog-date:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
} 
.blog-style-two .blog-item .blog-post-num {
    display: flex;
    font-size: 50px;
    font-family: var(--theme-found);
    -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  {
    font-size: 30px;
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.blog-style-two .blog-item a {
    color: black;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}
.blog-style-two .blog-item a i {
    margin-right: 14px;
    transform: rotate(45deg);
    font-size: 20px;
}
.blog-style-two .blog-item {
    position: relative; 
    padding-top: 0;
    padding-left: 0; 
    width: 97%;
} 
/*.blog-style-two .blog-item ,.blog-style-two .owl-item .blog-item {
    border: 1px solid #fff;
} */   
.blog-style-two .blog-item > a {
    display: flex;
    margin-top: 40px;
    justify-content: center;
} 
.f-slider-three .owl-dots,
.blog-style-two .blog-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.f-slider-three .owl-dots button,
.blog-style-two .blog-slider .owl-dots button {
    background-color: #c1c1c1;
    width: 40px;
    height: 3px;
    color: transparent;
    margin-right: 10px;
}
 .blog-style-two .blog-slider .owl-dots button.active {
    background: var(--theme-color);
    border-color: var(--theme-color); 
} 
.f-slider-three .owl-dots {
    margin-top: 15px;
    position: absolute;
    left: 14%;
    bottom: 11%;
}
.f-slider-three .owl-dots button.active {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
/* 19. Blog Style Two End */

/* 20. Estimated Price Start */
.estimated-price {
    background: #fff5ed;
    position: relative;
}
.estimated-price .bg-wh {
    background: white;
    padding: 40px 30px;
    position: relative;
    z-index: 1;
    padding-bottom: 0;
}
.estimated-price .est-form form .row {
    margin-bottom: 28px;
}
.estimated-price .est-form > p {
    margin-bottom: 38px;
}
.estimated-price .est-form label {
    font-family: var(--theme-found);
    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 > p {
    margin-bottom: 13px;
}
.estimated-price .est-form .est-main {
    margin-top: 52px;
}
 .fit_bmichart {
    background-color: #000;
    padding: 30px;
    margin-bottom: 40px;
} 
.fit_bmichart h1 {
    color: #fff;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 40px;
}
.fit_bmichart table {
    color: #fff;
    aas: 20px;
} 
.fit_bmichart table th,.fit_bmichart table td {
    padding: 8px 20px;
    border: 1px solid #444;
    text-transform: uppercase;
    font-size: 20px;
}
.fit_bmichart table th {
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.est-img img {
    margin-top: -175px;
}
.your-bmi h5 {
    font-size: 26px;
    padding-bottom: 30px;
}
.your-bmi h5 span {
    color: var(--theme-color);
    font-family: var(--common-found);
    font-size: 36px;
}
.est-form .nav-pills {
    display: -webkit-inline-box;
    font-family: var(--theme-found);
    margin-bottom: 32px;
    width: auto;
} 
.est-form  .nav-pills .nav-link.active {
    background-color: var(--theme-color);
    color: #fff !important;
}
.nav-pills .nav-link.active span {
    color: var(--theme-color);
}
.est-form .nav-pills .nav-link {
    width: 130px;
    background-color: #fff;
    margin-right: 10px;
    border-radius: 0 !important;
    color: var(--theme-color);
    text-transform: uppercase;
    font-family: var(--common-found);
    padding: 6px;
    line-height: normal;
    font-weight: 500;
    font-size: 20px;
    border: 1px solid var(--theme-color);
} 
.nav-pills .nav-link.active {
    color: var(--theme-color) !important;
    font-weight: 500 !important;
    border-radius: 0;
}
figure.est-img {
    text-align: end;
    transform: translateY(40px);
    overflow: visible;
}
.blog-style-two .blog-item figure {
    margin-bottom: 24px;
}   
/* 20. Estimated Price End */

/* 21. Contact Us Start */
.contact-us .heading h2 {
    width: 30%;
}
.contact-us .c-data .map {
    margin-top: -124px;
}
.contact-us .c-data ul li a img {
    width: 125px;
    height: 125px;
    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: -15px;
    left: 50px;
    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;
    color: #fff;
}
.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: #111111;
    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;
    width: 100%;
    position: absolute;
    top: 0;
    left: -6%;
}
.contact-us .c-data ul li {
    position: absolute;
}
.contact-us .c-data ul li:nth-child(1) {
    top: 100px;
    right: 137px;
}
.contact-us .c-data ul li:nth-child(2) {
    top: 100px;
    right: 248px;
}
.contact-us .c-data ul li:nth-child(3) {
    top: 100px;
    right: 360px;
}
.contact-us .c-data ul li:nth-child(4) {
    top: 100px;
    left: 158px;
}
.contact-us .c-data ul li:nth-child(5) {
    top: 100px;
    left: 47px;
}
.contact-us .c-data .map {
    margin-top: -124px;
    z-index: -11;
    position: relative;
}
.contact-us .c-cards .card .details h2 {
    font-size: 35px;
    text-transform: uppercase;
    color: #fff;
}
.contact-us .c-cards .card .details > span {
    font-size: 18px;
    color: #fff;
    font-family: var(--theme-found);
}
.contact-us .c-cards .card .details,
.contact-us .c-cards .card .contacts-info {
    margin-left: 40px;
    color: #fff;
}
.contact-us .c-cards .card ul li span,
.contact-us .c-cards .card .details .address {
    font-size: 18px;
    color: #000;
}
.contact-us .c-cards .card ul li span {
    width: 13%;
    display: inline-flex;
    color: #fff;
}

.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 {
    padding: 43px 20px 20px;
    border: 1px solid var(--theme-color)1c;
    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;
    background-color: var(--theme-color);
} 
.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 .card {
    border: 1px solid #5a5a5a99;
}
.contact-us .c-cards {
    position: relative;
}
/* 21. Contact Us End */

/* 22. About Style Two Start */
.history-style-one .history-data a {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 45px;
    left: 42%;
}
.history-data:hover img {
    transform: scale(1.1);
}
.history-style-one .history-data a i {
    font-size: 21px;
    transform: rotate(45deg);
    color: #fff;
}
.history-style-one .history-data a:hover i {
    transform: rotate(45deg) translate(0px, -5px);
}
.history-style-one .history-data .details h3 {
    font-size: 40px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.history-style-one .history-data .details {
    position: absolute;
    top: 0;
    left: 0;
    padding: 55px 50px 45px 50px;
    height: 100%;
    padding-top: 249px;
    z-index: 11;
}
.history-data:hover .details {
    padding-top: 180px;
}
.history-style-one .history-data {
    position: relative;
    text-align: center;
}
.history-style-one .history-data figure:before {
    content: "";
    background: #111111;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 1;
}
.history-style-one .history-data .details p {
    color: #ddd;
}
.history-style-one .history-data .details p,
.history-style-one .history-data .details a {
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
}
.history-style-one .history-data .details:hover p,
.history-style-one .history-data .details:hover a {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
/* 22. About Style Two End */

/* 23. CTA Section Start */
.cta-section {
    overflow: hidden;
}
.cta-section .cta-data h2 {
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 500;
    width: 95%;
    line-height: 100px;
}
.cta-section .cta-data p {
    font-size: 18px;
    width: 72%;
    margin-bottom: 44px;
    margin-top: 6px;
}
.cta-section .cta-data .theme-btn:hover {
    color: black;
}
.cta-section .cta-data figure img {
    margin-left: -205px;
}
.cta-section .cta-data figure {
    position: relative;
    overflow: visible;
}
/* 23. CTA Section Start */

/* 24. Shop Style One Start */ 
.product a.theme-btn {
    position: absolute;
    top: 50%;
    left: 30%;
    width: max-content;
    transform: translate(-50%, -50%);
    opacity: 0;
} 
.product:hover a.theme-btn {
    left: 50%;
    opacity: 1;
    background-color: #fff;
    color: #000;
}
.product a.theme-btn:hover {
    background-color: var(--theme-color);
    color: #fff;
}
.shop-style-one {
    background: #f7f6f2;
}
.shop-style-one .product .price-range span {
    color: var(--theme-color);
}
.shop-style-one .product h3 {
    font-size: 18px;
}
.shop-style-one .product h3 a {
    color: #444;
    font-size: 28px;
    padding-top: 20px;
    display: block;
}
.shop-style-one .product h3 a:hover {
    color: var(--theme-color);
}
.shop-style-one .product {
    border: 1px solid #c1c1c1;
    padding: 30px;
    width: 90%;
    background: white;
    position: relative;
}
.shop-style-one .product .price-range span {
    font-family: var(--common-found);
    font-size: 30px;
    font-weight: 400;
}
.product-detail {
    background-color: #fff;
}
.shop-style-one .product .price-range {
    margin-top: 3px;
    font-family: var(--common-found);
}
.shop-style-one .p-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.p-slider.owl-carousel  .ratings {
    right: 10px;
}
.shop-style-one .p-slider .owl-dots button {
    background-color: #c1c1c1;
    width: 40px;
    height: 3px;
    color: transparent;
    margin-right: 8px;
}
.shop-style-one .p-slider .owl-dots button.active {
    background: #111111;
    background-color: var(--theme-color);
}
.shop-style-one .p-slider .product figure img {
    width: 100%;
    height: 290px;
    object-fit: contain;
} 
.shop-style-one .p-slider .owl-item.active.center .product figure img { 
    object-fit: contain;
}
.shop-style-one.addition {
    background: white;
}
 
.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;
}
.theme-btn:hover:after {
    background-color: var(--theme-color);
}
.shop-style-one.addition .product .theme-btn {
    display: none;
}
.shop-style-one.addition .row.list > div .product .theme-btn {
    display: block;
}
.shop-style-one.addition .row.list > div .product .main-data {
    display: flex;
    align-items: center;
}
.shop-style-one.addition .shop-filter {
    border: 1px solid #c1c1c1;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 24px;
}
.shop-style-one.addition .shop-filter > p {
    line-height: 27px;
    font-family: var(--common-found);
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
}
.shop-style-one.addition .shop-filter .gird-list a {
    font-size: 30px;
    padding: 0 7px;
}
.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: #ffffff;
    background: var(--theme-color);
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.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: ""; 
}
.shop-style-one.addition .product {
    width: 100%;
    margin-bottom: 30px;
}
.shop-style-one.addition .grid .product .btn-hover .theme-btn {
    display: block;
    width: max-content;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) translateX(-10px);
    left: 50%; 
    opacity: 0;
    visibility: hidden;
}
.shop-style-one.addition .grid .product .btn-hover,
.shop-style-one.addition .grid .product .btn-hover figure {
    position: relative;
} 
.shop-style-one.addition .grid .product .btn-hover .theme-btn:hover {
    color: #000;
    background: #f6f6f6;
}
.shop-style-one.addition .grid .product:hover .btn-hover .theme-btn {
    transform: translate(-50%, -50%) translateX(0);
    opacity: 1;
    visibility: visible;
}
.shop-style-one.addition .grid .product .btn-hover figure:before {
    content: "";
    background: white;
    width: 70%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.shop-style-one.addition .grid .product:hover .btn-hover figure:before {
    width: 100%;
    opacity: 0.7;
    visibility: visible;
}
.shop-style-one.addition .list .product .btn-hover .theme-btn,
.shop-style-one.addition .list .product .btn-hover figure:before {
    display: none !important;
}
/* 24. Shop Style One End */

/* 25. Team Style Two Start */
 
.making-people ul {
    gap: 16px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 28px;
    padding-bottom: 50px;
} 
.making-people ul li {
    width: 46%;
    font-size: 18px;
    font-family: var(--theme-found);
} 
.making-people ul li i {
    padding-right: 11px;
    color: var(--theme-color);
} 
.js-marquee {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: nowrap;
    margin: 0;
    float: none !important;
    margin-right: 30px !important;
}
.marquee_text {
    display: flex;
    position: relative;
    padding-top: 0;
    height: 374px;
}
.marquee_text > div {
    display: flex;
}
.team-style-2 h5 { 
    color: #000;
    font-size: 30px;
}
.js-marquee a:hover .team-style-2 img {
    transform: scale(1.1);
}
.team-style-2 span {
    font-size: 22px;
    font-family: var(--common-found);
    letter-spacing: 1px;
    font-size: 26px;
    padding-top: 13px;
    display: block;
    color: var(--theme-color);
}
/* 25. Team Style Two End */

/* 26. header-style-one.three Start */
 header.header-style-one.three {
    top: 10px;
}
.header-style-one.three .slideUp .theme-btn,
.header-style-one.three .slideDown .theme-btn {
    border: 0;
}
 header.header-style-one.three {
    top: 10px;
} 
header.header-style-one.three:before {
    content: "";
    position: absolute;
    width: 84%;
    height: 68%;
    background-color: var(--theme-color);
    bottom: 0;
} 
header.header-style-one.three .theme-btn:hover {
    background-color: #fff;
    color: #000;
}
header.header-style-one.three .theme-btn {
    border: 1px solid #fff ; 
} header.header-style-one.three .header-logo:before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 230px;
    height: 110px;
    top: -25px;
    left: -25px;
} 
header.header-style-one.three .header-logo img {
    position: relative;
    z-index: 1111;
}
 header.header-style-one.three .header-logo {
    position: relative;
} 
header.header-style-one.three .desktop-nav .nav-bar > ul > li.menu-item-has-children > a:before {
     filter: sepia(111);
}
header.header-style-one.three .top-bar {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-bottom: 14px;
}
header.header-style-one.three .top-bar ul.social-media {
    margin: 0;
    margin-left: 27px;
} 
header.header-style-one.three .top-bar ul.social-media i {
    border: 0;
    width: 30px;
    height: 0;
} 
header.header-style-one.three .top-bar p {
    color: #fff;
    font-size: 16px;
} 
header.header-style-one.three .top-bar p i {
    padding-right: 10px;
}
.header-style-one.three a.phone-number {
    color: #fff;
    display: flex;
    position: relative;
    font-size: 26px;
    padding-left: 20px;
    border-left: 1px solid #ff4146;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.header-style-one.three .slideUp a.phone-number,.header-style-one.three .slideDown a.phone-number {
     border-left: 1px solid #484848;
 }
a.phone-number i {
    height: 36px;
    position: relative;
    padding-right: 10px;
    padding-top: 6px;
}

/* 26. header-style-one.three End */

/* 27. hero-section-three Start */
 
    .hero-three h1 {
    font-size: 128px; 
    text-transform: uppercase;
    line-height: 100px;
    color: #fff;
} 
.hero-three {
    opacity: 0;
    visibility: hidden;
    transition: all 3.5s ease;
    transform: translateX(150px);
} 
.owl-item.active .hero-three {
    opacity: 1;
    visibility: visible;
    transition: all 3.5s ease;
    transform: translateX( 0px);
}  
.hero-three h1 span {
    display: block;
    font-family: var(--common-found);
    background-color: var(--theme-color);
    display: table;
    color: #fff;
    padding: 0px 25px;
    line-height: 87px;
    padding-top: 20px;
}
.hero-three {
    padding-top: 200px; 
    padding-bottom: 40px; 
    position: relative;
    z-index: 1;
}
.hero-three p {
    font-size: 22px;
    color: #fff;
    padding-top: 26px;
    padding-bottom: 30px;
}   
.hero-three a.theme-btn {
    background-color: transparent;
    border-color: #fff;
} 
.hero-three a.theme-btn:hover {
    background-color: #fff;
    color: #000;
}
.hero-section-three {
    position: relative;
    background-size: cover;
}
.hero-section-three:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .3;
}

/* 27. hero-section-three End */

/* 28. together Start */
 
   .together {
    text-align: center;
    padding: 62px 40px;
    border: 7px solid var(--theme-color);
}

div#countdown ul {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 20px;
}

div#countdown ul li {
    border: 1px solid #444;
    padding: 15px 40px;
    margin-right: 10px;
    display: grid;
    text-transform: uppercase;
    font-size: 22px;
}

.together h2 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 60px;
}

.together h4 {
    font-size: 34px;
    text-transform: uppercase;
    color: var(--theme-color);
}

.together span {
    text-transform: capitalize;
    font-size: 22px;
}

.together p {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 40px;
}
 .together a:hover {
    color: #000;
} 
#countdown ul span {
    font-family: var(--common-found);
    font-size: 34px;
    line-height: 20px;
    padding-top: 20px;
}

.together a {
    display: block;
    margin-bottom: 7px;
    width: 80%;
    margin: auto;
    margin-bottom: 6px;
}

.together a.two {
    background-color: #f7f6f2;
    color: #000;
    border: 1px solid #f7f6f2;
}

/* 28. together Start */

/* 29. Blog Style Three Start */

.blog-style-three .blog-heading .theme-btn {
    margin-top: 42px;
}
.blog-style-three .blog-heading .theme-btn:hover {
    color: black;
}
.blog-style-three .blog-heading {
    margin-top: 102px;
}
.blog-style-three .blog-posts .date {
    font-size: 16px;
    font-family: var(--theme-found);
    position: relative;
    display: inline-flex;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.blog-style-three .blog-posts .date:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.blog-style-three .blog-posts img {
    width: 106%;
    height: 225px;
    object-fit: cover;
}
.blog-style-one.blog-style-three .blog-post .blog-image:before,
.blog-style-one.blog-detail .blog-post .blog-image:before {
    display: none;
}
.blog-style-three .blog-posts h3 {
    font-size: 34px;
}
.blog-style-three .blog-posts h3 {
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.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;
}
.boxx figure {
    overflow: visible;
}
.blog-style-three .blog-posts .boxx:hover img {
    width: 100%;
}
.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: #111111;
}
.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: #111111;
    padding-top: 215px;
    position: relative;
    z-index: 0;
}
.banner-style-one .banner-details h2 {
    font-size: 100px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
}
.banner-style-one .banner-details p {
    color: #c1c1c1;
    margin-top: 5px;
    display: none;
}
.banner-style-one .banner-details {
    padding-bottom: 75px;
    text-align: center;
}
.banner-style-one .breadcrums {
    border-top: 1px solid #444;
    padding: 30px 0 28px;
    text-align: center;
}
.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 p,
.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 li p {
    line-height: 13px;
    margin-left: 8px;
    border-bottom: 1px solid #717070;
    font-family: var(--common-found);
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
}
.banner-style-one .breadcrums ul li.current p {
    font-weight: 500;
}
.banner-style-one .parallax { 
    background-size: cover;
    background-position: center right;
    opacity: 0.4; 
}
/* 30. Banner Style One End */

/* 31. About-First Start */
.about-first h2 {
    font-size: 50px;
    margin-bottom: 50px;
}
.about-first .who-we-are h3 {
    font-size: 50px;
    color: white !important;
    font-weight: 500;
    font-family: var(--common-found);
    margin-bottom: 00px;
    text-transform: capitalize;
}
.about-first .who-we-are ul {
    margin-bottom: 60px;
}
.about-first .who-we-are p {
    width: 92%;
}
.about-first .who-we-are ul {
    margin-top: 10px;
}
.about-first .who-we-are ul li {
    font-size: 16px;
    color: #444;
    font-family: var(--theme-found);
    margin-bottom: 10px;
}
.who-we-are.space {
    padding-left: 40px;
}
.who-we-are a {
    color: #999;
	text-decoration: underline;
	font-family: var(--theme-found);
}
.who-we-are h4,
.who-we-are h5 {
    color: white;
}
.about-first .who-we-are ul li i {
    font-size: 15px;
    color: var(--theme-color);
    margin-right: 8px;
} 
.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;
    padding-bottom: 70px;
}
.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 { 
    font-size: 26px;
    color: #999;  
    background-color: transparent;
    position: absolute;
    bottom: 15px;
}
.about-how-it-works .plans h3 {
    font-size: 30px;
    margin-bottom: 8px;
}
/* 32. About How It Works End */

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

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

/* 35. Contact Faqs Start */ 
.contact-faqs .acc2 {
    background: white;
    position: relative;
    padding-top: 0;
    padding-bottom: 100px;
}
.contact-faqs .acc2 a {
    font-family: var(--theme-found);
    color: white;
    position: relative;
}
.contact-faqs .acc2 a:before,
.contact-faqs .acc2 a:after {
    content: "";
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.contact-faqs .acc2 a:before {
    border-bottom: 1px solid #fc0344;
    width: 100%;
}
.contact-faqs .acc2 a:after {
    width: 0;
    border-bottom: 1px solid;
}
.contact-faqs .acc2 a:hover:after {
    width: 100%;
}
/* 35. Contact Faqs End */

/* 36. Contact Form 2 Start */
.contact-form-2 .data span {
    font-size: 16px;
    color: #444;
    font-family: var(--theme-found);
}
.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 {
    padding: 30px 50px;
}
.contact-form-2 .bio .data p {
    margin-bottom: 15px;
}
.contact-form-2 .info {
    background: #111111;
    padding: 35px 40px 40px;
}
.contact-form-2 .info ul.contact li i {
    font-size: 20px;
    color: var(--theme-color);
    
    margin-right: 20px;
}
.contact-form-2 .info ul.contact li h3 {
    color: white;
    margin-bottom: 5px;
}
.contact-form-2 .info ul.contact li p,
.contact-form-2 .info ul.contact li a {
    color: #b7b7b7;
    font-family: var(--theme-found);
}
.contact-form-2 .info ul.contact li a {
    display: block;
    
}
.contact-form-2 .info ul.contact li a:hover {
    color: var(--theme-color);
    cursor: pointer;
}
.contact-form-2 .info ul.contact li {
    display: flex;
    padding-top: 24px;
    padding-bottom: 24px;
}
.contact-form-2 .info ul.contact li:not(:last-child) {
    border-bottom: 2px solid #181818;
}
.contact-form-2 .info ul.social-medias li p,
.contact-form-2 .info ul.social-medias li i {
    color: white;
}
.contact-form-2 .info ul.social-medias li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border: 1px solid #525252;
    padding: 0 30px;
}
.contact-form-2 .info ul.social-medias li i {
    font-size: 20px;
}
.contact-form-2 .info ul.social-medias li:not(:last-child) {
    margin-bottom: 10px;
}
.contact-form-2 .info ul.social-medias li .tw:hover {
    background: #5089cf;
}
.contact-form-2 .info ul.social-medias li .fb:hover {
    background: #4267B2;
}
ul.social-medias {
    margin-top: 30px;
}
/* 36. Contact Form 2 End */

/* 37. Construction Services Start */
.construction-services .services-nav ul li button {
    font-size: 24px;
    color: #111;
    font-weight: 500;
    font-family: var(--theme-found);
    border-bottom: 1px solid #e1e1e1;
    padding-left: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    padding: 20px;
    margin-bottom: 10px;
}
.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;
    font-family: var(--common-found);
}
.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: var(--theme-color);
    display: grid;
    align-content: center;
    justify-items: flex-start;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 30px;
    width: 40%;
}
.construction-services .tab-content>.tab-pane figure figcaption h3 {
    color: white;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 500;
    font-family: var(--common-found);
}
.construction-services .tab-content>.tab-pane figure figcaption p {
    color: #ffffff;
}
/* 37. Construction Services End */

/* 38. Video PopUp Start */
.video-popup {
    position: relative;
} 
.video-popup .video-play-btn {
    left: 57%;
    transform: translate(-50%, -50%) ;
}
/* 38. Video PopUp End */

/* 39. Innovation Start */
.innovation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.innovation ul li {
    display: flex;
    align-items: center;
    width: 33.3333333%;
    height: 80px;
    border: 1px solid #c1c1c1;
    padding-left: 30px;
}
.innovation ul li:hover i, .innovation ul li:hover p {
    color: #fff;
}
.innovation ul li i {
    color: var(--theme-color);
    font-size: 17px;
    margin-right: 15px;
}
.innovation ul li p {
    font-size: 16px;
    font-weight: bold;
    font-family: var(--theme-found);
    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 li:hover img {
    transform: scale(1.1);
}
 
.core-values ul {
    flex-wrap: wrap;
}
.core-values ul li .data,
.core-values ul li .image {
    width: 50%;
}
.core-values ul li .data h3 {
    font-size: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.core-values ul li:nth-child(odd) .data p {
    padding-right: 60px;
}
.core-values ul li {
    border-top: 2px solid #ebebeb;
    padding: 30px 0;
    justify-content: space-between;
}
.core-values ul li:last-child {
    border-bottom: 2px solid #ebebeb;
}
.core-values ul li:nth-child(odd) .data {
    padding-left: 110px;
}
.core-values ul li .image {
    padding-right: 110px;
}
.core-values ul li:nth-child(even) .image {
    padding-left: 110px;
    padding-right: 0;
}
.core-values ul li:nth-child(even) .data {
    padding-right: 110px;
    padding-left: 60px;
}
.core-values ul li:nth-child(even) .data p {
    width: 100%;
}
/* 40. Core Values End */

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

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

/*43. Our Project One Start */
.project-completed.our-projects-one .proj-data {
    width: 75%;
}
.project-completed.our-projects-one .proj-data p {
    width: 85%;
    margin-top: 18px;
    padding-bottom: 20px;
}
.project-completed.our-projects-one .prj-post {
    margin-top: 20px;
}
.prj-post:hover img {
    transform: scale(1.1);
}
.proj-data h3 a {
    font-size: 40px;
    color: #000;
} 
.loc-date > div {
    padding-bottom: 10px;
} 
.loc-date span {
    text-transform: uppercase;
    font-family: 'Teko';
    font-size: 20px;
    color: var(--theme-color);
} 
.prj-post .row {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 20px;
}
.loc-date span + span {
    color: #000;
    padding-left: 6px;
}
.proj-data h3 a:hover {
    color: var(--theme-color);
}
.team-detail .team-data > p {
    font-family: 'Teko';
    font-size: 20px;
}
/*43. Our Project One End */

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

/* 45. Blog Style Three Start */
.blog-style-three .blog-heading h2 {
        padding-bottom: 20px;
    }
.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;
    color: #000;
}
.blog-style-one.blog-style-three .blog-post h2 {
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize;
}
.blog-style-one.blog-style-three .blog-data {
    padding: 35px 30px 20px 30px;
}
.blog-style-one.blog-style-three .blog-post {
    padding: 10px;
    margin-right: 20px;
    overflow: visible;
    margin-bottom: 50px;
}
.blog-style-one.blog-style-three .blog-post .blog-image figure {
    margin-right: 0px;
}
.blog-style-one.blog-style-three .gym-pagination .pagination {
    justify-content: flex-start;
}
.blog-style-one.blog-style-three .blog-post {
    transform: none;
}
/* 45. Blog Style Three End */

/* 46. Blog Style Three Start */
.sidebar .box h3 {
    font-size: 32px;
    color: #000;
    border-bottom: 1px solid #efefef;
    position: relative;
    line-height: 55px;
    margin-top: 0;
    font-family: var(--common-found);
    text-transform: uppercase;
}
.sidebar .box h3:before {
    content: "";
    width: 85px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.sidebar .box {
    border: 1px solid #c1c1c1;
    box-shadow: 5px 8px 0px 0px #04040405;
    -webkit-box-shadow: 5px 8px 0px 0px #04040405;
    -moz-box-shadow: 5px 8px 0px 0px #04040405;
    margin-bottom: 20px;
}
.sidebar .box{
    padding: 20px 40px 17px 40px;
}

.sidebar .box.recent-posts ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
} 
.sidebar .box ul li img {
    margin-right: 20px;
    width: 80px;
    height: 80px;
}
.sidebar .box.recent-posts ul li a p {
    color: #000;
    width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    padding-top: 3px;
}
.sidebar .box.recent-posts ul li span {
    text-transform: capitalize;
    color: var(--theme-color); 
    font-size: 16px;
    font-weight: bold;
}
.sidebar .box.recent-posts ul li a:hover p {
    color: var(--theme-color);
} 
.sidebar .box ul {
    margin-top: 10px;
}
.sidebar .box.recent-cmnts h4 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    font-family: var(--theme-found);
    margin-bottom: 5px;
}
.sidebar .box.recent-cmnts ul li {
    padding: 15px 0 10px;
}
.sidebar .box.recent-cmnts ul li p {
    text-decoration: underline;
    text-decoration-color: #bcbcbc;
    margin: 0;
}
.sidebar .box.recent-cmnts ul {
    margin-top: 13px;
}
.sidebar .box.categories ul {
    margin-top: 15px;
}
.sidebar .box.categories ul li {
    padding: 15px 0 10px;
}
.sidebar .box.categories ul li p {
    line-height: 16px;
    margin: 0;
}
.sidebar .box.categories {
    padding: 20px 40px 30px 40px;
}
/* 46. Blog Style Three End */

/* 47. Featured Slider Two Start */
.featured-slider-two {
    background: #111111;
     position: relative;
    z-index: 0;
    padding-top: 120px;
    margin-bottom: 75px;
}
.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;
    padding-left: 16%;
}
.featured-slider-two .s-item .s-first {
    opacity: 0;
    width: 0;
}
.featured-slider-two .active .s-item .s-second {
    width: 50%;
}
.featured-slider-two .s-item .s-second {
    width: 95%;
}
.featured-slider-two .s-item .s-first h1 {
    font-size: 90px;
    color: white;
    line-height: 80px;
    text-transform: uppercase;
}
.featured-slider-two .s-item .s-first p {
    font-size: 22px;
    color: #e1e1e1;
    margin-top: 15px;
}
.featured-slider-two .s-item .s-first .theme-btn {
    margin-top: 40px;
} 
.featured-slider-two .owl-carousel .owl-stage-outer {
    overflow: unset; 
}
.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;
}
.f-2-slider .owl-item.active img {
    width: calc(50vw + 80px);
    height: calc(100vh - 150px);
    margin-bottom: -100px;
} 
.featured-slider-two .f-2-s-nav {
    position: absolute;
    bottom: 70px;
    left: 16%;
    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: #111111;
    position: relative;
    z-index: 0;
}
.what-we-build .heading-style-2 .data h2 {
    color: white;
}
.what-we-build .heading-style-2 {
    margin-bottom: 70px;
}
.what-we-build .heading-style-2 .data span,
.what-we-build .wwb-ul li .location span,
.what-we-build .wwb-ul li:before {
    color: #c4c4c4;
}
.what-we-build .wwb-ul li h3 {
    font-size: 60px;
    line-height: 60px;
    width: 100%;
    margin-right: 100px;
    text-transform: capitalize;
}
.what-we-build .wwb-ul li h3 a {
    color: #757575;
}
.what-we-build .wwb-ul li.active h3 a {
    color: white;
}
.what-we-build .wwb-ul {
    counter-reset: my-awesome-counter;
}
.what-we-build .wwb-ul li {
    display: flex; 
    counter-increment: my-awesome-counter;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #555;
}  
.what-we-build .wwb-ul li img {
    border-radius: 0;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    transform: scale(0.9);
    clip-path: circle(0% at 50% 50%);
    transition: 0.5s sopacity 1s, transform 1s, clip-path 1s;
}
.what-we-build .wwb-ul li.active img {
    transform: scale(1); 
     clip-path: circle(100% at 50% 50%);
}
 .what-we-build .wwb-ul li:last-child {
    border-bottom: 1px solid #555;
} 
.what-we-build .wwb-ul li .location span {
    font-size: 18px;
    font-weight: 500;
    margin-right: 20px;
}
.what-we-build .wwb-ul li .location {
    padding-top: 12px;
    display: block;
}
.what-we-build .wwb-ul li figure img {
    width: 385px;
    height: 236px;
    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;
    z-index: 11;
}  
/* 48. What-we-build End */

/* 49. Service Detail Page Start */
.detail-page p,
.detail-page h3 {
    margin: 15px 0;
}

.detail-page p span {
    border-bottom: 1px solid #c1c1c1;
    line-height: 12px;
    display: inline-flex;
    font-weight: 500;
    color: #444;
}
.detail-page h3 {
    font-size: 30px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 6px;
}

.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;
    background-color: var(--theme-color);
    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: var(--theme-color);
    font-size: 17px;
    margin-right: 15px;
}
.about-first.service-detail-first .innovation ul li:hover i {
    color: #FFF;
}
.about-first.service-detail-first .innovation ul li {
    margin-bottom: 0;
}
.about-first.service-detail-first .acc2 h2 {
    margin-bottom: 0;
}
.about-first.service-detail-first .innovation ul {
    margin-bottom: 70px;
}
/* 49. Service Detail Page End */

/* 50. Project Detail Page Start */
.project-style-one.extra:before {
    display: none;
}
.project-style-one.extra .project-post img,
.project-detail-slider .p-d-slider img {
    width: 100%;
}
.project-detail-slider .p-d-slider img {
    height: 690px;
    object-fit: cover;
    width: 100% !important;
} 
.detail-page .include li {
    font-size: 16px;
    color: #444;
    font-family: var(--theme-found);
    margin-bottom: 18px;
    font-weight: 600;
}
.detail-page .include li i {
    margin-right: 10px;
}
.project-d-detail .icon i {
    font-size: 65px;
    padding-top: 35px;
    color: #fff;
}
.project-d-detail:hover i {
    transform: scale(1.1);
}
.project-d-detail {
    display: flex;
    border: 1px solid #c1c1c1;
    margin-top: 25px;
    height: 120px;
}
.project-d-detail .data {
    width: 100%;
    padding: 30px;
}
.project-d-detail .icon {
    width: 30%;
}
.project-d-detail .data h3,
.project-d-detail .data p {
    margin: 0;
}
.project-d-detail .data p {
    line-height: 20px;
    padding-top: 3px;
}
.project-d-detail .data h3 {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
}
.detail-page .space {
    margin-top: 45px;
}
.detail-page .container {
    position: relative;
} 
/* 50. Project Detail Page End */

/* 51. Blog Detail Page Start */
.blog-detail .blog-post {
    border: 0;
}
.blog-detail .blog-data {
    padding: 20px 25px 0 0;
}
.blog-detail .blog-post h2 {
    font-size: 45px;
    line-height: 55px;
}
.blog-detail .blog-post:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.blog-detail .blog-post:hover .blog-image img {
    transform: none;
}
.blog-style-one.blog-detail .blog-post {
    overflow: visible;
    margin-bottom: 0;
    transform: none;
}
.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 .team-data:before {
    display: none;
}
.team-detail .image figure img {
    width: 100%;
}
.team-detail .image figure {
    position: relative; 
} 
.t-detail .service-detail-first.detail-page li {
    font-family: 'DM Sans';
    font-size: 16px;
    margin-bottom: 10px;
}
.team-detail .team-data h3 {
    font-size: 50px;
    color: #000;
    font-family: var(--common-found);
    margin-bottom: 5px;
    font-weight: 500;
}
.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-tel {
    background: #000;
    width: 100%;
    padding: 40px;
    margin-top: 50px;
    margin-bottom: 30px;
}  
.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 {
    display: block;
}
.team-detail .team-data .t-tel .data .t-sec span, .team-detail .team-data .t-tel .data .t-sec a {
    color: #ffffff;
    margin-right: 20px;
}
.gym-time span {
    color: #fff;
}
.gym-time span {
    padding-left: 12px;
    display: block;
}
.gym-time h4 {
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
}
.gym-time {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.team-detail .team-data .t-tel .data .t-sec a:hover {
    color: var(--theme-color);
}
.team-detail .team-data .t-tel .data {
    margin-bottom: 22px;
}
 
.team-detail .t-detail {
    margin-top: 50px;
} 
/* 52. Team Detail Page End */

/* 53. Product Detail Page Start */
ul.pd-imgs li a {
    width: 130px;
    height: 130px;
    display: flex;
}
ul.pd-imgs li a img {
    width: 100%;
    object-fit: cover;
}
ul.pd-imgs li:not(:last-child) a {
    margin-bottom: 20px;
}
.pd-gallery {
    display: flex;
    padding-right: 30px;
}
.pd-gallery img {
    border: 1px solid #c1c1c1;
}
ul.pd-imgs {
    margin-right: 20px;
}
.pd-main-img {
    width: 460px;
    height: 500px;
    object-fit: cover;
    display: inline-flex;
    overflow: hidden;
}
.pd-main-img img {
    object-fit: cover;
}
.pd-data > span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.pd-data .theme-btn:hover {
    color: #000;
}
.pd-data .ratings {
    position: relative;
}
.pd-data .free-ship {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-top: 3px;
}
.pd-data h2 {
    font-size: 46px;
    line-height: 45px;
    padding-top: 12px;
}
ul.pd-price li.pd-sale-price, 
ul.pd-price li.pd-sale-price span {
    font-size: 42px;
    color: #000;
    font-family: var(--theme-found);
    line-height: 30px;
    font-weight: 500;
}
ul.pd-price li span,ul.pd-price li {
    font-family: var(--common-found) !important;
} 
ul.pd-price li.pd-regular-price,
ul.pd-price li.pd-regular-price span{
    font-size: 26px;
    color: #444;
    font-weight: 500;
    font-family: var(--theme-found);
    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;
    font-family: var(--common-found);
}
ul.pd-price li:not(:last-child){
    margin-right: 12px;
}
.pd-colors,
.pd ul {
    display: flex;
    align-items: center;
}
.pd ul {
    margin-left: 35px;
}
.pd{
    margin-top: 30px;
}
.pd-colors ul li {
    border-radius: 100px;
    position: relative;
}
.pd-colors ul li input{
    width: 35px;
    height: 35px;
    border-radius: 100px;
    position: relative;
    display: flex;
    z-index: 9;
    cursor: pointer;
}
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: absolute;
  cursor: pointer;
  padding: 0;
  top: 0;
  left: 0;
  border-radius: 100px;
}
.styled-checkbox + label:before {
  content: "";
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../images/check-mark.svg');
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.pd-colors ul li:not(:last-child){
    margin-right: 12px;
}
.pd-colors ul li a {
    width: 100%;
    display: flex;
    height: 100%;
}
.bg-red{
    background-color: red;
}
.bg-green{
    background-color: green;
}
.bg-blue{
    background-color: blue;
}
.pd-colors ul li a:focus {
    border: 2px solid;
    transition: unset;
    position: absolute;
    width: 130%;
    height: 130%;
    left: -5px;
    top: -5px;
    border-radius: 100px;
}
.pd-cat-tags > ul > li span {
    font-size: 18px;
    padding: 0;
    margin-right: 8px;
    font-family: 'Teko';
    font-weight: 600;
}
.pd-cat-tags ul li {
    display: flex;
    width: 100%;
    align-items: center;
    font-family: var(--theme-found) !important;
}
.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%;
    font-family: 'Teko' !important;
}
.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;
    font-family: 'Teko' !important;
}
.pd-cat-tags ul li ul.pd-cat li a {
    font-family: var(--theme-found);
}
.pd-cat-tags ul li ul.pd-cat li a,
.pd-cat-tags ul li ul.pd-tag li a,
.pd-cat-tags ul li ul.pd-sku li a {
    color: #444;
    font-weight: 400;
}
.pd-cat-tags ul li ul.pd-cat li:not(:last-child):after,
.pd-cat-tags ul li ul.pd-tag li:not(:last-child):after,
.pd-cat-tags ul li ul.pd-sku li:not(:last-child):after {
    content: ",";
}
.pd-cat-tags {
    margin-top: 50px;
    position: relative;
    border-top: 1px dashed #9e9e9e;
    padding-top: 22px;
}
.pd-quality input {
    height: 60px;
    border: transparent;
    padding: 25px;
    font-size: 20px;
    color: #8a8a8a;
    font-family: var(--theme-found);
    border: 1px solid;
}
.pd-quality input:focus {
    outline: 0;
    border: 1px solid;
}
.pd-quality span {
    font-size: 22px;
    color: #2b2b2b;
    text-transform: uppercase;
    font-family: 'Teko';
    margin-right: 28px;
}
.pd-quality {
    display: flex;
    align-items: center;
    width: 75%;
    margin-top: 25px;
    margin-bottom: 25px;
}
.pd-details .nav {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
}
.pd-details .tab-content {
    width: 100%;
}
.pd-details .nav-pills .nav-link {
    text-align: left;
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    border-radius: 0;
    background: #ffffff;
    margin-bottom: 15px;
    padding: 16px 25px;
    width: 100%;
    color: #000;
    border-bottom: 1px solid #e1e1e1;
    width: 30%;
    text-transform: uppercase;
}
.pd-details .nav-pills .nav-link.active {
    border-bottom: 3px solid var(--theme-color);
}
.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: 20px;
    font-weight: 500;
    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: 24px;
    background: #000;
    display: flex;
    width: 100%;
    color: white;
    justify-content: center;
    align-items: center;
    height: 65px;
    margin-top: 20px;
    font-family: 'Teko';
    text-transform: uppercase;
}
.review.comments ul li:not(:last-child) .comment {
    margin-bottom: 20px;
}
.review.comments ul {
    width: 100%;
} 
.more {
    margin-top: 30px;
}
.rev-tab .total-reviews {
    height: 80px;
    margin-bottom: 40px;
}
.rev-tab .total-reviews .t-r {
    height: 72px;
    width: 205px;
    background: white;
    margin-left: 5px;
    font-size: 20px;
    font-weight: bold;
}
.rev-tab .total-reviews .f-r span {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    margin-right: 20px;
}
.rev-tab .total-reviews .f-r .r-s i {
    font-size: 18px;
    color: #fff;
}
.rev-tab .total-reviews .f-r .r-s {
    margin-right: 45px;
}
.rev-tab .post-review {
    border: 1px solid #c1c1c1;
    padding: 40px 30px;
    margin-top: 55px;
}
.rev-tab .post-review h3 {
    margin-top: 0;
}
.rev-tab .post-review .select-rating span {
    font-size: 16px;
    color: #000;
    margin-right: 25px;
    margin-top: 3px;
}
.rev-tab .post-review .p-r-s {
    display: flex;
}
.rev-tab .post-review .p-r-s img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.rev-tab .post-review .form {
    margin-top: 30px;
}
/* 53. Product Detail Page End */
 .slideUp {
  transform: translateY(-140px);
  -webkit-transform: translateY(-140px);
  -moz-transform: translateY(-140px);
  -o-transform: translateY(-140px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.slideDown {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #111111;
}
.slideUp,
.slideDown{
    transition: transform .5s ease-out;
  -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
}


/* 54. Cart Page Start */
.cart .cart-table .c-c .c-data .cr-svg {
    width: 40px;
    height: 80px;
    margin-right: 12px;
}
.cart .cart-table li span {
    font-family: var(--common-found)!important;
    font-size: 24px !important;
}

.cart .cart-table .c-c .c-data .cr-svg,
.cart .cart-table .c-c .c-data > img,
.cart .cart-table .c-c .c-quality input,
.cart .cart-box {
    border: 1px solid #c1c1c1;
}
.cart .cart-table .c-c .c-price .orgnl,
.cart .cart-table .c-c .c-price .sale,
.cart .cart-table .c-c .c-quality input,
.cart .cart-table .c-c .c-total span,
.cart .cart-table.head .c-data span,
.cart .cart-table.head .c-price span,
.cart .cart-table.head .c-quality span, 
.cart-total-box .final h4,
.cart-total-box .total ul li span {
    font-family: var(--theme-found);
}
.cart .cart-table .c-c .c-data .cr-svg img {
    width: 10px;
    height: 10px;
}
.cart .cart-table .c-c .c-data > img {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}
.cart .cart-table .c-c .c-data h2 {
    font-size: 26px;
}
.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;
    font-family: 'Teko';
}
.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 form input {
    height: 56px;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #373737;
    border: transparent;
    padding-left: 32px;
    margin-right: 15px;
    font-family:var(--theme-found);
}
.cart .update-cart form input::placeholder {
    color: #373737;
} 
.cart .update-cart form {
    display: flex;
    width: 50%;
}
.cart .update-cart {
    margin-top: 35px;
    padding-right: 30px;
}
.cart-total-box {
    background: #000;
    position: relative;
    margin-left: 55px;
    z-index: 0;
    padding: 30px 25px;
}
.cart .cart-total {
    margin-top: 30px;
}
.cart-total-box .final h4 {
    font-size: 36px;
    color: white;
    margin-bottom: 25px;
    font-family: var(--common-found);
}
.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: 24px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--common-found);
}
.cart-total-box .final ul li:not(:last-child) span {
    margin-bottom: 13px;
}
.cart-total-box .final {
    padding: 30px;
}
.cart-total-box .total {
    background: white;
    padding: 24px 30px;
}
.cart-total-box .total ul li span {
    font-size: 28px;
    color: #000;
}
/* 54. Cart Page End */

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

/* 57. Popups */
.estimated-price.popup:after,
.estimated-price.popup:before {
    display: none;
}
.est-popup .modal-dialog {
    max-width: 720px;
}
.estimated-price.popup {
    background: white;
}
.estimated-price.popup .est-form > p {
    margin-bottom: 20px;
}
.estimated-price.popup .est-form .est-main {
    margin-top: 30px;
}
.popups .popup h3 {
    font-size: 38px;
    line-height: 40px;
}
.popups .modal-body {
    padding: 45px;
}
.popups .modal-header {
    padding: 0;
    border: 0;
    width: 100px;
}
.modal-content {
    width: auto;
}
.popups .modal-header .btn-close {
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    opacity: 1;
    position: absolute;
    right: 16px;
    z-index: 9;
    top: 14px;
}
.popups.modal:before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: #0000006e !important;
}
.popups.modal.show .modal-dialog { 
    margin-right: 43%;
}
.conslt-popup .contact-form-one:before {
    display: none;
}
.modal-body img {
    object-fit: cover;
}
.conslt-popup .contact-form-one {
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
}
.conslt-popup .modal-body {
    padding: 0;
    width: 875px;
}
.modal-body {
    display: flex;
}
/*.conslt-popup .modal-dialog {
    max-width: 520px;
}*/
.conslt-popup .popup h3 {
    margin-bottom: 22px;
    text-transform: uppercase;
}
.popups .btn-close:focus {
    outline: 0;
    box-shadow: unset;
    opacity: 1;
}
.cart-btn {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    padding: 60px;
}
.c-form-2 form .row {
    margin-bottom: 8px;
} 
.c-form-2 form .row input, .c-form-2 form .row select {
    font-size: 16px !important;
    padding-left: 20px;
}
/* 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: 11999;
  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);
}
.loader-wrap-heading .load-text {
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 15px;
  text-transform: uppercase;
  z-index: 20;
  color: #fff;
}
.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}
.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}.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 */
.box.login {
    background-color: #f7f6f2;
}
.box {
    padding: 40px;
}
.box h3 {
    font-size: 36px;
    margin-bottom: 20px;
}
.box input {
    height: 60px;
    border: 1px solid #c1c1c1;
    margin-bottom: 10px;
    padding-left: 20px;
}
.box form button {
    margin-top: 25px;
}
.box form button:hover {
    color: #000;
}
.box form .remember input[type=checkbox] {
    width: 18px;
    height: 18px;
    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: 18px;
    font-weight: 600;
    color: #000;
}
.box form .remember .second a {
    color: #fff;
}
.box form input::placeholder {
    color: #555;
    font-size: 16px;
}
.box form input:focus {
    outline: 0;
    border: 1px solid;
}
.box.register {
    background-color: #000;
    position: relative;
    z-index: 0;
}
.box.register h3 {
    color: white;
    text-transform: capitalize;
}
.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: 11;
}
.gallery-style-one a:hover img {
    transform: scale(1.1);
}
.gallery-style-one a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.gallery-style-one a:hover:before {
    width: 100%;
    opacity: 0.5;
    visibility: visible;
}
/* 60. Gallery Style One End */

/* 61. jumbotron Start */
 
    .renovation video {

    width: 100%;

    height: 870px;
}

.jumbotron {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  mix-blend-mode: multiply;
}
.reno-data a {
    display: inline-block;
    margin-top: 30px;
}
.jumbotron h1 {
    font-size: 600px;
    text-transform: uppercase;
} 

/* 61. jumbotron */

/* 62. Timetable Section */ 
.timetable-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 110px;
}

.timetable-section .side-text {
    position: absolute;
    right: -20px;
    bottom: 0px;
    opacity: 0.20;
    font-size: 180px;
    color: transparent;
    font-weight: 700;
    transform: rotate(-90deg);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    text-transform: uppercase;
    transform-origin: 42% -1680%;
}
.timetable-section .inner-container {
    position: relative;
    padding-top: 80px;
}
.timetable-section .inner-container .table-outer {
    position: relative;
    width: 100%;
}

.timetable-section .inner-container .table-outer .table-inner {
    position: relative;
    width: 100%;
    min-width: 1200px;
}
.timetable-section .table-title-box .data {
    transform: translatey(24px);
    padding-bottom: 56px;
}
.timetable-section .table-title-box {
    position: absolute;
    left: 0px;
    top: -25px;
    padding-bottom: 78px;
} 
.timetable-section .table-title-box .day {
    position: relative;
    color: #ffffff;
    width: 168px;
    height: 88px;
    line-height: 60px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: center;
    background-color: #000000;
    text-transform: uppercase;
    padding-top: 15px;
    margin-top: 7px;
    font-size: 18px;
}

.timetable-section .table-title-box .day:last-child {
    margin-right: 0px;
}

.timetable-section .timetable-tabs {
    position: relative;
    padding-left: 192px;
}

.timetable-section .timetable-tabs .tab-btns {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 49px;
    display: flex;
    justify-content: flex-end;
}
.timetable-section .timetable-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    cursor: pointer;
    float: left;
    margin-left: 12px;
    margin-bottom: 10px;
    padding: 16px 36px;
    margin-bottom: 1px;
    display: inline-block;
    transition: all 500ms ease;
    text-transform: uppercase;
    background-color: var(--theme-color);
    border-left: 3px solid var(--theme-color);
    border: 1px solid var(--theme-color);
}

.timetable-section .timetable-tabs .tab-btns .tab-btn:before {
     -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease; 
}

.timetable-section .timetable-tabs .tab-btns .tab-btn:hover:before,.timetable-section .timetable-tabs .tab-btns .tab-btn.active-btn:before {
    opacity: 1;
}

.timetable-section .timetable-tabs .tab-btns .tab-btn.active-btn,.timetable-section .timetable-tabs .tab-btns .tab-btn:hover {
    background-color: #22222200;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.timetable-section .timetable-tabs .tabs-content {
    position: relative;
}

.timetable-section .timetable-tabs .tabs-content .tab {
    position: relative;
    display: none;
}

.timetable-section .timetable-tabs .tabs-content .tab.active-tab {
    display: block;
}

.timetable-section .timetable-tabs .tabs-content .time-box {
    position: relative;
    width: 184px;
    height: 90px;
    float: left;
    margin-bottom: 10px;
    padding: 5px 5px;
    text-align: center;
    display: flex;
    align-items: center;
    border: 1px solid #999999;
    background-color: #ffffff;
} 
.timetable-section .timetable-tabs .tabs-content .time-box .box-inner {
    position: relative;
    width: 100%;
} 
.timetable-section .timetable-tabs .tabs-content .time-box .time {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.timetable-section .timetable-tabs .tabs-content .time-box .time span {
    position: relative;
    display: block;
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7em;
    margin-top: 3px;
    text-transform: uppercase;
 }

.timetable-section .timetable-tabs .tabs-content .time-box:nth-child(7n + 0) {
    margin-right: 0px;
}

.timetable-section .appointment-box {
    position: relative;
    margin-top: 60px;
}

.timetable-section .appointment-box .appointment-inner {
    position: relative;
    padding: 18px 40px;
    border-radius: 50px;
    text-align: center;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    border: 1px dashed #959595;
}

.timetable-section .appointment-box .appointment-inner .text a {
    position: relative;
    color: var(--theme-color);
    font-weight: 700;
}

.timetable-page .table-title-box .day {
    color: #ffffff;
    background-color: #222222;
}

.timetable-page .side-text {
    -webkit-text-stroke-color: #222222;
}
.project-data:before {
    content: "";
    position: absolute;
    width: 155%;
    background-color: #000;
    height: 138%;
    right: -54px;
    bottom: -17px;
} 
.project-data h3 {
    position: relative;
    font-weight: 500;
}
/* 63. header two */
header.header-style-one.two .desktop-nav .nav-bar > ul {
    display: none;
}
header.header-style-one.two .desktop-nav .nav-bar .extras #desktop-menu {
    display: none;
}
header.header-style-one.two #theme-icon {
    margin-left: 0;
    margin-right: 20px;
} 
header.header-style-one.two div .slideDown {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
}
header.header-style-one.two a#mobile-menu {
    display: block;
}
header.header-style-one.two {
    background-color: #fff;
    padding-bottom: 18px;
    position: relative;
}
header.header-style-one.two  .top-bar ul.social-media {
    margin: 0;
}
header.header-style-one.two .top-bar ul.social-media i {
    border: 0;
    width: 0;
    height: 0;
    margin-left: 22px;
}
header.header-style-one.two .top-bar p {
    color: #fff;
    font-size: 16px;
    padding-right: 30px;
}

header.header-style-one.two  .top-bar p i {
    padding-right: 13px;
}
header.header-style-one.two  .top-bar {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-bottom: 7px;
    justify-content: center;
    padding-top: 7px;
    background-color: var(--theme-color);
    margin-bottom: 13px;
} 
header.header-style-one.two  .top-bar h4 {
    line-height: 24px;
    font-size: 24px;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #fff;
} 
header.header-style-one.two  a.login {
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
header.header-style-one.two .desktop-nav .nav-bar .extras a#show svg,
header.header-style-one.two .desktop-nav .nav-bar .extras .menu-start svg  {
    fill: #000;
}
header.header-style-one.two .desktop-nav .nav-bar .extras .menu-start .line {
    stroke: #000;
}
header.header-style-one.two #theme-icon { 
   filter: invert(1);
}
header.header-style-one.two .theme-btn:hover {
    color: var(--theme-color);
} 
/* 64. featured-text-two */
.featured-text-two {
    text-align: center;
    padding-top: 260px;
    padding-bottom: 280px;
    position: relative;
    z-index: 1;
}
.featured-text-two h1 {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    transform: translateY(-20px); 
} 
.owl-item.active .featured-text-two h1 {
    opacity: 1;
    visibility: visible;
    transition-delay: .8s;
    transform: translateY(0)
}
.featured-text-two p {
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    transform: translateX(-50px);
    margin-bottom: 0
} 
.owl-item.active  .featured-text-two p {
    opacity: 1;
    visibility: visible;
    transition-delay: 1.3s;
    transform: translateX(0)
} 
.featured-text-two a.theme-btn { 
    transform: scaleY(0);
    transition: all .5s ease;
    transition-delay: 2s;
    transform-origin: bottom; 
}
.owl-item.active .featured-text-two a.theme-btn {
    transform: scale(1)
} 
.featured-text-two h1 {
    font-size: 155px;
    color: #fff;
    text-transform: capitalize;
    line-height: 155px;
} 
.featured-text-two p {
    font-family: var(--common-found);
    font-size: 28px;
    color: #fff;
    padding-bottom: 60px;
    font-weight: 400;
}
.myslider .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 20px;
}  
.myslider.owl-theme .owl-dots .owl-dot span,.myslide.owl-theme .owl-dots .owl-dot.active span {
    background-color: transparent;
    display: block;
    padding-bottom: 34px;
    font-family: var(--common-found);
} 
.myslider .owl-dots button {
    padding: 10px 60px 10px 35px;
    background-color: transparent;
    color: #fff;
    border: 0;
    margin-right: 16px;
    font-size: 24px;
    text-transform: uppercase;
    font-family: var(--common-found) !important;
} 
.myslider .owl-dots .active button {
    border: 1px solid #fff;
}
.myslider .owl-dots button span {
    display: block;
    padding-bottom: 10px;
}
.featured-section-three {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.featured-section-three:before {
    background-color: #000;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .3;
}
/* 65. payment-product-card */
.payment-product-card {
    background-color: #212121;
    padding: 50px;
} 
.payment-product-card p {
    color: #ddd;
    padding-bottom: 8px;
} 
.payment-product-card h5 {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
} 
.payment-product-card h2 {
    font-size: 80px;
    color: #ffffff;
} 
.payment-product-card 
> span {
    color: #b5b5b5;
    padding-bottom: 20px;
    display: inline-block;
    padding-top: 2px;
    font-size: 18px;
} 
.payment-product-card a {
    margin-top: 26px;
} 
.payment-product-card .nice-select.form-control {
    margin-bottom: 16px; 
}
.payment-product-card .nice-select:after {
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
} 
.payment-product-card .nice-select:before {
    background-color: #ffffff;
    border: 1px solid var(--theme-color);
}
.payment-product-card img {
    position: absolute;
    right: -45px;
    opacity: .6;
    width: 57%;
}
.payment-product-card {
    position: relative;
    overflow: hidden;
}
.payment-product-card:hover img {
    opacity: .3;
}
.payment-product  .heading h2 {
    color: #fff;
}
.payment-product  .heading span {
    color: #ddd;
} 
.payment-product .nice-select .option.focus,.payment-product .nice-select .option.selected.focus {
    background-color: #595959 !important;
}
.payment-product .nice-select .list:hover .option:not(:hover) {
    background-color: #595959 !important;
}
.payment-product .nice-select .option {
    background-color: #3e3e3e !important;
}
.payment-product:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .9;
    top: 0;
    left: 0;
}
.payment-product .heading {
    position: relative;
    z-index: 1;
}
.accordion-item:last-of-type {
    border-radius: 0;
    border: 0;
}
.acc2 {
    padding-top: 20px;
}
/* 66. footer-p-4 */
.footer-p-4 {
    display: flex;
    justify-content: space-between;
    background-color: #000;
    padding-top: 60px;
    position: relative;
} 
.footer-p-4 i {
    color: #fff;
    font-size: 56px;
    padding-bottom: 0px;
    display: block;
}
.footer-p-4 div {
    width: 50%;
    padding: 35px 80px;
    background-color: #212121;
    text-align: center;
} 
.footer-p-4 h3 {
    font-size: 36px;
    text-transform: uppercase;
    color: #000;
} 
.footer-p-4 span { 
    font-size: 18px;
} 
.footer-p-4 .footer-p-4-right {
    background-color: var(--theme-color);
} 
.footer-p-4 .footer-p-4-right h3, .footer-p-4 .footer-p-4-right span,
.footer-p-4 .footer-p-4-left h3, .footer-p-4 .footer-p-4-left span {
    color: #fff;
}
.footer-p-4-left:hover i, .footer-p-4-right:hover i {
    transform: rotate3d(1, 1, 1, 360deg);
}
ul.social-media {
    display: flex; 
    margin-top: 30px;
}
ul.social-media li {
    position: relative;
}  
ul.social-media li a i { 
    color: #fff;
    font-size: 15px;
    width: 45px;
    border: 1px solid #444;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 14px;
}
ul.social-media li a i:hover {
    color: var(--theme-colour);
}
ul.social-media li a i.flaticon-twitter {
    font-size: 14px;
} 
ul.social-media li a {
    text-transform: capitalize;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
ul.social-media li {
    margin-left: 0px;
}
.footer-style-one .footer-p-2 .footer-col ul.social-media li {
    display: block;
}

.footer-style-one .footer-p-2 .footer-col ul.social-media li {
    margin: 0;
} 
ul.social-media li a i:hover {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
}

ul.image-gallery li img,ul.image-gallery li figure {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
ul.image-gallery li:hover img {
    transform: scale(1.1);
}
ul.image-gallery li {
    height: auto;
    position: relative;
    width: 14.270%;
    overflow: hidden;
}
ul.image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}
ul.image-gallery li:before {
    background-color: #000;
    content: "";
    z-index: 11;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    opacity: .5;
}
ul.image-gallery li:hover:before {
    height: 0%;
    top: 0;
    opacity: .0;
}
ul.image-gallery li a {
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 26px;
    transform: scale(0) translate(-50%, -50%);
    top: 54%;
    left: 50%;
} 
ul.image-gallery li:hover a {
    transform: scale(1) translate(-50%, -50%);
}
.footer-style-one .footer-p-2 .footer-col form button:after {
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 4px;
    bottom: 4px;
    content: "";
    display: block;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
} 
/* 67. 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;
    margin-left: 90px;
}
img.dark-icon {
    display: none;
}
img.light-icon {
    display: block;
}
.mobile-nav.desktop-menu h2{
    color: #fff;
}
 
/* 68. group-training-text */
.group-training-text h4 {
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid var(--theme-color);
    margin-bottom: 30px;

} 
.group-training-text {
    padding: 40px;
    overflow: hidden;
    padding-top: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: .4s all;
} 
.group-training-text:hover {
    background-position: bottom;
}
.group-training-text:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .6;
} 
.group-training-text p {
    color: #fff;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding-bottom: 24px;
} 
.group-training-text a {
    position: relative;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
}
.group-training-text a:hover {
    color: var(--theme-color);
}
.group-text {
    transform: translateY(158px);
}
.group-training-text:hover .group-text {
    transform: translateY(0px);
}
.group-training {
    margin-top: -70px;
    z-index: 11;
    position: relative;
}
.group-training-text.two:before {
     opacity: 0;
} 
.group-training-text.two {
    padding-top: 40px;
    padding-bottom: 286px;
}
.group-text h5 {
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-family: var(--common-found);
    color: #fff;
}
.group-text h3 {
    font-size: 48px;
    color: #fff;
} 
.group-text h3 span {
    font-family: var(--common-found);
    display: block;
    color: var(--theme-color);
} 
.group-training-text.two .group-text {
    transform: translateY(0px);
}
/* 69. fitness-studio */
.fitness-studio span {
    font-family: var(--common-found);
    font-size: 21px;
    font-weight: 500;
    color: #444;
} 
.fitness-studio {
    width: 83%;
}
.fitness-studio h2 {
    font-size: 60px;
    line-height: 60px;
    padding-top: 7px;
    padding-bottom: 10px;
}
.fitness-studio p {
    font-size: 16px;
}
.fitness-studio h4 {
    font-size: 35px;
    padding-top: 50px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #000;
}
.fitness-studio form {
    position: relative;
} 
.fitness-studio form input {
    box-shadow: 0px 17px 12px 0px rgba(0,0,0,0.09); 
}
.fitness-studio form i {
    position: absolute;
    right: 15px;
    font-size: 30px;
    top: 17px;
    color: #000000;
    /* left: 10px; */
}
.fitness-studio-img p {
    color: #FFF;
    position: absolute;
    bottom: 10px;
    background-color: var(--theme-color);
    width: 69%;
    padding: 20px;
    right: 10px;
} 
.fitness-studio-img {
    position: relative; 
}  
.fitness-studio-img:hover img {
    transform: scale(1.1);
}
.fitness-studio-tab  .nav-link.active {
    background-color: transparent;
    border-bottom: 1px solid var(--theme-color);
    border-radius: 0 !important;
    padding-bottom: 0;
}   
.fitness-studio-tab .nav-link span {
    display: block;
    color: #000;
    font-family: var(--common-found);
    font-size: 28px;
    font-weight: 500;
}
 .fitness-studio-tab .nav-link {
    text-align: end;
    font-size: 35px;
    color: #000;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding-bottom: 0;
    width: 100%;
}
.fitness-studio-tab {
    justify-content: end;
}

 

/* 70. Color */
.video-play-btn i,
.footer-style-one .footer-p-3 .footer-col p i,  li h2,
.first .nav-tabs li button.active {
    color: var(--theme-color);
}
.contact-form-2 .info ul li svg {
    fill: var(--theme-color);
}
/* 71. Light bg color */
.light-bg-yellow,
.service-style-one .service-data:hover:before,
button.scrollTopStick.active,
.loading-text .letter:nth-child(1)::before,
.loading-text .letter:nth-child(5)::before
 {
    background-color: var(--theme-color);
}

/* 72. Dark bg color */
.dark-bg, 
.theme-btn,
.theme-btn:hover i:after,
.featured-slider-one .owl-item.active:before,
.featured-slider-one .owl-item.active:after,
.team-style-one .team-slider-nav button:hover:before,
.core-features .accordion-button:not(.collapsed), 
.core-features .shape:before, 
.client-review-slider .slider-data .bio .icon,
.blog-style-one .blog-data .blog-date,
.blog-style-one .blog-data .blog-date:before,
.blog-style-one .blog-post .blog-image a:before, 
.footer-style-one .footer-p-2 .footer-col form button:before,
.desktop-nav .nav-bar ul > li ul.sub-menu li a:hover:before,
.desktop-nav .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before,  
.pricing-plans .main-price:hover .theme-btn, 
.service-style-two .service-two-box:hover:before,
.service-style-two .service-two-box.last span,
.certificates .data figure:before, 
.blog-style-two .blog-item .blog-date:before,
.blog-style-two .blog-item:before,
.blog-slider .owl-stage .owl-item.active:nth-child(2) .blog-item:before, 
.contact-us .c-data ul li a i:before, 
.heading.heading-style-3 h2 span:before,
.history-style-one .history-data a, 
.ratings,
.team-style-two .team-social-medias > a,  
.contact-form-one .accordion-button:not(.collapsed), 
.blog-style-three .blog-posts .date:before, 
.about-how-it-works .y-box,
.contact-form-2 .bio,
.video-popup:before,
.innovation ul li:hover,
.gym-pagination ul.pagination li a:hover,
.sidebar .box h3:before, 
.what-we-build .wwb-ul li.active figure:before,
.mobile-nav > ul li.menu-item-has-children.active ul.sub-menu li a:before,
.project-d-detail .icon, 
.comment .c-data .c-r-btn, 
.desktop-nav .nav-bar .extras .slideDown, 
.rev-tab .total-reviews,  
.history .h-box figure:before,
#timeline .fill,
.popups.modal:before,
.desktop-nav .nav-bar .extras a#show:before,
.cart-popup .cart-btns a.checkout,
.preloader,
.cart-popup .cart-btns a:hover, 
.gallery-style-one a:before,
.cart .cart-table .c-c .c-data .cr-svg:hover  {
    background-color: var(--theme-color);
}

/*Border color*/
.service-style-one .service-data .icon, 
 
.theme-btn,
.featured-slider-one .owl-nav button,
.team-style-one .team-slider-nav button:hover,
.video-play-btn,
.footer-style-one .footer-p-2 .footer-col form button:before,
.footer-style-one .footer-p-3 .footer-col a:hover:after,
.footer-style-one .footer-p-3 .footer-col a:after,
.mobile-nav.desktop-menu .social-medias a:hover:after,
.mobile-nav.desktop-menu .social-medias a:after,
.desktop-nav .nav-bar ul > li.menu-item-has-children > ul.sub-menu,
.pricing-plans .main-price:hover .theme-btn,
.certificates .data .extras:before,  
.form-control:focus,
.contact-us .c-data ul li a.active img,
.contact-us .c-data ul li a.active:before, 
.contact-form-one .accordion-button:focus,
textarea:focus,ul.social-media li a i,
textarea:focus-visible, 
.gym-pagination ul.pagination li:first-child a:hover,
.gym-pagination ul.pagination li:last-child a:hover,
.gym-pagination ul.pagination li a:hover,
.blog-style-one.blog-style-three .blog-data .blog-date, 
.category.social-medias ul li a:after,
.category.shape.form form input:focus,
.pd-quality input:focus,
.cart .c-c .c-quality input:focus,
.cart .cart-table,
.checkout .billing form input:focus, 
.cart-popup .cart-btns a.checkout,
.cart-popup .cart-btns a:hover,
.box form input:focus,
.featured-slider-one .owl-nav button.owl-prev:before, 
.featured-slider-one .owl-nav button.owl-next:before,
.cart .cart-table .c-c .c-data .cr-svg:hover  {
    border-color: var(--theme-color);
}
 
.service-style-one .service-data .icon, 
.counter-style-one .counter-data, 
.theme-btn,.contact-form-2 .info ul.contact li a ,
.theme-btn i,.gallery-style-one a img,
.theme-btn i:after,.blog-post img,
.featured-slider-one .owl-nav button,
.team-style-one .team-slider-nav button,
.core-features button.accordion-button:before,
.video-play-btn,.project-post img,
.blog-style-one .blog-post .blog-image a,
.blog-style-one .blog-post:hover .blog-image a:before,
.blog-style-one .blog-post,ul.image-gallery li img,
.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,.payment-product-card img,
.blog-style-one .blog-post .blog-image figure img,i.flaticon,
.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,.service-two-box p,
.pricing-plans .main-price .price-box, 
.pricing-plans .main-price .price-box h2,
.pricing-plans .main-price .price-box h3,.blog-style-two .blog-item img,
.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.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, 
.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,.service-two-box .theme-shaps,
.gym-pagination ul.pagination li a,.group-training-text a,
.sidebar .box.recent-posts ul li a,.team-style-2 img, 
ul.image-gallery li:before,
.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,.blog-style-two .blog-item h2 a,
.what-we-build .wwb-ul li.active:before,
.what-we-build .wwb-ul li:before,.project-d-detail i,
.what-we-build .wwb-ul li.active figure,.group-training-text h4,
.what-we-build .wwb-ul li figure,.certificates .c-slider .owl-nav button,
.what-we-build .wwb-ul li.active figure:before,
.mobile-nav > ul li.menu-item-has-children.active > ul.sub-menu ,ul.image-gallery li a ,
.category.social-medias ul li a:after,.footer-p-4-left i,.footer-p-4-right i,
.team-detail .fav-project .f-p-box .f-p-btn i,.sidebar .box.recent-posts ul li a p,
.team-style-one .team-data .team-social-media a:before,.group-text, .blog-style-three .blog-posts .boxx img,
.cart-popup,.team-data svg ,ul.social-media li a i,.history-data img,
.cart-popup .cart-btns a,.blog-style-one .blog-post h2 a,.prj-post img,
.preloader,.project-data a,.history-data .details,.core-values ul li img,
.featured-slider-one .owl-nav button.owl-prev:before,.team-image img,
.featured-slider-one .owl-nav button.owl-next:before,.fitness-studio-img img,
.about-how-it-works .plans,.shop-style-one .product h3 a,.service-style-two .service-two-box,
.gallery-style-one a:before,.project-data,.team-info h3,.proj-data h3 a,.about-data-left img,
.cart .cart-table .c-c .c-data .cr-svg,.team-data:before,.team-detail .team-data .t-tel .data .t-sec a,
.shop-style-one.addition .product .btn-hover figure:before, .footer-style-one .footer-p-2 .footer-col ul li p a, 
.blog-style-three .blog-posts .boxx {
    transition: 0.3s ease-in-out;
}
.owl-carousel .owl-item img {
    width: 100%;
}  

 .about-first.service-detail-first.detail-page .innovation {
    padding-top: 20px;
} 
.about-first.service-detail-first.detail-page .innovation h3 {
    margin-bottom: 10px;
}

     .it-reveal-animation {
  clip-path: inset(0 0 100% 0);
  transition: 1.5s cubic-bezier(0.5, 0.5, 0, 1);
}

.it-reveal-animation.active {
  clip-path: inset(0 0 0 0);
  transition: 1.5s cubic-bezier(0.5, 0.5, 0, 1);
}