/*
Theme Name: Canva-Powy-V4
Author: Schiavone&Guga
Description: Tema da Canva-Project v3
Version: pv3.0.1 cv3.1.0
Text Domain: canva
License: Proprietary software - Tema proprietario di Schiavone&Guga. La riproduzione e l'utilizzo del medesimo tema senza autorizzazione scritta da parte di Marco Schiavone o Toni Guga è vietata. Per informazione contattare support@schiavoneguga.com
*/



@font-face {
    font-family: 'Ryker';
    src: url('./font/Ryker-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



/* *** css:19.02.25 @ja :: for tag **** */
.grid-8 {
    grid-column: 3 / span 8; 
}

@media (max-width: 1024px) { 
    .grid-8 {
        grid-column: span 12 / span 12; 
    }
}
.tag ._yoast-breadcrumbs-wrap span,
.page-template-post-tag-archive ._yoast-breadcrumbs-wrap span{
    text-align: center;
    justify-content: center;
}


/* *** Animate Counter Box *** */
.animate_counter_container{
    max-width: 1268px;
    margin: 0 auto;
}
.animate_counter_box .section_heading{
    margin-bottom: 52px;
}
.animate_counter_box .section_heading h3{
    font-size: 40px;
    line-height: 40px;
}
.animate_counter_item{
    background: rgb(17,130,163);
    background: linear-gradient(42deg, rgba(17,130,163,1) 0%, rgba(199,214,79,1) 100%);
    border-radius: 50px;
}
.animate_counter_content{
    padding: 85px 44px;
}
.animate_counter_content .counter_lr{
    gap: 40px;
}
.counter_c_l .image-holder{
    width: 165px;
}
.counter_c_l .image-holder img{
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.counter_c_r .anim_count_val,
.counter_c_r .anim_count_sub
{
    color: #fff;
    margin-bottom: 8px;
}
.counter_c_r .anim_count_val{
    font-size: 50px;
    line-height: 40px;
    font-weight: 700;
}
.counter_c_r .anim_count_sub{
    font-size: 34px;
    line-height: 41px;
}
.counter_c_r .anim-counter_desc,
.counter_c_r .anim-counter_desc p
{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}



@media (min-width: 960px) and (max-width: 1366px){
    .animate_counter_box .section_heading h3{
        font-size: 36px;
        line-height: 36px;
    }
    .counter_c_l .image-holder{
        width: auto;
        max-width: 115px;
        min-width: 115px;
    }
    .animate_counter_content .counter_lr {
        gap: 24px;
    }
    .counter_c_r .anim_count_val {
        font-size: 40px;
        line-height: 31px;
    }
    .counter_c_r .anim_count_sub {
        font-size: 28px;
        line-height: 37px;
    }
    .counter_c_r .anim-counter_desc, .counter_c_r .anim-counter_desc p {
        font-size: 16px;
    }
    .animate_counter_content {
        padding: 72px 24px;
    }
    
}

@media (min-width: 960px) and (max-width: 1280px){
    .counter_c_l .image-holder{
        max-width: 115px;
        min-width: 85px;
    }
}

@media (max-width: 960px){
    .animate_counter_box .section_heading {
        margin-bottom: 40px;
    }
    .animate_counter_content {
        padding: 54px 20px;
    }
    .animate_counter_content .counter_lr {
        gap: 20px;
    }
    .animate_counter_box .section_heading h3{
        font-size: 34px;
        line-height: 34px;
    }
}

@media (max-width: 767px){
    .animate_counter_box .section_heading h3{
        font-size: 28px;
        line-height: 28px;
    }
    .animate_counter_box .section_heading {
        margin-bottom: 32px;
        line-height: 34px;
    }
    .animate_counter_content {
        padding: 40px 18px;
    }
    .animate_counter_content .counter_lr {
        gap: 18px;
    }
    .counter_c_l .image-holder {
        width: auto;
        min-width: 140px;
        max-width: 150px;
    }
    .counter_c_r .anim_count_val {
        font-size: 36px;
        line-height: 27px;
    }
    .counter_c_r .anim_count_sub {
        font-size: 26px;
        line-height: 33px;
    }
   
}

@media (max-width: 480px) {
    .counter_lr{
        flex-direction: column;
        align-items: center;
    }
    .counter_c_r{
        text-align: center;
    }
    .counter_c_l{
        margin-bottom: 20px;
    }
    .counter_c_r .anim_count_val {
        font-size: 32px;
        line-height: 25px;
    }
    .counter_c_r .anim_count_sub {
        font-size: 24px;
        line-height: 31px;
    }
}
@media (max-width: 375px) {
    .animate_counter_box .section_heading {
        margin-bottom: 24px;
    }
    .animate_counter_box .section_heading h3 {
        font-size: 24px;
        line-height: 24px;
    }
}

/* new faq css started */
.newfaqwrap {
    background-color: rgb(245, 245, 245);
}

.newfaqwrap button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}


.newfaqwrap div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.newfaqwrap .faq_accordion {
    max-width: 1110px;
    margin: 0 auto;
}

.newfaqwrap .faq_accordion button.accordion {
    background: transparent;
    border-top: solid 1px rgb(212, 212, 212);
    border-radius: 5px;
    justify-content: space-between;
    padding: 18px 13px 18px 0px;
    transition: all .8s ease-in-out;
    color:var(--color-secondary);
    text-transform:none;
    font-family: 'Ryker' !important;
}

.newfaqwrap .faq_accordion button.accordion:hover {
    box-shadow: none;
    transform: none;
    border-top: solid 1px rgb(212, 212, 212);
    background: rgba(219, 219, 219, 0.25);
}
.newfaqwrap .faq_accordion button.accordion.active{
    background: rgba(219, 219, 219, 0.25);
    
}
.newfaqwrap .faq_accordion button.accordion::after {
    background-color: #c7d64f;
    width: 22px;
    height: 23px;
    border-radius: 50px;
    content: "";
    background-image: url(https://powy.energy/wp-content/uploads/2024/11/plusicon.svg);
    background-size: 63%;
    background-repeat: no-repeat;
    background-position: center;
}
.faq_accordion button.accordion.active:after {
 transform: rotate(45deg);
}
.newfaqwrap .accordion_title {
    color: rgb(199, 214, 79);
    font-size: 32px;
    font-family: Silka, sans-serif;
    max-width: 1110px;
    margin: 0 auto 30px;
}

.newfaqwrap .faq_accordion .panel {
    padding: 0;
    background-color: rgb(245, 245, 245);
    transition: all .8s ease-in-out;
}
.newfaqwrap .faq_accordion div.panel p {
    padding: 23px 0 30px 0;
}

@media(min-width:100px) and (max-width:767px){
.newfaqwrap .faq_accordion button.accordion::after {min-width: 23px;min-height: 23px;}
.newfaqwrap .faq_accordion button.accordion{font-size:18px !important;}
}
/* new faq css end*/


/* region css @jahangir */

.region-main .title-box{
    width: 100%;
}
.region-main .title-box h1{
    color: #FFF;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: var(--title-ff);
    font-weight: var(--title-fw);
    margin-bottom: 8px;
}

.region-main .title-box h1 span{
    color: #C7DD2E;
    display: block;

}
.region-main .title-box p{
    color: #FFF;
    text-align: center;
    font-family: var(--p-ff);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.region-main .title-box p a{
    color: #FFF;
    font-family: var(--p-ff);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline solid #fff;
    display: unset !important;
    transition: 0.3s ease-in-out;
}
.region-main .title-box p a:hover{
    color: var(--color-primary);;
}

.region-second-section .region-second-description h2{
     color: #003A4A;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: var(--title-ff);
    margin-bottom: 25px;
}
.region-second-section .region-second-description p{
    color: #003A4A;
    font-family: var(--p-ff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}
.region-second-section .region-second-description ul{
     display: block;    
     padding-left: 20px;
}
.region-second-section .region-second-description ul li{
    color: #003A4A;
    font-family: var(--p-ff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
   list-style-type: disc;
   padding-left: 0;
}
.region-second-section .region-second-description ul li:before{
    display: none;
}
.region-second-section .region-second-description .image-box{
    margin-top: 40px;
    overflow: hidden;
    border-radius: 20px;
}
.region-second-section .region-second-description .image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}
.region-second-section .region-second-description .image-box:hover img{
    transform: scale(1.1);
}
.region-details-main{
    position:relative;
}
.region-details-main.left {
    padding-right: 0 !important;
}
.region-details-main.right {
    padding-left:  0 !important;
}

#regiona-app ._layer-content{
    padding-bottom: 3rem;
    padding-top: 2rem;
}
#regiona-app ._layer-content-wrap{
    margin-top: 2rem;
}
#regiona-app .block{
    font-size: 18px!important;
}
#regiona-app ._title.block{
    font-size: 36px!important;
}


.tweelve-btn-main{
    padding-top: 90px;
    padding-bottom: 72px;
}
.tweelve-btn-main .button{
    display: block !important;
    text-align:center;
}
.colonnina-main{
 padding-top: 55px;
 padding-bottom: 40px;
}
.colonnina-main h5{
     color: #003A4A;
    font-family: var(--title-ff);
    font-weight: var(--title-fw);
    font-size: 23px;
    font-style: normal;
    line-height: normal;
    margin: 0;
    text-align:center;
}
.colonnina-main h5 span{
  color: #118199;
}
.colonnina-main a.button{
    display: inline-block !important;
    color: #FFF;
    text-align: center;
    font-family: var(--title-ff);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 35px;
    border-radius: 33.5px;
background: linear-gradient(270deg, #0086A5 0%, #BFD533 100%);
    text-align:center;
    width:auto;
}

@media (min-width: 960px) and (max-width: 1366px){
    .region-details-main .image-position-box {
        height: 410px !important;
    }
}
@media (min-width: 1281px) and (max-width: 1600px){
    
 .colonnina-main a.button{
    padding: 15px 18px;
    line-height: 16px;
    font-size: 16px;
    }
}
@media(min-width: 1280px){
    .region-second-section {
         padding-top: 106px; 
         padding-bottom: 106px; 
    }
    
      .region-second-description.left{
        padding-right: 50px;
    }
     .region-second-description.right{
        padding-left: 50px;
    }
    
    .region-details-main{
      padding-top: 83px;
      padding-bottom: 83px;
    }
}
@media (min-width: 960px) and (max-width: 1280px){
        .colonnina-main a.button {
        font-size: 16px;
        line-height: 16px;
    }
    .region-second-description.left{
        padding-right: 25px;
    }
     .region-second-description.right{
        padding-left: 25px;
    }
}
@media(min-width: 960px){
    .region-details-main .image-position-box{
        position: absolute;
        height: 546px;
        right: 0;
        top: 83px;
    }
    .region-details-main .image-position-box img {
       width: auto;
       max-width: 100%;
       min-width: 485px;
    }
}
@media (max-width: 960px){
 .md-text-center{
        text-align:center;
    }
}
@media (max-width: 575px) {
.colonnina-main a.button{
    padding: 14px 18px;
    font-size: 16px;
    line-height: 17px;
}
}

/* price tab css @jahangir */

.pricing_tabs{
    background-color: #F5F5F5;
}

.ptab_heading{
    color: #003A4A;
    margin-bottom: 45px;
}
.ptab-button,
.ptab_heading{
    font-size: 28px;
    font-weight: bold;
    font-family: "Ryker",sans-serif;
}

    
.ptab_heading span{
    color: #0081AB;
}
.ptab_hcontent{
    font-family: "Silka",sans-serif;
    font-size: 16px;
    color: #003A4A;
}
.price_tabs{
    margin-top: 42px;
}


.ptab-buttons {
  display: flex;
  justify-content: center;
  gap: 102px;
}

.ptab-button {
  cursor: pointer;
  transition: background 0.4s ease-in-out;
background: none;
border: none;
color: #003A4A;
padding: 18px 40px;
min-width: 189px;
text-align: center;
text-transform: uppercase;
}
.ptab-button:hover{
    transform:none!important;
}

.ptab-button:hover,
.ptab-button.active {
    background: linear-gradient(90deg, #BFD533 0%, #0086A5 100%);
    color: #fff;
    
}

.ptab-content .ptab-pane {
  display: none;
}
.ptab-content .ptab-pane.active {
  display: block;
}

.ptab-pane{
    margin-top: 90px;
}


.pricing_table{
    width: 100%;
    /*border-collapse: collapse;*/
}


.pricing_table thead th{
    background-color: #003A4A;
    color: #fff;
    padding: 14px 10px;
        font-weight: bold;
    font-family: "Ryker",sans-serif;
    font-size: 20px;
    text-align: center;
}




.pricing_table thead th:first-child{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
     width: 35%;
}



.pricing_table thead th:last-child{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 35%;
}


.pricing_table tr th span{
    color: #C2D72C;
}

.pricing_table tr td>div{
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom:10px;
    min-height: 94px;
}


.pricing_table tbody tr:nth-child(1) td>div{
    margin-top: 10px;
}

.pricing_table tbody td:nth-child(2)>div{
    margin-left: 10px;
    margin-right: 10px;
}


.pricing_table tbody th>div{
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 10px;
    min-height: 206px;
}
.pricing_table tbody p{
    margin-bottom: 0px;
}

.pricing_table tbody td .package-name .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #003A4A;
    text-align: center;
    font-family: "Silka", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.pricing_table tbody td .package-name .title span{
    margin-right: 5px;
}

.pricing_table tbody td .package-name p{
    color: #000;
    text-align: center;
    font-family: "Silka", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.pricing_table tbody td .package-detls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pricing_table tbody td .package-detls>div{
    width: 100%;
}

.pricing_table tbody td .package-detls .price{
    color: #000;
    text-align: center;
    font-family: "Silka", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.pricing_table tbody td .package-detls .vat{
    color: #000;
    font-family: "Silka", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.pricing_table tbody td .min-amount{
    color: #000;
    text-align: center;
    font-family: "Silka", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.pricing_table tbody th .min-amount{
    color: #000;
    text-align: center;
    font-family: "Silka", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.pricing_table tbody td .package-name{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.pricing_table tbody td .package-name>div{
    width: 100%;
}


.pricing_tabs .ptab-content{
    padding: 0px 8%;
}

.ptab_note,
.ptab_note p,
.ptab_activation_text,
.ptab_activation_text p{
        font-family: "Silka", sans-serif;
    font-weight: 400;
    color: #003A4A;
}
.ptab_activation_text,
.ptab_activation_text p{
    font-size: 18px;
}
.ptab_note,
.ptab_note p{
    font-size: 14px;
}
.ptab_activation_text{
    margin-bottom: 35px;
}


@media (min-width: 1366px) and (max-width: 1440px){
    .pricing_table tbody td .package-name .title {

        font-size: 28px;
 
    }
    .pricing_table tbody td .package-name p {
    
        font-size: 17px;
     
    }
    .pricing_table tbody td .package-detls .price {

        font-size: 19px;
 
    }
    .pricing_table tbody td .package-detls .vat {
 
        font-size: 17px;
     
    }
    .pricing_table tbody td .min-amount {
        font-size: 19px;
    }
    .pricing_table tbody th .min-amount {
        font-size: 19px;
    }

    .pricing_table thead th {
        font-size: 19px;

    }
    
    .pricing_tabs .ptab-content {
        padding: 0px 0%;
    }
}
@media (min-width: 1281px) and (max-width: 1365px){
    .pricing_table tbody td .package-name .title {

        font-size: 28px;
 
    }
    .pricing_table tbody td .package-name p {
    
        font-size: 17px;
     
    }
    .pricing_table tbody td .package-detls .price {

        font-size: 19px;
 
    }
    .pricing_table tbody td .package-detls .vat {
 
        font-size: 17px;
     
    }
    .pricing_table tbody td .min-amount {
        font-size: 19px;
    }
    .pricing_table tbody th .min-amount {
        font-size: 19px;
    }

    .pricing_table thead th {
        font-size: 19px;
       
        padding: 10px 10px;
    }
    
    .pricing_tabs .ptab-content {
        padding: 0px 0%;
    }
}
@media (min-width: 992px) and (max-width: 1280px){
    .pricing_table tbody td .package-name .title {

        font-size: 28px;
 
    }
    .pricing_table tbody td .package-name p {
    
        font-size: 17px;
     
    }
    .pricing_table tbody td .package-detls .price {

        font-size: 19px;
 
    }
    .pricing_table tbody td .package-detls .vat {
 
        font-size: 17px;
     
    }
    .pricing_table tbody td .min-amount {
        font-size: 19px;
    }
    .pricing_table tbody th .min-amount {
        font-size: 19px;
    }

    .pricing_table thead th {
        font-size: 19px;
        min-width: 150px;
        padding: 10px 10px;
    }
       
    .ptab-buttons {

        gap: 50px;
    }
     .ptab-button {
        font-size: 18px;
        padding: 12px 20px;
        min-width: 135px;
    }
    .ptab-pane {
        margin-top: 50px;
    }
    .pricing_tabs .ptab-content {
        padding: 0px 0%;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .pricing_table tbody td .package-name .title {

        font-size: 20px;
 
    }
    .pricing_table tbody td .package-name p {
    
        font-size: 14px;
     
    }
    .pricing_table tbody td .package-detls .price {

        font-size: 16px;
 
    }
    .pricing_table tbody td .package-detls .vat {
 
        font-size: 14px;
     
    }
    .pricing_table tbody td .min-amount {
        font-size: 14px;
    }
    .pricing_table tbody th .min-amount {
        font-size: 14px;
    }

    .pricing_table thead th {
        font-size: 16px;
        width: auto !important;
        min-width: 150px;
        padding: 10px 10px;
    }
    
       
    .ptab-buttons {

        gap: 20px;
    }
     .ptab-button {
        font-size: 18px;
        padding: 12px 20px;
        min-width: 135px;
    }
    .ptab-pane {
        margin-top: 50px;
    }
    
     .pricing_tabs .ptab-content {
        padding: 0px 0%;
    }
    
    .ptab_activation_text,
    .ptab_activation_text p{
        font-size: 17px;
    }
    .ptab_activation_text{
        margin-bottom: 30px;
    }

}
@media (min-width:576px) and (max-width: 767px){
    .pricing_table tbody td .package-name .title {

        font-size: 20px;
 
    }
    .pricing_table tbody td .package-name p {
    
        font-size: 14px;
     
    }
    .pricing_table tbody td .package-detls .price {

        font-size: 16px;
 
    }
    .pricing_table tbody td .package-detls .vat {
 
        font-size: 14px;
     
    }
    .pricing_table tbody td .min-amount {
        font-size: 14px;
    }
    .pricing_table tbody th .min-amount {
        font-size: 14px;
    }

    .pricing_table thead th {
        font-size: 16px;
        width: auto !important;
        min-width: 150px;
        padding: 10px 10px;
    }
       
    .ptab-buttons {

        gap: 20px;
    }
     .ptab-button {
        font-size: 18px;
        padding: 12px 20px;
        min-width: 135px;
    }
    .ptab-pane {
        margin-top: 50px;
    }
    
     .pricing_tabs .ptab-content {
        padding: 0px 0%;
    }
    
        .ptab_activation_text,
    .ptab_activation_text p{
        font-size: 16px;
    }
    .ptab_activation_text{
        margin-bottom: 28px;
    }
    
    
}
@media(max-width: 575px){
    .pricing_table tbody td .package-name .title {

        font-size: 20px;
 
    }
    .pricing_table tbody td .package-name p {
    
        font-size: 14px;
     
    }
    .pricing_table tbody td .package-detls .price {

        font-size: 16px;
 
    }
    .pricing_table tbody td .package-detls .vat {
 
        font-size: 14px;
     
    }
    .pricing_table tbody td .min-amount {
        font-size: 14px;
    }
    .pricing_table tbody th .min-amount {
        font-size: 14px;
    }

    .pricing_table thead th {
        font-size: 16px;
        width: auto !important;
        min-width: 150px;
        padding: 10px 10px;
    }
    
    .ptab-buttons {

        gap: 20px;
    }
     .ptab-button {
        font-size: 18px;
        padding: 12px 20px;
        min-width: 135px;
    }
    .ptab-pane {
        margin-top: 50px;
    }
    
     .pricing_tabs .ptab-content {
        padding: 0px 0%;
    }
        .ptab_activation_text,
    .ptab_activation_text p{
        font-size: 16px;
    }
    .ptab_activation_text{
        margin-bottom: 26px;
    }
}








/* Footer update: 2-2-26 *** */
.nft_widget_company{
    padding-top: 38px;
}
.nft_widget h5{
    margin-bottom: 18px;
}
.nft_widget_company h5{
    margin-bottom: 0;
}
.nft_nav ul{
    row-gap: 4px;
}


@media(max-width: 768px){
    .nft_logo figure{
        margin: 0 auto;
    }
    .nft_widget_company,
    .nft_widget
    {
        text-align: center;
        justify-content: center;
    }
}