.elementor-28563 .elementor-element.elementor-element-8eee374{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-28563 .elementor-element.elementor-element-8eee374:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-8eee374 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC4C4;}.elementor-28563 .elementor-element.elementor-element-8eee374::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .elementor-background-video-container::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .e-con-inner > .elementor-background-video-container::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .elementor-background-slideshow::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .e-con-inner > .elementor-background-slideshow::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FF0000E6;background-image:url("https://superwebdevelopment.com/wp-content/uploads/Seo-Agency-in-India-11.jpg");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-28563 .elementor-element.elementor-element-697c85f{text-align:center;font-size:20px;}.elementor-28563 .elementor-element.elementor-element-ae0caed{text-align:center;}.elementor-28563 .elementor-element.elementor-element-ae0caed .elementor-heading-title{font-size:40px;}.elementor-28563 .elementor-element.elementor-element-292aa9b{--e-image-carousel-slides-to-show:8;bottom:0px;}.elementor-28563 .elementor-element.elementor-element-292aa9b > .elementor-widget-container{background-color:#FFFFFF;margin:10px 10px 10px 10px;}body:not(.rtl) .elementor-28563 .elementor-element.elementor-element-292aa9b{left:0px;}body.rtl .elementor-28563 .elementor-element.elementor-element-292aa9b{right:0px;}.elementor-28563 .elementor-element.elementor-element-292aa9b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-28563 .elementor-element.elementor-element-292aa9b .elementor-swiper-button.elementor-swiper-button-next{color:#000000;}.elementor-28563 .elementor-element.elementor-element-292aa9b .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-28563 .elementor-element.elementor-element-292aa9b .elementor-swiper-button.elementor-swiper-button-next svg{fill:#000000;}.elementor-28563 .elementor-element.elementor-element-b9f9be6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-28563 .elementor-element.elementor-element-b9f9be6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-28563 .elementor-element.elementor-element-4803705.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-28563 .elementor-element.elementor-element-4803705.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-28563 .elementor-element.elementor-element-4803705.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-28563 .elementor-element.elementor-element-26ddf2f{font-size:12px;color:#FF064AFC;}.elementor-28563 .elementor-element.elementor-element-61895d2{text-align:start;}.elementor-28563 .elementor-element.elementor-element-61895d2 .elementor-heading-title{font-family:"Myriad Pro", Sans-serif;font-size:30px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-c47934d > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-28563 .elementor-element.elementor-element-c47934d{font-size:15px;line-height:24px;color:#7a7a7a;}.elementor-28563 .elementor-element.elementor-element-640c1c1 > .elementor-element-populated, .elementor-28563 .elementor-element.elementor-element-640c1c1 > .elementor-element-populated > .elementor-background-overlay, .elementor-28563 .elementor-element.elementor-element-640c1c1 > .elementor-background-slideshow{border-radius:6px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-640c1c1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-a84d056{--display:flex;--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-28563 .elementor-element.elementor-element-0e326fc{margin-top:0px;margin-bottom:0px;}.elementor-28563 .elementor-element.elementor-element-58f48a9{text-align:center;}.elementor-28563 .elementor-element.elementor-element-58f48a9 .elementor-heading-title{font-family:"Myriad Pro", Sans-serif;font-size:30px;font-weight:700;color:#F60641;}.elementor-28563 .elementor-element.elementor-element-34c1b6b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-28563 .elementor-element.elementor-element-34c1b6b .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-28563 .elementor-element.elementor-element-34c1b6b .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-28563 .elementor-element.elementor-element-7770eb4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-7770eb4{columns:1;line-height:24px;}.elementor-28563 .elementor-element.elementor-element-45e0dcc{columns:2;column-gap:30px;}.elementor-28563 .elementor-element.elementor-element-b6ed2d2{text-align:center;}.elementor-28563 .elementor-element.elementor-element-b6ed2d2 .elementor-heading-title{font-size:28px;font-weight:700;font-style:normal;color:#F60641;}.elementor-28563 .elementor-element.elementor-element-ea2e925{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-28563 .elementor-element.elementor-element-ea2e925 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-28563 .elementor-element.elementor-element-ea2e925 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-28563 .elementor-element.elementor-element-badcc95{columns:2;column-gap:30px;}.elementor-28563 .elementor-element.elementor-element-25d7cd8{text-align:center;}.elementor-28563 .elementor-element.elementor-element-25d7cd8 .elementor-heading-title{font-size:27px;font-weight:700;font-style:normal;color:#F60641;}.elementor-28563 .elementor-element.elementor-element-0643213{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-28563 .elementor-element.elementor-element-0643213 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-28563 .elementor-element.elementor-element-0643213 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-28563 .elementor-element.elementor-element-b93179d{columns:2;column-gap:30px;}.elementor-28563 .elementor-element.elementor-element-cf7f529 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-cf7f529{text-align:center;}.elementor-28563 .elementor-element.elementor-element-cf7f529 .elementor-heading-title{font-size:25px;font-weight:700;font-style:normal;color:#F60641;}.elementor-28563 .elementor-element.elementor-element-be66930{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-28563 .elementor-element.elementor-element-be66930 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-28563 .elementor-element.elementor-element-be66930 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-28563 .elementor-element.elementor-element-1c68f03{columns:2;column-gap:47px;}.elementor-28563 .elementor-element.elementor-element-6452cec{text-align:center;}.elementor-28563 .elementor-element.elementor-element-6452cec .elementor-heading-title{font-size:24px;font-weight:700;font-style:normal;color:#F60641;}.elementor-28563 .elementor-element.elementor-element-e8d7a6d .categoriesbox-bg{height:200px;}.elementor-28563 .elementor-element.elementor-element-e8d7a6d .categoriesbox-bg img{max-height:200px;}.elementor-28563 .elementor-element.elementor-element-aef4363 .categoriesbox-bg{height:200px;}.elementor-28563 .elementor-element.elementor-element-aef4363 .categoriesbox-bg img{max-height:200px;}.elementor-28563 .elementor-element.elementor-element-a7c286c .categoriesbox-bg{height:200px;}.elementor-28563 .elementor-element.elementor-element-a7c286c .categoriesbox-bg img{max-height:200px;}.elementor-28563 .elementor-element.elementor-element-03cef69 .categoriesbox-bg{height:200px;}.elementor-28563 .elementor-element.elementor-element-03cef69 .categoriesbox-bg img{max-height:200px;}.elementor-28563 .elementor-element.elementor-element-7aeeddb .categoriesbox-bg{height:200px;}.elementor-28563 .elementor-element.elementor-element-7aeeddb .categoriesbox-bg img{max-height:200px;}.elementor-28563 .elementor-element.elementor-element-343ef49{--display:flex;--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-28563 .elementor-element.elementor-element-4810479{text-align:center;}.elementor-28563 .elementor-element.elementor-element-4810479 .elementor-heading-title{font-size:24px;font-weight:700;font-style:normal;color:#F60641;}.elementor-28563 .elementor-element.elementor-element-c567b14 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-28563 .elementor-element.elementor-element-c567b14:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-c567b14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://superwebdevelopment.com/wp-content/uploads/SUPER-WEB-DEVELOPMENT-WORLD-WIDE-SEO-SERVICES-min.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28563 .elementor-element.elementor-element-c567b14 > .elementor-background-overlay{background-color:#00000094;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28563 .elementor-element.elementor-element-c567b14{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 100px 100px 100px;}.elementor-28563 .elementor-element.elementor-element-c567b14 > .elementor-shape-top svg{width:calc(214% + 1.3px);height:32px;}.elementor-28563 .elementor-element.elementor-element-c567b14 > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-28563 .elementor-element.elementor-element-c567b14 > .elementor-shape-bottom svg{width:calc(214% + 1.3px);height:32px;transform:translateX(-50%) rotateY(180deg);}.elementor-28563 .elementor-element.elementor-element-ce8e4f8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-28563 .elementor-element.elementor-element-09010ff .elementor-heading-title{font-size:45px;font-weight:100;color:#ffffff;}.elementor-28563 .elementor-element.elementor-element-b0d98cf{color:#FFFFFF;}.elementor-28563 .elementor-element.elementor-element-d502f2e .elementor-button{background-color:#FA0629;fill:#FFFFFF;color:#FFFFFF;}.elementor-28563 .elementor-element.elementor-element-d502f2e .elementor-button:hover, .elementor-28563 .elementor-element.elementor-element-d502f2e .elementor-button:focus{background-color:#2B63C6;}.elementor-28563 .elementor-element.elementor-element-5826bc0{--display:flex;--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-28563 .elementor-element.elementor-element-b2bc55b:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-b2bc55b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-28563 .elementor-element.elementor-element-b2bc55b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-28563 .elementor-element.elementor-element-b2bc55b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28563 .elementor-element.elementor-element-1bc2599{--spacer-size:50px;}.elementor-28563 .elementor-element.elementor-element-ed82cbd .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-4a90bb7 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-4a90bb7{columns:1;line-height:24px;}.elementor-28563 .elementor-element.elementor-element-b08a7af:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-b08a7af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-28563 .elementor-element.elementor-element-b08a7af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:18px 0px 61px 0px;}.elementor-28563 .elementor-element.elementor-element-b08a7af > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28563 .elementor-element.elementor-element-7a61ff6.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-28563 .elementor-element.elementor-element-7a61ff6 .elementor-main-swiper{width:100%;}.elementor-28563 .elementor-element.elementor-element-7a61ff6 .elementor-swiper-button{font-size:20px;}.elementor-28563 .elementor-element.elementor-element-542d6a0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-28563 .elementor-element.elementor-element-542d6a0:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-542d6a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://superwebdevelopment.com/wp-content/uploads/pexels-pixabay-35550.jpg");background-position:bottom center;background-size:cover;}.elementor-28563 .elementor-element.elementor-element-542d6a0 > .elementor-background-overlay{background-color:#ffffff;opacity:0.93;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28563 .elementor-element.elementor-element-542d6a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-28563 .elementor-element.elementor-element-35b509d{text-align:center;}.elementor-28563 .elementor-element.elementor-element-35b509d .elementor-heading-title{font-size:40px;font-weight:800;line-height:72px;color:#FF0154;}.elementor-28563 .elementor-element.elementor-element-0879696{text-align:center;}.elementor-28563 .elementor-element.elementor-element-0879696 .elementor-heading-title{font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:3px;color:#bfbfbf;}.elementor-28563 .elementor-element.elementor-element-d37e77d{--spacer-size:20px;}.elementor-28563 .elementor-element.elementor-element-d0f7ee1 .elementor-button:hover, .elementor-28563 .elementor-element.elementor-element-d0f7ee1 .elementor-button:focus{background-color:#F00845;}.elementor-28563 .elementor-element.elementor-element-d0f7ee1 .elementor-button{fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 17px 1px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;}.elementor-28563 .elementor-element.elementor-element-281d7c4e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-28563 .elementor-element.elementor-element-281d7c4e:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-281d7c4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);}.elementor-28563 .elementor-element.elementor-element-281d7c4e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-281d7c4e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28563 .elementor-element.elementor-element-4f754d7e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-28563 .elementor-element.elementor-element-4f754d7e{padding:15px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-2ec17601.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .swiper-pagination-bullet-active, .elementor-28563 .elementor-element.elementor-element-2ec17601 .swiper-pagination-progressbar-fill{background-color:#000000;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .swiper-pagination-fraction{color:#000000;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper{height:160px;width:100%;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper .swiper-slide{padding:40px 40px 40px 40px;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-swiper-button{font-size:25px;color:#898989;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-swiper-button svg{fill:#898989;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .swiper-pagination-bullet{height:6px;width:6px;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .swiper-horizontal .swiper-pagination-progressbar{height:6px;}#elementor-lightbox-slideshow-2ec17601 .elementor-video-container{width:50%;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-custom-embed-play i{color:rgba(35,164,85,0);font-size:20px;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-custom-embed-play svg{fill:rgba(35,164,85,0);}.elementor-28563 .elementor-element.elementor-element-916ef04:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-916ef04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-28563 .elementor-element.elementor-element-916ef04{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-28563 .elementor-element.elementor-element-916ef04 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28563 .elementor-element.elementor-element-fffbb9d{margin-top:095px;margin-bottom:0px;}.elementor-28563 .elementor-element.elementor-element-d44fd46 .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-53b349b > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-53b349b{columns:1;line-height:24px;}.elementor-28563 .elementor-element.elementor-element-735df6c:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-735df6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-28563 .elementor-element.elementor-element-735df6c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:53px;margin-bottom:0px;}.elementor-28563 .elementor-element.elementor-element-735df6c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28563 .elementor-element.elementor-element-cdcc2e4 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-28563 .elementor-element.elementor-element-cdcc2e4 > .elementor-element-populated, .elementor-28563 .elementor-element.elementor-element-cdcc2e4 > .elementor-element-populated > .elementor-background-overlay, .elementor-28563 .elementor-element.elementor-element-cdcc2e4 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-9a84e59 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-9a84e59 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-9a84e59 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-28563 .elementor-element.elementor-element-3a7c3b0 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-28563 .elementor-element.elementor-element-3a7c3b0 > .elementor-element-populated, .elementor-28563 .elementor-element.elementor-element-3a7c3b0 > .elementor-element-populated > .elementor-background-overlay, .elementor-28563 .elementor-element.elementor-element-3a7c3b0 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-6a54ec5 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-6a54ec5 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-6a54ec5 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-28563 .elementor-element.elementor-element-d9cb16d > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-28563 .elementor-element.elementor-element-d9cb16d > .elementor-element-populated, .elementor-28563 .elementor-element.elementor-element-d9cb16d > .elementor-element-populated > .elementor-background-overlay, .elementor-28563 .elementor-element.elementor-element-d9cb16d > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-445eb2d > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-445eb2d .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-445eb2d .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-28563 .elementor-element.elementor-element-b2f7f33 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-28563 .elementor-element.elementor-element-b2f7f33 > .elementor-element-populated, .elementor-28563 .elementor-element.elementor-element-b2f7f33 > .elementor-element-populated > .elementor-background-overlay, .elementor-28563 .elementor-element.elementor-element-b2f7f33 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-30b9311 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-30b9311 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-30b9311 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-28563 .elementor-element.elementor-element-4300cf7 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-4300cf7 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-4300cf7 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-28563 .elementor-element.elementor-element-4ca1c54 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-28563 .elementor-element.elementor-element-4ca1c54 > .elementor-element-populated, .elementor-28563 .elementor-element.elementor-element-4ca1c54 > .elementor-element-populated > .elementor-background-overlay, .elementor-28563 .elementor-element.elementor-element-4ca1c54 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-d14ee74 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-d14ee74 .elementor-counter-number-wrapper{color:#FA0958;font-size:38px;font-weight:700;}.elementor-28563 .elementor-element.elementor-element-d14ee74 .elementor-counter-title{font-size:14px;font-weight:300;}.elementor-28563 .elementor-element.elementor-element-54cf826 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-28563 .elementor-element.elementor-element-54cf826{padding:100px 0px 100px 0px;}.elementor-28563 .elementor-element.elementor-element-5a272d5 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:12px;color:#000000;}.elementor-28563 .elementor-element.elementor-element-b1bfe09 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-b1bfe09 .elementor-heading-title{font-size:65px;font-weight:900;text-shadow:4px 0px 3px rgba(0,0,0,0.3);color:#000000;}.elementor-28563 .elementor-element.elementor-element-72a3eb3 > .elementor-widget-container{margin:30px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-72a3eb3 .elementor-heading-title{font-size:25px;font-weight:400;font-style:normal;text-decoration:none;line-height:1px;word-spacing:0px;color:#FF023A;}.elementor-28563 .elementor-element.elementor-element-dfd68e3{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}body.elementor-page-28563:not(.elementor-motion-effects-element-type-background), body.elementor-page-28563 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}body.elementor-page-28563{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-28563 .elementor-element.elementor-element-8eee374{--content-width:1600px;}.elementor-28563 .elementor-element.elementor-element-4803705{width:50%;}.elementor-28563 .elementor-element.elementor-element-640c1c1{width:50%;}.elementor-28563 .elementor-element.elementor-element-a84d056{--content-width:1400px;}.elementor-28563 .elementor-element.elementor-element-343ef49{--content-width:1400px;}.elementor-28563 .elementor-element.elementor-element-ca87fd6{width:8.083%;}.elementor-28563 .elementor-element.elementor-element-1af2f2c{width:83.83%;}.elementor-28563 .elementor-element.elementor-element-ffcb88b{width:8.083%;}.elementor-28563 .elementor-element.elementor-element-73128e1{width:8.083%;}.elementor-28563 .elementor-element.elementor-element-55e910a{width:83.83%;}.elementor-28563 .elementor-element.elementor-element-0fbc7d1{width:8.083%;}}@media(max-width:1024px) and (min-width:768px){.elementor-28563 .elementor-element.elementor-element-ce8e4f8{width:100%;}}@media(min-width:1025px){.elementor-28563 .elementor-element.elementor-element-8eee374::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .elementor-background-video-container::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .e-con-inner > .elementor-background-video-container::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .elementor-background-slideshow::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .e-con-inner > .elementor-background-slideshow::before, .elementor-28563 .elementor-element.elementor-element-8eee374 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-28563 .elementor-element.elementor-element-c567b14:not(.elementor-motion-effects-element-type-background), .elementor-28563 .elementor-element.elementor-element-c567b14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-28563 .elementor-element.elementor-element-c567b14{padding:100px 25px 100px 25px;}.elementor-28563 .elementor-element.elementor-element-542d6a0{padding:100px 25px 100px 25px;}.elementor-28563 .elementor-element.elementor-element-281d7c4e{padding:100px 25px 100px 25px;}.elementor-28563 .elementor-element.elementor-element-2ec17601.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper{height:250px;width:570px;}.elementor-28563 .elementor-element.elementor-element-54cf826{padding:100px 25px 100px 25px;}.elementor-28563 .elementor-element.elementor-element-b1bfe09 .elementor-heading-title{font-size:45px;}.elementor-28563 .elementor-element.elementor-element-72a3eb3 .elementor-heading-title{font-size:20px;} .elementor-28563 .elementor-element.elementor-element-dfd68e3{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-28563 .elementor-element.elementor-element-292aa9b{--e-image-carousel-slides-to-show:3;}.elementor-28563 .elementor-element.elementor-element-45e0dcc{columns:1;}.elementor-28563 .elementor-element.elementor-element-badcc95{columns:1;}.elementor-28563 .elementor-element.elementor-element-b93179d{columns:1;}.elementor-28563 .elementor-element.elementor-element-1c68f03{columns:1;}.elementor-28563 .elementor-element.elementor-element-c567b14{padding:50px 20px 50px 20px;}.elementor-28563 .elementor-element.elementor-element-09010ff .elementor-heading-title{font-size:35px;}.elementor-28563 .elementor-element.elementor-element-b2bc55b{margin-top:0px;margin-bottom:0px;padding:35px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-ed82cbd .elementor-heading-title{font-size:20px;}.elementor-28563 .elementor-element.elementor-element-b08a7af{padding:18px 0px 35px 0px;}.elementor-28563 .elementor-element.elementor-element-542d6a0{padding:50px 20px 50px 20px;}.elementor-28563 .elementor-element.elementor-element-35b509d .elementor-heading-title{font-size:35px;line-height:1.2em;}.elementor-28563 .elementor-element.elementor-element-0879696 .elementor-heading-title{line-height:20px;}.elementor-28563 .elementor-element.elementor-element-281d7c4e{padding:50px 20px 50px 20px;}.elementor-28563 .elementor-element.elementor-element-4f754d7e{padding:15px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-2ec17601.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-28563 .elementor-element.elementor-element-2ec17601 .elementor-main-swiper{height:240px;width:310px;}.elementor-28563 .elementor-element.elementor-element-fffbb9d{margin-top:50px;margin-bottom:0px;}.elementor-28563 .elementor-element.elementor-element-d44fd46 .elementor-heading-title{font-size:20px;}.elementor-28563 .elementor-element.elementor-element-735df6c{margin-top:35px;margin-bottom:0px;}.elementor-28563 .elementor-element.elementor-element-54cf826{padding:50px 20px 50px 20px;}.elementor-28563 .elementor-element.elementor-element-b1bfe09 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-b1bfe09 .elementor-heading-title{font-size:45px;}.elementor-28563 .elementor-element.elementor-element-72a3eb3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-28563 .elementor-element.elementor-element-72a3eb3 .elementor-heading-title{font-size:18px;}.elementor-28563 .elementor-element.elementor-element-dfd68e3 > .elementor-widget-container{margin:10px 0px 0px 0px;} .elementor-28563 .elementor-element.elementor-element-dfd68e3{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-28563 .elementor-element.elementor-element-dfd68e3{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-28563 .elementor-element.elementor-element-dfd68e3 .elementor-share-btn{font-size:calc(0.75px * 10);}.elementor-28563 .elementor-element.elementor-element-dfd68e3 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.8em;}}/* Start custom CSS for html, class: .elementor-element-2395061 *//* ===== Timeline Hero (Light Background Ready) ===== */

.tl-row {
  display: flex;
  align-items: center;
  position: relative;
}

/* Background Line */
.timeline-hero::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  height: 3px;
  background: rgba(0,0,0,0.08);
  transform: translateY(-50%);
  z-index: 0;
}

/* Animated Gradient Line */
.timeline-hero::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 5%;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, #C9A84C, #1AE5A0);
  transform: translateY(-50%);
  z-index: 1;
  animation: progressGrow 2.5s ease forwards;
}

@keyframes progressGrow {
  from { width: 0%; }
  to { width: 90%; }
}

.tl-row {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.tl-phase {
  flex: 1;
  text-align: center;
  padding: 0 8px;
  position: relative;
  transition: transform 0.3s ease;
}

/* Circle Base */
.tl-circle {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin: 0 auto 10px;
  background: #f9f9f9;
  border: 2px solid rgba(0,0,0,0.08);
  transition: all 0.35s ease;
  position: relative;
}

/* Hover Glow Effect */
.tl-phase:hover .tl-circle {
  transform: scale(1.12);
  box-shadow:
    0 0 0 6px rgba(201,168,76,0.15),
    0 0 25px rgba(201,168,76,0.35);
  border-color: #C9A84C;
  background: #fff;
}

/* Slight lift effect */
.tl-phase:hover {
  transform: translateY(-6px);
}

/* Label & Months (Dark text for white background) */
.tl-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: #111;
  line-height: 1.3;
}

.tl-months {
  font-size: 0.7rem;
  color: #777;
  margin-top: 4px;
}

/* Remove old connectors (we use animated line now) */
.tl-connector {
  display: none;
}

/* Responsive */
@media (max-width: 768px) {
  .timeline-hero::before,
  .timeline-hero::after {
    display: none;
  }

  .tl-row {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74802fe *//**
 * Frontend Styles
 * File: assets/css/seo-suite-frontend.css
 */
h2 {
    font-size: 25px;
    line-height: 45px!important;
}
/* Frontend Wrapper */
.seo-frontend-wrapper {
    max-width: 1200px;
    margin: 10px auto;
    padding: 10px;
}

.seo-frontend-container {
    background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
    border-radius: 20px;
    padding: 20px 20px;
    box-shadow: 0 10px 40px rgba(252, 29, 85, 0.15);
    border: 2px solid rgba(252, 29, 85, 0.1);
}

/* Header */
.seo-frontend-header {
    text-align: center;
    margin-bottom: 40px;
}

.seo-frontend-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 15px 0;
    background: linear-gradient(135deg, #fc1d55 0%, #d01645 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.seo-frontend-subtitle {
    font-size: 18px;
    color: #718096;
    margin: 0;
    line-height: 1.6;
}

/* Form */
.seo-frontend-form {
    margin-bottom: 40px;
}

.seo-form-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 25px;
}

.seo-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.seo-input-icon {
    position: absolute;
    left: 20px;
    font-size: 24px;
    pointer-events: none;
    z-index: 1;
}

.seo-frontend-input {
    width: 100%;
    padding: 18px 20px 18px 60px;
    font-size: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s;
    font-family: inherit;
    background: white;
}

.seo-frontend-input:focus {
    outline: none;
    border-color: #fc1d55;
    box-shadow: 0 0 0 4px rgba(252, 29, 85, 0.1);
    transform: translateY(-2px);
}

.seo-frontend-input::placeholder {
    color: #a0aec0;
}

.seo-competitors-wrapper {
    opacity: 0.9;
}

.seo-frontend-btn {
    width: 100%;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    background: linear-gradient(135deg, #fc1d55 0%, #d01645 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(252, 29, 85, 0.3);
    font-family: inherit;
}

.seo-frontend-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 25px rgba(252, 29, 85, 0.4);
}

.seo-frontend-btn:active {
    transform: translateY(-1px);
}

.seo-frontend-btn .btn-text {
    display: inline-block;
}

.seo-frontend-btn .btn-loader {
    display: none;
    align-items: center;
    gap: 10px;
}

.seo-frontend-btn.loading .btn-text {
    display: none;
}

.seo-frontend-btn.loading .btn-loader {
    display: inline-flex;
}



@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Features Grid */
.seo-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 30px;
}

.seo-feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    background: white;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    transition: all 0.3s;
}

.seo-feature-item:hover {
    border-color: #fc1d55;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(252, 29, 85, 0.1);
}

.feature-icon {
    font-size: 18px;
    flex-shrink: 0;
}

.feature-text {
    font-size: 12px;
    font-weight: 600;
    color: #2d3748;
}

/* Trust Indicators */
.seo-trust-indicators {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 30px;
    border-top: 2px solid #e2e8f0;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #10b981;
}

/* Widget Styles */
.seo-widget-wrapper {
    background: linear-gradient(135deg, #fc1d55 0%, #d01645 100%);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(252, 29, 85, 0.3);
}

.seo-widget-container {
    text-align: center;
}

.seo-widget-title {
    color: white;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.seo-widget-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seo-widget-input {
    padding: 14px 18px;
    font-size: 15px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.95);
    transition: all 0.3s;
    font-family: inherit;
}

.seo-widget-input:focus {
    outline: none;
    border-color: white;
    background: white;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

.seo-widget-btn {
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 600;
    color: #fc1d55;
    background: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-family: inherit;
}

.seo-widget-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Score Badge */
.seo-score-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: white;
    border: 3px solid;
}

.seo-score-excellent {
    border-color: #10b981;
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}

.seo-score-good {
    border-color: #3b82f6;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
}

.seo-score-fair {
    border-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}

.seo-score-poor {
    border-color: #ef4444;
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.seo-score-badge .score-number {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}

.seo-score-badge .score-label {
    font-size: 12px;
    text-transform: uppercase;
    color: #718096;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.seo-score-badge .score-grade {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    background: currentColor;
    color: white;
}

.seo-score-excellent .score-number,
.seo-score-excellent .score-grade {
    color: #10b981;
}

.seo-score-good .score-number,
.seo-score-good .score-grade {
    color: #3b82f6;
}

.seo-score-fair .score-number,
.seo-score-fair .score-grade {
    color: #f59e0b;
}

.seo-score-poor .score-number,
.seo-score-poor .score-grade {
    color: #ef4444;
}

/* Style Variants */
.seo-style-minimal .seo-frontend-container {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.seo-style-minimal .seo-frontend-title {
    font-size: 28px;
}

.seo-style-minimal .seo-features-grid {
    display: none;
}

.seo-style-professional .seo-frontend-container {
    background: #2d3748;
    color: white;
}

.seo-style-professional .seo-frontend-title {
    color: white;
    -webkit-text-fill-color: white;
}

.seo-style-professional .seo-frontend-subtitle {
    color: #cbd5e0;
}

.seo-style-professional .seo-frontend-input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.seo-style-professional .seo-frontend-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.seo-style-professional .seo-feature-item {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: white;
}

.seo-style-modern .seo-frontend-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.seo-style-modern .seo-frontend-title {
    color: white;
    -webkit-text-fill-color: white;
}

.seo-style-modern .seo-frontend-subtitle {
    color: rgba(255, 255, 255, 0.9);
}

.seo-style-modern .seo-frontend-btn {
    background: white;
    color: #667eea;
}

/* Responsive Design */
@media (max-width: 768px) {
    .seo-frontend-container {
        padding: 30px 20px;
    }
    
    .seo-frontend-title {
        font-size: 28px;
    }
    
    .seo-frontend-subtitle {
        font-size: 16px;
    }
    
    .seo-features-grid {
        grid-template-columns: 1fr;
    }
    
    .seo-trust-indicators {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .seo-frontend-wrapper {
        padding: 10px;
        margin: 20px auto;
    }
    
    .seo-frontend-container {
        padding: 25px 15px;
    }
    
    .seo-frontend-title {
        font-size: 24px;
    }
    
    .seo-frontend-input {
        padding: 15px 15px 15px 50px;
        font-size: 15px;
    }
    
    .seo-frontend-btn {
        
        font-size: 16px;
    }
}

/* Error Message */
.seo-error {
    display: inline-block;
    padding: 10px 20px;
    background: #fee2e2;
    color: #991b1b;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
}

/* Loading Animation */
.seo-frontend-form.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.seo-frontend-wrapper {
    animation: fadeInUp 0.6s ease;
}

.seo-feature-item {
    animation: fadeInUp 0.4s ease backwards;
}

.seo-feature-item:nth-child(1) { animation-delay: 0.1s; }
.seo-feature-item:nth-child(2) { animation-delay: 0.2s; }
.seo-feature-item:nth-child(3) { animation-delay: 0.3s; }
.seo-feature-item:nth-child(4) { animation-delay: 0.4s; }
.seo-feature-item:nth-child(5) { animation-delay: 0.5s; }
.seo-feature-item:nth-child(6) { animation-delay: 0.6s; }

/**
 * SEO Intelligence Suite Pro - Styles
 * File: assets/css/seo-suite.css
 */

:root {
    --primary-color: #fc1d55;
    --primary-dark: #d01645;
    --primary-light: #ff4d7a;
    --secondary-color: #2d3748;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --info-color: #3b82f6;
    --excellent-color: #10b981;
    --good-color: #3b82f6;
    --fair-color: #f59e0b;
    --poor-color: #ef4444;
    --text-primary: #1a202c;
    --text-secondary: #718096;
    --bg-light: #f7fafc;
    --bg-white: #ffffff;
    --border-color: #e2e8f0;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
}

/* Main Container */
.seo-suite-wrap {
    padding: 20px;
    background: var(--bg-light);
}

.seo-suite-header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    padding: 40px;
    border-radius: var(--radius-lg);
    margin-bottom: 30px;
    box-shadow: var(--shadow-lg);
}

.seo-suite-header h1 {
    margin: 0 0 10px 0;
    font-size: 36px;
    font-weight: 700;
}

.seo-suite-header .subtitle {
    margin: 0;
    font-size: 18px;
    opacity: 0.95;
}

.seo-suite-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* Card Styles */
.seo-card {
    background: var(--bg-white);
    border-radius: var(--radius-md);
    padding: 30px;
    box-shadow: var(--shadow-md);
    margin-bottom: 30px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.seo-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.seo-main-card {
    border: 2px solid var(--primary-light);
}

.seo-card-header h2 {
    margin: 0 0 10px 0;
    color: var(--text-primary);
    font-size: 24px;
}

.seo-card-header p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

/* Form Styles */
.seo-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 30px;
}

.seo-form-group {
    display: flex;
    flex-direction: column;
}

.seo-form-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-primary);
    font-size: 15px;
}

.label-icon {
    font-size: 20px;
}

.seo-input {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 15px;
    transition: all 0.3s;
    font-family: inherit;
}

.seo-input:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(252, 29, 85, 0.1);
}

.seo-form-group small {
    margin-top: 6px;
    color: var(--text-secondary);
    font-size: 13px;
}

.seo-form-actions {
    display: flex;
    justify-content: center;
}

/* Button Styles */
.seo-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 12px;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    font-family: inherit;
}

.seo-btn-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    box-shadow: var(--shadow-md);
}

.seo-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.seo-btn-secondary {
    background: var(--secondary-color);
    color: white;
}

.seo-btn-secondary:hover {
    background: #1a202c;
}

.seo-btn-success {
    background: var(--success-color);
    color: white;
}

.seo-btn-success:hover {
    background: #059669;
}

.btn-icon {
    font-size: 20px;
}

.btn-loader {
    display: none;
}

.btn-loader.active {
    display: inline-flex;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Quick Stats */
.seo-quick-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: linear-gradient(135deg, var(--bg-white) 0%, var(--bg-light) 100%);
    padding: 25px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--primary-color);
    transition: transform 0.2s;
}

.stat-card:hover {
    transform: translateY(-3px);
}

.stat-icon {
    font-size: 48px;
    opacity: 0.9;
}

.stat-content {
    flex: 1;
}

.stat-value {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
    margin-bottom: 5px;
}

.stat-label {
    font-size: 14px;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Recent Analyses */
.seo-recent-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seo-recent-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: var(--bg-light);
    border-radius: var(--radius-sm);
    transition: background 0.2s;
}

.seo-recent-item:hover {
    background: #edf2f7;
}

.recent-domain strong {
    color: var(--text-primary);
    font-size: 15px;
}

.recent-domain small {
    display: block;
    color: var(--text-secondary);
    font-size: 13px;
    margin-top: 3px;
}

.score-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.score-excellent {
    background: #d1fae5;
    color: #065f46;
}

.score-good {
    background: #dbeafe;
    color: #1e40af;
}

.score-fair {
    background: #fef3c7;
    color: #92400e;
}

.score-poor {
    background: #fee2e2;
    color: #991b1b;
}

/* Popup Styles */
.seo-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}

.seo-popup.active {
    display: block;
}

.seo-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.seo-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 1200px;
    height: 90vh;
    background: white;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    animation: slideUp 0.4s;
    overflow: hidden;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translate(-50%, -40%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.seo-popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: white;
    font-size: 28px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.seo-popup-close:hover {
    background: var(--danger-color);
    transform: rotate(90deg);
}

.seo-results-scroll {
    height: 100%;
    overflow-y: auto;
    padding: 40px;
}

.seo-results-scroll::-webkit-scrollbar {
    width: 10px;
}

.seo-results-scroll::-webkit-scrollbar-track {
    background: var(--bg-light);
}

.seo-results-scroll::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 5px;
}

.seo-results-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* Popup Header */
.seo-popup-header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    padding: 40px;
    margin: -40px -40px 40px -40px;
    text-align: center;
}

.popup-header-content h1 {
    margin: 0 0 10px 0;
    font-size: 32px;
}

.domain-display {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.analysis-date {
    font-size: 14px;
    opacity: 0.9;
}

/* Score Section */
.seo-score-section {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    margin-bottom: 40px;
    padding: 30px;
    background: linear-gradient(135deg, #fff5f7 0%, #ffffff 100%);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-light);
}

.score-main {
    text-align: center;
}

.score-circle {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
}

.score-svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.score-bg {
    fill: none;
    stroke: #e2e8f0;
    stroke-width: 10;
}

.score-progress {
    fill: none;
    stroke: var(--primary-color);
    stroke-width: 10;
    stroke-linecap: round;
    stroke-dasharray: 565.48;
    transition: stroke-dashoffset 1.5s ease;
}

.score-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
    font-size: 56px;
    font-weight: 700;
    color: var(--primary-color);
}

.score-max {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    color: var(--text-secondary);
}

.score-label {
    font-size: 16px;
    color: var(--text-secondary);
    margin-bottom: 10px;
}

.score-grade {
    display: inline-block;
    padding: 8px 20px;
    background: var(--primary-color);
    color: white;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 700;
}

/* Score Breakdown */
.score-breakdown {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

.breakdown-item {
    display: grid;
    grid-template-columns: 140px 1fr 80px;
    align-items: center;
    gap: 15px;
}

.breakdown-label {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 14px;
}

.breakdown-bar {
    height: 12px;
    background: #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.breakdown-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));
    border-radius: 10px;
    transition: width 1s ease;
}

.breakdown-value {
    text-align: right;
    font-weight: 600;
    color: var(--text-primary);
    font-size: 14px;
}

/* AI Insight */
.seo-ai-insight {
    display: flex;
    gap: 20px;
    padding: 25px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--info-color);
    margin-bottom: 40px;
}

.ai-icon {
    font-size: 40px;
    flex-shrink: 0;
}

.ai-content h3 {
    margin: 0 0 10px 0;
    color: var(--text-primary);
    font-size: 18px;
}

.ai-content p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.7;
    font-size: 15px;
}

/* Section Styles */
.seo-section {
    margin-bottom: 50px;
}

.section-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
}

/* Metrics Grid */
.metrics-grid-popup {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.metric-card-popup {
    background: white;
    padding: 20px;
    border-radius: var(--radius-md);
    text-align: center;
    border: 2px solid var(--border-color);
    transition: all 0.3s;
}

.metric-card-popup:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.metric-excellent {
    border-color: var(--excellent-color);
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}

.metric-good {
    border-color: var(--good-color);
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
}

.metric-warning {
    border-color: var(--warning-color);
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}

.metric-poor {
    border-color: var(--poor-color);
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.metric-icon-popup {
    font-size: 36px;
    margin-bottom: 10px;
}

.metric-label-popup {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--text-secondary);
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.metric-value-popup {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
}

/* On-Page Grid */
.onpage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.onpage-item {
    background: white;
    padding: 20px;
    border-radius: var(--radius-md);
    border-left: 4px solid var(--border-color);
    transition: all 0.3s;
}

.onpage-item:hover {
    box-shadow: var(--shadow-md);
}

.status-pass {
    border-left-color: var(--success-color);
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}

.status-fail {
    border-left-color: var(--danger-color);
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.status-warn {
    border-left-color: var(--warning-color);
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}

.status-info {
    border-left-color: var(--info-color);
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
}

.onpage-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.onpage-icon {
    font-size: 24px;
}

.onpage-title {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 15px;
}

.onpage-details {
    margin-top: 10px;
}

.onpage-value {
    font-size: 14px;
    color: var(--text-primary);
    margin-bottom: 8px;
    line-height: 1.5;
}

.onpage-meta {
    font-size: 13px;
    color: var(--text-secondary);
}

.text-danger {
    color: var(--danger-color) !important;
    font-weight: 600;
}

/* Authority Grid */
.authority-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.authority-card {
    background: linear-gradient(135deg, #fff5f7 0%, #ffffff 100%);
    padding: 25px;
    border-radius: var(--radius-md);
    text-align: center;
    border: 2px solid var(--primary-light);
}

.authority-score {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.authority-label {
    font-size: 14px;
    color: var(--text-secondary);
    font-weight: 600;
    margin-bottom: 15px;
}

.authority-bar {
    height: 8px;
    background: #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.authority-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));
    border-radius: 10px;
    transition: width 1s ease;
}

h2 {
    font-size: 25px;
    line-height: 48px;
}
/* Backlink Quality */
.backlink-quality {
    background: white;
    padding: 25px;
    border-radius: var(--radius-md);
    margin-bottom: 30px;
    border: 2px solid var(--border-color);
}

.backlink-quality h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
    color: var(--text-primary);
}

.quality-bars {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.quality-item {
    display: grid;
    grid-template-columns: 100px 1fr 80px;
    align-items: center;
    gap: 15px;
}

.quality-label {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
}

.quality-bar-container {
    height: 12px;
    background: #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.quality-bar {
    height: 100%;
    border-radius: 10px;
    transition: width 1s ease;
}

.quality-excellent {
    background: linear-gradient(90deg, #10b981, #059669);
}

.quality-good {
    background: linear-gradient(90deg, #3b82f6, #2563eb);
}

.quality-average {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}

.quality-poor {
    background: linear-gradient(90deg, #ef4444, #dc2626);
}

.quality-count {
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
}

/* Off-Page Stats */
.offpage-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.stat-item {
    background: var(--bg-light);
    padding: 20px;
    border-radius: var(--radius-md);
    text-align: center;
}

.stat-item .stat-label {
    display: block;
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-item .stat-value {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-good {
    color: var(--success-color) !important;
}

.stat-warn {
    color: var(--warning-color) !important;
}

.stat-danger {
    color: var(--danger-color) !important;
}

/* Technical Grid */
.technical-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.technical-check {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--border-color);
    transition: all 0.2s;
}

.technical-check:hover {
    transform: translateX(5px);
}

.check-pass {
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
    border-color: var(--success-color);
}

.check-fail {
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
    border-color: var(--danger-color);
}

.check-icon {
    font-size: 28px;
    flex-shrink: 0;
}

.check-label {
    flex: 1;
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
}

.check-status {
    font-size: 24px;
    flex-shrink: 0;
}

/* Suggestions */
.suggestions-group {
    margin-bottom: 40px;
}

.suggestions-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
}

.priority-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.priority-critical {
    background: var(--danger-color);
    color: white;
}

.priority-important {
    background: var(--warning-color);
    color: white;
}

.priority-opportunity {
    background: var(--success-color);
    color: white;
}

.suggestion-card {
    background: white;
    padding: 25px;
    border-radius: var(--radius-md);
    margin-bottom: 15px;
    border-left: 4px solid var(--primary-color);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s;
}

.suggestion-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateX(5px);
}

.suggestions-critical .suggestion-card {
    border-left-color: var(--danger-color);
}

.suggestions-important .suggestion-card {
    border-left-color: var(--warning-color);
}

.suggestions-opportunities .suggestion-card {
    border-left-color: var(--success-color);
}

.suggestion-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.suggestion-header h4 {
    margin: 0;
    font-size: 18px;
    color: var(--text-primary);
    flex: 1;
}

.suggestion-tags {
    display: flex;
    gap: 8px;
}

.impact-badge, .effort-badge {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.impact-high {
    background: #fee2e2;
    color: #991b1b;
}

.impact-medium {
    background: #fef3c7;
    color: #92400e;
}

.impact-low {
    background: #dbeafe;
    color: #1e40af;
}

.effort-badge {
    background: #f3f4f6;
    color: #4b5563;
}

.suggestion-description {
    margin: 0 0 15px 0;
    color: var(--text-secondary);
    line-height: 1.7;
    font-size: 15px;
}

.suggestion-action {
    padding: 15px;
    background: var(--bg-light);
    border-radius: var(--radius-sm);
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
}

.suggestion-action strong {
    color: var(--text-primary);
}

.suggestion-improvement {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--success-color);
    font-weight: 600;
    font-size: 14px;
}

.improvement-icon {
    font-size: 18px;
}

/* Action Plan */
.action-plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.week-plan {
    background: white;
    padding: 25px;
    border-radius: var(--radius-md);
    border: 2px solid var(--border-color);
}

.week-plan h4 {
    margin: 0 0 15px 0;
    font-size: 18px;
    color: var(--text-primary);
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
}

.week-plan ul {
    margin: 0;
    padding-left: 20px;
}

.week-plan li {
    margin-bottom: 10px;
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Actions */
.seo-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid var(--border-color);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .seo-score-section {
        grid-template-columns: 1fr;
    }
    
    .score-main {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .seo-suite-header {
        padding: 30px 20px;
    }
    
    .seo-suite-header h1 {
        font-size: 28px;
    }
    
    .seo-form-grid {
        grid-template-columns: 1fr;
    }
    
    .seo-quick-stats {
        grid-template-columns: 1fr;
    }
    
    .metrics-grid-popup {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .onpage-grid {
        grid-template-columns: 1fr;
    }
    
    .authority-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .technical-grid {
        grid-template-columns: 1fr;
    }
    
    .action-plan-grid {
        grid-template-columns: 1fr;
    }
    
    .seo-popup-content {
        width: 98%;
        height: 95vh;
    }
    
    .seo-results-scroll {
        padding: 20px;
    }
    
    .seo-popup-header {
        margin: -20px -20px 20px -20px;
        padding: 30px 20px;
    }
    
    .popup-header-content h1 {
        font-size: 24px;
    }
    
    .domain-display {
        font-size: 18px;
    }
    
    .breakdown-item {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .breakdown-value {
        text-align: left;
    }
    
    .seo-actions {
        flex-direction: column;
    }
    
    .seo-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .seo-card {
        padding: 20px;
    }
    
    .section-title {
        font-size: 20px;
    }
    
    .score-circle {
        width: 150px;
        height: 150px;
    }
    
    .score-number {
        font-size: 42px;
    }
}

/* Print Styles */
@media print {
    .seo-popup-overlay,
    .seo-popup-close,
    .seo-actions {
        display: none !important;
    }
    
    .seo-popup-content {
        position: static;
        transform: none;
        width: 100%;
        height: auto;
        box-shadow: none;
    }
    
    .seo-results-scroll {
        height: auto;
        overflow: visible;
        padding: 20px;
    }
    
    .seo-section {
        page-break-inside: avoid;
    }
    
    .suggestion-card {
        page-break-inside: avoid;
    }
}

/* Loading Animation */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.loading {
    animation: pulse 1.5s ease-in-out infinite;
}

/* Tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #1a202c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c10ae2 */.svc {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: #ffffff;
     padding: 20px 0px 30px;
  -webkit-font-smoothing: antialiased;
}

.svc-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── header ── */
.svc-head {
  text-align: center;
  margin-bottom: 40px;
}

.svc-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a0a0a0;
  margin-bottom: 14px;
}
.svc-kicker span {
  display: inline-block;
  width: 20px; height: 1px;
  background: #d0d0d0;
}

.svc-head h2 {
  font-size: clamp(1.9rem, 3.5vw, 2.9rem);
  font-weight: 700;
  color: #111;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.svc-head p {
  font-size: 1rem;
  color: #888;
  line-height: 1.75;
  max-width: 460px;
  margin: 0 auto;
}

/* ══════════════════════════════
   STEP PILLS  (top nav)
══════════════════════════════ */
.svc-pills {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 48px;
  flex-wrap: wrap;
  row-gap: 12px;
}

.svc-pill {
  display: flex;
  align-items: center;
  gap: 0;
}

.pill-btn {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 20px;
  border-radius: 100px;
  border: 1.5px solid transparent;
  background: transparent;
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: #bbb;
  transition: color 0.25s, background 0.25s, border-color 0.25s, box-shadow 0.25s;
  white-space: nowrap;
  position: relative;
}

.pill-btn:hover {
  color: #555;
  background: #f7f7f7;
}

.pill-btn.is-active {
  color: #111;
  background: #fff;
  border-color: #e0e0e0;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}

.pill-emoji {
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.3s cubic-bezier(.34,1.56,.64,1);
}
.pill-btn:hover .pill-emoji,
.pill-btn.is-active .pill-emoji {
  transform: scale(1.25);
}

.pill-connector {
  width: 28px;
  height: 1px;
  background: #e8e8e8;
  flex-shrink: 0;
}

/* ══════════════════════════════
   CONTENT CARD
══════════════════════════════ */
.svc-stage {
  position: relative;
  min-height: 380px;
}

.svc-card {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(10px) scale(0.99);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.svc-card.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  position: relative;
}

/* card shell */
.card-shell {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 24px;
  overflow: hidden;
  border: 1.5px solid #f0f0f0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02), 0 16px 48px rgba(0,0,0,0.05);
}

/* left */
.card-left {
  padding: 52px 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
}

.card-number {
  font-size: 0.7rem;
  font-weight: 700;
  color: #ddd;
  letter-spacing: 0.12em;
  margin-bottom: 20px;
}

.card-icon-wrap {
  width: 56px; height: 56px;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
  margin-bottom: 22px;
  transition: transform 0.4s cubic-bezier(.34,1.56,.64,1);
}
.svc-card.is-active .card-icon-wrap {
  animation: icon-pop 0.5s cubic-bezier(.34,1.56,.64,1) 0.1s both;
}
@keyframes icon-pop {
  from { transform: scale(0.5) rotate(-10deg); opacity: 0; }
  to   { transform: scale(1) rotate(0deg); opacity: 1; }
}

.card-title {
  font-size: 1.55rem;
  font-weight: 700;
  color: #111;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin-bottom: 14px;
}

.card-desc {
  font-size: 0.93rem;
  color: #777;
  line-height: 1.78;
  margin-bottom: 32px;
  flex: 1;
}

.card-action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.82rem;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  padding: 10px 20px;
  background: #111;
  color: #fff;
  border-radius: 100px;
  width: fit-content;
  transition: background 0.2s, transform 0.2s;
}
.card-action:hover { background: #333; transform: translateY(-1px); }

/* right */
.card-right {
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

.feat {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 14px;
  background: #fafafa;
  border: 1.5px solid #f2f2f2;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
  cursor: default;
}
.feat:hover {
  background: #fff;
  border-color: #e0e0e0;
  transform: translateX(4px);
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.feat-bullet {
  width: 8px; height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.feat-text {
  font-size: 0.85rem;
  font-weight: 500;
  color: #444;
  line-height: 1.4;
}

/* stagger feats in on card activate */
.svc-card.is-active .feat:nth-child(1) { animation: feat-in 0.35s 0.05s ease both; }
.svc-card.is-active .feat:nth-child(2) { animation: feat-in 0.35s 0.10s ease both; }
.svc-card.is-active .feat:nth-child(3) { animation: feat-in 0.35s 0.15s ease both; }
.svc-card.is-active .feat:nth-child(4) { animation: feat-in 0.35s 0.20s ease both; }
@keyframes feat-in {
  from { opacity: 0; transform: translateX(12px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* ══════════════════════════════
   BOTTOM ROW
══════════════════════════════ */
.svc-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28px;
  gap: 16px;
}

/* dots */
.svc-dots {
  display: flex;
  gap: 7px;
  align-items: center;
}
.svc-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #e0e0e0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(.34,1.56,.64,1);
  border: none;
}
.svc-dot.is-active {
  width: 22px;
  border-radius: 4px;
  background: #111;
}

/* nav arrows */
.svc-arrows {
  display: flex;
  gap: 8px;
}
.svc-arrow {
  width: 40px; height: 40px;
  border-radius: 12px;
  border: 1.5px solid #ebebeb;
  background: #fff;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #888;
  font-size: 1rem;
  transition: all 0.2s;
}
.svc-arrow:hover:not(:disabled) {
  background: #111;
  border-color: #111;
  color: #fff;
}
.svc-arrow:disabled { opacity: 0.25; cursor: not-allowed; }

/* hint */
.svc-hint {
  font-size: 0.75rem;
  color: #ccc;
  font-weight: 500;
}

/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media (max-width: 800px) {
  .card-shell { grid-template-columns: 1fr; }
  .card-left { padding: 36px 28px; }
  .card-right { padding: 0 28px 32px; }
  .pill-connector { width: 12px; }
  .pill-btn { padding: 9px 14px; font-size: 0.76rem; }
  .svc-hint { display: none; }
}
@media (max-width: 560px) {
  .svc-pills { gap: 4px; }
  .pill-connector { display: none; }
  .pill-btn span.pill-label { display: none; }
  .pill-btn { padding: 10px 12px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29bc7fe */#swd-ai-tabs-light {
  max-width: 1400px;
  margin: auto;
  padding: 10px 10px;
  font-family: Inter, sans-serif;
}

/* HEADER */
#swd-ai-tabs-light h2 {
  font-size: 36px;
  font-weight: 700;
  color: #111;
  margin-bottom: 10px;
}

#swd-ai-tabs-light p {
  color: #555;
  max-width: 700px;
  font-size: 16px;
}

/* TABS BOX */
#swd-ai-tabs-light .swd-tabs {
  margin-top: 40px;
  background: #fff;
  border-radius: 14px;
  padding: 25px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
  border: 1px solid #f2f2f2;
}

/* TAB BUTTONS */
#swd-ai-tabs-light .swd-tab-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 12px;
   justify-content: center;
  text-align: center;
}

#swd-ai-tabs-light .swd-tab-btn {
  background: #fff;
  border: 1px solid #f1f1f1;
  color: #666;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all .2s ease;
}

#swd-ai-tabs-light .swd-tab-btn:hover,
#swd-ai-tabs-light .swd-tab-btn.active {
  background: #e83e8c; /* YOUR PINK */
  color: #fff;
  border-color: #e83e8c;
}

/* TAB CONTENT */
#swd-ai-tabs-light .swd-tab-content {
  display: none;
  padding-top: 20px;
  animation: fadeTab .3s ease;
}

#swd-ai-tabs-light .swd-tab-content.active {
  display: block;
}

#swd-ai-tabs-light h3 {
  font-size: 22px;
  color: #111;
  margin-bottom: 12px;
}

#swd-ai-tabs-light ul {
  padding-left: 18px;
}

#swd-ai-tabs-light li {
  font-size: 15px;
  color: #444;
  margin-bottom: 8px;
  line-height: 1.6;
}

#swd-ai-tabs-light #tab7 ul {
  list-style: none;
  padding-left: 0;
}

#swd-ai-tabs-light #tab7 li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}

#swd-ai-tabs-light #tab7 li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #e83e8c;
  font-weight: bold;
}
✅ Result (Professional Agency Style)

✔ 7th tab added
✔ Enterprise consulting tone
✔ High-value positioning language
✔ SEO + AI search optimized content
✔ No Elementor conflict

💎 Pro Upgrade Idea (If You Want)

I can convert Tab 7 into a 2-column grid cards layout like:

Brand Infrastructure

Content Authority

Link & Reputation

Paid Intelligence

Organic Traffic

AI-Powered Speed

👉 Looks like McKinsey / Deloitte consulting pages (very premium).

Just tell me:
Grid cards or bullet list?
/* ANIMATION */
@keyframes fadeTab {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}/* End custom CSS */