.elementor-29155 .elementor-element.elementor-element-60fb3ae{--display:flex;}.elementor-29155 .elementor-element.elementor-element-31eef22 .title{color:#DD111A;}.elementor-29155 .elementor-element.elementor-element-8221310{--display:flex;}.elementor-29155 .elementor-element.elementor-element-8221310.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29155 .elementor-element.elementor-element-e3780bb{--display:flex;--margin-top:80px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29155 .elementor-element.elementor-element-2a24c5b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 30px;--row-gap:40px;--column-gap:30px;--margin-top:45px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29155 .elementor-element.elementor-element-933cbf2{--display:flex;}.elementor-29155 .elementor-element.elementor-element-5f8ee1e > .elementor-widget-container{padding:0px 0px 25px 0px;}.elementor-29155 .elementor-element.elementor-element-5f8ee1e .title-subtitle{font-size:18px;font-weight:600;}.elementor-29155 .elementor-element.elementor-element-5f8ee1e .title{font-size:45px;}.elementor-29155 .elementor-element.elementor-element-5f8ee1e .title-after_title{font-size:15px;}.elementor-29155 .elementor-element.elementor-element-8197931{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-29155 .elementor-element.elementor-element-7b06334 .info-box-title{color:#000000;}.elementor-29155 .elementor-element.elementor-element-7b06334 .info-box-inner{color:var( --e-global-color-secondary );}.elementor-29155 .elementor-element.elementor-element-2a6cd99 .info-box-title{color:#000000;}.elementor-29155 .elementor-element.elementor-element-2a6cd99 .info-box-inner{color:var( --e-global-color-secondary );}.elementor-29155 .elementor-element.elementor-element-772a6b7 .info-box-title{color:#000000;}.elementor-29155 .elementor-element.elementor-element-772a6b7 .info-box-inner{color:var( --e-global-color-secondary );}.elementor-29155 .elementor-element.elementor-element-ed17885 .info-box-title{color:#000000;}.elementor-29155 .elementor-element.elementor-element-ed17885 .info-box-inner{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-29155 .elementor-element.elementor-element-2a24c5b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29155 .elementor-element.elementor-element-5f8ee1e .title{font-size:36px;}}@media(max-width:768px){.elementor-29155 .elementor-element.elementor-element-2a24c5b{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-29155 .elementor-element.elementor-element-5f8ee1e .title{font-size:28px;}}@media(min-width:769px){.elementor-29155 .elementor-element.elementor-element-8221310{--width:117.918%;}}@media(max-width:1024px) and (min-width:769px){.elementor-29155 .elementor-element.elementor-element-933cbf2{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-880d8b6 */.container {
            max-width: 1400px !important;
            margin: 0 auto;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

        .pricing-card {
            background: #2a2a2a;
            border-radius: 20px;
            padding: 40px 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 2px solid transparent;
        }

        .pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(255, 87, 51, 0.2);
        }

        .pricing-card.featured {
            background: #ffffff;
            border-color: #DD111A;
        }

        .pricing-card.featured .plan-name,
        .pricing-card.featured .duration,
        .pricing-card.featured .description,
        .pricing-card.featured .feature-item {
            color: #333;
        }

        .pricing-card.featured .feature-item svg {
            color: #DD111A;
        }

        .plan-name {
            color: #DD111;
            font-size: 16px;
            text-transform: lowercase;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .duration {
            color: #fff;
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 30px;
        }

       .price-tag {
    background: linear-gradient(90deg, #DD111A 0%, #DD111A 100%);
    border-radius: 30px;
    padding: 10px 60px;
    margin-bottom: 30px;
    display: inline-block;
    box-shadow: 0 10px 30px rgba(255, 87, 51, 0.3);
}

        .price {
            color: #fff !important;
            font-size: 42px;
            font-weight: 800;
        }

        .currency {
            color: white;
            font-size: 18px;
            font-weight: 600;
            margin-left: 5px;
        }

        .description {
            color: #b0b0b0;
            line-height: 1.6;
            margin-bottom: 30px;
            font-size: 15px;
        }

        .features {
            color :#fff !important;
            list-style: none;
            margin-bottom: 40px;
        }

        .feature-item {
            color: #d0d0d0;
            padding: 12px 0;
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 15px;
        }

        .feature-item svg {
            width: 20px;
            height: 20px;
            color: #4ade80;
            flex-shrink: 0;
        }

.cta-button {
display: flex !important;
justify-content: center !important;
  width: 100% !important;
  padding: 18px !important;
  border: 2px solid #DD111A !important;
  background: transparent !important;
  color: #DD111A !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-sizing: border-box;
}


        .cta-button:hover {
            background: #DD111A !important;
            color: #fff !important;
            transform: scale(1.02) !important;
        }

        .pricing-card.featured .cta-button {
            background: #DD111A;
            color: #fff;
        }

        .pricing-card.featured .cta-button:hover {
            background: #DD111A;
        }

        @media (max-width: 768px) {
            .pricing-grid {
                grid-template-columns: 1fr;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9a177b */.iptvv-how {
                font-family: system-ui,Arial;
                max-width: 950px;
                margin: 30px auto;
                padding: 0 16px
            }

            .how-grid {
                display: grid;
                gap: 20px
            }

            @media (min-width: 768px) {
                .how-grid {
                    grid-template-columns:repeat(3,minmax(0,1fr))
                }
            }

            .how-step {
                background: #fff;
                border: 1px solid #e5e7eb;
                border-radius: 12px;
                padding: 16px;
                text-align: center;
                box-shadow: 0 4px 10px rgba(0,0,0,.05)
            }

            .how-step h4 {
                margin: 10px 0 6px;
                font-size: 17px;
                font-weight: 800
            }

            .how-step p {
                margin: 0;
                color: #6b7280;
                font-size: 14px
            }

            .step-num {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background: #dd111a;
                color: #fff;
                font-weight: 700;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto
            }

            @media (max-width: 767px) {
                .how-grid {
                    display:flex;
                    overflow-x: auto;
                    scroll-snap-type: x mandatory;
                    -webkit-overflow-scrolling: touch;
                    gap: 14px;
                    padding-bottom: 8px
                }

                .how-step {
                    flex: 0 0 80%;
                    scroll-snap-align: start
                }

                .how-dots {
                    display: flex;
                    justify-content: center;
                    gap: 6px;
                    margin-top: 10px
                }
            }

            @media (min-width: 768px) {
                .how-dots {
                    display:none
                }
            }/* End custom CSS */