/*--------------------- Copyright (c) 2025 -----------------------
[Master Stylesheet]
Project: Painting
Version: 1.0.0
Author: Kamleshyadav
 -------------------------------------------------------------------
[Table of contents]
	1. Global CSS Start
	2. Comman CSS Start
    3. Preloader CSS Start
    4. Header CSS Start
    5. Banner CSS Start
    6. Call To Action CSS Start
    7. About CSS Start
    8. Counter CSS Start
    9. Service CSS Start
    10. Quote CSS Start
    11. FAQ's CSS Start
    12. Testimonial CSS Start
    13. Steps CSS Start
    14. Call To Action Second CSS Start
    15. Blog CSS Start
    16. Contact CSS Start
    17. Footer CSS Start
    18. Page Title Start
    19. Blog Page Start
    20. Blog Single Page Start
    21. Project CSS Start
    22. Responsive CSS Start

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

/********************************************************
    1. Global CSS Start
********************************************************/
body {
    color: var(--text-color);
    background: var(--white-color);
}
a, a:hover, a:focus {
	color: var(--white-color);
}
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}
/********************************************************
    2. Comman CSS Start
********************************************************/
.pnt_btn {
    min-width: 170px;
    padding: 0 15px;
    height: 50px;
    line-height: 52px;
    display: inline-block;
    text-align: center;
    color: var(--white-color);
    background: var(--primary-color);
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}
.pnt_btn:hover {
    color: var(--white-color);
    background: var(--secondary-color);
}
.pnt_btn, .pnt_btn:focus, .pnt_btn:hover {
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
a#scroll {
    background: var(--primary-color);
    color: var(--white-color);
}
.pnt_title {
    font-size: 20px;
    color: var(--secondary-color);
    font-family: var(--font1);
}
.white {
    color: var(--white-color);
}
.pnt_subHeading {
    font-size: 22px;
    line-height: 1.4;
}
.pnt_icon_bg {
    width: 70px;
    height: 70px;
    display: inline-block;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    background: var(--primary-color);
}
.pnt_icon_bg svg {
    fill: var(--white-color);
    width: 30px;
    height: auto;
}
.pnt_heading h2 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 37px;
}
.response {
    position: unset;
    margin: 4px 0 11px;
}
/********************************************************
    3. Preloader CSS Start
********************************************************/
.preloader_active .preloader_holder {
    background-color: var(--white-color);
}
.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--primary-color);
}
@-webkit-keyframes loadingCircles{
    0%{-webkit-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--primary-color);}
    100%{-webkit-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--primary-color);}
}
@-moz-keyframes loadingCircles{
    0%{-moz-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--primary-color);}
    100%{-moz-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--primary-color);}
}
@keyframes loadingCircles{
    0%{transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--primary-color);}
    100%{transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--primary-color);}
}
.preloader_open:before, .preloader_open:after {
    background-color: var(--white-color);
}
/********************************************************
    4. Header CSS Start
********************************************************/
.pnt_header_top .container-fluid,  .pnt_header_wrapper .container-fluid{
    max-width: 1650px;
}
.pnt_logo img {
    max-width: 140px;
}
.pnt_search_wrap ul a {
    color: var(--white-color);
}

.pnt_header_top {
    padding: 12px 0 0;
    background: var(--secondary-color);
    color: var(--white-color);
}
.pnt_header_info ul {
    display: flex;
    flex-wrap: wrap;
}
.pnt_header_icon svg {
    width: 20px;
    fill: var(--white-color);
}
.pnt_header_info ul li {
    margin-bottom: 12px;
    margin-left: 30px;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
}
.pnt_header_info_left ul li:before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    height: 28px;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 1px;
}
.pnt_header_info_left ul li:first-child:before {
    content: unset;
}
.pnt_header_info ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}
.pnt_header_info ul li a {
    color: var(--white-color);
}
.pnt_header_icon {
    margin-right: 6px;
}
.pnt_header_wrapper {
    padding: 20px 0;
    background: var(--primary-color);
}
.searchBox {
    background: rgba(0, 0, 0, 0.95);
}
/********************************************************
    5. Banner CSS Start
********************************************************/
.pnt_banner_wrapper .row {
    align-items: flex-end;
}
.pnt_banner_wrapper {
    position: relative;
    background: url(../images/banner/5.jpg);
    /* background:#fef5e4; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}
.pnt_banner_wrapper:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* background: url(../images/banner/1.jpg) repeat-x; */
    z-index: -1;
    opacity: 0;
    width: 100%;
}
.pnt_banner_text{
    padding: 200px 0px 140px 100px
}
.pnt_banner_text h6 {
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: 500;
    font-family: var(--font1);
}

.pnt_banner_text h2 {
    font-size: 72px;
    font-weight: 500;
    margin: 20px 0 20px;
}
.pnt_banner_text .pnt_btn {
    margin-top: 11px;
}
.pnt_banner_text  p {
    margin: 0 0 20px;
}
.pnt_banner_img img {
    width: inherit;
}
.pnt_banner_img {
    display: flex
;
    justify-content: center;
}

.pnt_vector_list{
    padding: 0;
    list-style: none;
}
.pnt_vector_list > li {
    position: absolute;
}
.pnt_vector_banner > li:nth-child(01) {
    top: 40px;
    right: 40px;
    width: 120px;
}
.pnt_vector_banner > li:nth-child(02) {
    bottom: -110px;
    right: -360px;
    opacity: 0.03;
    max-width: 650px;
}
.pnt_vector_banner > li:nth-child(03) {
    position: absolute;
    left: 26%;
    bottom: 0;
    width: 240px;
    animation-duration: 10s;
}
.pnt_vector_banner > li:nth-child(04) {
    position: absolute;
    top: 0;
    left: 15%;
    width: 170px;
    animation: 3s ani_top infinite alternate;
}
.pnt_banner_imgV {
    position: absolute;
    bottom: 0;
    z-index: -1;
}
/********************************************************
    6. Call To Action CSS Start
********************************************************/
.pnt_action_section {
    background: var(--white-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    padding: 50px 30px 41px 30px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    position: relative;
}
.pnt_action_section.center {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 1;
    padding: 60px 30px 51px 30px;
}
.pnt_action_section, .pnt_action_section:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pnt_action_section svg {
    width: 70px;
    height: auto;
}
.pnt_action_section h3 {
    font-size: 24px;
    margin: 20px 0 10px;
    position: relative;
}
.pnt_callToAction_wrapper {
    padding: 100px 0 0;
}
.pnt_action_section h3:before, .pnt_action_section h3:after {
    /* content: "";
    background: var(--primary-color);
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto; */
}
.pnt_action_section h3:before {
    width: 150px;
    bottom: 6px;
}
.pnt_action_section h3:after {
    width: 105px;
    bottom: 0;
}
/********************************************************
    7. About CSS Start
********************************************************/
.pnt_about_section {
    padding: 80px 0 0;
}
.pnt_about_detail h2 {
    font-size: 42px;
    margin: 10px 0 10px;
}
.pnt_about_detail h2 span {
    font-weight: 300;
}
.pnt_about_detail ul li {
    padding-left: 90px;
    position: relative;
    margin-bottom: 21px;
}
.pnt_about_detail ul li:first-child {
    margin: 31px 0 21px 0;
}
.pnt_about_detail ul li .pnt_icon_bg {
    position: absolute;
    left: 0;
    top: 0;
}
.pnt_about_img {
    /* background: url(../images/banner/vector9.png); */
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 0;
}
.pnt_about_img:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/banner/vector4.png) repeat-x;
    z-index: -1;
    opacity: 1;
    width: 100%;
    background-size: cover;
    animation: 100s ani_rotation1 linear infinite;
}
.pnt_about_section .row {
    align-items: center;
}
.pnt_about_detail ul {
    margin-bottom: 50px;
    display: inline-block;
}
.pnt_about_detail .pnt_subHeading {
    line-height: 22px;
    margin-bottom: 4px;
}
/********************************************************
    8. Counter CSS Start
********************************************************/
.pnt_counter_wrapper {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 80px 0 50px;
}
.pnt_counter_wrapper:before {
    content: "";
    position: absolute;
    background: #16494aeb;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.pnt_counter_icon img {
    height: 40px;
}
.counter_item {
    margin-bottom: 22px;
}
.counter_item h2 {
    font-size: 42px;
    color: var(--secondary-color);
}
.counter_item p {
    font-size: 18px;
    color: var(--white-color);
}
.pnt_counter_icon {
    position: relative;
    width: 100px;
    height: 100px;
    margin: auto;
    line-height: 96px;
    border: 3px solid var(--main-gym-text);
    border-radius: 50%;
    margin-bottom: 16px;
    display: block;
    cursor: text;
}
.pnt_counter_icon:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 50px 50px 50px 50px;
    border: 3px solid var(--white-color);
    background: transparent;
    left: -3px;
    top: -3px;
}
.pnt_counter_icon:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background:  var(--white-color);
}
.pnt_counter_icon.pnt_counter_one:after {
    -webkit-transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -ms-transform: rotate(-140deg);
    -o-transform: rotate(-140deg);
    transform: rotate(-140deg);
    clip: rect(0px 85px 150px 0px);
}
.pnt_counter_icon.pnt_counter_one:before {
    left: -6px;
    top: 40px;
}
.pnt_counter_icon.pnt_counter_two:after {
    -webkit-transform: rotate(-176deg);
    -moz-transform: rotate(-176deg);
    -ms-transform: rotate(-176deg);
    -o-transform: rotate(-176deg);
    transform: rotate(-176deg);
    clip: rect(0px 60px 150px 0px);
}
.pnt_counter_icon.pnt_counter_two:before {
    left: 26px;
    bottom: 3px;
}
.pnt_counter_icon.pnt_counter_three:after {
    -webkit-transform: rotate(-122deg);
    -moz-transform: rotate(-122deg);
    -ms-transform: rotate(-122deg);
    -o-transform: rotate(-122deg);
    transform: rotate(-122deg);
    clip: rect(0px 95px 150px 0px);
}
.pnt_counter_icon.pnt_counter_three:before {
    left: 5px;
    top: 10px;
}
.pnt_counter_icon.pnt_counter_four:after {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg);
    clip: rect(0px 91px 150px 0px);
}
.pnt_counter_icon.pnt_counter_four:before {
    left: -3px;
    top: 26px;
}
/********************************************************
    9. Service CSS Start
********************************************************/
.pnt_services_section .container {
    max-width: 1600px;
}
.pnt_services_section {
    padding: 75px 0 30px;
}
.pnt_services {
    margin-bottom: 45px;
    /* border: 1px solid #ededed; */
    background: #fff;
    box-shadow: 0px 0px 20px 0px #e7e7e7;
}
.pnt_services_section .pnt_icon_bg {
    border-radius: 0;
    position: absolute;
    top: -35px;
}
.pnt_services p {
    margin: 3px 0 0 0;
}
.pnt_readMoreBtn {
    color: var(--primary-color);
    font-weight: 500;
    display: inline-block;
    position: relative;
}
.pnt_readMoreBtn:hover {
    color: var(--primary-color);
}
.pnt_readMoreBtn:before {
    content: "";
    position: absolute;
    bottom: 5px;
    background: var(--primary-color);
    width: 100%;
    height: 1px;
    opacity: .6;
}
.pnt_services_btm {
    padding: 20px;
}
.pnt_services_btmInner {
    margin-top: -60px;
    padding: 50px 20px 20px;
    background: var(--lightbg);
    position: relative;
}
.pnt_serviceBtn {
    display: block;
    text-align: center;
}
.pnt_services_top_img {
    overflow: hidden;
}

.pnt_services_top_img > img {
    transition: all 500ms ease;
    width: 100%;
}
.pnt_services:hover .pnt_services_top_img > img {
    transform: scale(1.1) rotate(3deg);
    filter: saturate(1.5) contrast(1);
}
/********************************************************
    10. Quote CSS Start
********************************************************/
.pnt_vector_question > li:nth-child(01) {
    bottom: 0;
    right: 0;
    width: 300px;
    opacity: 0.2;
}
.pnt_vector_question > li:nth-child(02) {
    top: 120px;
    right: 390px;
    opacity: 0.15;
    max-width: 190px;
}

.pnt_quote_wrapper {
    background: var(--primary-color);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 75px 0 0;
    z-index: 0;
}
.pnt_quote_wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/bg3.jpg) repeat-x;
    z-index: -1;
    opacity: 0.03;
    width: 100%;
}

.pnt_quote_wrapper .row {
    align-items: flex-end;
}
.pnt_quote_form {
    padding-bottom: 11px;
}
.pnt_quote_form .pnt_field_inner::placeholder{
    color: #ffffff;
}
.pnt_field_inner {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: transparent;
    height: 50px;
    padding: 0 15px;
    color: var(--white-color);
}
textarea.pnt_field_inner {
    height: 130px;
    padding: 12px 15px;
    margin-bottom: 21px;
}
.pnt_field_inner:focus {
    border-color: var(--white-color);
}
.pnt_field_inner, .pnt_field_inner:focus {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/********************************************************
    11. FAQ's CSS Start
********************************************************/
.pnt_faq_wrapper {
    padding: 80px 0 50px;
}
.pnt_faqs_section a {
    position: relative;
    display: flex;
}
.pnt_faqs_section a:before {
    position: absolute;
    content: "";
    /* background: rgba(0, 0, 0, 0.60); */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.video_icon svg {
    width: 18px;
    fill: var(--white-color);
}
.video_icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    animation: shadow-pulse 2s infinite;
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    border: 10px solid #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.video_icon svg {
    width: 18px;
    fill: var(--white-color);
}
@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0  rgba(55, 183, 218, 0.2);
    }
    100% {
        box-shadow: 0 0 0 25px rgba(55, 183, 218, 0);
    }
}
@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
}
.pnt_faq_wrapper .row {
    align-items: center;
}
.pnt_faqs_question .pnt_heading h2 {
    margin-bottom: 32px;
}
.faq_list li {
    padding: 0 0 11px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
}
.faq_list li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.faq_list li > div {
    padding: 3px 0 0px 20px;
}
.faq_list li a {
    display: inline-block;
    padding: 0 15px 0 20px;
    position: relative;
}
.faq_list li a h3 {
    font-size: 20px;
    font-weight: normal;
}
.faq_list li a i {
    position: absolute;
    left: 0;
    width: 20px;
    top: 2px;
    font-weight: 700;
}
.faq_list li a.collapsed h3 {
    color: var(--primary-color);
}
.faq_list li a h3 {
    color: var(--primary-color);
}
.faq_list li a i:before {
    content: "\f107";
    color: var(--primary-color);
}
.faq_list li a.collapsed i:before {
    content: "\f105";
    color: var(--primary-color);
}


.pnt-accordion-ttl {
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
    color: var(--primary-color);
    font-size: 20px;
    font-family: var(--font2);
    padding: 0 0 11px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding-right: 25px;
}
.pnt-accordion-body {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 10px;
}
.pnt-accordion-ttl i{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    transform: rotate(90deg);
}
.pnt-accordion-ttl.collapsed i {
    transform: rotate(0deg);
}
/********************************************************
    12. Testimonial CSS Start
********************************************************/
.pnt_testimonial_wrapper {
    background: var(--primary-color);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 75px 0 130px;
    z-index: 0;
}
.pnt_testimonial_wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/testimonials_bg.jpg) repeat-x;
    z-index: -1;
    opacity: 0.03;
    width: 100%;
}
.pnt_testimonials_section {
    padding: 0 30px;
    position: relative;
}
.pnt_testimonials_section:before {
    position: absolute;
    content: "";
    /* background: var(--white-color); */
    left: 0;
    right: 0;
    bottom: 20px;
    top: 20px;
}
.pnt_testimonials_section .swiper-container {
    margin: 0 0 -50px;
}
.pnt_testimonial_section {
    padding: 0 10px;
}
.pnt_testimonial_inner {
    /* background: var(--white-color); */
    /* padding: 50px 50px 41px; */
    text-align: center;
    /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); */
    display: inline-block;
}
.pnt_client_img {
    width: 80px;
    margin: auto;
    height: 80px;
}
.pnt_client_img img {
    width: 80px;
    object-fit: fill;
    height: 80px;
    border: none;
    border-radius: 100%;
}
.pnt_testimonial_button {
    position: absolute;
    top: 30px;
    z-index: 1;
    width: 170px;
    margin: auto;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pnt_testimonial_button > div {
    width: 50px;
    font-size: 22px;
    position: absolute;
    cursor: pointer;
    opacity: .6;
}
.pnt_testimonial_button > div:before {
    content: "";
    position: absolute;
    background: var(--white-color);
    width: 18px;
    height: 2px;
    top: 11px;
    opacity: .6;
}
.testTwoButtonPrevInner i:before, .testTwoButtonNextInner i:before{
    color: var(--white-color);
}
.testTwoButtonPrev {
    left: 0;
}
.testTwoButtonNext {
    right: 0;
    text-align: right;
}
.testTwoButtonNext:before {
    right: 1px;
}
.pnt_testimonial_button > div:hover {
    color: var(--white-color);
    opacity: 1;
}
.pnt_testimonial_button > div:hover:before {
    background: var(--white-color);
    width: 30px;
    opacity: 1;
}
.pnt_client_quote h4 {
    margin: 12px 0 8px;
    font-size: 20px;
    color:var(--secondary-color);
    font-family: var(--font1);
}
.pnt_client_quote p {
    color: var(--white-color);
    font-size: 30px;
    line-height: 1.5;
    font-family: var(--font2);
}
.testTwoButtonPrev:hover {
    left: -15px;
}
.testTwoButtonNext:hover {
    right: -15px;
}
.pnt_testimonial_button, .pnt_testimonial_button:hover, .pnt_testimonial_button > div:hover, .pnt_testimonial_button > div, .pnt_testimonial_button > div:hover:before, .pnt_testimonial_button > div:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/********************************************************
    13. Steps CSS Start
********************************************************/
.pnt_steps_wrapper {
    padding: 75px 0 50px;
}
.pnt_steps_section {
    position: relative;
    padding: 20px;
    margin-bottom: 30px;
}
.pnt_steps_section:before {
    position: absolute;
    content: "";
    background: var(--white-color);
    right: 20px;
    left: 20px;
    top: 0;
    bottom: 0;
    z-index: -1;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}
.pnt_steps_section:hover:before {
    top: 20px;
    bottom: 20px;
}
.pnt_steps {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    background: var(--white-color);
    padding: 50px 20px 45px;
    margin: 0 -20px;
}
.pnt_step_count {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
    /* background: url(../images/step_bg.png);
    background-position: center;
    background-repeat: no-repeat; */
    position: relative;
}
.pnt_step_count .pnt_step_name {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary-color);
    display: block;
}
.pnt_step_count .pnt_step_counting {
    font-size: 42px;
    color: var(--primary-color);
    font-weight: 900;
    display: block;
    position: relative;
    z-index: 0;
    display: inline-block;
}
.pnt_step_count .pnt_step_counting:after {
    position: absolute;
    top: -40px;
    right: -70px;
    width: 70px;
    height: 70px;
    background: url(../images/why.png);
    content: "";
    border-radius: 50%;
    z-index: -1;
    background-size: 70px 70px;
    opacity: 0.2;
}
.pnt_steps p {
    margin: 3px 0 5px;
}
.pnt_steps_section:hover:before, .pnt_steps_section:hover, .pnt_steps_section:before, .pnt_steps_section {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/********************************************************
    14. Call To Action Second CSS Start
********************************************************/
.pnt_callToActionSecond_wrapper {
    position: relative;
    background: url(../images/banner/6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 67px 0 71px;
}
.pnt_callToActionSecond_wrapper:before {
    content: "";
    position: absolute;
    background: var(--primary-color);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    opacity: 0.7;
}
.pnt_callToActionSecond_text h2 {
    font-size: 52px;
    font-weight: 500;
    line-height: 65px;
}
.pnt_callToActionSecond_text h6 {
    font-size: 20px;
    font-weight: normal;
    font-family: var(--font1);
    margin: 30px 0 10px;
    line-height: 1.4;
}
.pnt_callToActionSecond_text .pnt_btn {
    margin-top: 21px;
    color: var(--white-color);
}
.pnt_callToActionSecond_text .pnt_btn:hover {
    color: var(--white-color);
}
/********************************************************
    15. Blog CSS Start
********************************************************/
.pnt_blog_wrapper {
    padding: 75px 0 50px;
}
.pbt_blog_info {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 3px;
}
.pnt_blog_img img {
    width: 100%;
}
.pbt_blog_info li {
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
}
.pbt_blog_info li a {
    color: var(--text-color);
}
.pbt_blog_info li a:hover {
    color: var(--primary-color);
}
.pbt_blog_info li:first-child {
    padding-left: 0;
    margin-left: 0;
}
.pbt_blog_info li:first-child:before {
    content: unset;
}
.pbt_blog_info li:before {
    content: "";
    position: absolute;
    background: var(--text-color);
    width: 3px;
    height: 3px;
    border: none;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.pnt_blog_thumb p {
    margin: 3px 0 0;
}
.pnt_blog_thumb {
    margin-bottom: 25px;
}
.pnt_blog_img {
    overflow: hidden;
    display: block;
}
.pnt_blog_img > img {
    transition: all 500ms ease;
}
.pnt_blog_thumb:hover .pnt_blog_img > img {
    transform: scale(1.1) rotate(3deg);
    filter: saturate(1.5) contrast(1);
}
/********************************************************
    16. Contact CSS Start
********************************************************/
.pnt_contact_wrapper {
    background: var(--white-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}
.pnt_contact_info_section {
    position: relative;
    padding: 40px 30px 40px 80px;
    border: 1px solid var(--border-color);
    margin-bottom: 30px;
    background: var(--white-color);
}
.pnt_contact_wrapper .pnt_heading h2 {
    margin-bottom: 0;
}
.pnt_contact_section {
    padding: 69px 65px 50px;
    width: 100%;
}
.pnt_contact_info {
    margin: 40px 0 20px 0;
}
.pnt_rtl_txt {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 50px;
    display: flex;
    align-items: center;
    color: var(--white-color);
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
}
.pnt_rtl_txt.address {
    background: var(--primary-color);
}
.pnt_rtl_txt.phone {
    background: var(--primary-color);
}
.pnt_rtl_txt.main {
    background: var(--primary-color);
}
.pnt_contact_info_text b {
    font-weight: 500;
    color: var(--primary-color);
    margin-right: 6px;
    display: inline-block;
}
.pnt_map iframe {
    display: block;
    width: 100%;
    height: 745px;
    margin: 0 auto;
}

/********************************************************
    17. Footer CSS Start
********************************************************/
.pnt_footer_wrapper {
    background:var(--primary-color);
    padding: 75px 0 36px;
    color: var(--white-color);
}
.pnt_widgets ul li a {
    color: var(--white-color);
    position: relative;
}
.pnt_widgets ul li:hover a {
    color: var(--secondary-color);
}
.pnt_widgets ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}
.pnt_widgets ul li:before {
    position: absolute;
    left: 0;
    content: "";
    width: 5px;
    height: 5px;
    border: none;
    border-radius: 50%;
    top: 50%;
    background: var(--white-color);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pnt_widgets ul li a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--primary-color);
    right: 0;
    bottom: 0;
    opacity: 0;
}
.pnt_widgets ul li a:hover:after {
    opacity: 0.6;
}
.pnt_widgets .pnt_sub_heading {
    margin-bottom: 19px;
}
.pnt_widgets ul li a:hover:after, .pnt_widgets ul li a:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.newsletter_wrap {
    position: relative;
    margin: 6px 0 12px;
}
.newsletter_wrap input {
    background: var(--white-color);
    border: none;
    width: 100%;
    position: relative;
    height: 50px;
    padding: 0 65px 0 15px;
    color: var(--white-color);
}
.newsletter_wrap button {
    background: var(--secondary-color);
    border: none;
    color: var(--white-color);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
}
.pnt_copyright_wrapper {
    background: var(--secondary-color);
    padding: 14px 0 11px;
}
.pnt_copyright_wrapper a {
    font-weight: 500;
}
.pnt_widgets h6 {
    font-size: 18px;
    color: var(--white-color);
}
.pnt_widgets h5 {
    color: var(--white-color);
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
}

/********************************************************
	18. Page Title Start
*******************************************************/
.page_title_wrapper {
    position: relative;
    background: url(../images/banner/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 41px 0;
    color: var(--white-color);
}
.page_title_wrapper:before {
    content: "";
    background: var(--primary-color);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.9;
}
.page_title_text h1 {
    color: var(--white-color);
    font-size: 38px;
    margin-bottom: 6px;
}
.page_title_text ul {
    display: flex;
    justify-content: center;
}
.page_title_text ul > li {
    position: relative;
    padding-left: 20px;
}
.page_title_text ul > li:first-child {
    padding-left: 0;
}
.page_title_text ul > li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    left: 8px;
}
.page_title_text ul > li:first-child:before {
    content: unset;
}
.page_title_text ul > li a {
    color: var(--white-color);
}

/********************************************************
	19. Blog Page Start
*******************************************************/
.blogPage_wrapper {
    padding: 80px 0 30px;
}
.sideBarWidgets {
    margin-bottom: 42px;
}
.sideBarWidgets:last-child {
    margin-bottom: 0px;
}
.blogSidebar, .sideBarWidgets {
    width: 100%;
}
.blogSearchWrapper {
    position: relative;
}
.blogSearchWrapper input {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 50px;
    border-radius: 6px;
    padding: 0 50px 0 30px;
    position: relative;
    line-height: 50px;
    margin-bottom: 4px;
}
.blogSearchWrapper > a {
    position: absolute;
    right: 18px;
    top: 0;
    color: var(--primary-color);
    bottom: 0;
    line-height: 50px;
}
.sideBarWidgets .blogPageTitle {
    padding-bottom: 10px;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 22px;
    text-transform: capitalize;
}
.blogPageThumb img {
    border: none;
    border-radius: 3px;
}
.blogPageTitleWrapper {
    width: calc(100% - 80px);
}
.blogPageSubTitle {
    font-weight: 700;
    text-transform: capitalize;
}
.blogDate {
    color: var(--primary-color);
    font-weight: 700;
}
.blogMainImg, .blogPageThumb {
    position: relative;
    overflow: hidden;
}
.blogMainImg img {
    border: none;
    width: 100%;
}

.blogPageInfo ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blogPageInfo ul li {
    margin-right: 60px;
}
.blogPageInfo ul li:last-child {
    margin-right: 0px;
}
.blogPageInfo {
    padding: 30px 0 21px;
}
.blogPageInfo ul li img.blogUser, .blogPageInfo ul li i {
    margin-right: 10px;
}
.blogPageInfo ul li .blogUser_name, .blogPageInfo ul li i {
    color: var(--primary-color);
}
img.blogUser {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.blogPageInfo ul li a {
    color: var(--text-color);
}
.blogPageInfo ul li a:hover {
    color: var(--primary-color);
}
.blogHeading {
    font-size: 38px;
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary-color);
    font-family: var(--font2);
}
.blogHeading:hover {
    color: var(--primary-color);
}
.blogBtn {
    margin-top: 21px;
}
.blogSection {
    margin-bottom: 41px;
}
.blogPaginationWrapper ul li {
    display: inline-block;
    font-size: 18px;
}
.blogPaginationWrapper ul li a, .blogPaginationWrapper ul li.dot:hover a {
    color:var(--primary-color);
    font-weight: 700;
    width: 40px;
    height: 40px;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    background: var(--white-color);
}
.blogPaginationWrapper ul li.dot:hover a {
    cursor: none;
}
.blogPaginationWrapper ul li.blogPagePrev a, .blogPaginationWrapper ul li.blogPageNext a {
    width: auto;
    height: 40px;
}
.blogPaginationWrapper ul li.blogPagePrev:hover a, .blogPaginationWrapper ul li.blogPageNext:hover a {
    background: var(--white-color);
    color: var(--primary-color);
}
.blogPaginationWrapper ul li.active a, .blogPaginationWrapper ul li:hover a {
    color: var(--white-color);
    background: var(--primary-color);
}
/********************************************************
	20. Blog Single Page Start
*******************************************************/
.blogPage_wrapper.blogPageSingleWrapper {
    padding: 80px 0 21px;
}
.blogPageBlockquote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blogPageBlockquote_img {
    width: 160px;
    margin-right: 10px;
    position: relative;
}
.blogBlockquoteQuate {
    width: calc(100% - 170px);
    color: var(--text-color);
    position: relative;
    text-align: center;
}
.blogBlockquoteQuate p, .blogQuateUser {
    text-align: left;
}
.blogPageBlockquote_img img.blogQuateUser {
    border: 3px solid var(--primary-color);
    border-radius: 50%;
    width: 130px;
    height: 130px;
}
.blogPageBlockquote_img:before {
    content: "\f10e";
    right: 12px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: var(--white-color);
    border: 5px solid var(--primary-color);
    padding-left: 8px;
    border-radius: 100%;
}
.blogQuateUser {
    color: var(--white-color);
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    display: inline-block;
}
.blogQuateUser > span {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
}
.blogBlockquoteQuate:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--primary-color);
    position: absolute;
    left: 0;
    right: 0;
    font-size: 2%;
    margin: auto;
}
.blogBlockquoteQuate:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--primary-color);
    position: absolute;
    left: 0;
    right: 0;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.blogImgTextContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blogImgTextContainer img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
}
.blogImgTextContainer p {
    display: inline-block;
    width: calc(100% - 385px);
}
.blogAuthoreMessageBox {
    background: var(--primary-color);
    border: none;
    border-radius: 0;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 74px 0 73px;
    color: var(--white-color);
}
.blogAuthoreContent h5 {
    color: var(--white-color);
    font-weight: 700;
    font-size: 20px;
}
.blogAuthoreContent h5 span {
    font-weight: 400;
    font-size: 16px;
}
.blogAuthoreContent {
    width: calc(100% - 140px);
}
.blogAuthoreImg {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 30px;
}
.blogAuthoreImg img {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.blogCommentHolder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blogCmntDetail {
    width: calc(100% - 130px);
}
.blogCmntUser {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}
.blogCmntUser img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.blogCommnets > ul > li {
    margin-bottom: 26px;
    display: inline-block;
}
.blogCommnets ul li ul {
    padding-left: 80px;
}
.blogCommnets > ul > li > ul > li {
    margin-top: 26px;
}
.blogPageCommentForm {
    margin-top: 43px;
}
.blogInputFieldInner {
    width: 100%;
    border: 1px solid var(--border-color);
    padding: 0 20px;
    height: 50px;
    border-radius: 6px;
    display: flex;
}
textarea.blogInputFieldInner {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}
.blogInputField {
    margin-bottom: 30px;
}
.blogPageCommentForm .blogSectionHeading {
    margin-bottom: 40px;
}
.blogPageCommentForm .theme_btn {
    margin: 0;
}
.blogCmntReply {
    color: var(--primary-color);
    margin-left: 15px;
}
.blogCmntReply svg {
    width: 16px;
    fill: var(--primary-color);
}
.blogDivider {
    margin: 22px 0;
    display: block;
}
a.pnt_btn.blogBtn {
    background: var(--primary-color);
    color: var(--white-color);
}
.blogPaginationWrapper {
    text-align: center;
}
.blogSectionHeading {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 26px;
}
/********************************************************
	21. Project CSS Start
********************************************************/
.pnt_project_section {
    padding: 80px 0 50px;
}
.work_porfolio_section {
    position: relative;
    margin-bottom: 30px;
}
.work_overlay {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.work_overlay ul {
    text-align: center;
}
.work_overlay ul li {
    display: inline-block;
    margin: 0 6px;
}
.work_overlay ul li a {
    width: 30px;
    height: 30px;
    display: inline-block;
    color: var(--white-color);
    line-height: 32px;
}
.work_overlay ul li a span {
    display: inline-block;
    font-size: 20px;
}
.work_overlay ul li a:hover {
	color: var(--primary-color);
}
.work_porfolio_section:hover .work_overlay {
	opacity: 1;
}
.work_porfolio_section img {
    width: 100%;
}
.work_overlay ul li a,
.work_overlay ul li a:hover,
.work_porfolio_section,
.work_porfolio_section .work_overlay,
.work_porfolio_section:hover .work_overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/********************************************************
	22. Responsive CSS Start
********************************************************/
@media (min-width: 1200px) {
    .pnt_callToAction_wrapper .container {
        max-width: 1140px;
    }
    .pnt_widgets p {
        width: 60%;
    }
}
@media (min-width: 992px) {
    .main_menu_wrapper>ul li.active > a, .main_menu_wrapper>ul > li:hover > a, .main_menu_wrapper>ul > li:hover ul li:hover a {
        color: var(--secondary-color);
    }
    .pnt_header_wrapper.fixed_header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99;
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.085);
        padding: 10px 0;
    }
}
@media (max-width: 1600px) {
    .pnt_contact_section {
        padding: 56px 30px 37px;
    }
}
@media (max-width: 1399.98px) {
    .pnt_contact_section {
        padding: 40px 0 21px;
    }
    .pnt_contact_wrapper .row {
        align-items: center;
    }
    .pnt_banner_img {
        max-width: 480px;
    }
    .pnt_banner_text h2 {
        font-size: 48px;
    }
    .pnt_banner_text {
        padding: 120px 0px 120px 40px;
    }
}

@media (max-width: 1199.98px) {
    .pnt_header_info ul li {
        margin-left: 10px;
        font-size: 14px;
        padding-left: 10px;
    }
    .pnt_banner_text h2 {
        font-size: 40px;
    }
    .pnt_banner_text h6 {
        font-size: 20px;
    }
    .pnt_about_section {
        padding: 75px 0 0;
    }
    .pnt_faq_wrapper {
        padding: 75px 0 41px;
    }
    .pnt_banner_text {
        padding: 80px 0px 80px 20px;
    }
    .pnt_banner_img {
        max-width: 400px;
    }
    .pnt_client_quote p {
        font-size: 24px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.pnt_contact_info_section {
        padding: 48px 20px 48px 70px;
    }
    .pnt_contact_section {
        padding: 69px 0 50px;
    }
    .pbt_blog_info li {
        padding-left: 6px;
        margin-left: 6px;
    }
}

@media (max-width: 991.98px) {
    .pnt_btn {
        height: inherit;
        line-height: inherit;
        min-width: inherit;
        padding: 10px 20px;
    }
    .pnt_banner_text h2 {
        font-size: 30px;
    }
    .pnt_banner_img {
        max-width: 300px;
    }
    .pnt_banner_text {
        padding: 50px 0px 50px 20px;
    }
    .blogPage_wrapper.blogPageSingleWrapper {
        padding: 80px 0 24px;
    }
    .pnt_search_wrap ul.display_flex {
        align-items: center;
    }
    .pnt_header_info {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .pnt_header_info ul {
        justify-content: center;
    }
    .main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
        background: var(--primary-color);
    }
    .pnt_about_detail h2, .pnt_heading h2 {
        font-size: 30px;
    }
    .pnt_callToAction_wrapper .p-0 {
        padding: 0 15px !important;
    }
    .pnt_testimonial_inner {
        padding: 50px 15px 41px;
    }
    .pnt_testimonial_section {
        padding: 0;
    }
    .pnt_callToActionSecond_text h2 {
        font-size: 32px;
        line-height: 50px;
    }
    .pnt_header_top {
        padding: 12px 0 2px;
    }
    .pnt_about_detail ul {
        margin-bottom: 53px;
    }
    .pnt_faq_wrapper {
        padding: 75px 0 44px;
    }
    .video_icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .pnt_callToActionSecond_wrapper {
        padding: 67px 0 74px;
    }
    .pnt_contact_section {
        padding: 34px 0 50px;
    }
    .pnt_footer_wrapper {
        padding: 75px 0 42px;
    }
    .pnt_testimonials_section {
        padding: 0;
    }
    .pnt_client_quote p {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .pnt_action_section {
        padding: 50px 15px 44px 15px;
    }
}

@media (max-width: 767.98px) {
    .pnt_banner_img {
        display: none;
    }
    .pnt_header_info ul li {
        margin-left: 0;
        padding: 0;
    }
    .pnt_header_info_left ul li:before {
        content: unset;
    }
    .pnt_contact_section {
        padding: 24px 0 50px;
    }
    .pnt_contact_info_section {
        padding: 49px 15px 48px 65px;
    }
    .pnt_about_section .row {
        flex-direction: column-reverse;
    }
    .pnt_header_top {
        padding: 14px 0 2px;
    }
    .pnt_action_section {
        margin-bottom: 30px;
    }
    .pnt_about_section {
        padding: 45px 0 0;
    }
    .pnt_counter_wrapper {
        padding: 80px 0 53px;
    }
    .pnt_faq_wrapper {
        padding: 80px 0 44px;
    }
    .pnt_faqs_question {
        margin-top: -5px;
    }
    .blogImgTextContainer p {
        width: 100%;
    }
    .blogImgTextContainer img {
        width: 100%;
        margin: 15px 0;
    }
}

@media (max-width: 575.98px) {
    .menu_btn {
        padding: 15px 0 0;
    }
    .counter_item {
        margin-bottom: 35px;
    }
    .blogPaginationWrapper ul li a, .blogPaginationWrapper ul li.dot:hover a {
        width: 30px;
        height: 30px;
        line-height: 32px;
    }
    .blogBlockquoteQuate, .blogAuthoreContent, .blogCmntDetail {
        width: 100%;
        margin-top: 15px;
    }
    .blogPageInfo ul li {
        width: 100%;
        margin: 10px 0 0;
    }
    .pnt_callToActionSecond_text h2 {
        font-size: 22px;
        line-height: 22px;
    }
    .pnt_callToActionSecond_text h6 {
        font-size: 17px;
    }
}