/* Combined CSS for repurpose-video-ai.html and podcast-clip-generator.html *//* Base Styles */.features-bottom-section,.testimonial,.ai-faq,.more-tools{background:#effcff}.faq-item{border-radius:5px;margin-bottom:10px}.faq-item.active{background:#ffffff;border-radius:18px}.faq-item.active .faq-header{padding:32px 32px 16px}.faq-header{background-color:transparent;border:none;padding:8px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:18px}.faq-title{margin:0;font-size:18px;flex:1}.faq-content{padding:0 32px 24px;max-height:0;overflow:hidden;opacity:0}.faq-item.active .faq-content{max-height:500px;/* Adjust based on your content */opacity:1;padding:0 32px 24px}.faq-image{width:100%;max-width:470px;height:auto;display:block;margin:0 auto;border-radius:20px;object-fit:contain}/* Typography */h2{text-align:center;font-size:clamp(42px, 2.5vw, 60px) !important;letter-spacing:0;font-weight:800;line-height:1.2 !important;color:#011012}h2 span{font-size:clamp(42px, 2.5vw, 60px) !important;letter-spacing:0;font-weight:800;line-height:1.2 !important}.breadcrumb ol{font:normal normal 400 18px/24px Inter;padding:0;display:flex;align-items:center;justify-content:center;position:absolute;top:125px;width:100%;left:50% !important;transform:translateX(-50%) !important;right:auto !important;z-index:9}/* Override vm-style.css breadcrumb positioning */.tools-page .breadcrumb ol{left:50% !important;transform:translateX(-50%) !important;right:auto !important;justify-content:center !important}.breadcrumb .link{font:normal normal 600 18px/24px Inter;color:#727272}.breadcrumb .span-page{color:#000;font:normal normal 600 18px/24px Inter}.breadcrumb .link:hover{color:#00b1ff}/* Banner Section */.banner-section{padding:160px 0 100px;position:relative}.banner-section::before{content:"";position:absolute;top:-45%;left:0px;width:100%;height:50%;margin:auto;background:radial-gradient(
55.46% 81.63% at 46.57% 136.66%,
#5cd3ff 0%,
#fdfdff 100%
);opacity:0.9;filter:blur(40px);z-index:0;pointer-events:none}.banner-section h1{text-align:center;font-size:clamp(52px, 3vw, 38px) !important;line-height:1.2 !important;letter-spacing:0;color:#000000}.banner-section h1 span{display:block;white-space:normal;text-align:center;font-size:clamp(52px, 3vw, 38px) !important;line-height:1.2 !important;color:transparent;background:transparent linear-gradient(90deg, #00baff 0%, #f765fd 60%, #925cfd 91%, #775afd 100%) 0% 0% no-repeat padding-box;background-size:cover;background-clip:text;-webkit-background-clip:text;display:inline-block}.banner-section p{color:#373942;text-align:center;font-size:clamp(20px, 2.5vw, 18px);font-weight:500;line-height:1.5;margin:auto;padding:16px 26px 24px/* 130% */}.banner-section .input-wrapper{border-radius:15.431px;background:linear-gradient(
134deg,
#f9fdff 2.01%,
#fafffd 25.62%,
#fffefa 57.08%,
#fffafe 84.52%,
#fcfaff 100%
);position:relative;border-radius:16px;padding:16px;box-shadow:0px 0px 8px #0000001a;background:transparent linear-gradient(
96deg,
#fafefe 0%,
#fdfefa 24%,
#fffef7 56%,
#fffafc 84%,
#fdfaff 100%
);z-index:1;transition:position 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.banner-section .input-wrapper textarea{font-size:16px}.banner-section .input-container{border-radius:32px;background:rgba(255, 255, 255, 0.5);backdrop-filter:blur(2px);padding:24px;margin-top:12px}.banner-section .input-wrapper::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:13px;background:linear-gradient(
101deg,
#6ed8ff 0%,
#62e5b1 24%,
#ffd112 56%,
#e654bf 84%,
#a762f7 100%
);z-index:-1;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude}.banner-section .input-wrapper:hover::before{padding:2.2px;background:linear-gradient(
96deg,
#6ed8ff 0%,
#62e5b1 24%,
#ffd112 56%,
#e654bf 84%,
#a762f7 100%
)}.banner-section .input-wrapper:focus-within::before{padding:4px;background:linear-gradient(
98deg,
#44c8f8 0%,
#3aeaa4 24%,
#f0c200 56%,
#de29ae 84%,
#8d3ceb 100%
)}.input-wrapper .generate-btn{border-radius:12px;background:linear-gradient(93deg, #fc8ddf 0%, #906dfb 100%);color:#fff;font-size:clamp(14px, 2.5vw, 15px);font-style:normal;font-weight:600;line-height:normal;outline:none;border:none;padding:12px 24px;flex-shrink:0;white-space:nowrap;margin-left:auto;display:block;transition:opacity 0.3s ease,cursor 0.3s ease}.input-wrapper .generate-btn:disabled{opacity:0.9 !important;pointer-events:none !important;cursor:not-allowed !important}.banner-section .input-field{width:100%;border:none;min-height:108px;color:#31304a;outline:none;background:transparent;resize:none;background-clip:padding-box;max-height:208px;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow-x:hidden;overflow-y:auto;font-family:inherit;font-size:16px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.banner-bottom{display:grid;grid-template-columns:repeat(4, 1fr);place-content:center;border-radius:32px;background:rgba(255, 255, 255, 0.5);backdrop-filter:blur(2px);align-items:center;padding:40px 0px 20px;margin-top:62px}.banner-bottom .bottom-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.banner-bottom .bottom-container h2{font-size:clamp(40px, 2.5vw, 52px) !important;color:#000;text-align:center;font-weight:800;line-height:1.2 !important}/* Buttons */.btn.primary-btn{width:fit-content;font-size:clamp(18px, 2.5vw, 16px) !important;line-height:1.2 !important;padding:22px 80px 22px 20px;height:auto}.btn.secondary-btn{width:fit-content;font-size:clamp(18px, 2.5vw, 16px) !important;line-height:1.2 !important;padding:18px;height:auto}.btn.primary-btn::after{top:2px}.btn.primary-btn:hover::after{top:0px}/* Auto Subtitle Section Base Styles */.auto-subtitle{padding:60px 0 0px 0;background:#effcff}.auto-subtitle .step-card{border-radius:20px;padding:14px 24px;background:#dbf5ff}.auto-subtitle a{color:#00baff}.auto-subtitle h2{padding-bottom:60px}.auto-subtitle .flex{gap:16px;justify-content:center}.auto-subtitle h3{color:#7859fc;text-align:center;font-size:clamp(20px, 2.5vw, 28px) !important;font-weight:800;line-height:normal;padding:24px 0px 0px}.auto-subtitle h4{color:#000;text-align:center;font-size:clamp(20px, 2.5vw, 18px);font-weight:600;line-height:30px}.auto-subtitle p{color:#000;text-align:center;font-size:clamp(18px, 2.5vw, 16px);font-weight:400;line-height:normal}.auto-subtitle.influencers{padding:120px 0px}.auto-subtitle.influencers h3{color:#000;text-align:center;font-size:clamp(24px, 2.5vw, 20px) !important;font-weight:700;line-height:1.2 !important;padding:24px 0px 12px;margin:0px}.purpsose{background:#effcff}.purpsose h2{padding-bottom:60px}.purpsose h3{color:#011012;text-align:left;font-size:clamp(24px, 22.5vw, 20px) !important;font-weight:700;margin:0px;line-height:1.2 !important;padding:0px 18px 24px 60px;padding-left:60px}.purpsose .marketing-section{border-radius:34px;border:1px solid #f1efef;background:linear-gradient(260deg, #d7f0ff 1.69%, #fff 100%)}.purpsose p{color:#373942;font-size:clamp(18px, 2.5vw, 16px) !important;font-style:normal;padding:0px 18px 0px 60px;font-weight:500;margin:0px;line-height:1.3 !important}.purpsose .left,.purpsose .right{width:50%;margin:auto}.creators-marketers{background:#effcff;padding:80px 0px 0px}.creators-marketers p{padding-bottom:60px;color:#000;text-align:center;font-family:Inter;font-size:clamp(20px, 2.5vw, 18px);font-style:normal;font-weight:500;line-height:1.3}.creators-marketers .flex{align-items:center;justify-content:center;gap:47px}.creators-marketers .flex h3{color:#000;font-size:clamp(24px, 2.5vw, 20px) !important;font-style:normal;font-weight:700;line-height:1.3 !important;padding-bottom:24px;margin:0px}.creators-marketers .flex p{color:#676d7f;color:#000;font-size:clamp(18px, 2.5vw, 16px);font-style:normal;font-weight:400;line-height:1.3 !important;margin:0;text-align:left;padding-bottom:24px}.creators-marketers .flex .right,.creators-marketers .flex .left{width:50%}.creators-marketers ul{padding-left:20px}.creators-marketers ul li{color:#676d7f;font-size:clamp(18px, 2.5vw, 16px) !important;font-weight:400;line-height:1.3 !important;/* 133.333% */list-style:disc;padding:2px 0px}/* Card Styles */.card-wrap{background-color:#fff;border-radius:24px;padding:100px 50px;margin:0 15px 20px;width:500px !important;height:510px;box-shadow:0 5px 5px #eee,0 2px 2px #eee}.card-wrap h3{font:800 24px/32px Inter;letter-spacing:0;color:#0d0f0f;display:flex;display:-webkit-flex;justify-content:center;align-items:center;height:200px;text-align:left}.card-wrap .footer{display:flex;display:-webkit-flex;margin:auto;align-items:self-start;gap:20px;padding-bottom:50px}.card-wrap .footer .role-name{font:800 22px/26px Inter;letter-spacing:0;color:#0d0f0f;text-align:left}.card-wrap .footer p{text-align:left;font:medium 18px/32px Inter;letter-spacing:0;color:#0d0f0f;margin-bottom:0}.card-wrap .footer .profile-icon{width:40px;height:40px;border-radius:50px;object-fit:cover}/* Video Player Component Styles */.video-container{display:flex;gap:16px;padding:20px}.video-card{position:relative;width:19%;height:100%;border-radius:12px;overflow:hidden;cursor:default;z-index:0}.video-card video{border-radius:12px}.video-element{width:100%;height:100%;object-fit:cover}.play-button-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.play-button{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;opacity:1;transition:opacity 0.3s ease}.play-button:hover{opacity:0.8}.play-button img{width:60px;height:60px}.toggle-section .faq-section{display:flex;align-items:start;justify-content:center;gap:32px}.toggle-section .faq-section .wrapper{min-height:500px;height:500px;width:100%}.toggle-section{background:#effcff}.toggle-section .faq-section h2{color:#0d0f0f;font-size:clamp(52px, 2.5vw, 40px) !important;font-weight:800;line-height:1.2 !important;text-align:left;padding-bottom:32px}#faq-image{max-width:100%;height:auto;transition:opacity 0.3s ease-in-out;opacity:1}#faq-image.loading{opacity:0.5;transition:opacity 0.2s ease-in-out}.toggle-section .faq-section h3{color:#151425;font-size:clamp(28px, 2.5vw, 24px) !important;font-weight:700;line-height:1.3 !important/* padding-bottom: 24px; */}.toggle-section .faq-section p{color:#383838;font-size:clamp(20px, 2.5vw, 18px) !important;font-weight:400;line-height:1.3 !important}/* Drop Area Styles */.dropArea{width:100%;height:492px;background:#ffffff 0% 0% no-repeat padding-box;border-radius:22px;padding:20px;display:flex;justify-content:center;align-items:center;margin:auto}.dropIn{border:2px dashed #00baff;border-radius:8px;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px}.dropIn img{width:64px;height:64px}.dropIn h2{text-align:center;padding:16px 0px 8px;font-size:clamp(16px, 2vw, 14px) !important;line-height:1.2 !important;letter-spacing:0px;color:#313345}.dropIn small{text-align:center;font-size:clamp(14px, 2vw, 12px) !important;line-height:1.2 !important;letter-spacing:0px;color:#7b7e8c;margin-bottom:24px}.dropIn form{position:relative;width:350px}.dropIn form input{opacity:0;position:relative;z-index:1;height:50px;transition:all 0.3s}.dropIn form input:hover + button{background:#00b2f4;transform:scale(1.01)}.dropIn form button{position:absolute;top:0;bottom:0;left:0px;right:0px;height:48px;background:#00baff;border-radius:9px;font-size:clamp(16px, 2vw, 14px) !important;line-height:1.2 !important;width:350px;letter-spacing:0px;color:#ffffff;border-color:#00baff;outline:none;border:none;margin:0px !important}.video-slider{margin:20px 0}.video-slider .slick-slide{padding:0 8px;margin:0px 4px}.feature-card:hover{transform:translateY(-2px)}.video-section{background:#fff}.feature-highlights h2{text-align:center;font-size:clamp(40px, 4vw, 32px) !important;font-weight:800;color:#011012;margin-bottom:60px}.highlights-grid{padding:90px 0px 0px;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:0 auto}.highlight-card{border-radius:34px;border:1px solid #dac0ff;background:linear-gradient(
358deg,
#f1e3f6 1.67%,
rgba(220, 171, 255, 0) 98.66%
);transition:transform 0.3s ease,box-shadow 0.3s ease;padding:24px;text-align:center}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0, 0, 0, 0.12)}.highlight-icon img{max-width:100%;height:auto;margin-bottom:24px}.highlight-card h3{font-size:clamp(18px, 2.5vw, 20px) !important;font-weight:600;color:#000}/* Feature Sections */.feature-sections{padding:120px 0px 0px}.feature-sections p a{color:#00baff}.feature-sections .btn.primary-btn{margin:50px auto 90px}.auto-subtitle .btn.primary-btn{margin:60px auto 0px}.creators-marketers .btn.primary-btn{margin:60px auto 0px}.feature-sections{background:#effcff}.feature-sections h2{padding-bottom:24px}.feature-sections p{color:#373942;text-align:center;font-family:Inter;font-size:clamp(20px, 4vw, 18px) !important;font-weight:500;line-height:1.2 !important}.feature-image img{width:100%;height:auto;display:block}.feature-content h3{color:#000;font-size:clamp(24px, 2.5vw, 20px) !important;font-weight:700;line-height:1.3 !important;text-align:left}.feature-content p{color:#373942;font-size:clamp(20px, 2.5vw, 18px) !important;font-weight:500;text-align:left;line-height:1.5 !important}/* Container */.container{max-width:1014px}/* More Tools Section */.more-tools{padding:0px 0px 100px}.more-tools .content-box{background:#ffffff;box-shadow:0px 1px 3px #0000001f;border-radius:27px;width:fit-content;padding:16px;display:flex;align-items:center;justify-content:center;text-align:center;transition:all 0.3s;cursor:pointer}.more-tools .content-box:hover{background-color:#00baff}.more-tools .content-box:hover p{color:#fff}.more-tools .content-box p{margin:0}/* Ensure links in more-tools section are clickable */.more-tools a{text-decoration:none;pointer-events:auto !important;cursor:pointer !important;position:relative !important;z-index:10 !important;display:block !important}.more-tools a:hover{text-decoration:none}/* Force content-box to not block clicks */.more-tools .content-box{pointer-events:none !important}.more-tools .content-box p{pointer-events:none !important}/* But allow the actual link to receive clicks */.more-tools a{pointer-events:auto !important}.more-tools a .content-box{pointer-events:none !important}.more-tools a .content-box p{pointer-events:none !important}.more-tools .flex-container{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:start;padding:80px 0px 20px}.more-tools .flex-container p{text-align:center;font:normal normal 600 18px/24px Inter;letter-spacing:0;color:#383838}/* Testimonial Section */.testimonial{padding:0px}/* Customer Reviews Section */.customer-reviews{padding:0px 0 120px;background:#effcff}.testimonials-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin:0 auto}.testimonials-grid > :nth-child(4){grid-column:2}.testimonial-card{padding:48px 24px 58px;border-radius:34px;border:1px solid #93e4ff;background:#fff;transition:transform 0.3s ease,box-shadow 0.3s ease}.customer-reviews h2{padding-bottom:60px}.testimonial-card:hover{transform:translateY(-2px)}.testimonial-card img{margin-bottom:28px}.testimonial-card h3{font-size:clamp(20px, 2vw, 26px) !important;font-weight:700;color:#000;margin-bottom:16px}.testimonial-card p{font-size:clamp(16px, 1.5vw, 18px) !important;color:#000;margin:0}.card-wrap .footer .role-name,.card-wrap .footer p{text-align:center}.card-wrap .footer p{font-size:14px !important}.ai-faq{padding-top:120px}.slick-slider .slick-list{overflow:hidden}.mute-button{position:absolute;bottom:16px;right:0;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;z-index:12;padding:8px;transition:background 0.3s ease}.close-icon{position:absolute;top:-8px;right:-8px;z-index:15;cursor:pointer;background:white;border-radius:50%;padding:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:14px;z-index:5}.video-section h2{max-width:1014px;margin:auto;padding:120px 0px 16px}.video-section p{max-width:1014px;margin:auto;color:#373942;text-align:center;font-size:clamp(20px, 2.5vw, 16px);font-weight:500;line-height:26px;padding:0px 0px 40px}/* Feature Sections Base Styles */.features-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;justify-items:center;padding:80px 0px}.features-grid > :last-child{grid-column:1/-1;flex-direction:row;padding:0px 0px 30px 52px;background:#fff}.features-grid > :last-child > div{flex:1}.features-grid > :last-child .feature-image img{position:relative;left:1px}.feature-card{border-radius:34px;border:1px solid #dac0ff;background:linear-gradient(
358deg,
#ffd8d8 1.67%,
rgba(255, 206, 206, 0) 98.66%
);transition:transform 0.3s ease,box-shadow 0.3s ease;padding:32px 32px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.feature-card.full{flex-direction:row;padding:40px;gap:42px;min-height:80px;border-radius:34px;border:1px solid #dac0ff;background:linear-gradient(
358deg,
#ffd8d8 1.67%,
rgba(255, 206, 206, 0) 98.66%
)}.feature-card.full .feature-content{width:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:0px 8px 30px rgba(0, 0, 0, 0.12)}/* Language Options */.language-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.radio-option{display:flex;align-items:center;padding:8px 16px;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;transition:all 0.3s ease;background:white}.radio-option:hover{border-color:#00baff}.radio-option.active{background:#00baff;border-color:#00baff;color:white}.radio-option input[type="radio"]{display:none}/* Progress Section Styles */.progress-container{text-align:center;padding:20px;border-radius:8px;max-width:500px;margin:0 auto;max-width:600px;width:100%}.progress{height:100%;background:#4e73df;transition:width 0.3s ease}#progressPercentage{font-weight:bold;color:#4e73df}#progressSection{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:#f5f6fa 0% 0% no-repeat padding-box !important}.uploading{background:#ffffff 0% 0% no-repeat padding-box;box-shadow:0px 1px 3px #0000001f;border-radius:24px;padding:25px 20px 10px}#progressSection img{width:194px;height:48px;margin:0px 0px 30px}.uploading p{color:#313345;font-size:16px !important;font-weight:600;text-align:left;margin:0px}.uploading .progress-bar{background:#ffffff 0% 0% no-repeat padding-box;box-shadow:0px 0.5px 1px #00000029;border:2px solid #41ccff;border-radius:12px;padding:15px;display:flex;flex-direction:row;justify-content:left;align-items:center;max-height:64px}.uploading .progress-bar img{margin-right:14px;width:40px !important;height:40px !important;margin-bottom:0px !important}.uploading .progress-bar p{color:#313345;font-size:14px;font-weight:600}.progress-bar{display:flex;align-items:center;gap:10px;width:100%;margin:15px 0 0}.progress-wrapper{flex-grow:1;background:#ebecf2;border-radius:20px;height:6px;overflow:hidden;min-width:434px;position:relative}.progress{height:100%;width:60%;border-radius:20px;background:linear-gradient(90deg, #00b6fa 0%, #2d69f7 100%);position:relative;overflow:hidden;transition:width 0.4s ease-in-out}/* Zebra stripes shimmer */.progress::after{content:"";position:absolute;top:0;left:0;height:100%;width:200%;/* Wider for looping effect */background-image:repeating-linear-gradient(
45deg,
rgba(255, 255, 255, 0.3) 0px,
rgba(255, 255, 255, 0.3) 10px,
transparent 10px,
transparent 20px
);animation:shimmerZebra 2s linear infinite;opacity:0.6;pointer-events:none}@keyframes shimmerZebra{0%{transform:translateX(-50%)}100%{transform:translateX(0%)}}.file-info{margin-top:5px;font-size:14px;color:#666}@keyframes progressAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.progress.complete{animation:none;background:#4caf50}#fileName{color:#313345;font-size:14px;display:block;text-overflow:ellipsis;margin:0px 0px 10px;text-align:left;overflow:hidden;max-width:20ch}/* Podcast Clip Generator Specific Styles */.features-grid.feature .feature-card{grid-column:1/-1;flex-direction:row;padding:0px;background:#fff}.features-grid.feature .feature-card .feature-image img{padding-bottom:30px;width:auto;max-width:100%}.features-grid.feature .feature-card{display:flex}.features-grid.feature .feature-card:nth-child(even){flex-direction:row-reverse;padding-inline-start:0;padding-inline-end:150px;border-radius:34px}.features-grid.feature .feature-content:nth-child(odd){padding-inline-start:60px}.features-grid > :last-child{grid-column:1/-1;flex-direction:row;padding:0px 0px 30px 52px;background:#fff}.features-grid > :last-child > div{flex:1}/* Repurpose Video AI Specific Styles */.repurpose-features > :last-child{grid-column:1/-1;flex-direction:row;padding:0px 0px 30px 52px;background:#fff}.repurpose-features > :last-child > div{flex:1}/* Podcast Clip Generator Specific Styles */.features-grid > :last-child,.features-grid > :first-child{grid-column:1/-1;flex-direction:row;padding:70px;background:#fff}.features-grid.repurpose-features > :first-child{grid-column:unset;flex-direction:column;background:unset;padding:30px}.features-grid > :last-child > div,.features-grid > :first-child > div{flex:1}section.comparisions{background-color:#effcff}.comparisions h2{padding-top:120px}.reframe-comparison{padding-bottom:120px}.reframe-comparison h2{padding-top:0}.comparisions .flex-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;text-align:center;padding:65px 0px 0px}.comparisions .flex-card .column{width:47%;border-radius:34px;border:1px solid #dac0ff;padding:24px;background:linear-gradient(
358deg,
#ffd8d8 1.67%,
rgba(255, 206, 206, 0) 98.66%
)}.comparisions .flex-card .column:last-child{border-radius:34px;border:1px solid #93e4ff;background:linear-gradient(
2deg,
#b7ebfd -2.75%,
rgba(241, 250, 254, 0.6) 64.49%
)}.comparisions .flex-card h3{color:#000;text-align:center;font-size:clamp(20px, 2.5vw, 24px);font-style:normal;font-weight:700;line-height:1.3;padding:30px 0px 16px;margin:0px}.comparisions .flex-card p{color:#676d7f;text-align:center;font-size:clamp(16px, 2.5vw, 18px);font-weight:400;padding:0px 32px;line-height:1.3}.reframe-comparison .flex-card .column{padding:0px}.reframe-comparison .flex-card h3{text-align:left;padding:34px 34px 14px}.reframe-comparison .flex-card p{text-align:left;padding:0px 34px 34px}.smart-reframe-section{padding:80px 0 0px}.smart-reframe-wrapper{width:100%}.smart-reframe-heading{text-align:center;margin-bottom:70px}.smart-reframe-heading h2{font-size:60px;font-weight:700;line-height:1.2}.smart-reframe-content{display:flex;align-items:center;gap:70px}/* LEFT */.smart-reframe-left{width:45%}.smart-feature{border-radius:24px;cursor:pointer;display:flex;padding:10px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:16px;transition:0.3s ease}.smart-feature.active{background:#fff;border:1px solid #93e4ff}.smart-feature:hover{opacity:1}.smart-feature p{color:#000;font-size:clamp(16px, 2.5vw, 18px);font-weight:400;line-height:1.2;padding:12px;text-align:left}/* RIGHT */.smart-reframe-right{width:55%}.smart-image-box{padding:20px;border-radius:32px;overflow:hidden;position:relative}.smart-slide-image{width:100%;height:100%;object-fit:cover;border-radius:24px;display:none}.smart-slide-image.active{display:block;animation:smartSlideUp 0.5s ease}@keyframes smartSlideUp{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.logo-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:58px}.logo-grid .mobile-duplicate{display:none}.enterprise-section-2{padding:60px 0px 40px}.enterprise-section-2 h2{color:#000;text-align:center;font-size:clamp(24px, 2.5vw, 24px) !important;font-weight:700;line-height:1.2;padding-bottom:38px}@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.perfect{background:#effcff}.perfect-section .perfect-card{width:95% !important}.perfect-section .perfect-card p{width:fit-content;color:#000;margin:auto;padding:10px 20px;text-align:center;font-size:clamp(16px, 2.5vw, 24px) !important;font-style:normal;font-weight:700;line-height:1.2;border-radius:28px;border:1px solid #93e4ff;background:#fff;margin:40px auto 24px}.perfect-section{padding-left:85px}.influencers .slick-slide[data-slick-index="0"] .col{background:#f9edff !important}.influencers .slick-slide[data-slick-index="1"] .col{background:#e4f9e6 !important}.influencers .slick-slide[data-slick-index="2"] .col{background:#dff8ff !important}.influencers .slick-slide[data-slick-index="3"] .col{background:#e2efff !important}.influencers .slick-slide[data-slick-index="4"] .col{background:#EDEEFF !important}.influencers .slick-slide[data-slick-index="5"] .col{background:#F9E4E4 !important}.influencers .slick-slide[data-slick-index="6"] .col{background:#DFE8BB !important}/* RESPONSIVE */@media (max-width: 991px){.smart-reframe-heading h2{font-size:40px}.smart-reframe-content{flex-direction:column}.smart-reframe-left,.smart-reframe-right{width:100%}.smart-image-box{height:400px}}/* Responsive Design *//* Consolidated Media Queries */@media screen and (min-width: 768px) and (max-width: 1023px){.creators-marketers .flex{flex-direction:column}.perfect-section .perfect-card p{margin-left:60px}.enterprise-section-2 .logo-grid{padding:30px 30px 0px}.creators-marketers .flex .right,.creators-marketers .flex .left{width:100%;margin:auto}.creators-marketers .flex .left{text-align:center}.feature-card.full{gap:4px}.creators-marketers .flex h3{padding-bottom:2px}.creators-marketers{padding:40px 0px 0px}/* Banner Section */.banner-section{padding:100px 0 80px}.banner-section h1{font-size:clamp(46px, 4vw, 42px) !important}.banner-section .input-field{min-height:100px;font-size:15px}.input-wrapper .generate-btn{font-size:clamp(14px, 2vw, 13px);padding:10px 20px}/* Auto Subtitle Section */.auto-subtitle{padding:0px}.auto-subtitle h2{padding-bottom:40px}.auto-subtitle h3{font-size:clamp(24px, 3vw, 20px)}.auto-subtitle h4{font-size:clamp(18px, 2.5vw, 16px)}.auto-subtitle p{font-size:clamp(14px, 2vw, 16px)}.card-wrap{padding:60px 30px;width:400px !important;height:420px}.card-wrap h3{font-size:clamp(20px, 2.5vw, 18px) !important;height:160px}.card-wrap .footer .role-name{font-size:clamp(18px, 2vw, 16px)}.card-wrap .footer p{font-size:clamp(15px, 2vw, 14px)}/* Video Player */.video-container{flex-wrap:wrap;gap:12px}/* Feature Sections */.features-grid{grid-template-columns:1fr 1fr;gap:20px}.feature-card{max-width:100%;padding:24px 24px 0}.feature-content{padding:20px}.feature-content h3{font-size:clamp(20px, 3vw, 18px) !important}.feature-content p{font-size:clamp(16px, 2.5vw, 16px)}.features-grid > :last-child,.features-grid > :first-child,.repurpose-features > :last-child{padding:20px}.play-button img{width:50px;height:50px}}@media screen and (max-width: 767px){.testimonials-grid{grid-template-columns:1fr;gap:20px}.banner-section .btn.primary-btn,.btn.primary-btn{margin:0 auto !important}.testimonial-card{padding:25px}.dropIn form button,.dropIn form{width:100%;margin:0px auto}.enterprise-section-2 .container{overflow:hidden;width:100%}.logo-grid{flex-wrap:nowrap;justify-content:flex-start;overflow:visible;gap:40px;width:max-content;animation:scrollLogos 20s linear infinite}.logo-grid img{flex-shrink:0;width:100px;height:30px}.logo-grid .mobile-duplicate{display:block}.dropIn{justify-content:center;align-items:center}/* Banner Section */.banner-section{padding:80px 0 60px}.purpsose h2{padding:100px 0px 40px}.feature-card.full{flex-direction:column;padding:20px}.banner-section h1{font-size:clamp(38px, 2.5vw, 32px) !important;line-height:1.3 !important}.feature-content{padding:16px}.banner-section .input-field{min-height:90px;font-size:14px}.input-wrapper .generate-btn{font-size:clamp(13px, 3vw, 12px);padding:8px 16px}/* Auto Subtitle Section */.auto-subtitle{padding:0px}.auto-subtitle h2{padding:0px 0px 20px}.auto-subtitle.influencers{padding:60px 0px 0px}.auto-subtitle h3{font-size:clamp(20px, 3.5vw, 16px)}.auto-subtitle p{font-size:clamp(14px, 2.5vw, 12px)}.creators-marketers .flex .right,.creators-marketers .flex .left,.purpsose .left,.purpsose .right{width:100%}.purpsose h3,.purpsose p{padding-inline:20px}.purpsose h3{padding-block:20px}.purpsose p{padding-bottom:20px}.purpsose .marketing-section .flex{flex-wrap:wrap;flex-direction:column}.play-button img{width:40px;height:40px}.card-wrap{padding:40px 20px;width:300px !important;height:380px;margin:0 10px 15px}.card-wrap h3{font-size:clamp(18px, 3vw, 16px) !important;line-height:1.2 !important;height:140px;text-align:center}.card-wrap .footer .role-name{font-size:clamp(16px, 2.5vw, 16px)}.card-wrap .footer p{font-size:clamp(13px, 2.5vw, 12px)}.card-wrap .footer .profile-icon{width:35px;height:35px}/* Video Player */.video-container{flex-wrap:wrap;gap:10px;padding:15px}.mute-button{bottom:12px;padding:6px}.creators-marketers .flex{flex-direction:column}.creators-marketers{padding:40px 0px 0px}.ai-faq .accordion-item .accordion-body{padding:16px 32px 48px !important}/* Video Section */.video-section{padding:40px 15px}.video-section h2{font-size:1.8rem}/* Feature Sections */.features-grid{grid-template-columns:1fr;gap:15px}.feature-card{max-width:100%;padding:20px 20px 0}.feature-content h3{font-size:clamp(18px, 3.5vw, 16px)}.feature-content p{font-size:clamp(14px, 3vw, 12px)}.full-box{padding:20px;flex-direction:column}.full-box .full-box-image,.full-box .full-box-content{width:100%;display:flex;justify-content:center;align-items:center;padding:12px 0px}/* Additional Mobile Styles */h2,.services h2 span,h2 span{font-size:40px;line-height:1.2}small{padding:15px 0 0}.award-banner{flex-wrap:wrap;align-items:center;flex-direction:column;height:auto;padding:20px}.award-banner .left{width:100%;padding:20px;text-align:center}.award-banner .left h2{font-size:30px !important;line-height:1.3 !important;text-align:center}.tab-content .left{padding-left:0;width:100%}.tab-content-section .arrow-btn{padding:20px 0 30px}.container.first{padding:0 35px}.banner-section .input-container{padding:0px}.navbar{background-color:#fff}.banner-section p{padding:20px 0px;max-width:100%}.banner-bottom{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.tab-wrapper{padding:50px 0 90px}.faq-section{padding:0px}.product-tutorial .tutorial-card .card-box h3{font:normal normal 500 16px/22px Inter !important}.product-tutorial p{padding:24px}.product-tutorial .tutorial-card .card-box{width:auto}.instant-avatar,.product-tutorial,.testimonial{padding:80px 0 0}.two-wrap{flex-direction:column;gap:25px}.more-tools .flex-container a{width:100%}.two-wrap .col{width:100%}.banner-section .btn.primary-btn,.btn.primary-btn,.built-section .btn.primary-btn{margin:0;padding:20px 24px !important}.btn.primary-btn{margin:20px auto 0}.built-section h2{padding:0;font-size:42px !important}.built-section{padding:50px}.user-count-content .flex{margin:0}.ai-section-card .card-box{width:100%;height:auto}.ai-section-card .card-box h4{padding:32px 0 16px 0}.more-tools .content-box{width:100%}.card-wrap{width:322px !important}.faq-section{flex-direction:column;flex-wrap:wrap}.faq-section .wrapper{width:100%}.faq-section .faq-image{margin:50px auto 0}.tab-content-section{flex-direction:column}.tab-content-section h3{padding:0 0 16px}.tab-content-section ul li{padding:0 0 20px}.tabs{overflow-x:auto;height:auto;flex-wrap:wrap;justify-content:center}.two-section .flex .col.sec3 img{transform:unset;left:unset;top:111px}.two-section .flex .col.sec4 img{top:122px;transform:scale(0.9)}.two-section .flex .col.sec5 img{transform:scale(0.9);top:95px;position:relative}.two-section .flex .col.sec6 img{top:59px;bottom:unset;transform:scale(0.9)}.instant-avatar .avatar-card-container{flex-direction:column;height:auto}.toggle-section h2{padding:0}.toggle-section .faq-section .wrapper{height:auto}.voice-section .list-wrap .card{height:auto}/* Language Options */.language-options{justify-content:center}.radio-option{font-size:12px;padding:6px 12px}.auto-subtitle .flex{flex-direction:column;display:block;margin:auto;text-align:center}/* Podcast Clip Generator Specific Mobile Styles */.features-grid > :last-child,.features-grid > :first-child,.features-grid.feature .feature-card,.repurpose-features > :last-child{flex-direction:column;padding:20px}.features-grid.feature .feature-content:nth-child(odd){padding-inline-start:0}.features-grid.feature .feature-card:nth-child(even){padding-inline-end:0px}.features-grid.feature .feature-card:nth-child(even){flex-direction:column;padding:20px}.play-button img{width:45px;height:45px}.feature-highlights{padding:60px 0}.feature-highlights h2{margin-bottom:40px}.highlights-grid{grid-template-columns:1fr;gap:20px}.highlight-card{padding:30px 25px}.comparisions .flex-card{flex-direction:column}.comparisions .flex-card .column{width:100%}.perfect-section{padding-left:0px}.features-grid > :nth-child(2) .feature-content{padding:20px}.features-grid > :nth-child(2){flex-direction:column-reverse}.features-grid > :nth-child(2) .feature-image,.ai-faq .tab-content{padding-bottom:0px}.feature-sections{padding:80px 0px 0px}.ai-faq{padding:80px 0px}.more-tools{padding:0px 0px 80px}}@media screen and (max-width: 480px){/* Banner Section */.banner-section{padding:180px 0 40px}.banner-section h1{font-size:clamp(34px, 6vw, 28px) !important}.banner-section .input-field{min-height:80px;font-size:13px}.input-wrapper .generate-btn{font-size:clamp(12px, 3.5vw, 11px);padding:6px 14px}/* Auto Subtitle Section */.auto-subtitle{padding:0px}.auto-subtitle h2{padding-bottom:20px}.auto-subtitle h3{font-size:clamp(16px, 4vw, 14px)}.auto-subtitle p{font-size:clamp(12px, 3vw, 11px)}.card-wrap{padding:30px 15px;width:280px !important;height:350px;margin:0 5px 10px}.card-wrap h3{font-size:clamp(16px, 3.5vw, 14px);height:120px}.card-wrap .footer{padding-bottom:30px}.card-wrap .footer .role-name{font-size:clamp(14px, 3vw, 12px)}.card-wrap .footer p{font-size:clamp(12px, 3vw, 11px)}.card-wrap .footer .profile-icon{width:30px;height:30px}/* Video Player */.video-container{gap:8px;padding:10px}/* Feature Sections */.features-grid{gap:12px}.feature-card{padding:16px 16px 0}.features-bottom-section{padding:20px 0}.features-bottom-section h2{padding:0 0 20px}.full-box-wrapper{gap:12px}.feature-content h3{font-size:clamp(16px, 4vw, 15px)}.feature-content p{font-size:clamp(13px, 3.5vw, 12px)}.full-box{padding:16px}.play-button img{width:45px;height:45px}}/* Responsive Design for Feature Highlights */@media screen and (max-width: 1024px){.highlights-grid{grid-template-columns:repeat(2, 1fr);gap:25px}}@media screen and (max-width: 480px){.feature-highlights{padding:40px 0}.highlight-card{padding:25px 20px}}/* Responsive Design for Customer Reviews */@media screen and (max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2, 1fr);gap:25px}}@media screen and (max-width: 480px){.customer-reviews{padding:40px 0}.testimonial-card{padding:20px}}