@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500&display=swap');

 
html, body { height: 100%; margin: 0; color: #555;scroll-behavior: smooth } 
html { line-height: 1.15; -webkit-text-size-adjust: 100%; } 
body { font-family: 'Outfit', sans-serif; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; font-size: 16px;} 
a,a:active,a:focus { text-decoration: none; outline: 0!important; background-color: transparent; } 
textarea:focus, input:focus { outline: none; } 
button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; border: 0; } 
button,input { overflow: visible; } 
button { cursor: pointer; } 
*:focus { outline: none; } 
p { margin:0; padding:0 } 
ol,ul { list-style:none } 
* { margin:0; padding:0 } 
a { text-decoration:none; outline:none; color: #3884FF; background-color: transparent; } 
a:hover { text-indent:0; cursor:pointer } 
img { border:0; max-width: 100%; display: block; border-style: none; } 
.clearfix:after { content:" "; visibility:hidden; display:block; height:0; clear:both } 
/* *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } */
*,*::before,*::after { box-sizing: border-box;} 
table { border-collapse: collapse; } 
textarea { white-space: revert; } 
svg { display: block; } 

:root { --primary: #FD611E; --black: #333;  --grey:#888;} 

body { background:#160B1F url('../images/body-bg-top.png') no-repeat center top; } 
.container, .container-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } 
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } 

.button { font-family: 'Outfit', sans-serif; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s; width: fit-content; } 

.btn-primary { background: linear-gradient(360deg, #FF7629 0%, #F75712 100%); border-radius: 10px; padding: 20px 30px; min-width: 160px; height: 60px; color: #fff; font-size: 1.150rem; }
.btn-primary:hover{ background: linear-gradient(180deg, #FC752E 0%, #FE7126 100%); transform: translate3d(0px, -1px, 0px); color: #fff; } 

.btn-primary-xl { background: linear-gradient(360deg, #FF7629 0%, #F75712 100%); border-radius: 10px; padding: 20px 30px; min-width: 310px; height: 62px; color: #fff; font-size: 1.30rem; } 
.btn-primary-lg { background: linear-gradient(360deg, #FF7629 0%, #F75712 100%); border-radius: 10px; padding: 20px; min-width: 260px; height: 62px; color: #fff; font-size: 1.30rem; } 
.btn-primary-md { background: linear-gradient(360deg, #FF7629 0%, #F75712 100%); border-radius: 10px; padding: 8px 10px; min-width: 140px; height: 48px; color: #fff; font-size:1.125rem; } 
.btn-primary-xl:hover,.btn-primary-lg:hover,.btn-primary-md:hover { background: linear-gradient(180deg, #FC752E 0%, #FE7126 100%); transform: translate3d(0px, -1px, 0px); color: #fff; } 


/* =============header style==================== */ 
.navbar { max-width: 100%; height: auto; margin: 0 auto; padding: 0.75rem 0; border: none; outline: none; color: #fff; padding: 12px 14px; } 
.navbar .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; margin: 0 auto; max-width: 82rem; } 
.navbar .burger { position: relative; display: none; cursor: pointer; width: 2.25rem; height: 1.4rem; border: none; outline: none; opacity: 0; visibility: hidden; background: none; transform: rotate(0deg); transition: 0.35s ease-in-out; } 
.navbar .burger-line { display: block; position: absolute; width: 100%; height: 3px; left: 0; border: none; outline: none; opacity: 1; border-radius: 0.25rem; background: #fff; transform: rotate(0deg); transition: 0.25s ease-in-out; } 
.navbar .burger-line:nth-child(1) { top: 0; } 
.navbar .burger-line:nth-child(2), .navbar .burger-line:nth-child(3) { top: 0.6rem; } 
.navbar .burger-line:nth-child(4) { top: 1.2rem; } 
.navbar .burger.is-active .burger-line:nth-child(1), .navbar .burger.is-active .burger-line:nth-child(4) { top: 1.25rem; width: 0%; left: 50%; } 
.navbar .burger.is-active .burger-line:nth-child(2) { transform: rotate(45deg); } 
.navbar .burger.is-active .burger-line:nth-child(3) { transform: rotate(-45deg); } 
.navbar .menu-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap:30px; } 
.navbar .menu-link { font-family: 'Outfit', sans-serif; font-weight:400; font-size: 1.050rem; line-height: inherit; border: none; color: #fff; text-rendering: optimizeLegibility; padding: 5px; } 
.navbar .menu-link:hover { color: #F87150 } 
.navbar .menu-link.current { color: var(--primary); opacity: 1; } 
.menu-item-seperator { border-left: 1px solid #402e41; height: 20px; } 

.hero-section {background: linear-gradient(180deg, rgba(68, 12, 115, 0.17) 17.16%, rgba(23, 11, 31, 0.69) 100%); position: relative;} 
.hero-section-content { text-align: center; padding:110px 0 0 0; max-width:930px; margin: 0 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative;z-index: 5; } 
.navbar { padding: 20px 30px 0 30px;position: relative;z-index: 6; } 
.hero-section-content h1 { font-size:4rem; line-height: 4.750rem; color: #fff; margin-bottom: 20px; font-family:'Outfit', sans-serif; font-weight:500; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); } 
.hero-section-content h1 strong { color: var(--primary); font-weight: 500;} 
.hero-section-content p { font-size: 1.205rem; line-height:2rem; color: #E4D6EC; font-weight: 300; margin:0 auto;max-width: 760px; } 
.query-section { text-align: center; margin: 40px auto 0 auto;max-width: 850px; } 
.small-text { font-size: .90rem; color: #99B3C9; margin: 20px 0 0 0; } 
.turnpages-screenshot { margin:70px auto 0 auto; text-align: center; max-width: 1240px; } 
.turnpages-screenshot img { max-width: 100%;margin: auto; } 
.query-section form{display: flex;}
.query-input{display: flex;align-items: center;flex-grow: 1;}
.query-prefixed-contextforce{padding: 7px;background: #2F1B3A;border: 1px solid #403248;font-size: 1rem;color: #D9CFE1;border-radius:8px 0 0 8px ;height: 60px;display: flex;align-items: center;justify-content: center;}
.query-input-area{flex-grow: 1;position: relative;}
.query-input-area input{width: 100%;height: 60px;padding: 8px 8px 8px 10px;background-color: #fff;font-size: 1.065rem;color: #333333;border-radius: 0 8px 8px 0;}
.query-input-area input::placeholder{color: #888;}
.query-button{margin: 0 0 0 8px;}
.query-button button{height: 60px;}
.hero-bg-effect{content: "";width: 350px;height: 350px;background: #841866;opacity: .6;-webkit-filter: blur(100px);filter: blur(100px);position: absolute;top: 10px;left: 60%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 2;}
.hero-topbg-effect {content: "";width: 1000px;height: 300px;position: absolute;left: 0;right: 0;top: -50px;background: #3F1D37;opacity: 0.4;filter: blur(100px);z-index: 1;}

.section-bg-shadow .container, .section-bg-shadow .section-heading{position: relative;z-index: 1;}
section {padding: 80px 0;} 
.product-detail-section,.section-bg-shadow{position: relative;}
.section-bg-shadow::after{background: #7A00EF; opacity: 0.15;filter: blur(100px);content: "";width: 1400px;height: 600px;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;max-width: 100%;}
/* .product-detail-section{background: url('../images/section-bg-shadow.png') no-repeat center bottom;} */
.cf-try-demo.section-bg-shadow::after{bottom: 0;}

.section-heading { margin: 0 auto; text-align: center; } 
.section-heading h2 { font-size: 3rem; line-height: 4rem; font-family: 'Outfit', sans-serif; font-weight: 400; color: #fff; } 
.section-heading p { font-size: 1.150rem; line-height: 1.80rem; max-width: 900px; margin: 12px auto 0; color: #E4D6EC;font-weight: 300; } 
.prodcut-detail-button{margin: 30px 0 0 0;}
.prodcut-detail-button a{background: linear-gradient(360deg, #FF7629 0%, #F75712 100%); border-radius: 8px; padding: 10px 15px;  height: 52px; color: #fff; font-size: 1.075rem;margin: 0 auto;display: flex;justify-content: center;align-items: center;max-width: fit-content;transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.prodcut-detail-button a:hover{background: linear-gradient(180deg, #FC752E 0%, #FE7126 100%);transform: translate3d(0px, -1px, 0px);color: #fff;}
.product-featured-img{margin: 30px auto 0 auto;}
.product-img-articleurl{margin-top: 60px;}
.product-featured-img img{margin: 0 auto;}
.merchants-we-support{display: flex;align-items: center;justify-content: center;column-gap: 10px;margin: 40px 0 0 0;}
.merchants-we-support ul{display: flex;column-gap: 10px;}
.merchants-we-support ul li{position: relative;width: 174px;height: 70px;}
.merchants-we-support ul li:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2A1B37;border: 1px solid #402854;transform: skew(-20deg);transform-origin: top left;z-index: -1;}
.merchants-we-support ul li img{position: absolute;top: 50%;left: 42%;transform: translate(-50%, -50%);max-width: 90%;max-height: 90%;}        
.more-chants-count{font-size: 1.75rem;color: #fff;}


.try-demo-section{border: 1px solid #2A2032;border-radius: 12px;margin: 40px 0 0 0;}
.try-demo-tabs{}
span.tab-icon{height: 34px;}
[role="tablist"]{border-bottom:1px solid #2D2237;list-style:none;margin:0;padding:0 20px;background-color: #22122E;border-radius: 12px 12px 0 0;}
[role="tablist"] *{-webkit-box-sizing:border-box;box-sizing:border-box}
[role="tablist"] li a svg{display: inline-block;}
[role="tablist"] li a span{display: flex;align-items: center;}
[role="tablist"] li{display:inline-block}
[role="tab"]{color:#E4D6EC;display:block;padding:12px 18px;text-decoration:none;line-height: 34px;align-items: center;height: 60px;}
[role="tab"][aria-selected="true"] {border-bottom: 2px solid var(--primary);color: var(--primary);}
[role="tab"][aria-selected="true"] svg{fill: var(--primary);}
[role="tab"]{display:flex;margin-bottom:-1px;column-gap: 5px;}
[role="tab"]:hover:not([aria-selected="true"]) {}
[role="tab"]:hover:not([aria-selected="true"]) {}
[hidden]{display:none}

.tab-content-container{padding: 20px;background: rgba(32, 17, 44, 0.60);}
.tab-content-header{}
.tab-content-header h3{font-size: 1.125rem;color: #fff;}
.tab-content-header p{color: #E4D6EC;font-size: 1rem;margin: 5px 0 0 0;}
.tab-content-URL-section{display: flex;align-items: center;margin: 20px 0 0 0;}
.tab-url-input-colm, .tab-url-output-colm{flex-grow: 1;}
.tab-inputfield-label{font-size: .950rem;color: #D5CBDC;margin: 0 0 5px 0;}
.tab-content-site-url{position: relative;}
.tab-url-input-colm input, .tab-url-output-colm input{display: block;width: 100%;background-color: #261731;padding: 10px 45px 10px 10px;height: 50px;border-radius: 8px;border: 1px solid #352741;font-size: 1rem;color: #E4D6EC;}
.tab-url-output-colm input{padding-right: 90px;}
.tab-url-input-colm input::placeholder, .tab-url-output-colm input::placeholder{color: #A497AF;}
.tab-url-input-colm input:focus, .tab-url-output-colm input:focus{border-color: #604D6F;}
.tab-content-site-url ul{position: absolute;right: 6px;display: flex;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);top: 50%;font-weight: 300;}
.tab-content-site-url ul li a svg{opacity: .5;}
.tab-content-site-url ul li a{width: 36px;height: 36px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.tab-content-site-url ul li a:hover{background:rgba(255,255,255,.1);}
.tab-content-site-url ul li a:hover svg{opacity: 1;}
.tab-url-arrow-colm{margin: 0 15px 18px;align-self: flex-end;}
.tab-content-fetch-btn{margin: 15px 0;}
.tab-content-fetch-btn button{width: 100%;display: flex;justify-content: center;align-items: center; background: #FF6F32; border-radius: 10px; padding: 20px 38px;color: #fff; font-size: 1.150rem;column-gap:   8px;position: relative;}
.featch-icon{width: 26px;height: 26px;border-radius: 30px;background-color: #DC4E12;display: flex;justify-content: center;align-items: center;}
.tab-content-output-container{ background: linear-gradient(117.69deg, rgba(48, 14, 64, 0.94) 9.52%, rgba(5, 33, 54, 0.94) 101.19%);border: 1px solid rgba(127, 99, 151, 0.28);backdrop-filter: blur(20.4569px);border-radius: 10px;}
.tab-content-output-content{padding:5px;}
.tab-content-output-heading{background:rgba(254,254,254,.03);padding: 8px 8px 8px 15px;}
.content-output-heading-title{font-size: 16px;font-weight: 500;color: #fff;}
.tab-content-output-content pre{height: 320px;overflow: hidden;padding:10px 0px 0px 10px;overflow-y:auto ;background: transparent;word-break: break-word;}
.tab-content-output-content textarea, .tab-content-output-content pre code{width: 100%;background: transparent;color: #F4F2FA;height: 320px;font-size: 14px;line-height: 20px; resize: none;text-wrap: wrap;}
.tab-content-output-content ::-webkit-scrollbar {width: 4px;}
.tab-content-output-content ::-webkit-scrollbar-thumb {background: rgba(255,255,255,.1);}
.tab-content--seek-answers{background: #261633;margin:0;padding: 20px 20px 25px 20px;border-radius: 0 0 12px 12px;}
.seek-answsers--title{font-size: 1rem;color: #fff;font-weight: 500;}
.seek-answers--heading p{font-size: .875rem;color: #D5CBDC;line-height: 1rem;margin: 4px 0 0 0;}
.seek-answers--inputfield{position: relative;margin: 14px 0 0 0;}
.seek-answers--inputfield input{width: 100%;background: #2E1E3A;border: 1px solid #5E4B6E;border-radius: 8px;padding: 10px 50px 10px 15px;color: #E4D6EC;font-size: 1rem;height: 50px;}
.seek-answers--inputfield input:focus{border-color: #786786;}
.seek-answers--sendbutton{position: absolute;right: 5px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);top: 50%;}
.seek-answers--sendbutton button{width: 38px;height: 38px;display: flex;justify-content: center;align-items: center;border-radius: 50px;background: transparent;-webkit-transition: background-color 0.8s ease-out;-moz-transition: background-color 0.8s ease-out;-o-transition: background-color 0.8s ease-out;transition: background-color 0.8s ease-out;}
.seek-answers--sendbutton button:hover{background: rgba(255, 255, 255, .2);}

.faq-section { } 
.faq-container { max-width: 940px; margin: 60px auto 0; } 
.faq-row { position: relative; border-bottom: 1px solid #342247; } 
.faq-row:first-child { border-top: 1px solid #342247; } 
.faq-row .faq-row-head { padding: 24px 0; cursor: pointer; transition: 0.2s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.faq-row .faq-row-head h3 { font-size: 1.250rem; line-height: 1.450rem; font-weight: 400; color:#E4D6EC; } 
.faq-row .arrow-down { transition: 0.25s ease; opacity: 0.3; border: solid#E4D6EC; border-width: 0 3px 3px 0; display: inline-block; padding: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } 
.faq-row .faq-row-head:hover .arrow-down { opacity: 1; } 
.faq-row .arrow-animate { transform: rotate(-135deg); opacity: 1; } 
.faq-row .content {  display: none; padding: 0 20px 20px 0; text-align: left; } 
.faq-row .content p { font-size: 1.075rem; line-height: 1.650rem; color: #E4D6EC;margin: 0; } 

.join-waitlist--subscribe{display: flex;margin: 40px auto 0;justify-content: center;max-width: 680px;}
.join-waitlist h2{font-size: 1.875rem;line-height: 2rem;}
.joint-waitlist--inputfield{width: 100%;}
.joint-waitlist--inputfield input{background: rgba(44, 31, 51, 0.40);border: 1px solid #312239;height: 60px;padding: 15px 15px 15px 20px;border-radius: 10px;width: 100%;font-size: 1.125rem;}
.joint-waitlist--inputfield input:focus{border-color: #5C4A65;}
.joint-waitlist--inputfield input::placeholder{color:#8B7695}
.join-waitlist--subscribe-btn{}
.join-waitlist--subscribe-btn button{background: linear-gradient(360deg, #FF7629 0%, #F75712 100%);display: block;padding: 20px;color: #fff;font-size: 1.125rem;font-weight: 500;width: 140px;margin: 0 0 0 10px;border-radius: 10px; transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.join-waitlist--subscribe-btn button:hover{background: linear-gradient(180deg, #FC752E 0%, #FE7126 100%); transform: translate3d(0px, -1px, 0px);}

footer { background-color: #1D0F2A; padding: 80px 0 0; margin:200px 0 0 0;border-top: 1px solid #291939;} 
.footer-container { display: -webkit-box; display: -ms-flexbox; display: flex; padding:0 0 110px 0; } 
.footer-aboutus { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; padding: 0 60px 0 0; margin-right: auto; } 
.footer-aboutus p { font-size: 1rem; line-height: 1.750rem; color: #E4D6EC; margin: 20px 0 0 0; } 
.footer-menu { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; margin:18px 0 0 0; margin-left: auto; } 
.footer-menu-title { font-size: 1.125rem; line-height: 1.375rem; color:#9C8DA8 ; font-family: 'Outfit', sans-serif; font-weight: 400; } 
.footer-menu ul { margin: 22px 0 0 0; } 
.footer-menu ul li { margin: 8px 0; } 
.footer-menu ul li a { font-size: 1rem; line-height: 1.450rem; color: #fff; } 
.footer-menu ul li a:hover { color: #d2c5de; } 
.footer-copyright { padding: 20px 0; background-color: #150B1E; font-size: .875rem; color: #95899F; } 


/*====== testiimonial animation section =========*/
.scroller__inner{padding-block:12px;display:flex;flex-wrap:wrap;gap:24px;margin:auto}
.scroller[data-animated="true"]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 30%,white 70%,transparent);mask:linear-gradient(90deg,transparent,white 30%,white 70%,transparent)}
.scroller[data-animated="true"] .scroller__inner{width:-webkit-max-content;width:-moz-max-content;width:max-content;flex-wrap:nowrap;-webkit-animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}
.scroller[data-direction="right"]{--_animation-direction:reverse}
.scroller[data-direction="left"]{--_animation-direction:forwards}
.scroller[data-speed="fast"]{--_animation-duration:90s}
.scroller[data-speed="slow"]{--_animation-duration:90s}
@-webkit-keyframes scroll {
to{transform:translate(calc(-50% - 0.5rem))}
}
@keyframes scroll {
to{transform:translate(calc(-50% - 0.5rem))}
}
:root{--clr-neutral-100:hsl(0,0%,100%);--clr-primary-100:hsl(205,15%,58%);--clr-primary-400:hsl(215,25%,27%);--clr-primary-800:hsl(217,33%,17%);--clr-primary-900:hsl(218,33%,9%)}
  
.testimonial-section{}  
.testimonial-section.section-bg-shadow::after {opacity: 0.05;}
.testimonial-container{margin: 60px 0 0 0;position: relative;z-index: 10;}  
.testimonial-card{background: rgba(255, 255, 255, .03);border: 1px solid #342247;border-radius: 17px;padding: 18px;width: 380px;}
.testimonial-card__header{display: flex;align-items: center;column-gap: 10px;}
.testimonial-card__thumbnail{width: 56px;height: 56px;border-radius: 50%;overflow: hidden;}
.testimonial__user-name{color: #D5CBDC;font-size: 1.065rem;font-weight: 500;line-height: 22px;}
.testimonial__user-designation{font-size: .950rem;font-weight: 300;color: #807787;}
.testimonial-card__content{font-size: 1rem;color: #aaa2b1;line-height: 22px;margin: 12px 0 5px 0;}




.tooltip-container{position:relative;display:inline-block;cursor:pointer}
.tooltip{visibility:hidden;background-color:#fff;color:#222;font-size:13px;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s;max-width:200px;white-space:nowrap}
.tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#fff transparent transparent}
.tooltip-container:hover .tooltip{visibility:visible;opacity:1}
#fetch-content-button.loading,#fetch-serp-query-button.loading,#fetch-producturl-button.loading,#fetch-videourl-button.loading, #fetch-pdfurl-button.loading{position:relative;pointer-events:none;background: #6c3219;}
#fetch-content-button.loading span,#fetch-serp-query-button.loading span,#fetch-producturl-button.loading span,#fetch-videourl-button.loading span, #fetch-pdfurl-button.loading span{opacity: .25;}
/* #fetch-content-button.loading::after,#fetch-serp-query-button.loading::after,#fetch-producturl-button.loading::after,#fetch-videourl-button.loading::after, #fetch-pdfurl-button.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:4px solid #fff;border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite} */
@keyframes spin {
0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}

.tab-content-output-heading{display: flex;align-items: center;padding: 0 8px 0 15px;min-height: 44px;}
.content-output-action-list{margin-left: auto;}
.content-output-action-list ul{display: flex;align-items: center;gap: 5px;}
.content-output-action-list ul li{display: flex;align-items: center;}
.content-output-action-list ul li a {width: 36px;height: 36px;border-radius: 50px;display: flex;align-items: center;justify-content: center;opacity: .7;}
.content-output-action-list ul li a:hover {background: rgba(255, 255, 255, .1);opacity: 1;}


.tab-pdf-upload-section{position: relative;}
.tab-pdf-upload-section{padding: 14px 0 0;position: relative;}
.tab-or-divider {text-align: center;color: #fff;position: relative;}
.divider-line{display: inline-block;background: #1c0e26;z-index: 2;color: #7f708a;position: relative;padding: 0 10px;font-size: 16px;}
.tab-or-divider::after {border-bottom: 1px solid #3e2e49;margin-bottom: 5px;content: '';width: 100%;height: 1px;position: absolute;left: 0;right: 0;top: 13px;z-index: 1;}

.tab-pdf-upload-section .form{width:100%;margin: 0;margin:15px 0 0 0;}
.tab-pdf-upload-section .form__container{position:relative;width:100%;height:100px;border:2px dashed #4b3a58;display:flex;justify-content:center;align-items:center;font-size:18px;color:#63536e;margin:0;flex-direction: column;cursor: pointer;}
.tab-pdf-upload-section .form__container:hover{border-color: #5b4a69;background-color: #241331;}
.tab-pdf-upload-section .form__file{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;opacity:0}
.tab-pdf-upload-section .form__files-container {display: flex;width: 100%;padding: 5px 8px;justify-content: space-between;align-items: center;border-radius: 3px;background: #2a1f32;margin: 5px 0 0 0;}
.tab-pdf-upload-section .form__text{font-size:14px;color:#a399ab;max-width:450px;}
.form-uploadfile-icon svg{cursor: pointer;}

/* CSS for syntax highlighting */
.string { color: #5ce790; } /* String color */
.number { color: #5ce790; } /* Number color */
.key { color: #ffbe0c; } /* Key (property) color */
.boolean { color: #dc72d8; } /* Boolean color */
.null { color: #dc72d8; } /* Null color */
.comment { color: #8e908c; font-style: italic; } /* Comment color */

.tab-content--seek-answers{position: relative;}
.seek-answer-comingsoon {width: 100%;height: 100%;position: absolute;left: 0;right: 0;background:rgb(11 31 54 / 81%);z-index: 1;display: flex;justify-content: center;align-items: center;backdrop-filter: blur(.5px);padding: 0;top: 0;}
.seek-answer-comingsoon span{font-size: 22px;color: #fff;text-align: center;font-weight: 500;text-shadow: 0 5px 15px #000;}
.content-output-action-list ul li a.output-btn-disabled {pointer-events: none;opacity: 0.2;} 
.pdf-upload-form-section{margin: 10px 0 0 0;}
.upload-container-title{display: block;}
.upload-container-info{font-size: 13px;margin-top: 3px;}
#delete-uploaded-file {display: none;background: transparent;width: 28px;height: 28px;border-radius: 20px;justify-content: center;align-items: center;position: absolute;top: 18px;right: 10px;}
.uploaded-file-container.hidden{display: none;}
#delete-uploaded-file:hover{background-color:#365d5d;}
#delete-uploaded-file:hover svg{fill:#fff;}
.uploaded-file-detail{display: flex;margin: 0 auto;font-size: 16px;gap: 8px;align-items: center;color:#94abab;}
.uploaded-file-container{padding:0 5px 0 10px;height: 34px;display: flex;align-items: center;height: 100%;
background:#1b3939;border: 1px solid #2e5656;box-shadow: 0px 4px 64px rgba(255, 255, 255, 0.02);backdrop-filter: blur(20.4569px);color: #D5CBDC;}    
.tab-pdf-upload-section .pdf-upload-form{position: relative;}
#uploaded-file-container{position: absolute;top: 0;width: 100%;height: 100%;}
.uploaded-file-container:hover{background-color: #1c3d3d;}

.tab-url-input-colm input:disabled, .tab-url-output-colm input:disabled{opacity: .4;}
/* input#upload-files[type=file] {pointer-events: none;} */

.tab-url-input-colm input.input-error {border-color: #a20f0f;}
#fetch-content-button .tooltip-notice, #fetch-producturl-button .tooltip-notice, #fetch-videourl-button .tooltip-notice, #fetch-serp-query-button .tooltip-notice, #fetch-serp-query-button .tooltip-notice, #fetch-pdfurl-button .tooltip-notice {font-size: 16px;}

.more-features-section{margin: 60px 0 0 0;}
.more-features-row{display: flex;gap: 60px;padding: 40px 0;width: calc(100% - 60px);}
.more-features-graphic{flex: 0 0 50%;}
.more-features-content{flex: 0 0 50%;padding: 20px 0 0 0;color: #fff;}
.more-features-content h3{font-size: 24px;margin: 0 0 10px 0;}
.more-features-content p{font-size: 18px;margin: 0;color: #E4D6EC;}







/*=========== Media Queries Styles ===========*/
@media (min-width: 576px) { container { max-width: 540px; } 
 }
 
@media (min-width: 1200px){
.container { max-width: 1180px; } 
.contaier-small { max-width: 1100px; } 
 }
 @media (max-width: 1200px){
 
 }

@media only screen and (max-width: 991px){
 .navbar { padding: 12px 14px 0 14px; } 
.navbar .burger { display: block; opacity: 1; visibility: visible; } 
.navbar .menu { width: 100%; max-height: 0rem; padding: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.35s ease; position: absolute; left: 0; top: 60px; background-color: #fff; z-index: 10; padding: 0 20px; box-shadow: 0px 2px 40px 0 rgb(0 0 0 / 20%); } 
.navbar .menu.is-active { opacity: 1; visibility: visible; } 
.navbar .menu-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.75rem; padding: 1rem 0; } 
.hero-section { overflow: hidden; } 
.menu-inner li { display: block; width: 100%; } 
.navbar .menu-link { padding: 5px 0; display: block; color: var(--black); font-size: 1.10rem; } 
.navbar .btn-primary-md { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } 
.menu-inner li.menu-item-seperator,.navbar .btn-chrome span { display: none; } 
.navbar .button { margin: 0; } 
.turnpages-screenshot {margin: 0px auto 0 auto;}
section { padding: 60px 0; } 
.section-heading { padding: 0 20px; } 
.section-heading h2,.cta-container h2 { font-size: 2.4rem; line-height: 3rem; } 
.feature-section-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.section-heading p { font-size: 1.150rem; line-height: 1.650rem; } 

 }

@media (max-width:767px){
.hero-section-content { padding:60px 15px 50px 15px } 
.hero-section-content h1 { font-size: 2.75rem; line-height: 3.275rem; } 
.hero-section-content p { margin: 0; } 
.query-input{flex-direction: column;}
.query-input-area{width: 100%;}
.query-input-area input{border-radius: 10px;}
.query-section form {flex-direction: column;row-gap: 15px;}
.query-prefixed-contextforce {font-size: 14px;padding: 5px;}
.merchants-we-support{flex-direction: column;gap: 20px;}
.merchants-we-support ul{flex-direction: column;row-gap: 25px;}
.product-detail-section{background-image: none;}
.query-prefixed-contextforce {font-size: 14px;padding: 8px;border-radius: 5px 5px 0 0;width: 60%;height: auto;margin-bottom: 0px;border-bottom: 0;}
.query-button{margin: 0;}
.query-button a{width: 100%;}
    
.footer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.footer-aboutus { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 0; } 
.footer-menu { margin: 25px 0 0 0; } 
.footer-menu ul { margin: 12px 0 0 0; } 

.more-features-row{flex-direction: column;gap:20px;width: 100%;}
.more-features-content{padding: 0;}
.more-features-graphic{order: 1;}
.more-features-content{order: 2;}
 }

@media (max-width:480px){
 .navbar .button { width: 100%; } 
 .hero-section-content h1 { font-size: 2rem; line-height: 2.8rem; margin-bottom: 15px; } 
.hero-section-content p { font-size: 1.15rem; line-height: 1.8rem; } 
.section-heading { padding: 0 10px; } 
.large-number { font-size: 4.625rem; line-height: 5rem; } 
section.intro-section { padding:60px 10px; } 
.section-heading h2{ font-size: 1.8rem; line-height: 2.375rem; } 
.faq-row .faq-row-head { padding: 20px 0 19px 0; } 
.faq-row .faq-row-head h3 { font-size: 1.150rem; line-height: 1.850rem; padding-right: 15px; } 
.faq-row .content p { font-size: 1.05rem; line-height: 1.550rem; } 
footer { padding: 50px 0 0; margin-top: 130px; } 
.footer-container { padding: 0 0 40px 0; } 
 }




 /*========== Try Free Results Styles =========*/
 #header-row{background: transparent !important;}
.tryfree-results-section{margin:100px 0 0 0;position: relative;z-index: 10;}

.back-to-home{display: flex;align-items: center;}
.back-to-home a{font-size: 15px;color: #D5CBDC;display: flex;align-items: center;gap: 6px;padding: 5px 7px;border-radius: 20px;height: 34px;padding: 5px 16px;}
.back-to-home a:hover{background: rgba(255, 255, 255, .1);}
.tryfree-results-buttons{display: flex;margin: 0 0 15px 0;}
.tryfree-results-buttons ul{display: flex;gap: 8px;margin-left: auto;}
.tryfree-results-buttons ul li a{min-width:110px;border-radius: 25px;display: flex;align-items: center;justify-content: center;border: 1px solid #AC9DB3;font-size: 14px;height: 34px;color: #D5CBDC;position: relative;}
.tryfree-results-buttons ul li a:hover{border-color: #CDC5D1;color: #F2EEF4;background: rgba(255, 255, 255, .1);}
.tooltip-notice{background-color:#fff;color:#222;font-size:13px;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);transition:opacity .3s;max-width:200px;white-space:nowrap}
.tooltip-notice::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#fff transparent transparent}
#tryfree-results-output{padding: 10px 10px 0px 10px;height: 400px;}
.placeholder-animation{position: absolute;top: 60px;left: 0;}
.placeholder-loader-section{width:800px;display:flex;flex-direction:column;row-gap:25px;padding:30px}
.loader-bar{height:10px;background:linear-gradient(90deg,#602A85 0%,#3F3A7B 100%);border-radius:10px;animation:placehodlerloading 1.6s infinite;opacity:.5}
@keyframes placehodlerloading {
from{width:0}
to{width:100%}
}
.loader-bar:nth-child(1){animation:bar-1 1.6s infinite}
@keyframes bar-1 {
from{width:0}
to{width:40%}
}
.loader-bar:nth-child(2){animation:bar-2 1.6s infinite}
@keyframes bar-2 {
from{width:0}
to{width:60%}
}
.loader-bar:nth-child(3){animation:bar-3 1.6s infinite}
@keyframes bar-3 {
from{width:0}
to{width:90%}
}
.loader-bar:nth-child(4){animation:bar-4 1.6s infinite}
@keyframes bar-4 {
from{width:0}
to{width:30%}
}


/* ================== Detail Page =============== */
.btn-primary-outline {background:transparent;border-radius: 10px;border: 1px solid #FE6625;padding: 20px 30px;min-width: 160px;height: 60px;color: #FE6625;font-size: 18px;}
.btn-primary-outline:hover{background-color: #FE6625;color: #fff;}
.free-requests-section{ margin: 90px 0 20px 0;text-align: center;}
.no-creditcard-needed{margin: 10px 0 0 0;font-size: 15px;color: #a390ae;}

.why-us__grid{display: flex;flex-wrap: wrap;gap:30px;margin: 50px 0 0 0;}
.why-us__colm{flex: 0 0 calc(33.33% - 30px);max-width: calc(33.33% - 30px);padding: 40px 20px;background: #20112C;border:1px solid #2A1939;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.2), inset 0px 2px 0px #2B183A;border-radius: 20px;text-align: center;transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.why-us__colm:hover{transform: translate3d(0px, -2px, 0px);}
.why-us__colm span{ display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;background: #150C1E;border-radius: 10px;margin: 30px 0 0 0;margin:0 auto 30px;box-shadow: 0px 2px 16px rgba(79, 49, 102, 0.3);}    
.why-us__colm h3{font-size: 20px;color: #fff;font-weight: 500;}
.why-us__colm p{font-size: 17px;color: #E4D6EC;margin: 10px 0 0 0;}

.pricing-section{max-width: 910px;margin: 30px auto 0;background: #1E102A;border: 1px solid #2D1A3D;border-radius: 20px;padding: 80px 50px;position: relative;overflow: hidden;}
.pricing-row{display: flex;justify-content: space-around;}
.pricing-col{text-align: center;}
.pricing-name{font-size: 15px;color: #D3C9DC;font-weight: 500;text-transform: uppercase;}
.pricing__credits-required{font-size: 36px;color: #E99872;line-height: 48px;margin: 10px 0 0 0;background: linear-gradient(270deg, #E1A44A 15.18%, #EE8E8E 79.46%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;font-weight: 500;}
.pricing__per-request{color:#8C759C;margin: 2px 0 0 0;}
.pricing-cta{margin: 50px 0 0 0;}
.pricing-cta .button{padding: 10px 120px;}
.pricing__credit-details{font-size: 16px;color: #8C759C;text-align: center;margin: 0 0 10px 0;}
.pricing-glow-bg {content: "";width: 250px;height: 250px;background: #841866;opacity: .2;-webkit-filter: blur(100px);filter: blur(100px);position: absolute;top: -100px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 2;}


.demo-query-section{text-align: center;margin: 40px auto 0 auto;}
.demo-input-query-section{display: flex;width: 100%;}
.demo-output-section{margin:40px auto 0;}
.demo-output-section pre{text-align: left;}
.query-button{position: relative;}
.demo-output-section .tab-content-output-content pre {height: 400px;margin: 0;}
.demo-content-output-heading {display: flex;align-items: center;padding: 0 8px 0 15px;min-height: 44px;background: rgba(254, 254, 254, .03);}
.demo-content-output-heading-row {font-size: 16px;font-weight: 400;color: #fff;display: flex;flex: 1;min-width: 0;text-align: left;}
.content-output-heading-label{flex: 0 0 auto; opacity: .8;}
.input-query-label{margin: 0 0 0 5px; flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
.demo-content-output-heading .content-output-action-list{margin-left: 20px;}

.advanced-settings-section{margin: 30px 0 0 0;font-size: 16px;text-align: left;}
.advanced-usage-title{margin: 0 0 8px 0;color: #716279;font-weight: 500;}
.advanced-setting-options{}
.advanced-setting-row{display: flex;align-items: center;padding:4px;cursor: pointer;justify-content: center;width: fit-content;margin: 0 auto;}
.advanced-setting-L{margin-right:  20px;}
.advanced-setting-R{padding-top: 10px;}
.advanced-setting-L span{font-size: 16px;color: #E6DDEB;font-weight: 500;}
.advanced-setting-L p{font-size: 14px;color: #A18FAC;font-weight: 400;max-width: max-content;line-height: 20px;margin: 5px 0 0 0;}
.toggle-switch{position:relative;display:inline-block;width:40px;height:14px;margin: 0;}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#7f6c8c;transition:.3s;border-radius:34px;background: #6C547D;}
.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:-4px;top:-4px;background-color:#fff;transition:.3s;border-radius:50%}
input:checked + .toggle-slider{background-color:#8C6453;}
input:checked + .toggle-slider:before{transform:translateX(22px);width: 22px;height: 22px;background-color:#ff5722;}
/* .query-prefixed-contextforce{min-width: 170px;} */
.grid-two-colms .why-us__colm{flex: 0 0 calc(50% - 30px);max-width: calc(50% - 30px);}


.demo-query-section{}
.demo-query-section .tab-pdf-upload-section {padding: 4px 0 0;}
.demo-query-section .pdf-upload-form-section {margin: 4px 0 0 0;position: relative;}
.demo-query-section .tab-pdf-upload-section .form__container{height: 90px;}
.demo-query-section .tab-or-divider::after {border-bottom: 1px solid #2c2035;}
.query-input-area input:disabled {background-color: #d6ccdc;}

.tab-pdf-upload-section{display: none;}

.content-section{padding: 60px 0;color: #fff;font-size: 18px;line-height: 24px;font-size: 18px;}
.content-section p{font-size: 18px;line-height: 28px;display: inline-block;width: 100%;margin: 10px 0 15px 0;}
.content-section h1{font-size: 40px;line-height: 48px;margin: 10px 0 15px 0;}   
.content-section h2{font-size: 32px;line-height: 40px;margin: 10px 0 15px 0;}
.content-section h3{font-size: 24px;line-height: 32px;margin: 10px 0 15px 0;}
.content-section a{color: #FD611E;}
.content-section ul{margin: 10px 0 30px 20px;}
.content-section ul li{list-style: disc;margin: 10px 0 0 5px;}
.about-us-section{padding: 60px 0;color: #fff;font-size: 18px;line-height: 24px;font-size: 18px;}


@media (max-width:767px){
.why-us__colm{flex: 0 0 100%;max-width: 100%;}
.grid-two-colms .why-us__colm{flex: 0 0 100%;max-width: 100%;}
.demo-input-query-section{flex-direction: column;gap: 15px;}
.tab-content-fetch-btn{margin: 0 auto;}
}
@media (max-width:480px){
.pricing-row{flex-direction: column;gap: 40px;}    
}

/*===== PDF Detail Page =====*/
.demo-query-section form{position: relative;z-index: 10;}
.hero-section-content.pdf-detail-header{max-width: 1000px;}
.pdf-detail-header .query-input-area input,.pdf-detail-header .query-prefixed-contextforce, .pdf-detail-header .query-button button{height: 72px;}
.advanced-search-pdf{position: absolute;right: 8px;top: 18px;}
.advanced-search-pdf .advanced-search-pdf-icon{cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 50px;width: 38px;height: 38px;}
.advanced-search-pdf .advanced-search-pdf-icon:hover{background-color: #EFCDBF;}
.inputarea-section{position: relative;display: flex;align-items: center;background-color: #fff;padding: 0 0 0 15px;border-radius:0 8px 8px 0}
.input-upload-indication{}

.pdf-detail-header .query-input-area input{background-color: transparent;padding-right: 60px;}
.uploaded-file-icon{margin-right: 5px;}
.uploaded-file-icon svg, #delete-uploaded-file svg{fill: #000;}
.pdf-detail-header input[type="text"]::placeholder{color: #333;font-size: 18px;}
.pdf-detail-header #delete-uploaded-file{top: 22px;}
.pdf-detail-header #delete-uploaded-file:hover {background-color: #e7e7e7;}
.pdf-detail-header #delete-uploaded-file:hover svg{fill: #333;}
.file-drap-drop-area{position:absolute;left:0;right:0;height:100%;background:#fff;border-left:0;align-items:center;padding:20px;z-index:5;color:#333;border-radius:0 8px 8px 0}
div#dropzone{position:fixed;top:0;left:0;z-index:9999999999;width:100%;height:100%;background-color:rgba(0,0,0,0.5);transition:visibility 175ms,opacity 175ms;display:table;text-shadow:1px 1px 2px #000;color:#fff;background:rgba(0,0,0,0.45)}
div#textnode{display:table-cell;text-align:center;vertical-align:middle;transition:font-size 175ms}

.advanced-search-dropdown{background-color:#352140;border-radius:8px;padding:12px 18px 20px;margin-top:10px;position:absolute;top:79px;width:calc(100% - 141px);border: 1px solid #302a34;background: rgba(40, 24, 49, 0.95);backdrop-filter: blur(12px);}
.advanced-search-dropdown-heading{margin-bottom: 12px;}
.advanced-search-dropdown-title{font-size:18px;font-weight:500;margin:0;text-align:left;color: #fff;}
.advanced-search-dropdown-heading p{font-size: 16px;color: #D7C3E1;margin:2px 0 0 0;text-align: left;width: 100%;max-width: 100%;line-height: 24px;display: inline-block}
.radio-group{display:flex;gap:20px;}
.radio-option{display:flex;align-items:center;cursor:pointer;padding: 0 0 0 28px;position: relative;}
.radio-option input[type="radio"]{margin-right:5px;width: 18px;height: 18px;}
.radio-option span{color: #fff;}
.option-content{margin: 15px 0 0 0;}
.option-content input[type="text"]{width:100%;padding:8px 14px;height: 46px; border-radius:8px;font-size: 16px;background-color: #19111F;border: 1px solid #422D4F;color: #ac9aba;}
.option-content input[type="text"]:focus{border-color: #513263;}
.option-content input[type="text"]::placeholder{color: #685676;font-size: 16px;}
span.api-required-info {font-size: 13px;color: #BC97D1;font-weight: 500;margin: 0 0 0 2px;}
.apikey-inputarea-container{display: flex;gap: 10px;}
.apikey-inputarea-container .btn-primary-md{min-width: 100px;}
.advanced-search-expanded{background-color: #EFCDBF;}
.radio-option input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:2px;left:0;height:21px;width:21px;background-color:rgba(0,0,0,0);border-radius:50%;border:2px solid #958a9b;transition:all .3s}
.radio-option input:checked ~ .checkmark{background-color:rgba(0,0,0,0);border-color:#fe6f32}
.radio-option input:checked ~ .checkmark:after{display:block}
.radio-option .checkmark:after{top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fe6f32}
.checkmark:after{content:"";position:absolute;display:none}
/* .advanced-api-tabs{display: flex;gap: 22px;margin: 0 0 14px 0;}
.advanced-tab-list {font-size: 16px;font-weight: 500;color: #fe6f32;cursor: pointer;}
.advanced-tab-list.active{color: #fff;} */
.api-selection-container{display: flex;gap: 10px;}
.advanced-dd-title{text-align: left;font-size: 16px;font-weight: 500;margin: 0 0 6px 0;color: #fff ;}

.api-input-section{flex-grow: 1;}
/* General styles for the select element */
#api-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#331F3E;color:#EEDEF7;padding:10px;border:1px solid #4E385B;border-radius:7px;width:100%;height:100%;font-size:16px;position:relative;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:20px 20px}
#api-dropdown{padding-right:40px}
#api-dropdown:hover{background-color:#392246;border-color:#604A6C}
#api-dropdown:focus{outline:none;border-color:#816293;box-shadow:0 0 5px rgba(87,45,111,0.5)}
@media (max-width: 768px) {
#api-dropdown {width: auto;}
}
.advanced-dd-extractpagess{border-top: 1px solid #432c4f;padding: 15px 0 0 0;margin: 20px 0 0 0;}
.extract-pages-input input{width:100%;padding:8px 14px;height:46px;border-radius:8px;font-size:16px;background-color:#19111F;border:1px solid #422D4F;color:#ac9aba}
.extract-pages-input input[type="text"]::placeholder{color:#685676;font-size:16px}
.extract-pages-input input:focus{border-color: #5f4570;}

/*=============== Article Detail Page CSS ===============*/
/* .articledetail .hero-section-content{max-width: 1000px;} */
.detail-tabs-wrapper .query-prefixed-contextforce{min-width: 202px;}
.detail-tabs-wrapper{margin: 50px 0 0 0;}
.article-detail-tabs{display:flex;justify-content:center;gap:4px;background:#170621;border:1px solid #3B204F;padding:5px;border-radius:10px;width:fit-content;margin:0 auto}
.tab-link {background-color: transparent;border: none;padding: 10px 20px;cursor: pointer;transition: background-color 0.3s ease;color: #E4D6EC;font-size: 16px;border-radius: 6px;position: relative;}
.tab-link span{font-size: 14px;color: #E4D6EC;}
.tab-link:hover {background-color: #39223F;}
.tab-link.active {background-color: #44214C;}
.single-url-tab-content .tab-content {display: none;}
.tab-link:hover .tooltip-large{visibility:visible;opacity:1}
.tooltip-large{visibility:hidden;width:240px;background-color:#641B61;color:#fff;text-align:center;border-radius:6px;padding:10px 8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-120px;opacity:0;transition:opacity .3s}
.tooltip-large::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#641B61 transparent transparent}
.integrated-with-topsites{margin: 100px auto 200px auto;text-align: center;max-width: 930px;}
.integrated-with-topsites h3{font-size: 22px;color: #AB9AB8;font-family: 'Outfit', sans-serif; font-weight:500;}
.integrated-sites-container{display: flex;margin: 25px auto 0 auto;align-items: center;}
.integrated-sites-container ul{display: flex;gap: 20px;justify-content: center;}
.integrated-sites-container ul li{position:relative;width:154px;height:70px}
.integrated-sites-container ul li:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#2A1B37;border:1px solid #402854;transform:skew(-20deg);transform-origin:top left;z-index:-1}
.integrated-sites-container ul li svg{position:absolute;top:50%;left:42%;transform:translate(-50%,-50%);max-width:90%;max-height:90%}
.more-sites-text{font-size: 1.75rem;color: #fff;margin: 2px 0 0 20px;}


@media (max-width: 768px) {
.integrated-sites-container ul{flex-direction: column;}
.integrated-sites-container ul li{margin: auto;width: 250px;}
.integrated-with-topsites {margin: 70px auto 80px auto;}
}

/* Dropdown Menu Styles */
.menu-item.has-dropdown {
    position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #2A1B37;
    min-width: 200px;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    padding: 8px 0;
    border: 1px solid #402854;
}

.menu-item.has-dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu li {
    padding: 0;
}

.dropdown-menu a {
    color: #E4D6EC;
    padding: 8px 16px;
    display: block;
    font-size: 1rem;
}

.dropdown-menu a:hover {
    background: #402854;
    color: var(--primary);
}

/* Mobile Dropdown Styles */
@media (max-width: 768px) {
    .dropdown-menu {
        position: static;
        background: transparent;
        box-shadow: none;
        border: none;
        padding-left: 20px;
        display: none;
    }

    .menu-item.has-dropdown.active .dropdown-menu {
        display: block;
    }
}

.btn-primary-lg { background: linear-gradient(360deg, #FF7629 0%, #F75712 100%); border-radius: 10px; padding: 20px; max-width: 280px; height: 62px; color: #fff; font-size: 1.30rem;display: flex; margin:40px auto 0;justify-content: center;align-items: center;border-radius: 30px;font-weight: 500;} 
.btn-primary-md { background: linear-gradient(360deg, #FF7629 0%, #F75712 100%); border-radius: 30px; padding: 8px 20px; min-width: 140px; height: 48px; color: #fff; font-size:1.125rem; } 
.btn-primary-xl:hover,.btn-primary-lg:hover,.btn-primary-md:hover { background: linear-gradient(180deg, #FC752E 0%, #FE7126 100%); transform: translate3d(0px, -1px, 0px); color: #fff; } 


/* =============header style==================== */ 
.navbar { max-width: 100%; height: auto; margin: 0 auto; padding: 0.75rem 0; border: none; outline: none; color: #fff; padding: 12px 14px; } 
.navbar .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; margin: 0 auto; max-width: 82rem; } 
.navbar .burger { position: relative; display: none; cursor: pointer; width: 2.25rem; height: 1.4rem; border: none; outline: none; opacity: 0; visibility: hidden; background: none; transform: rotate(0deg); transition: 0.35s ease-in-out; } 
.navbar .burger-line { display: block; position: absolute; width: 100%; height: 3px; left: 0; border: none; outline: none; opacity: 1; border-radius: 0.25rem; background: #fff; transform: rotate(0deg); transition: 0.25s ease-in-out; } 
.navbar .burger-line:nth-child(1) { top: 0; } 
.navbar .burger-line:nth-child(2), .navbar .burger-line:nth-child(3) { top: 0.6rem; } 
.navbar .burger-line:nth-child(4) { top: 1.2rem; } 
.navbar .burger.is-active .burger-line:nth-child(1), .navbar .burger.is-active .burger-line:nth-child(4) { top: 1.25rem; width: 0%; left: 50%; } 
.navbar .burger.is-active .burger-line:nth-child(2) { transform: rotate(45deg); } 
.navbar .burger.is-active .burger-line:nth-child(3) { transform: rotate(-45deg); } 
.navbar .menu-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap:30px; } 
.navbar .menu-link { font-family: 'Outfit', sans-serif; font-weight:400; font-size: 1.050rem; line-height: inherit; border: none; color: #fff; text-rendering: optimizeLegibility; padding: 5px; } 
.navbar .menu-link:hover { color: #F87150 } 
.navbar .menu-link.current { color: var(--primary); opacity: 1; } 
.menu-item-seperator { border-left: 1px solid #402e41; height: 20px; } 

.hero-section {background: linear-gradient(180deg, rgba(68, 12, 115, 0.17) 17.16%, rgba(23, 11, 31, 0.69) 100%); position: relative;} 
.hero-section-content { text-align: center; padding:110px 0 0 0; max-width:930px; margin: 0 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative;z-index: 5; } 
.navbar { padding: 20px 30px 0 30px;position: relative;z-index: 6; } 
.hero-section-content h1 { font-size:4rem; line-height: 4.750rem; color: #fff; margin-bottom: 20px; font-family:'Outfit', sans-serif; font-weight:500; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); } 
.hero-section-content h1 strong { color: var(--primary); font-weight: 500;} 
.hero-section-content p { font-size: 1.205rem; line-height:2rem; color: #E4D6EC; font-weight: 300; margin:0 auto;max-width: 760px; } 


.hero-section-content .btn-primary-lg{gap: 8px;}
.chrome-icon{margin:3px 0 0 0;}
.turnpages-screenshot { margin:50px auto 0 auto; text-align: center; max-width: 1240px; } 
.turnpages-screenshot img { max-width: 100%;margin: auto; } 
.hero-bg-effect{content: "";width: 350px;height: 350px;background: #841866;opacity: .6;-webkit-filter: blur(100px);filter: blur(100px);position: absolute;top: 10px;left: 60%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 2;}
.hero-topbg-effect {content: "";width: 1000px;height: 300px;position: absolute;left: 0;right: 0;top: -50px;background: #3F1D37;opacity: 0.4;filter: blur(100px);z-index: 1;}

.exciting-integrations-partner{margin: 40px auto 0;text-align: center;}
.integration-title{display: flex;align-items: center;justify-content: center;color: #AB9AB8;font-size: 18px;}
.coming-soon{font-size: 12px;color: #EAE8EB;margin: 0 0 0 10px;background-color: #291836;padding:4px 12px;border-radius: 20px;}


.row{display:flex;}
.featurebox-section-row {margin: 100px 0 0 0;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 4%;}
.feature-content{-webkit-box-flex: 1;-ms-flex: 1 1 48%;flex: 1 1 48%;padding: 20px 0 0 0;}
.feature-image{-webkit-box-flex: 1;-ms-flex: 1 1 48%;flex: 1 1 48%;}

.featurebox-section-row h2{font-size: 32px;color: #fff;font-weight: 500;}
.featurebox-section-row ul{list-style-type: disc;display: flex;flex-direction: column;gap: 14px;margin: 10px 0 0 15px;}
.featurebox-section-row ul li{font-size: 18px;color: #fff;}


.cta-section{background: linear-gradient(117.69deg, rgba(48, 14, 64, 0.94) 9.52%, rgba(5, 33, 54, 0.94) 101.19%);padding: 120px 20px;text-align: center;margin: 80px 0 0 0;}
.cta-section-container{max-width: 800px;margin: 0 auto;}
.cta-section h2{font-size: 40px;line-height: 54px;color: #fff;font-weight: 500;}
.cta-section p{font-size: 20px;line-height: 30px;color: #fff;margin: 20px 0 10px 0;}



.section-bg-shadow .container, .section-bg-shadow .section-heading{position: relative;z-index: 1;}
section {padding: 80px 0;} 

.merchants-we-support{display: flex;align-items: center;justify-content: center;column-gap: 10px;margin: 30px 0 0 0;flex-wrap: wrap;}
.merchants-we-support ul{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;}
.merchants-we-support ul li{position: relative;width: 174px;height: 70px;}
.merchants-we-support ul li:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2A1B37;border: 1px solid #402854;transform: skew(-20deg);transform-origin: top left;z-index: -1;}
.merchants-we-support ul li img{position: absolute;top: 50%;left: 42%;transform: translate(-50%, -50%);max-width: 90%;max-height: 90%;}        
.more-chants-count{font-size: 1.75rem;color: #fff;}

footer { background-color: #1D0F2A; padding: 40px 0; border-top: 1px solid #291939;} 
footer ul{display: flex;justify-content: center;gap: 10px;}
footer ul li a{color: #fff;font-size: 14px;}
footer ul li a:hover{opacity: .85;}
.footer-copyright{text-align: center;margin:20px 0 0 0;color: #95899F;}
  
/*=========== Media Queries Styles ===========*/
@media (min-width: 576px) { container { max-width: 540px; } 
 }

 @media (min-width: 1200px) {
    .container {
      max-width: 1180px;
    }
  }
  
  /* Larger screens (1440px and above) */
  @media (min-width: 1440px) {
    .container {
      max-width: 1400px;
    }
  }
  

 @media (max-width: 1200px){
 
 }

@media only screen and (max-width: 991px){
.navbar { padding: 12px 14px 0 14px; } 
.navbar .burger { display: block; opacity: 1; visibility: visible; } 
.navbar .menu { width: 100%; max-height: 0rem; padding: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.35s ease; position: absolute; left: 0; top: 60px; background-color: #fff; z-index: 10; padding: 0 20px; box-shadow: 0px 2px 40px 0 rgb(0 0 0 / 20%); } 
.navbar .menu.is-active { opacity: 1; visibility: visible; } 
.navbar .menu-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.75rem; padding: 1rem 0; } 
.hero-section { overflow: hidden; } 
.menu-inner li { display: block; width: 100%; } 
.navbar .menu-link { padding: 5px 0; display: block; color: var(--black); font-size: 1.10rem; } 
.navbar .btn-primary-md { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } 
.menu-inner li.menu-item-seperator,.navbar .btn-chrome span { display: none; } 
.navbar .button { margin: 0; } 
.turnpages-screenshot {margin: 0px auto 0 auto;}
section { padding: 60px 0; } 
.section-heading { padding: 0 20px; } 
.section-heading h2,.cta-container h2 { font-size: 2.4rem; line-height: 3rem; } 
.feature-section-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.section-heading p { font-size: 1.150rem; line-height: 1.650rem; } 

.featurebox-section-row{flex-direction: column;gap: 40px;}
.feature-content{padding: 0;order: 1;}
.feature-image{order: 2;}

 }

@media (max-width:767px){
.hero-section-content { padding:60px 15px 50px 15px } 
.hero-section-content h1 { font-size: 2.75rem; line-height: 3.275rem; } 
.hero-section-content p { margin: 0; } 

.merchants-we-support{flex-direction: column;gap: 20px;}
.merchants-we-support ul{flex-direction: column;row-gap: 25px;}
.product-detail-section{background-image: none;}

    
.footer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.footer-aboutus { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 0; } 
.footer-menu { margin: 25px 0 0 0; } 
.footer-menu ul { margin: 12px 0 0 0; } 

 }

@media (max-width:480px){
 .navbar .button { width: 100%; } 
 .hero-section-content h1 { font-size: 2rem; line-height: 2.8rem; margin-bottom: 15px; } 
.hero-section-content p { font-size: 1.15rem; line-height: 1.8rem; } 
.section-heading { padding: 0 10px; } 
.featurebox-section-row h2, .cta-section h2 {font-size: 30px;line-height: 40px;}


footer { padding: 50px 0 0; margin-top: 130px; } 
.footer-container { padding: 0 0 40px 0; } 
 }