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



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

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');



:root {

    --common-found: 'Teko';

    --theme-found: 'DM Sans';

    --theme-color: #007ae1;

} 



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 img {

    width: 50px;

}

.client-review-style-one .head-review span,

.heading span, .heading-style-2, .data span {

    font-size: 18px;

    color: #444;

    font-family: var(--theme-found);

    text-transform: uppercase;

    letter-spacing: 0px;

    font-weight: 600;

    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 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: black;

    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: black;

    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 .icon {

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center; 

    border-radius: 0;

    background: black; 

    color: #fff;

    position: relative;

    z-index: 11;

} 

.service-style-one .service-data .icon i {

    color: #fff;

    font-size: 12px;

}  

.service-data img {

    width: 70px;

    padding-bottom: 20px;

    position: relative;

    z-index: 11;

}

.service-data i {

    font-size: 90px;

    position: relative;

    z-index: 11;

    line-height: 80px;

    color: var(--theme-color);

}



.service-data:hover i {

    color: #fff;

}

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

    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: black;

    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: black;

    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: black;

    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;

}

.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-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 {

    text-transform: capitalize;

}

.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: 16px;

    line-height: 30px;

    color: #b7b7b7;

    position: relative;

}

.footer-style-one .footer-p-3 .footer-col a:before,

.footer-style-one .footer-p-3 .footer-col a:after {

    content: "";

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

}

.footer-style-one .footer-p-3 .footer-col a:before {

    border-bottom: 1px solid #6a6a6a;

    width: 100%;

}

.footer-style-one .footer-p-3 .footer-col a:after {

    width: 0;

    border-bottom: 1px solid;

}

.footer-style-one .footer-p-3 .footer-col a:hover:after {

    width: 100%;

}

.footer-style-one .footer-p-3.rights .footer-col { 

    padding: 22px 0;

    display: flex;

    justify-content: 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 .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: black;

} 

.pricing-plans .price-box:hover .theme-btn:after {

    border-top-color: #ffee02;

}

.pricing-plans .price-img img {

    width: 100%;

    filter: grayscale(1);

}

.pricing-plans .main-price:hover .price-img img {

    filter: grayscale(0);

}

.pricing-plans .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: black;

}

.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: black;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 100%;

    opacity: 0.6;

    border: 1px solid;

}

.contact-us .c-data ul li a {

    box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 8%);

    -webkit-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 8%);

    -moz-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 8%);

    display: flex;

    border-radius: 100%;

}

.contact-us .c-data ul li a.active {

    box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 13%);

    -webkit-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 13%);

    -moz-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 13%);

}

.contact-us .c-data {

    position: relative;

}

.contact-us .c-data ul {

    display: flex;

    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;*/
    opacity: .4;

    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: black;

    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: black;

    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 #fff;

    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: black;

}

.blog-style-three .blog-posts .boxx:hover h3 a,

.blog-style-three .blog-posts .boxx:hover span {

    color: white;

}

.blog-style-three .blog-posts .boxx:hover p {

    color: #d7d7d7;

}

.blog-style-three .blog-posts .space {

    padding: 20px;

    margin-top: 8px;

}

.blog-style-three .blog-posts {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.grid-sizer,

.grid-item { width: 43%; }

/* 2 columns */

.grid-item--width2 { width: 40%; }

/* 29. Blog Style Three End */



/* 30. Banner Style One Start */

.banner-style-one {

    background: black;

    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: #000;

    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;

}

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

}

/* 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: black;

    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: black;

     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: black;

    position: relative;

    z-index: 0;

}

.what-we-build .heading-style-2 .data h2 {

    color: white;

}

.what-we-build .heading-style-2 {

    margin-bottom: 70px;

}

.what-we-build .heading-style-2 .data span,

.what-we-build .wwb-ul li .location span,

.what-we-build .wwb-ul li:before {

    color: #c4c4c4;

}

.what-we-build .wwb-ul li h3 {

    font-size: 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: black;

}

.slideUp,

.slideDown{

    transition: transform .5s ease-out;

  -webkit-transition: transform .5s ease-in-out;

    -moz-transition: transform .5s ease-in-out;

    -o-transition: transform .5s ease-in-out;

}





/* 54. Cart Page Start */

.cart .cart-table .c-c .c-data .cr-svg {

    width: 40px;

    height: 80px;

    margin-right: 12px;

}

.cart .cart-table 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);

} 


.group-training-text::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #00000005;
    opacity: 0.6;
}

.price h3{
font-size: large;
}