/*********** Slider Section ***********/

.pi__slider__section{

    position: relative;

    overflow: hidden;

}

.pi__slider__bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    transition: all 7000ms linear;

    -webkit-transition: all 7000ms linear;

    -moz-transition: all 7000ms linear;

    -ms-transition: all 7000ms linear;

    -o-transition: all 7000ms linear;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}

.slider-content h5 {

    color: #fff;

    text-align: center;

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 17px;

}

.slider-content h1 {

    color: #fff;

    line-height: 74px;

    text-align: center;

    font-size: 64px;

    font-weight: 500;

    margin-bottom: 17px;

}

.slider-content p {

    margin-bottom: 40px;

    color: var(--pi-white-color);

    font-size: 17px;

}

.slider-content {

    text-align: center;

}

.slider-btn {

    text-align: center;

    display: inline-block;

}

.pi-slider-video {

    display: inline-block;

    margin-left: 15px;

}

.pi-slider-video a {

    color: #fff;

    font-size: 19px;

    width: 65px;

    height: 65px;

    line-height: 65px;

    background: var(--pi-primary-color);

    display: inline-block;

    text-align: center;

    border-radius: 50px 50px 50px 50px;

    position: relative;

    z-index: 1;

    transition: .7s;

}

.pi-slider-video a::before {

    background: var(--pi-primary-color);

    content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    animation: pulse-border 1500ms ease-out infinite;

    z-index: -1;

}

.pi-slider-video a:hover {

    color: var(--pi-primary-color);

    background: var(--pi-white-color);

}

.slider-bottom {

    display: flex;

    align-items: center;

    justify-content: center;

}

/* Section Title */

.section-title.style-one h5 {

    display: inline-block;

    border-radius: 7px;

    font-size: 16px;

    text-transform: uppercase;

    color: var(--pi-primary-color);

    margin-bottom: 8px;

    border: 1px solid var(--pi-primary-color);

    padding: 2px 20px;

}

.section-title.style-one h1 {

    line-height: 52px;

    font-size: 42px;

    font-weight: 700;

}

.section-title.style-one p {

    margin-top: 22px;

    font-size: 16px;

}

.section-title.t_center {

    text-align: center;

}

/* icon box style one */

.icon-box {

    display: inline-block;

    padding: 33px 28px 10px;

    border-radius: 7px;

    transition: .5s;

}

.img-icon img {

    width: 50px;

}

.icon-box-content {

    margin-top: 20px;

    margin-left: 10px;

}

.icon-box-content h2 {

    font-weight: 700;

    font-size: 24px;

}

/* Icon Box Two */

.icon-box-style-two {

    display: flex;

    align-items: center;

    margin-top: -21px;

}

.icon-box-style-two .icon {

    display: inline-block;

    color: var(--pi-white-color);

    font-size: 24px;

    margin-top: 12px;

    margin-right: 14px;

}

.icon-box-style-two .title h2 {

    color: var(--pi-white-color);

    font-size: 17px;

}

.icon-box-style-two .description p {

    color: var(--pi-white-color);

    opacity: 0.8;

    line-height: 12px;

    margin-bottom: 0;

}

/* Icon BOx Style Three */

.style-three.icon-box {

    display: block;

    padding: 33px 28px 10px;

    border-radius: 7px;

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);

}

.style-three.icon-box:hover h2{

    color: var(--pi-white-color);

}

.style-three.icon-box:hover img{

         filter: brightness(0) invert(1);

}

.style-three.icon-box:hover{

    background: var(--pi-primary-color);

}

.style-three.icon-box .icon-box-content h2 {

    font-weight: 700;

    font-size: 25px;

    margin: 14px;

}

.style-three.icon-box .icon-box {

    display: block;

    padding: 33px 28px 10px;

    border-radius: 7px;

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);

}

.style-three.icon-box .icon-box-icon i {

    display: inline-block;

    background: var(--pi-primary-color);

    width: 100px;

    height: 100px;

    line-height: 100px;

    border-radius: 50px;

    color: var(--pi-white-color);

    font-size: 39px;

}

/* service-box */

.service__icon__thumb {

    width: 80px;

    background: #f0f5f9;

    height: 80px;

    line-height: 80px;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    position: relative;

    transition: .7s;

}

.service__items__title {

    text-align: center;

}

.service__items__title h2 a {

    display: inline-block;

    font-weight: 600;

    transition: .6s;

    font-size: 20px;

    margin-bottom: 2px;

}

.service__items__title h2 a:hover{

    color: var(--pi-primary-color);

}

.service__btn a {

    display: inline-block;

    background: var(--pi-primary-color);

    color: var(--pi-white-color);

    padding: 10px 36px;

    position: relative;

    z-index: 1;

    border-radius: 5px;

    overflow: hidden;

}

.service__icon__thumb img{

    transition:.5s;

}

.pi__service__box__one:hover .service__icon__thumb img {

    transform: rotate(360deg);

}

.service__btn a::before{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    background: var(--pi-heading-color);

    width: 100%;

    height: 0%;

    z-index: -1;

    transition: .6s;

}

.service__btn a:hover:before{

    height: 100%;

}

.service__btn a i {

    display: inline-block;

    font-size: 14px;

    margin-left: 3px;

}

.pi__service__thumb img {

    height: auto;

    object-fit: cover;

}

.service__icon__thumb img {

    width: 35px;

}

.pi__service__content {

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);

    padding: 82px 37px 40px;

    background: #fff;

    text-align: center;

}

.service__items__title p {

    color: var(--pi-heading-color);

}

.service__btn {

    margin-top: 30px;

}



/* Subscribe Area */

.mailchimp-form input {

    padding: 15px 29px;

    text-align: center;

    border-radius: 50px;

    border: none;

}

.mailchimp-form input:focus {

    outline: 0;

    box-shadow: none;

    border: none;

}

.mailchimp-form input::placeholder{

    font-size: 16px;

}

.mailchimp-form button {

    padding: 15px 84px;

    border-radius: 50px;

    background: var(--pi-primary-color);

    color: #fff;

    font-size: 20px;

    margin-top: 20px;

    border: none;

    transition: .6s;

}

.mailchimp-form button:hover{

    background: #fff;

    color: var(--pi-primary-color);

}

/* About Area */

.icon-box {

    display: flex;

    align-items: center;

}

.icon-box-one {

    display: flex;

    align-items: center;

}

.icon-box-icon-one {

    background: var(--pi-primary-color);

    display: inline-block;

    padding: 22px 22px;

}

.img-icon-one img {

    width: 42px;

}

.icon-box-content-one {

    margin-left: 20px;

}

.title-one h2 {

    font-size: 19px;

    margin-bottom: 0;

    margin-top: 7px;

}

.description-one p {

    line-height: 25px;

}

.pureit-button-box.style3 {

    margin-top: 30px;

}

.pureit-button-box.style3 a {

    background: var(--pi-primary-color);

    color: #fff;

    padding: 15px 29px;

    font-weight: 500;

    border-radius: 0px;

    position: relative;

    display: inline-block;

    z-index: 1;

}

.pureit-button-box.style3 a::before{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0;

    content: "";

    background-color: var(--pi-heading-color);

    z-index: -1;

    transition: .6s;

}

.pureit-button-box.style3 a:hover:before{

height: 100%;

}

.pureit-button-box.style3 a i {

    display: inline-block;

    margin-left: 5px;

}

/* Tab */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    background-color: var(--bs-nav-pills-link-active-bg);

    background: transparent !important;

    color: #fff;

}

.nav-pills .nav-link {

    font-size: 45px;

    color: #a2a2a2;

    text-align: left;

    margin-bottom: 22px;

    text-transform: uppercase;

    font-family: "Bebas Neue", sans-serif;

}

.nav-pills .nav-link:hover{

    color: #a2a2a2;

}

.pi__tab__thumb img {

    height: 588px;

    object-fit: cover;

    max-width: 55%;

}



.pi-tab-content {

    background: #242222;

    padding: 60px 0px 59px 60px;

    width: 39%;

    position: absolute;

    bottom: 50px;

    left: 193px;

    border-radius: 10px;

}

.pi__tab__thumb {

    position: relative;

}

.pi-tab-content p {

    font-size: 18px;

    line-height: 30px;

}

.pi-tab-content a {

    display: inline-block;

    color: #cccccc;

}

/* Button CSS */

.pi__btn__one {

    background: var(--pi-primary-color);

    color: #fff;

    padding: 14px 48px;

    font-weight: 500;

    border-radius: 50px;

    position: relative;

    display: inline-block;

    z-index: 1;

    overflow: hidden;

    margin-top: 15px;

}

.pi__btn__one::after{

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0%;

    border-radius: 0px;

    background: var(--pi-heading-color);

    transition: .7s;

    z-index: -1;

}

.pi__btn__one:hover::after{

    width: 100%;

    left: 0;

}

/* Video Box */

.em-video-image img {

    object-fit: cover;

}

.video-icon a {

    color: #fff;

    font-size: 25px;

    width: 95px;

    height: 95px;

    line-height: 95px;

    background: var(--pi-primary-color);

    display: inline-block;

    text-align: center;

    border-radius: 50px 50px 50px 50px;

    position: relative;

    z-index: 1;

    transition: .7s;

}

.video-icon a:hover{

    color: var(--pi-primary-color);

    background: var(--pi-white-color);

}



.video-icon a::before {

    background: var(--pi-primary-color);

    content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    animation: pulse-border 1500ms ease-out infinite;

    z-index: -1;

}

@keyframes pulse-border{

    0% {

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity: 1;

    }

    100% {

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.9);

        opacity: 0;

    }

}

.single-video.style-one {

    position: relative;

}

.choose-video-icon {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

/* CounterUP CSS */

.count, .suffix {

    font-size: 48px;

    font-weight: 700;

    color: var(--pi-dark-color);

    flex-basis: 120px;

}

.counter__content h6 {

    font-size: 16px;

    font-weight: 400;

    color: var(--pi-dark-color);

    line-height: 1.5;

    text-transform: uppercase;

    margin-top: 10px;

}

/* Counter Two */

.single_counter_inner {

    background: var(--pi-primary-color);

    display: inline-block;

    padding: 14px 26px;

    border-radius: 15px;

}

.counter_content {

    text-align: center;

}

.countr_text h1 {

    display: inline-block;

    color: var(--pi-white-color);

    font-size: 60px;

}

.countr_text h3 {

    display: inline-block;

    color: var(--pi-white-color);

    font-size: 60px;

}

.counter_title h4 {

    color: var(--pi-white-color);

    font-size: 18px;

    font-weight: 200;

}









/* Team CSS */

.pi-team-single {

    position: relative;

    line-height: 1;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

    overflow: hidden;

}

.pi-team-thumb {

    width: 100%;

    height: 440px;

    overflow: hidden;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}

.pi-team-thumb img {

    width: 100%;

    height: 100%;

    -o-object-position: center top;

    object-position: center top;

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}

.pi-team-single:hover .pi-team-thumb img {

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}

.pi-team-content {

    position: absolute;

    left: 50%;

    bottom: 0;

    z-index: 2;

    -webkit-transform: translate(-50%, 30%) scale(1.2);

    -ms-transform: translate(-50%, 30%) scale(1.2);

    transform: translate(-50%, 30%) scale(1.2);

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 225px;

    height: 225px;

    border-radius: 50%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

    padding: 10px;

    text-align: center;

    background: rgba(0,0,0,0) !important;

    overflow: hidden;

}

.pi-team-single:hover .pi-team-content {

    -webkit-transform: translate(-50%, 0) scale(1);

    -ms-transform: translate(-50%, 0) scale(1);

    transform: translate(-50%, 0) scale(1);

}

.pi-team-content::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.29);

    -webkit-backdrop-filter: blur(11.5px);

    backdrop-filter: blur(11.5px);

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

    opacity: 0;

    visibility: hidden;

    z-index: -1;

}

.pi-team-single:hover .pi-team-content::after {

    opacity: 1;

    visibility: visible;

}

.pi-team-content h2 {

    font-size: 18px;

    letter-spacing: .05em;

    text-transform: uppercase;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

    color: var(--pi-white-color);

}

.pi-team-content span {

    -webkit-box-ordinal-group: 0;

    -ms-flex-order: -1;

    order: -1;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .03em;

    text-transform: uppercase;

    color: rgba(255,255,255,.65);

    margin-bottom: 5px;

    opacity: 0;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}

.pi-team-single:hover .pi-team-content span {

    opacity: 1;

}

.pi-social-profiles {

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

    opacity: 0;

}

.pi-team-single:hover .pi-social-profiles {

    opacity: 1;

}

.pi-social-profiles ul li {

    display: inline;

    margin: 0 4px;

}

.pi-social-profiles ul li a {

    color: rgba(255,255,255,.65);

    font-size: 14px;

    display: inline-block;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.pi-social-profiles ul li a:hover{

    color: var(--pi-primary-color);

}

/* Team Style Two */

.pi-team-thumb-two img {

    width: 100%;

}

.pi-team-single-two {

    position: relative;

}

.pi-team-single-two:hover .pi-social-profiles-two{

transform: scale(1);

}

.pi-team-content-two {

    background: var(--pi-primary-color);

    display: inline-block;

    padding: 20px 100px 20px 20px;

    position: absolute;

    bottom: 0px;

}

.pi-social-profiles-two {

    background: var(--pi-primary-color);

    display: inline-block;

    padding: 19px 10px;

    border-radius: 50px;

    position: absolute;

    bottom: 20px;

    right: 20px;

    transform: scale(0);

    transition: .6s;

}

.pi-social-profiles-two ul li a {

    display: inline-block;

    color: var(--pi-white-color);

}

.pi-team-content-two {

    background: var(--pi-primary-color);

    display: inline-block;

    padding: 20px 100px 20px 20px;

}



.pi-team-content-two h2 {

    color: var(--pi-white-color);

    margin-bottom: 0;

}

.pi-team-content-two span {

    color: var(--pi-white-color);

}



/*********** Team Style Three ***********/



.pi-team-thumb-three {

    overflow: hidden;

    position: relative;

}

.pi-team-single-three:hover .pi-social-profiles-three{

    opacity: 1;

    bottom: 40px;

}

.pi-social-profiles-three {

    position: absolute;

    bottom: -47px;

    opacity: 0;

    transition: .5s;

    right: 0;

    left: 0;

    margin: 0 auto;

    display: flex;

    justify-content: center;

}

.pureit__blog__top ul li {

    font-size: 14px;

}

.pi-team-content-three {

    background: #fff;

    padding: 20px 30px;

}

.pi-team-content-three h2 {

    margin-bottom: 15px;

}

.pi-team-content-three span {

    background: #f6f6f6;

    color: #000;

    padding: 8px 12px;

}

.pi-social-profiles-three ul li {

    display: inline;

    margin-left: 5px;

}

.pi-social-profiles-three ul li a {

    display: inline-block;

    color: var(--pi-primary-color);

    background: #fff;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    transition: .5s;

    border-radius:50%;

    font-size: 18px;

}



.pi-social-profiles-three ul li a:hover{

    background: var(--pi-primary-color);

    color: #fff;

}

/********** Testimonials Area ***********/

.single_testimonial {

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);

    margin: 10px;

    padding: 50px 10px;

    background: #fff;

}

.testi-inner {

    display: flex;

    align-items: center;

    margin-top: 59px;

}

.testi_thumb_all {

    display: flex;

    align-items: center;

    margin-left: 35px;

}

.testi_Name {

    margin-left: 23px;

}

.testi_desr {

    color: #000;

}

.testi_title h2 {

    margin-bottom: 0;

}

.testi_text {

    padding: 40px 43px;

    background: var(--pi-white-color);

    position: relative;

    margin-left: -8px;

}

.testi_text p {

    font-size: 18px;

}

.testi_text::before{

    position: absolute;

    content: "";

    left: 0px;

    bottom: -29px;

    border-bottom: 0 solid;

    border-left: 0 solid;

    border-right: 45px solid;

    border-top: 45px solid;

    background-color: initial;

    border-color: transparent;

    border-top-color: #ffffff;

}

.testi-star i {

    color: #bcbcbc;

}

.testi-star {

    margin-left: 33px;

}

.testi-star i.active{

    color: var(--pi-primary-color);

}

.testimonial_list .owl-dot {

    background: var(--pi-primary-color);

    width: 10px;

    height: 10px;

    border-radius: 50%;

    display: inline-block;

    margin-right: 12px;

    transition: .6s;

}



.testimonial_list .owl-dot.active {

    background: var(--pi-primary-color);

    width: 25px;

    height: 9px;

    border-radius: 5px;

}

.testimonial_list .owl-dots {

    margin-top: 25px;

}

/* Text Animation CSS */

.pureit-animate-content {

    position: relative;

    display: inline-block;

    width: 100%;

    vertical-align: top;

    overflow: hidden;

}

.pureit-animate-text {

    display: flex;

    white-space: nowrap;

    font-size: 0;

    overflow: hidden;

}

.animate-text {

    display: flex;

    align-items: baseline;

    animation: pureit-animation 20s linear infinite;

    -webkit-animation: pureit-animation 20s linear infinite;

}

.animate-text span {

    color: #fff;

    font-size: 65px;

    line-height: 1.1em;

    padding-right: .5em;

    padding-left: .5em;

    font-family: "Bebas Neue", sans-serif;

    text-transform: uppercase;

}

.animate-text.copy {

    position: absolute;

    top: 0;

    left: 0;

    will-change: transform;

    backface-visibility: hidden;

    transform: translateX(100%) translateZ(0);

    animation: pureit-animation-copy 20s linear infinite;

    -webkit-animation: pureit-animation-copy 20s linear infinite;

}

@keyframes pureit-animation-copy{

    0% {

        transform: translateX(100%) translateZ(0);

    }

    100% {

        transform: translateX(0) translateZ(0);

    }

}

@keyframes pureit-animation{

    0% {

        transform: translateX(0) translateZ(0);

    }

    100% {

        transform: translateX(-100%) translateZ(0);

    }

}

span.pi_color{

    color: var(--pi-primary-color);

}



/*********** Portfolio ***********/

.single_protfolio {

    position: relative;

    margin-bottom: 20px;

}

.single_protfolio::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    background: #000;

    width: 100%;

    height: 100%;

    opacity: 0.6;

    transition: .6s;

}

.single_protfolio:hover::before{

    opacity: 0;

}



.single_protfolio:hover .prot_main-content{

    display: none;

}

.prot_thumb img {

    height: 450px;

    object-fit: cover;

}

.prot_main-content {

    position: absolute;

    bottom: 31px;

    z-index: 2;

    left: 25px;

    transition: .5s;

}

.port__link {

    position: absolute;

    bottom: 0;

    right: 0;

    top: 0;

    left: 0;

    margin: auto;

    display: flex;

    justify-content: center;

    align-items: center;

}

.port__link a i {

    font-size: 25px;

    display: inline-block;

    color: var(--pi-white-color);

    background: var(--pi-primary-color);

    width: 65px;

    height: 65px;

    line-height: 65px;

    border-radius: 50%;

    text-align: center;

    transition: .5s;

}

.port__link a i:hover{

    background: #fff;

    color: var(--pi-primary-color);

}

.category-item {

    margin-bottom: 20px;

    background: #fff;

    padding: 0px 15px;

    font-size: 12px;

    display: inline-block;

    color: var(--pi-primary-color);

    font-weight: 600;

}

.port__title {

    color: #fff;

    font-size: 26px;

    font-weight: 700;

    transition: .5s;

    display: block;

    margin-bottom: 18px;

}

.port__btn {

    display: block;

    color: var(--pi-white-color);

    opacity: 0;

    transition: .5s;

}

.single_protfolio:hover .port__btn{

    opacity: 1;

}

.port__btn i {

    margin-left: 5px;

    font-size: 14px;

}

.port_list .owl-nav {

    display: flex;

    justify-content: center;

    margin-top: 30px;

    position: absolute;

    left: -51%;

    bottom: 72px;

}

.port_list .owl-prev {

    display: inline-block;

    border-radius: 50px;

    margin-right: 12px;

    border: 1px solid var(--pi-primary-color);

    background: transparent;

    color: var(--pi-primary-color);

    transition: .6s;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

}

.port_list .owl-prev:hover{

    background: var(--pi-primary-color);

    color: var(--pi-white-color);

}

.port_list .owl-next {

    background: var(--pi-primary-color);

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: var(--pi-white-color);

    border-radius: 50px;

}



/********** Pi Pricing Area **********/

.pricing_content {

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);

    padding: 51px 30px 0;

}

.pricing_content:hover .order_now a{

    background: var(--pi-primary-color);

    color: var(--pi-white-color)

}

.featur ul li {

    margin-bottom: 6px;

    position: relative;

    padding-bottom: 10px;

    color: var(--pi-heading-color);

    font-size: 18px;

}

.featur ul li:last-child{

    border: none;

}

.featur ul li::before {

    position: absolute;

    content: "\f00c";

    font-family: "Font Awesome 6 Pro";

    color: var(--pi-primary-color);

    right: 5px;

}

.featur ul li:last-child:before{

    content: "\f00c";

}

.pricing_title h3 {

    font-size: 25px;

    font-weight: 700;

    margin-bottom: 28px;

}

.price_item_inner_center {

    margin-bottom: .5rem;

    color: var(--pi-primary-color);

    font-weight: 700;

    font-size: 51px;

}

.pricing_body {

    margin-top: 60px;

}

.monthp {

    font-size: 20px;

    margin-left: -9px;

}

.tk {

    margin-left: 0;

}

.order_now a {

    border: 1px solid var(--pi-primary-color);

    color: var(--pi-primary-color);

    padding: 18px 95px;

    font-weight: 700;

    border-radius: 50px;

    position: relative;

    display: inline-block;

    z-index: 1;

    margin: 13px 0 63px;

    font-size: 17px;

    transition: .7s;

}



/********* Pi Blog Area **********/



.blog__content {

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);

    padding: 35px 30px;

}

.pureit__single__blog {

    position: relative;

}

.blog-page-title {

    position: relative;

}

.blog-page-title h2 a {

    display: inline-block;

    margin-top: 15px;

    transition: .6s;

}

.pureit-blog-readmore a i {

    font-size: 14px;

    margin-left: 5px;

}

.blog-page-title h2 a:hover{

    color: var(--pi-primary-color);

}

.pureit__blog__date {

    background: var(--pi-primary-color);

    display: inline-block;

    padding: 4px 40px;

    position: absolute;

    right: 15px;

    bottom: 0;

    transition: .7s;

}

.pureit__blog__date:hover{

    background: var(--pi-heading-color);

}

.pureit__blog__date h2 {

    color: var(--pi-white-color);

    margin-bottom: -3px;

    display: inline-block;

}

.pureit__blog__date span {

    color: var(--pi-white-color);

}

.pureit__blog__top ul li {

    display: inline;

}

.pureit__blog__top ul li span i {

    display: inline-block;

    margin-right: 8px;

    color: var(--pi-primary-color);

}

.pureit__blog__top ul li a i {

    display: inline-block;

    margin-right: 8px;

    color: var(--pi-primary-color);

}

.single_blog {

    margin: 15px;

}

.pureit-single-blog {

    position: relative;

    transition: all 0.5s ease 0s;

    transform: scale(1);

}

.pureit-blog-thumb{

    overflow: hidden;

    position: relative;

}

.pureit-blog-thumb img{

    transition: 1s;

}

.pureit__single__blog:hover .pureit-blog-thumb img{

    transform: scale(1.2);

}

.pureit-blog-thumb a img {

    transition: .5s;

    height: 300px;

    object-fit: cover;

}

.pureit-single-blog:hover .pureit-blog-thumb a img{

    transform: scale(1.1);

}

.pureit-blog-meta-left span i {

    display: inline-block;

    margin-right: 7px;

}

.post-categories {

    font-size: 15px;

    display: inline-block !important;

}

.blog-page-title h2 a {

    display: inline-block;

    font-size: 22px;

    font-weight: 700;

}

.pureit-blog-readmore a {

    display: inline-block;

    color: var(--pi-heading-color);

    position: relative;

    z-index: 1;

}

.pureit-blog-readmore a::before{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height: 100%;

    width: 0%;

    background: var(--pi-bg-color);

    transition: .7s;

    z-index: -1;

    border-radius: 0px 10px;

}

.pureit-blog-readmore a:hover::before{

    width: 100%;

}

.pureit-blog-readmore {

    margin-top: 22px;

    transition: .6s;

}

.pureit-blog-readmore a:hover{

    color: var(--pi-primary-color);

}

.em-blog-content-area {

    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);

    padding: 34px;

}

.blog_carousel .owl-dots {

    text-align: center;

    margin-top: 20px;

}

.blog_carousel .owl-dot.active {

    background: var(--pi-primary-color);

    width: 25px;

    height: 9px;

    border-radius: 5px;

}

.blog_carousel .owl-dot{

    background: var(--pi-primary-color);

    width: 10px;

    height: 10px;

    border-radius: 50%;

    display: inline-block;

    margin-right: 12px;

    transition: .6s;

}

/* Counter area */

.single-counter.style1 {

    display: flex;

}

div#counter {

    margin-left: 14px;

}

.counter-icon_img img {

    width: 56px;

}

span.count {

    font-size: 35px;

    color: var(--pi-white-color);

}

span.suffix {

    font-size: 32px;

    color: var(--pi-white-color);

    margin-left: 0px;

}

div#counter h6 {

    color: var(--pi-white-color);

    font-size: 12px;

    margin-top: 5px;

    font-weight: 700;

}

/* FAQ */

.my-accordion li {

    margin-bottom: 20px;

    background: #111929;

    padding: 20px;

    border-radius: 7px;

}

.my-accordion li a {

    position: relative;

    display: block;

    font-size: 16px;

    outline: 0;

    font-weight: 600;

    border: none;

    cursor: pointer;

    color: #fff;

    transition: .3s;

    margin-left: 50px;

}

.my-accordion p {

    display: none;

    margin: 20px 10px 10px 54px;

    font-size: 16px;

    width: 85%;

    color: #fff;

}

.my-accordion li a::after {

    content: "\f067";

    font-family: "Font Awesome 6 pro";

    position: absolute;

    left: -50px;

    top: 0;

    width: 30px;

    height: 30px;

    background: var(--st-theme-color);

    text-align: center;

    line-height: 30px;

    border-radius: 0;

    color: #fff;

    font-size: 12px;

}

.my-accordion li a.active::after {

    content: "\f068";

}