@font-face {
    font-family: "Roboto-Regular";
    src: url("../../fonts/Roboto-Regular.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Roboto-Light";
    src: url("../../fonts/Roboto-Light.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-Black";
    src: url("../../fonts/Raleway-Black.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-BlackItalic";
    src: url("../../fonts/Raleway-BlackItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-Bold";
    src: url("../../fonts/Raleway-Bold.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-BoldItalic";
    src: url("../../fonts/Raleway-BoldItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-ExtraBold";
    src: url("../../fonts/Raleway-ExtraBold.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-ExtraBoldItalic";
    src: url("../../fonts/Raleway-ExtraBoldItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-ExtraLight";
    src: url("../../fonts/Raleway-ExtraLight.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-ExtraLightItalic";
    src: url("../../fonts/Raleway-ExtraLightItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-Italic";
    src: url("../../fonts/Raleway-Italic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-Light";
    src: url("../../fonts/Raleway-Light.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-LightItalic";
    src: url("../../fonts/Raleway-LightItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-Medium";
    src: url("../../fonts/Raleway-Medium.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-MediumItalic";
    src: url("../../fonts/Raleway-MediumItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-Regular";
    src: url("../../fonts/Raleway-Regular.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-SemiBold";
    src: url("../../fonts/Raleway-SemiBold.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-SemiBoldItalic";
    src: url("../../fonts/Raleway-SemiBoldItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-Thin";
    src: url("../../fonts/Raleway-Thin.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Raleway-ThinItalic";
    src: url("../../fonts/Raleway-ThinItalic.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Inter_18pt-Medium";
    src: url("../../fonts/Inter_18pt-Medium.ttf");
    font-display: swap;
}
body#ai-seo{
font-size:14px;
	overflow-x:hidden;
	font-family: "Raleway-Regular";
}


/* Dark Mode (default) */
#ai-seo.dark-mode  {
  background: #040404;
  color: #ffffff;
  transition: background 0.5s ease, color 0.5s ease;
}

/* Light Mode */
#ai-seo.light-mode {
  background: #ffffff;
  color: #040404;
  transition: background 0.5s ease, color 0.5s ease;
}
#ai-seo.dark-mode p{
	color: #ffffff;
}
#ai-seo.light-mode p{
	color: #040404 !important;
}
/* Toggle Button */
#mode-toggle {
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding:0;
  transition: all 0.3s ease;
}
.header_mode_sec {
    align-self: center;

}
#mode-toggle:hover {
  transform: scale(1.1);
}

#mode-toggle img {
  width: 30px;
  height: 30px;
  display: block;
	margin-top: 0;
}


.header-ai .head_manu_layer{
    background: #050505;
	padding: 14px 30px;
	opacity: 1;
	width: 86%;
    margin: auto;
	border-radius: 10px;
	max-height: 71px;
	transition: .5s;
	gap: 20px;
}
.header-ai{
    top: 33px;
}
.header-ai.fixHeader .head_manu_layer
{
    background: #050505 !important;
	top: 0px !important;
	transition: all 0.3s ease; 
	margin: 0 7%;
}
.ai_head_logo_sec {
    padding-top: 0;
}
.ai_head_menu_sec {
    padding-top: 0;
	align-self: center;
}
.ai_menu_sec .nav > li:last-child a
{
	padding-top:0 !important;
	background-image: none;
	width: auto;
    height: auto;
    max-width: 100%;
    border-radius: 0;
	border: 0;
}
.ai_menu_sec #main-menu li {
    align-self: center;
}
.ai_menu_sec #main-menu li a {
    font-family: "Raleway-Regular";
    padding: 0px 25px 0px 25px;
    line-height: 100%;
}
.ai_menu_sec .nav > li:last-child {
    margin-top: 0;
    margin-left: 0;
}
.ai_head_menu_sec .nav .menu-item-has-children {
    min-height: 100%;
}
.ai_head_logo_sec img {
    width: 150px;
	align-self: center;
}
.header.fixHeader .ai_head_logo_sec img{
	 width: 150px;
}
/* Default Dark Mode */
#ai-seo.dark-mode #ai-seo-page {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), 
    url("https://www.wibits.com/wp-content/themes/wibits-theme/images/hero-bg.jpg"); 
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* Light Mode – remove background image */
#ai-seo.light-mode #ai-seo-page {
  background-image: none !important;
  background-color: #ffffff; /* fallback color */

}
main#ai-seo-page{
	 position: relative;
}
.header.fixHeader .call_sec img
{
    width: auto;
   
}
.call_sec {
    align-self: center;
}

.ai_menu_sec #main-menu li#menu-item-3912:after {
    content: "New";
    position: absolute;
    top: -10px;
    right: 0px;
    background: linear-gradient(180deg, #9051D6 0%, #44128D 100%);
    color: #fff;
    font-size: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: "Raleway-Medium";
    line-height: 1;
    white-space: nowrap;
}
.header.fixHeader .ai_head_logo_sec {
    padding-top: 0;
	align-self: center;
}

main#ai-seo-page:after {
    content: "";
    position: absolute;
    /**top: 0;
    left: 0;
    right: 0;
    height: 20%;
    background: url(https://www.wibits.com/wp-content/themes/wibits-theme/images/mainsec-top.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;**/
	top: -72%;
    left: 15%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, #9051d6, rgb(144 81 214 / 0%));
    border-radius: 50%;
    transform: translate(-15%, -15%);
    transition: all 0.4s ease;
    z-index: 1;
    filter: blur(30px);
}
.accordion .accorcontent.active .ai-content {
    padding-top: 3% !important;
	padding-bottom: 3% !important;
}
.ai-seo-hero:before {
    content: "";
    position: absolute;
    bottom: -87%;
    left: 20%;
    width: 90%;
    height: 90%;
    background: radial-gradient(circle at center, #9051d6a1, rgb(144 81 214 / 94%));
    border-radius: 50%;
    transform: translate(-16%, -16%);
    transition: all 0.4s ease;
    z-index: 1;
    filter: blur(25px);
}
.ai-seo-hero:after {
    content: "";
    position: absolute;
    bottom: -92%;
    left: 20%;
    width: 90%;
    height: 90%;
    background: radial-gradient(circle at center, #000000, rgb(0 0 0));
    border-radius: 50%;
    transform: translate(-16%, -16%);
    transition: all 0.4s 
ease;
    z-index: 1;
    filter: blur(15px);
}
#ai-seo.light-mode .ai-seo-hero:after{
	content: "";
    position: absolute;
    bottom: -92%;
    left: 20%;
    width: 90%;
    height: 90%;
    background: radial-gradient(circle at center, #fff, #fff);
    border-radius: 50%;
    transform: translate(-16%, -16%);
    transition: all 0.4s 
ease;
    z-index: 1;
    filter: blur(15px);
}
#ai-seo.light-mode .ai-seo-waht-sec {
    background: #fff;
}
#ai-seo.light-mode .ai-seo-why-sec {
    background: #fff;
}
.ai-seo-hero
 {
    padding: 12% 10%;
	padding-bottom: 0;
}
.highlight {
    background: linear-gradient(90deg, #9051D6, #4B2A70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.ai-head-one {
    font-size: 64px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.6px;
}
.a-seo-hero-cont {
    padding: 0 20%;
	text-align: center;
	position: relative;
	padding-bottom: 50px;
}
.a-seo-hero-cont p {
    font-size: 24px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    text-align: center;
    letter-spacing: 0.6px;
}

.cta-btn {
  position: relative;
  display: inline-block;
  padding: 12px 30px;
  color: #fff;
  background: #9051D64D;
  border: none;
  border-radius: 100px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  margin-top: 3%;
  font-size: 24px;
    font-weight: 500;
	box-shadow: 0px 4px 6px 0px #823AFB3B;
}
#ai-seo.light-mode .cta-btn{
	background: #9051d6;
	margin-top: 0;
}
.cta-btn:before {
   
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border thickness */
  border-radius: 100px;
  background: linear-gradient(90deg, #9051D6, #9051d600);
  background-size: 300% 300%;
  animation: runBorder 3s linear infinite;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}
.cta-btn:after {

content: "";
  position: absolute;
  inset: 0;
  background: #9051D64D;
  border-radius: 6px;
  z-index: -2;
}
/* Animation */
@keyframes runBorder {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
.a-seo-hero-cont:before {
    content: "";
    position: absolute;
    top: 75px;
    left: 0;
    
    height: 69px;
    width: 75px;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/gemini-ai.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.a-seo-hero-cont:after {
    content: "";
    position: absolute;
    top: 75px;
    
    right: 0;
    height: 74.1px;
    width: 75px;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/chatgprr.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.a-seo-img-col-rgt img {
    width: 60%;
}
.a-seo-img-col-rgt {
    text-align: end;
	position: relative;
}
.a-seo-img-col-lft img {
    width: 60%;
}
.a-seo-img-col-lft {
    text-align: start;
	position: relative;
}
.a-seo-img-col-ctr img {
    width: 85%;
}
.a-seo-img-col-ctr {
    text-align: center;
}
.a-seo-img-col-lft:after{
	content: "";
    position: absolute;
   top: 100px;
    right: 33px;
    height: 73px;
    width: 75px;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/perplexity.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.a-seo-img-col-lft:before{
	content: "";
    position: absolute;
    top: 75px;
    
    left: -100px;
    height: 74.1px;
    width: 75px;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/fishlogo.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.a-seo-img-col-rgt:after{
	content: "";
    position: absolute;
   top: 75px;
    right: -100px;
    height: 76px;
    width: 75px;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/grokk.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.a-seo-img-col-rgt:before{
	content: "";
    position: absolute;
    top: 100px;
    transform: rotate(220deg);
    left: 40px;
    height: 77px;
    width: 75px;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/claude-ai.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.ai_foot_news_sec {
    top: 0;
    left: 0;
	padding: 5% 0 2%;
}
#ai-seo.dark-mode .ai_foot_news_sec{
    background: #040404;
    
}
#ai-seo.light-mode .ai_foot_news_sec ,#ai-seo.light-mode .ai_foot_menu_sec{
    background: #fff;
    
}
#ai-seo.dark-mode .ai_foot_menu_sec{
    background: #050505
;
    
}

.ai_mc-optin-form-wrapper p {
    font-family: 'Roboto-Light';
    font-size: 28px;
    line-height: 35px;
}
.ai_foot_news_form h3 {
    font-family: 'Raleway-Medium';
    font-weight: 500;
    font-size: 60px;
    line-height: 75px;
}
.ai_form_footer .newletter-email input {
    width: 100%;
    padding: 20px 10px !important;
    border: 1px solid #FFFFFF80 !important;
	border-radius: 100px !important;
}
.ai_form_footer .newletter-email input {
    width: 100%;
    padding: 10px 10px !important;
    border: 1px solid #FFFFFF80 !important;
    border-radius: 100px !important;
	height: auto !important;
	font-size:14px !important;
	font-family:'Roboto-Regular';
	line-height: 34px;
}
.ai_form_footer .newletter-email input::placeholder {
	font-size:14px;
	font-family:'Roboto-Regular';
	line-height: 34px;
}
.ai_form_footer .ai_newsletterpolicy-lft
 {
    display: none;
 }
 .ai_form_footer {
    padding: 10px 0;
}

.ai_newslettersubmit {
    background-image: none;
    width: auto;
    height: auto;
    background-color: #fff !important;
    content: 'Sign Up';
    color: #000;
}
.disp-none
{
	display:none;
}
.ai-news-form {
    align-content: space-around;
}
.ai_foot_menu_sec {
    padding: 40px 0;
}
.ai-foot-menu-col h5, .ai-foot-cont-col h5 {
    font-size: 18px;
    font-family: 'Roboto-Regular';
    font-weight: 600;
    line-height: 18px;
}
.ai-foot-menu-col ul {
    padding: 0;
    list-style-type: none;
}
.ai-foot-menu-col ul li a
{
	font-size:16px;
	font-family:'Roboto-Light';
	font-weight:300;
	line-height: 30px;
	letter-spacing: 0.3px;
	color:#fff;
}
.contact-left-first, .contact-left-snd, .contact-left-trd {
    width: inherit;
    display: grid;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
.contact-left p
 {
    font-family: 'Roboto-Light';
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
}
.ai-seo-foottxt span {
    position: relative;
}
.ai-seo-foottxt img
 {
    width: 75%;
	z-index: 9;
    position: relative;
}
#ai-seo footer{
	background:#00000000
}
.aicontact-container {
    display: grid
;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.aicontact-item {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.ailabel {
    font-weight: bold;
    width: max-content;
	
}

.aiinfo {
    font-size: 16px;
}

.aicontact-item .info {
    margin-left: 10px;
}
.ai-foot-menu-col ul li a:hover {
    color: #f69f61;
}
.ai-seo-foottxt {
    overflow: hidden;
	background: #00000000;
	text-align: center;
}
.ai-seo-foottxt span:after{
		 content: "";
    position: absolute;
    left: 50%;
    width: 70vw;
    height: 20vw;
	
    background: radial-gradient(circle at center, #9051d6, rgb(144 81 214 / 0%));
    border-radius: 50%;
    transform: translate(-50%, 50%); /* true centering */
    transition: all 0.4s ease;
    z-index: 0;
    filter: blur(50px);
}
#ai-seo.light-mode .bottom-left {
    color: #fff;
}
.ai_foot_bottom_sec {
    padding: 3% 0 2%;
    display: inline-block;
    width: 100%;
    background: #040404;
}
.ai_foot_menu_sec-links .footer-social-sec
{
    display: flex;
    padding: 0;
	gap: 30px;
}
.ai_foot_menu_sec .footer-social-sec li a {
    color: #ffffff;
    transition: all 0.3s linear;
}
.ai_foot_menu_sec .footer-social-sec li {
    padding: 0px;
}
.ai-copy-col ul {
    display: flex;
    list-style-type: none;
    gap: 50px;
	padding: 0;
	    margin: 0;

}
.ai-copy-col {
    display: flex;
	gap: 50px;
	align-self: end;
}
.ai-copy-col .copyrite, .ai-copy-col ul li a {
    font-size: 16px;
    font-family: 'Roboto-Light';
    line-height: 23.84px;
	color: #fff;
}
section.ai-fut-proof
 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(https://www.wibits.com/wp-content/uploads/2025/08/proof-sec-bg-rotated.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 20%;
	 z-index: 99;
    position: relative;
}
.ai-fut-proof-col {
    text-align: center;
}
.ai-fut-proof-list-col ul {
        list-style-type: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    row-gap: 20px;
	margin-bottom: 3%;
	padding-left: 0;
}
.accorcontent:hover {
    cursor: pointer;
}
.ai-fut-proof-col h2, .ai-faq-info-col h2, .ai-what-cont-head{
    font-size: 60px;
    font-family: 'Raleway-Medium';
    line-height: 70px;
    font-weight: 500;
	position: relative;
    z-index: 20;
}
.ai-what-cont-head
 {
    font-family: 'Raleway-SemiBold' !important;
	 font-weight: 600 !important;
}
.ai-fut-proof-col p
 {
    font-size: 18px;
    font-family: 'Roboto-Light';
    line-height: 24px;
 }
 .ai-faq-info-col p
 {
	font-size: 24px;
    font-family: 'Roboto-Light';
    line-height: 100%;
    font-weight: 400;
    color: #D9D9D9 !important;
 }
.ai-fut-proof-list-col ul li span {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Raleway-Regular';
    padding-left: 20px;
}
.ai-fut-proof-list-col {
    margin-top: 3%;
	text-align: center;
}
.nrml-btn
{
    background: #9051D6;
    padding: 12px 30px;
    font-size: 24px;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    box-shadow: 0px 4px 6px 0px #823AFB3B;
    font-family: 'Raleway-Medium';
	border: none;
}
.ai-faq:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 45%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/faq-shad.png) no-repeat center top;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
}
.ai-faq-sec:after {
    content: "";
    position: absolute;
    left: -100px;
	top:225px;
    rotate: 73deg;
    width: 35vw;
    height: 35vw;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/faq-sec-img.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.ai-faq, .ai-faq-sec {
	position:relative
}
.ai-faq {
    padding: 5% 0 15%;
}
.ai-faq-cont-col .accordion, .ai-faq-cont-col .accordion-body {
    padding: 0;
}
.ai-faq-cont-col .accordion{
        background: none;
}
.ai-faq-cont-col .accordion .ai-label {
    border-radius: 10px;
    color: #fff;
	position: relative;
	padding: 15px 20px;
}
.ai-faq-cont-col .accorcontent {
    border: 1px solid rgb(255 255 255 / 0.1) !important;
    border-radius: 10px;
   overflow: hidden;
	box-shadow: rgb(50 50 93 / 0%) 0px 50px 100px -20px, rgba(0, 0, 0, 0) 0px 30px 60px -30px, #ffffff6e 0px -2px 10px -2px inset;
}
.ai-content {
    margin-bottom: 0 !important;
	background: none !important;
    color: #fff !important;
	position: relative;
}
.ai-faq-cont-col .accordion .ai-label h4 {
	font-size: 20px;
    font-family: 'Raleway-SemiBold';
    line-height: 100%;
    font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}
.ai-faq-cont-col .accordion .ai-label:before {
   content: "";
    position: absolute;
    top: 60%;
    right: 15px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    background-image: url(https://www.wibits.com/wp-content/uploads/2025/09/line.png);
    background-size: contain;
    background-repeat: no-repeat;
		transition: all 0.7s ease;

}
.ai-faq-cont-col .accordion .accorcontent.active .ai-label::before

 {
    content: "";
    position: absolute;
    top: 14%;
    right: 15px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    background-image: url(https://www.wibits.com/wp-content/uploads/2025/09/line.png);
    background-size: contain;
    background-repeat: no-repeat;
	 rotate: 180deg;
	transition: all 0.7s ease;
}
.ai-faq-cont-col .accorcontent {
    margin-bottom: 20px;
}
.ai-faq-cont-col .accorcontent.active:after {
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/faq-shad.png) no-repeat center top;
    background-size: cover;
    rotate: 90deg;
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 211px;
    height: 213px;
    z-index: 1
}
.ai-plan {
    background-color: #090909;
    padding: 5% 0;
}
.ai-plan-sec h2 {
    font-size: 60px;
    font-family: 'Raleway-Regular';
    line-height: 117%;
    font-weight: 400;
}
.ai-plan-sec p {
	font-size: 24px;
    font-family: 'Raleway-Regular';
    line-height: 117%;

}
.ai-social-sec{
	align-items: self-end;
}
.ai-social-sec li{
	    padding: 0px;
}
.ai-plan-sec
 {
    text-align: center;
    margin-bottom: 3%;
}
.img-twit {
    margin-top: -30%;
}
.img-thrd {
    width: 18px !important;
    margin-top: -10px;
}
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.ai-price-plan {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 15px;
    background-color: none;
    color: white;
    transition: background-color 0.5s ease, transform 0.3s ease;
}
.ai-price-plan:hover {
    background: linear-gradient(#9051D6, #44128D);
    
border: none;
	transform: translateY(-10px);
}
.ai-price-plan-ctr{
	padding: 2% 12% 25%;
}
.ai-price-col{
	padding: 0 12% 8%;
}
.ai-price-plan-cnr {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 15px;
    background: none;
	transition: all 0.5s ease;
}
.ai-price-plan-cnr:hover{
	background: none;
	border: none;
	background: linear-gradient(#9051D6, #44128D);
	transition: all 0.5s ease;
	transform: translateY(-10px);
}
.ai-price-col h4, .ai-price-cnr-col h4 {
    font-size: 40px;
    font-family: 'Roboto-Regular';
    font-weight: 600;
    letter-spacing: 0;
    line-height: 100%;
}
.ai-price-col h3, .ai-price-cnr-col h3
 {
    font-size: 64px;
    font-family: 'Roboto-Regular';
    font-weight: 600;
	    border-bottom: 1px solid rgb(255 255 255 / 50%);
}
.ai-price-col h3 span, .ai-price-cnr-col h3 span {
    font-size: 24px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
}
.ai-price-col ul li, .ai-price-cnr-col ul li {
    font-size: 18px;
    margin-bottom: 5%;
    list-style-type: none;
    list-style-image: url(https://www.wibits.com/wp-content/uploads/2025/08/Tick.png);
    font-family: 'Roboto-Regular';
	    padding-left: 10px;
}
.ai-price-col ul, .ai-price-cnr-col ul {
    padding: 10% 13%;
}
.ai-plan-btn-sec {
    text-align: center;
}
.ai-price-col-sec {
    align-self: center;
}
.ai-plan-cont {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
}
.ai-plan-icon-txt
 {
    text-align: end;
	    align-self: center;
}
.ai-plan-icon-txt span {
    background: #9051D6;
    padding: 10px 16px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
	display: inline-block;
	font-size: 14px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
}
.ai-plan-icon img {
    background: linear-gradient(#9051D6, #44128D);
    padding: 10px 12px;
    border-radius: 100px;
	
}
.ai-price-cnr-col .ai-plan-icon img {
    padding: 10px 9px;
}
.ai-plan-cont {
    padding: 6% 0 6% 6%;
}
.ai-seo-waht-sec {
    background: #040404;
    position: relative;
	z-index: 0;
}
.ai-seo-waht-sec-cont:before {
    content: "";
    position: absolute;
    bottom: -130px;
    right: -500px;
    width: 585px;
    height: 585px;
    background: radial-gradient(circle at center, #9051D680, rgb(144 81 214 / 0%));
    border-radius: 50%;
    transform: translate(-15%, -15%);
    transition: all 0.4s 
ease;
    z-index: 1;
    filter: blur(130px);
	display:none;
}
.ai-seo-waht-sec-cont
{
	padding: 15% 0 5%;
    background: rgb(4 4 4 / 50%);
    z-index: 9;
    position: relative;
	
}
.ai-seo-two-sec {
    position: relative;
    z-index: 20;
}
.ai-what-sec-cont
 {
    padding-right: 12%;
	z-index: 20;
    position: relative;
	overflow: hidden;
}
.ai-what-sec-cont p {
    font-size: 32px;
    font-family: 'Roboto-Regular';
    line-height: 42px;
    letter-spacing: 0.6px;
	position: relative;
    z-index: 20;
}
.ai-what-sec-info {
    margin: 0 5% 0 27%;
    padding: 30px;
    border: 1px solid rgb(255 255 255 / 10%);
    background: rgb(255 255 255 / 0%);
    border-radius: 30px;
    z-index: 20;
    position: relative;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(12px);
}
.ai-what-sec-info:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.5px;
    background: linear-gradient(49deg, #BEBEBE4D, #8E8E8E);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}
.ai-what-sec-info p {
    font-size: 18px;
    font-family: 'Roboto-light';
    line-height: 25px;
    margin-bottom: 0;
    letter-spacing: 0.6px;
}
.ai-seo-waht-sec:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -100px;
    rotate: 73deg;
    width: 40%;
    height: 100%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/ai-seo-bg-img.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}

.ai-seo-serv-sec {
    background: #040404;
    padding: 5% 0;
}
.ai-serv-sec-cont
 {
    text-align: center;
    margin: 0 24% 4%;
}
.ai-seo-serv-sec .col-lg-3 {
    display: table;
	margin-bottom: 25px;
}
.ai-serv-col {
   position: relative;
    border-radius: 20px;
    padding: 25px;
    overflow: hidden;
    
    background: rgb(62 62 71 / 0%);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    color: #fff;
    z-index: 1;
	text-align: center;
	display: table-cell;
}
.ai-serv-col:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.5px;
    background: linear-gradient(49deg, #BEBEBE4D, #8E8E8E);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}
.ai-serv-col h4 {
    font-size: 32px;
    font-family: 'Raleway-Medium';
    line-height: 40px;
	    margin-top: 20px;
}
.ai-serv-col p {
    font-size: 18px;
    font-family: 'Roboto-Regular';
    line-height: 25px;
}
.ai-serv-sec-cont h2 {
    font-size: 60px;
    font-family: 'Raleway-Medium';
    line-height: 91px;
    letter-spacing: 0.6px;
}
.ai-serv-sec-cont p {
    font-size: 24px;
    font-family: 'Raleway-Regular';
    line-height: 34px;
}
.ai-timeline-sec {
    background: #090909;
    padding: 5% 0 3%;
}
.timeline {
    display: grid
;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(5, 1fr);
	    padding: 0 5%;
}
.timeline-header h2 {
    font-size: 60px;
    font-family: 'Raleway-Medium';
    line-height: 70px;
}
.timeline-header {
    text-align: center;
    margin: 0 25% 4%;
}
.timeline-step h3
 {
    font-size: 32px;
    font-family: 'Raleway-Medium';
    font-weight: 500;
    line-height: 40px;
}
.timeline-step {
    text-align: center;
}
.step-icon img {
    width: 140px;
}
.step-number span {
    font-size: 28px;
    font-family: 'Raleway-Medium';
    background: #9051D6;
    line-height: 100%;
    padding: 0px 12px;
    padding-bottom: 5px;
    border-radius: 100px;
}
.step-number {
    padding: 10% 0 5%;
	position: relative;
}
.timeline-step p {
    font-size: 18px;
    font-family: 'Roboto-Regular';
    line-height: 25px;
}
.timeline-header p {
    font-size: 24px;
    font-family: 'Roboto-Regular';
    line-height: 25px;
    margin: 0 15%;
}
.num-one:not(:last-child)::after, .num-three:not(:last-child)::after {
	content: "";
  position: absolute;
  top: 8px;
    right: -175px;
  
  background: url(https://www.wibits.com/wp-content/uploads/2025/08/arrow-white.png) no-repeat center center;
  width: 100%;
  height:100%;
	background-size: contain;
}
#ai-seo.light-mode .num-one:not(:last-child)::after, #ai-seo.light-mode .num-three:not(:last-child)::after {
	content: "";
  position: absolute;
  top: 8px;
    right: -175px;
  
  background: url(https://www.wibits.com/wp-content/uploads/2025/09/arrow-blk.png) no-repeat center center;
  width: 100%;
  height:100%;
	background-size: contain;
} 
#ai-seo.light-mode .step-number span {
	color:#fff;
}
.num-two:not(:last-child)::after, .num-four:not(:last-child)::after {
	content: "";
  position: absolute;
  top: 8px;
    right: -175px;
  
  background: url(https://www.wibits.com/wp-content/uploads/2025/08/arrow-clr.png) no-repeat center center;
  width: 100%;
  height:100%;
	background-size: contain;
}
.gallery {
  display: grid
;
    gap: 0;
    padding:0 12%;
    margin: auto;
    grid-template-columns: repeat(6, 1fr);
	position: relative;
	transition: padding 0.3s ease;
	z-index:9;
	    margin: 0 5% 0% 10%;
}

.gallery img {
  height: 650px;
    width: 100%;  /* 4 images per row by default */
 border-radius: 20px;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  position: relative;
}

.gallery .img-6 img {
  border-radius: 12px;
}

/* When hover ANYWHERE on gallery */
.gallery:hover img {
  flex: 1 1 100%;   /* all images take full width */
  height: 650px;  
width: 320px;   /* auto height for correct aspect ratio */
}
.ai-serve-sec:hover .gallery {

padding: 0;
	margin-left: 5%;
}
.ai-serve-sec:hover .img-6.ovrlay{
		  width:100% !important;
	  }
.ai-serve-sec:hover .ovrlay{
	margin-left:0px !important ;
}
.gallery img:after{
content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5); /* Black overlay 50% */
  transition: 0.3s ease-in-out;
  border-radius: 12px;
}
.ai-serve-sec {
    background: #040404;
    padding: 5% 0;
}
.ai-we-serve-sec h2
 {
    font-size: 60px;
    font-family: 'Raleway-Medium';
    line-height: 80px;
    font-weight: 500;
}
.ai-we-serve-sec {
    text-align: center;
	margin-bottom: 5%;
}

.ai-we-serve-sec p
 {
    font-size: 24px;
    font-family: 'Raleway-Regular';
    line-height: 30px;
    margin: 0 15%;
}
.ai-integ-sec p
 {
    font-size: 24px;
    font-family: 'Raleway-Regular';
    line-height: 34px;
    margin-top: 2%;
}
.ai-integ-sec {
    text-align: center;
}
.ai-integ-sec h2
 {
   font-size: 60px;
    font-family: 'Raleway-Medium';
    line-height: 70px;
    font-weight: 400;
    margin: 0 20%;
}
.ai-integration-sec
 {
    padding: 5% 0;
    background: #040404;
}
.img-1 .bottom-left {
    position: absolute;
    bottom: 50%;
    rotate: 270deg;
    font-size: 32px;
    font-family: 'Raleway-SemiBold';
    line-height: 32px;
    margin-left: -60px;
}
.img-2 .bottom-left {
    position: absolute;
    bottom: 50%;
    rotate: 270deg;
    font-size: 32px;
    font-family: 'Raleway-SemiBold';
    line-height: 32px;
    margin-left: -50px;
}
.img-3 .bottom-left {
    position: absolute;
    bottom: 50%;
    rotate: 270deg;
    font-size: 32px;
    font-family: 'Raleway-SemiBold';
    line-height: 32px;
    margin-left: 0px;
}
.img-4 .bottom-left {
    position: absolute;
    bottom: 50%;
    rotate: 270deg;
    font-size: 32px;
    font-family: 'Raleway-SemiBold';
    line-height: 32px;
    margin-left: -90px;
}
.img-5 .bottom-left {
    position: absolute;
    bottom: 50%;
    rotate: 270deg;
    font-size: 32px;
    font-family: 'Raleway-SemiBold';
    line-height: 32px;
    margin-left: -50px;
}
.img-6 .bottom-left {
    position: absolute;
    bottom: 50%;
    rotate: 270deg;
    font-size: 32px;
    font-family: 'Raleway-SemiBold';
    line-height: 32px;
    margin-left: -20px;
}
.img-1 img:after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.img-2 img:after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.img-3 img:after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.img-4 img:after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.img-5 img:after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.img-6 img:after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.img-6 {
    position: relative;
    display: inline-block;
    width: 300px !important;
    overflow: hidden;
	z-index:6;
	    margin-left: -100%;
}
.ovrlay
 {
   display: inline-block;
   position: relative;
	 width: 150% !important;
	     border-radius: 20px;
}
.ovrlay img
 {
   display: block;
}
.bottom-left {
	z-index: 9999 !important;
	width: max-content;
}
.ai-seo-why-sec {
    background: #090909;
	padding:5% 0;
	position: relative;
	z-index: 1;
}
.ai-why-sec-cont
 {
    background-image: url(https://www.wibits.com/wp-content/uploads/2025/09/top-curve.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	padding: 8% 15.5%;
    text-align: center;
	border-radius: 30px;
	z-index: 20;
    position: relative;
}
h2.ai-why-cont-head
 {
    font-family: 'Raleway-Medium';
    font-size: 60px;
    line-height: 74px;
	margin-bottom: 0;
}
.ball-sec-side-btm .ai-why-sec-info {
    margin-top: 67%;
}
.ai-why-col {
    padding: 7px;
    box-shadow: rgb(50 50 93 / 0%) 0px 50px 100px -20px, rgba(0, 0, 0, 0) 0px 30px 60px -30px, #8e8e8e78 0px -2px 10px -2px inset;
    background: linear-gradient(155.41deg, rgba(16, 4, 41, 0.3) -25.82%, rgba(16, 4, 41, 0.1) 109.48%);
    border-radius: 30px;
    z-index: 20;
    position: relative;
	margin-bottom: 10%;
	overflow: hidden;
}
.ai-why-col:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.5px;
    background: linear-gradient(49deg, #BEBEBE4D, #8E8E8E);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}
.ai-why-sec-info
 {
    margin-top: 60%;
    text-align: center;
    padding-bottom: 24%;
    z-index: 20;
    position: relative;
}
.ai-why-sec-info p {
    font-family: 'Roboto-Regular';
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.6px;
    margin: 0 5%;
}
.ai-why-sec-info h4 {
    font-family: 'Raleway-Medium';
    font-size: 32px;
    line-height: 40px;
}
.cntr-lft-curv-txt {
    background-image: url(https://www.wibits.com/wp-content/uploads/2025/09/lft-curve.png);
   margin-top: -12%;
    padding-top: 87%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 24%;
    overflow: hidden;
    border-top-left-radius: 25px;
	position: relative;
}
.ai-why-sec-info.ai-why-sec-crv {
    margin-top: 0;
}
.cntr-rgt-curv-txt {
    background-image: url(https://www.wibits.com/wp-content/uploads/2025/09/rgt-curve.png);
    margin-top: -12%;
    padding-top: 87%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 24%;
    overflow: hidden;
    border-top-left-radius: 25px;
	position: relative;
}
.sec-cntr-ball:before {
    content: '';
    background: url(https://www.wibits.com/wp-content/uploads/2025/09/cntr-ball.png) no-repeat center center;
    position: absolute;
    top: -15px;
    width: 100%;
    height: 95%;
	left:0;
}
.tab {
  overflow: hidden;
 position: relative;
 display: grid;
    justify-content: space-between;
    align-items: end;
    column-gap: 12px;
    row-gap: 20px;
    grid-template-columns: repeat(6, 1fr);
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 7px 10px;
  transition: 0.3s;
  font-size: 17px;
  border: 1px solid rgb(255 255 255 / 40%);
  position: relative;
      border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-bottom: none;
}
.tab button.active{
padding: 15px 20px;	
}
/* Change background color of buttons on hover */
.tab button.active:after
 {
    content: '';
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    left: 0;
    background: url(https://www.wibits.com/wp-content/uploads/2025/09/tab-btn-bg.png) no-repeat top;
    background-size: cover;
    pointer-events: none;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  border-top: none;
}

.ai-news-sub-form {
    display: flex;
    width: 100%;
   
}
.ai-sub-input input {
        width: 95%;
    border: 1px solid #ffffff96;
    background: none;
    border-radius: 100px;
    padding: 8px 30px 15px;
}
.ai-sub-input input::placeholder {
font-size: 14px;
    font-family: 'Roboto-Regular';
    font-weight: 500;
    line-height: 100%;
	color: #fff;
	margin-top: 50%
}
#ai-seo.dark-mode .contact-left p span a{
	color:#fff;
}
#ai-seo.light-mode .contact-left p span a{
	color:#000;
}
.ai-sub-btn span {
    display: none;
}

.ai-sub-btn p, .ai-sub-input p {
    margin-bottom: 0;
}
.ai-news-form {
    align-self: self-end;
}
.tablinks img {
    width: 80%;
	z-index: 9;
    position: relative;
}
.tablinks:focus{
	border-color:rgb(255 255 255 / 40%) !important;
}
.integration-tab-sec {
    margin-top: 5%;
}

.openai-chat-head {
    background: linear-gradient(178.29deg, #9051D6 1.45%, #44128D 98.55%);
    display: flex
;
    padding: 5px 1% 5px;
}
.openai-chat-head-cont h4 {
    font-size: 32px;
    font-family: 'Raleway-SemiBold';
    line-height: 150%;
	margin-bottom: 0;
}
.openai-chat-head-cont p {
    font-size: 18px;
    font-family: 'Raleway-SemiBold';
    line-height: 150%;
	margin-bottom: 0;
}
.openai-chat-head-cont {
    margin-left: 20px;
}

.openai-chat-head-icon {
    padding-top: 8px;
}
.openai-chat {
    display: flex;
	background: #F6F6F6;
	height: 704px;
	padding-top: 20px;
	
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#ai-seo.light-mode .openai-chat {
box-shadow: 0px 10px 4px 0px #9051D640;
}
    /* Sidebar */
    .sidebar {
      width: 300px;
      color: #fff;
      padding: 7% 0.7% 0 1%;
      display: flex;
      flex-direction: column;
	  border-right: 1px solid #E8E8E8;
    }
    .sidebar h2 {
      font-size: 16px;
      margin: 0 20px 20px;
    }
    .sidebar button {
      text-align: left;
    padding: 10px;
    background: none;
    color: #00000080;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'Roboto-Regular';
    font-weight: 500;
    }
    .sidebar #menu, .sidebar #menu3, .sidebar #menu2, .sidebar #menu4, .sidebar #menu5, .sidebar #menu6 {
      list-style: none;
      padding: 0;
      margin: 0;
      flex: 1;
	  margin-top: 10%;
    }
    .sidebar #menu li, .sidebar #menu3 li, .sidebar #menu2 li, .sidebar #menu4 li, .sidebar #menu5 li, .sidebar #menu6 li{
      padding: 12px 20px;
      cursor: pointer;
      transition: background 0.3s;
	  font-size: 22px;
    font-family: 'Roboto-Regular';
    font-weight: 500;
    background: #fff;
    color: #000;
	    margin-bottom: 10px;
		position: relative;
		padding-left: 50px;
    }
    
    .sidebar #menu li.active, .sidebar #menu3 li.active, .sidebar #menu2 li.active, .sidebar #menu4 li.active, .sidebar #menu5 li.active, .sidebar #menu6 li.active {
      background: #E8E8E8;
    }

    /* Chat Section */
    .chat-section {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .chat-header {
      padding: 12px 20px;
      font-weight: bold;
	  border-bottom: 1px solid #D1D5DB;
	  background: #f8f8f8;
	      width: 95%;
		  display: flex;
		      float: left;
			  margin-top: 5%;
    }
    .chat-header-logo {
    width: 20%;
}


    .chat-body {
      flex: 1;
      padding: 5% 10% 5% 5%;;
      overflow-y: auto;
      color: #fff;
    }

    .message {
      margin-bottom: 5%;
      padding: 10px 14px;
      border-radius: 8px;
      max-width: max-content;
      animation: fadeIn 0.5s ease-in;
    }
    .bot {
      background: #E8E8E8;
      text-align: left;
	  color: #000;
    font-size: 20px;
    font-family: 'Roboto-Regular';
	border-bottom-left-radius: 0;
    }
    .user {
      background: #E8E8E8;
      margin-left: auto;
      text-align: right;
	  color: #000;
    font-size: 20px;
    font-family: 'Roboto-Regular';
	border-bottom-right-radius: 0;
    }

    /* Input Box */
    .chat-input {
      display: flex;
      padding: 12px;
      
    }
    .chat-input input {
      flex: 1;
      padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    outline: none;
    font-size: 14px;
    background: none;
    }
    .chat-input button {
      margin-left: 10px;
      padding: 10px 16px;
      border: none;
      background: none;
      color: #fff;
      border-radius: 6px;
      cursor: pointer;
	  right: 130px;
    position: absolute;
    }
    
.chat-menu-nav{
display: flex;
margin-bottom: 0;
}
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
.chat-header-menu {
    align-content: center;
	width: calc(100% - 20%);
    justify-items: end;
}
ul.chat-menu-nav li {
    list-style-type: none;
    color: #767676;
    font-family: 'Inter_18pt-Medium';
    font-size: 16px;
    line-height: 100%;
	padding-left: 60px;
}
.chat-menu-nav li:first-child
 {
    color: #D69D0B;
}
.chat-input {
    display: flex;
    padding: 5% 15%;
	position: relative;
}

.info-box .cht-img {
    display: grid;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.info-box
 {
    padding: 2% 1%;
}
.chat-lst p {
    font-size: 20px;
    font-family: 'Roboto-Regular';
    color: #000000 !important;
    margin-top: 20px;
}
.chat-lst ul li {
    font-size: 18px;
    font-family: 'Roboto-Regular';
}
.chat-cnt {
    font-size: 16px;
    font-family: 'Roboto-Regular';
    color: #000 !important;
}
.cht-img img
 {
    border-radius: 10px;
    width: 100%;
}
.sidebar #menu li.active:after, .sidebar #menu3 li.active:after, .sidebar #menu2 li.active:after, .sidebar #menu4 li.active:after, .sidebar #menu5 li.active:after, .sidebar #menu6 li.active:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    left: 10px;
    height: 24%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/09/Checkbox-tick.png) no-repeat left top;
    background-size: contain;
    pointer-events: none;
    z-index: 9;
}
.sidebar #menu li:after, .sidebar #menu3 li:after, .sidebar #menu2 li:after, .sidebar #menu4 li:after, .sidebar #menu5 li:after, .sidebar #menu6 li:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    left: 010px;
    height: 24%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/09/Checkbox-circle.png) no-repeat left top;
    background-size: contain;
    pointer-events: none;
    z-index: 9;
}
.cht-btm-menu {
    list-style-type: none;
    display: grid;
    justify-content: space-between;
    align-items: center;
    column-gap: 0;
    row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
padding: 5px;
    border: 1px solid #E8E8E8;
border-radius: 8px;	
}
.btn-syle {
    background: #000;
    padding: 10px;
    border-radius: 8px;
	color: #fff !important;
}
.cht-btm-menu li {
    text-align: center;
    color: #767676;
    font-family: 'Inter_18pt-Medium';
    font-size: 14px;
}
.cht-btm-menu li img {
    padding-right: 10px;
}
.chat-input:before {
    content: "";
    position: absolute;
    top: 57px;
    right: 0;
    bottom: 0;
    left: 135px;
    height: 12%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/09/attatchment-01.png) no-repeat left center;
    background-size: contain;
    pointer-events: none;
    z-index: 9;
}
.chat-input:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 170px;
    bottom: 0;
    left: 0;
    height: 12%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/09/link-angled.png) no-repeat right center;
    background-size: contain;
    pointer-events: none;
    z-index: 9;
}

.ai-serv-col:after, .ai-why-col:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: radial-gradient(circle at center, #9051d6, rgb(144 81 214 / 0%));
    border-radius: 50%;
    transform: translate(-15%, -15%);
    transition: all 0.4s ease;
    z-index: 0;
	filter: blur(50px);
}
.cntr-lft-curv-txt:after{
    content: "";
    position: absolute;
    top: 23%;
    left: 0;
    width: 0;
    height: 0;
    background: radial-gradient(circle at center, #9051d6, #9051d6);
    border-radius: 50%;
    transform: translate(-15%, -15%);
    transition: all 0.4s ease;
    z-index: 0;
	filter: blur(50px);
}
.cntr-rgt-curv-txt:after {
	content: "";
    position: absolute;
    top: 23%;
    width: 0;
    height: 0;
    background: radial-gradient(circle at center, #9051d6, #9051d6);
    border-radius: 50%;
    transform: translate(-15%, -15%);
    transition: all 0.4s ease;
    z-index: 0;
	filter: blur(50px);
	 right: 0 ;
}
.ai-serv-col:hover::after, .ai-why-col:hover::after{
  width: 181px; /* size of circle on hover */
  height: 185px;

}
.cntr-lft-curv-txt:hover::after, .cntr-rgt-curv-txt:hover::after {
  width: 100px; /* size of circle on hover */
  height: 100px;
		z-index:28px;
}
#ai-seo.light-mode .ai-serv-col:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: radial-gradient(circle at center, rgb(225 225 225), rgb(225 225 225 / 0%));
    border-radius: 50%;
    transform: translate(-15%, -15%);
    transition: all 0.4s ease;
    z-index: 0;
	filter: blur(50px);
}
#ai-seo.light-mode .ai-serv-col:hover::after {
  width: 181px; /* size of circle on hover */
  height: 185px;
}

.ai-serv-col * {
  position: relative;
  z-index: 1; /* keep text/icons above the circle */
}

#ai-seo.light-mode .ai-seo-two-sec:before {
    content: "";
    position: absolute;
   bottom: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/09/why-sec-wht-bg-1-scaled.png) no-repeat center bottom;
    background-size: contain;
    z-index:9;
    pointer-events: none;
	filter: blur(20px);
}
.ai-seo-two-sec {
    position: relative;
}
#ai-seo.light-mode .ai-seo-serv-sec, #ai-seo.light-mode .ai-plan {
    background: linear-gradient(180deg, #9051D6 0%, #44128D 100%);

}
#ai-seo.light-mode .ai-serv-sec-cont h2, #ai-seo.light-mode .ai-serv-sec-cont p, #ai-seo.light-mode .ai-serv-col p, #ai-seo.light-mode .openai-chat-head-cont h4, #ai-seo.light-mode .openai-chat-head-cont p, #ai-seo.light-mode .ai-plan-sec h2, #ai-seo.light-mode .ai-plan-sec p
{
	color: #fff !important;
}
#ai-seo.light-mode .ai-timeline-sec, #ai-seo.light-mode .ai-serve-sec, #ai-seo.light-mode .ai-integration-sec {
    background: #fff;
}
#ai-seo.light-mode .tab button{
    border: 1px solid #8E8E8E;
    border-bottom: none;
}
#ai-seo.light-mode .img-disp{
	display:none;
}
#ai-seo.dark-mode .img-clr{
	display:none;
}
.chat-btn-sec {
    text-align: center;
    padding-top: 60px;
}
#ai-seo.light-mode .ai-price-plan-cnr {
    
	background: #00000000;
    color: #fff;
	box-shadow: rgb(50 50 93 / 0%) 0px 50px 100px -20px, rgba(0, 0, 0, 0) 0px 30px 60px -30px, #ffffff6e 0px -2px 10px -2px inset;
    
}
#ai-seo.light-mode .ai-price-plan-cnr:hover {
   background: #000;
   
}
#ai-seo.light-mode .ai-price-plan:hover {
    background: #000;
}
#ai-seo.light-mode .ai-price-plan {
    box-shadow: rgb(50 50 93 / 0%) 0px 50px 100px -20px, rgba(0, 0, 0, 0) 0px 30px 60px -30px, #ffffff6e 0px -2px 10px -2px inset;
	color: #fff;
}
#ai-seo.light-mode .ai-faq-cont-col .accorcontent {
    box-shadow: #8e8e8e69 0px 2px 5px;
    color: #000;
}
#ai-seo.light-mode .ai-faq-cont-col .accordion .ai-label h4, #ai-seo.light-mode .accordion .accorcontent.active .content,#ai-seo.light-mode .ai-faq-cont-col .accordion .ai-label, #ai-seo.light-mode .ai_foot_news_form h3, #ai-seo.light-mode .ai-copy-col .copyrite, #ai-seo.light-mode .ai-copy-col ul li a{
color:#000 !important;
}
.accordion .ai-content, .content.ai-content ul li {
    padding: 0 22% 0% 3% !important;
	font-family: 'Raleway-Regular' !important;
    font-size: 16px !important;
    line-height: 20px;
}
#ai-seo.light-mode .ai-fut-proof {
    background-image: linear-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)), url(https://www.wibits.com/wp-content/uploads/2025/08/proof-sec-bg-rotated.jpg);
}
#ai-seo.light-mode .ai-sub-input input {
border: 1px solid #21212180
}

#ai-seo.light-mode .ai-seo-foottxt span, #ai-seo.light-mode .ai_foot_bottom_sec{
	background: #fff;
}


ul.footer-social-sec li i {
    color: #fff;
	font-size: 24px;
}
#ai-seo.light-mode ul.footer-social-sec li i, #ai-seo.light-mode .ai-foot-menu-col h5, #ai-seo.light-mode .ai-foot-cont-col h5, #ai-seo.light-mode .ai-foot-menu-col ul li a {
    color: #000;
}
ul.footer-social-sec li img {
    width: 24px;
}

a.nrml-btn:focus {
    background: #9051D6 !important;
}
.contact-left p {
    width: inherit;
    display: grid
;
    justify-content: space-between;
    column-gap: 0px;
    row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
#ai-seo.light-mode .cntr-rgt-curv-txt
 {
    background-image: url(https://www.wibits.com/wp-content/uploads/2025/09/Subtract-lgt-rgt.png);
 }
 #ai-seo.light-mode .cntr-lft-curv-txt
 {
    background-image: url(https://www.wibits.com/wp-content/uploads/2025/09/Subtract-lgt-lft.png);
 }
.ai-serve-sec:hover .ovrlay:before{
	background: rgb(0, 0, 0, 0.25);
	transition: all 0.7 ease;
}
.ovrlay:before {
    content: "";
    position: absolute;
    height: 100%;
    background: rgb(0, 0, 0, 0.7);
    z-index: 99;
    width: 100%;
	transition: all 0.7 ease;
	border-radius: 20px;
}
.disp-big-device{
	display:block;
}
 .disp-small-device{
	display:none;
}
  @media only screen and (min-width: 921px) and (max-width: 992px) 
	  {
		  .ai-seo-waht-sec:before {
			  height: 100%;
		  }
	  }
 @media only screen and (min-width: 320px) and (max-width: 1024px) 
	  {
		.ai_menu_sec #main-menu li#menu-item-3912:after {
   left: 85px;
			right: auto;

		  }
	  }
 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
	 .ai-serve-sec:hover .gallery {
    margin: 0 5%;
}
.num-one:not(:last-child)::after, .num-three:not(:last-child)::after, .num-two:not(:last-child)::after, .num-four:not(:last-child)::after, #ai-seo.light-mode .num-one:not(:last-child)::after, #ai-seo.light-mode .num-three:not(:last-child)::after {
    right: -95px;
    width: 70%;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
	 .ai-faq-sec:after{
		 display:none;
	 }
	 .ai-price-plan-ctr {
    padding: 2% 12% 10%;
}
	 .ai-price-plan-cnr, .ai-price-plan {
     margin-bottom: 5%;
}
	 .ai-seo-foottxt img {
    width: 80%;
	 }
	 .ai-serve-sec:hover .gallery {
    margin: 0 5%;
}
	 .disp-small-device {
    display: block;
}
	 .disp-big-device {
    display: none;
}
	 .cntr-ball-top {
    margin-bottom: 5%;
}
	 .cntr-lft-curv-txt, .cntr-rgt-curv-txt {
   margin-top: 0;
		     padding-top: 77%;

	 }
	 .cntr-ball-btm {
    margin-bottom: 5%;
}
	 .ai_menu_sec #main-menu li#menu-item-3912:after {
    left: 85px;
	 }
	 .ai-faq:after {
    bottom: -150px;
	  }
	 .ai-seo-hero
 {
    padding: 12% 10% 0;
 }
 .ai-head-one, .ai-price-col h3, .ai-price-cnr-col h3 {
    font-size: 52px;
 }
 .a-seo-hero-cont:before {
    height: 56px;
    width: 60px;
 }
 .a-seo-hero-cont:after {
    height: 59.1px;
    width: 60px;
 }
	 .ai-price-col-sec, .ai-price-plan-cnr {
    margin-bottom: 5%;
}
	 .ai-faq-info-col p {
    line-height: 24px;
}
	 #mode-toggle img {
    width: 28px;
    height: 22px;
    margin-top: 50%;
}
 .cta-btn {
    font-size: 16px;
 }
 .a-seo-hero-cont p,  .ai-faq-info-col p, .nrml-btn, .ai-plan-sec p, .ai-price-col h3 span, .ai-price-cnr-col h3 span, .ai-serv-sec-cont p, .ai-we-serve-sec p, .ai-integ-sec p
 {
    font-size: 16px;
 }
 .a-seo-img-col-lft:before {
    top: 20px;
    left: -60px;
    height: 59.1px;
    width: 60px;
}
.a-seo-img-col-lft:after {
    top: 40px;
    right: 15px;
    height: 58px;
    width: 60px;
}
.a-seo-img-col-rgt:before {
    top: 40px;
    left: 15px;
    height: 62px;
    width: 60px;
}
.a-seo-img-col-rgt:after {
    top: 30px;
    right: -60px;
    height: 61px;
    width: 60px;
}
	 .a-seo-hero-cont {
    padding: 0 10%;
	margin-bottom: 5%;
	 }
	 .ai-seo-waht-sec:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -100px;
    rotate: 73deg;
    width: 50% !important;
    height: 50%;
    background: url(https://www.wibits.com/wp-content/uploads/2025/08/ai-seo-bg-img.png) no-repeat center top;
    background-size: cover;
    z-index: 8;
    pointer-events: none;
}
.ai-what-sec-cont {
    padding-top: 50px;
	padding-left: 5%;
}
	 .ai-what-sec-info p {
		 font-size: 16px;
	 }
	 .ai-fut-proof-col h2, .ai-faq-info-col h2, .ai-what-cont-head {
    font-size: 48px;
	 }
	 .ai-what-sec-cont p {
    font-size: 24px;
    line-height: 34px;
	 }
	 .disp-small-device {
    display: block;
}
.ai-serv-sec-cont {
    margin: 0 12% 6%;
}
.timeline-header {
     margin: 0 5% 4%;
}
.timeline {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
	column-gap: 50px;
}
.ai-we-serve-sec p {
    margin: 0 8%;
}
.ai-integ-sec h2 {
    margin: 0 8%;
}
.chat-input button {
    right: 70px;
}
 .chat-input:before {
    top: 42px;
    left: 78px;
}
.chat-input:after {
    top: 42px;
    right: 113px;
}
.ai-faq-sec:after {
    width: 20%;
    height: 20%;
	bottom: -135px;
    left: 0;
}
.ai-fut-proof {
    padding: 5% 0 !important;
}
.ai-fut-proof-list-col ul {
    gap: 0;
}
	 .ai-fut-proof-list-col ul li span {
    font-size: 13px;
    padding-left: 12px;
}
.ai_foot_news_sec {
    text-align: center;
}
.ai-copy-col {
    
    margin: auto;
    width: 80%;
	margin-bottom: 5%;
}
.num-one:not(:last-child)::after, .num-three:not(:last-child)::after, .num-two:not(:last-child)::after, .num-four:not(:last-child)::after{
	display:none;
}
links .footer-social-sec {
    display: flex;
    padding: 0;
    gap: 0;
    margin: auto;
    width: 80%;
}
.ai-why-sec-info {
    margin-top: 0;
    padding-top: 20%;
}
.ai-why-sec:before {
    top: 20px;
    width: 100%;
    height: 100%;
}

.cntr-lft-curv-txt
 {
    padding-top: 70% !important;
 }
 .cntr-rgt-curv-txt {
    padding-top: 70% !important;
 }
 .ai-why-col {
    margin-top: 3%;
 }
 .ai-why-sec-info {
    border-radius: 19px;
}
.ai-why-sec-info.cntr-lft-curv-txt, .ai-why-sec-info.cntr-rgt-curv-txt{
	box-shadow:none;
	        padding-bottom: 32%;

}
.ai-what-sec-info {
    border: 3px solid rgb(255 255 255 / 10%);
}
.disp-big-device{
	display:none
}
.sec-cntr-ball:before {
    top: -370px;
}
	 .cntr-ball-top {
    margin-bottom: 0;
}
	 .ball-sec-side-btm .ai-why-sec-info {
    margin-top: 0;
}


	 .ai-why-sec-info p {
    font-size: 15px;
	 }
	 .ai-why-sec-info h4 {
    font-size: 28px;
	 }
	 h2.ai-why-cont-head {
    font-size: 48px;
    line-height: 62px;
	 }
	 .img-6 {
    width: 150px;
		 margin-left:-90%
	 }
	 .ai-serve-sec:hover .img-6 {
    width: 150px !important;
	 }
	 .img-6 .bottom-left {
    font-size: 24px;
    margin-left: -8px;
}
.img-4 .bottom-left {
    font-size: 24px;
    margin-left: -65px;
}
.img-3 .bottom-left {
    font-size: 24px;
}
.img-2 .bottom-left {
    font-size: 24px;
    margin-left: -35px;
}
.img-1 .bottom-left {
    font-size: 24px;
    margin-left: -40px;
}
	 .img-5 .bottom-left {
    font-size: 24px;
	margin-left: -30px;
}
	 .ai-integ-sec p {
    font-size: 20px;
    line-height: 22px;
}
.sidebar #menu li, .sidebar #menu3 li, .sidebar #menu2 li, .sidebar #menu4 li, .sidebar #menu5 li, .sidebar #menu6 li {
    padding: 12px 60px;
    font-size: 18px;
}
.bot, .user {
    font-size: 16px;
}
.chat-lst p
 {
    font-size: 16px;
 }
 .chat-lst ul li {
    font-size: 14px;
 }
 .chat-cnt {
    font-size: 14px;
 }
	 .chat-input input {
    font-size: 12px;

 }
 .chat-input:before {
    top: 35px;
        left: 65px;
 }
 .chat-input button {
    right: 55px;
 }
 .chat-input:after {
    top: 35px;
        right: 98px;
   }
.step-number, .ai-faq:after{
	display: none;
}
.ai-fut-proof-col {
    padding: 0;
}
.ai-copy-col {
    gap: 30px;
}
 }
  .ai-content {
    transition: 0.7s;
}
 
 @media only screen and (min-width: 500px) and (max-width: 767px) {
	 .ai-news-sub-form {
   padding-right: 0% !important;
}
	 .ai-news-sub-form {
    padding-right: 0;
}
	 .ai-seo-foottxt span:after {
   height: 38vw;
    transform: translate(-50%, 30%);
    filter: blur(25px);
	 }
	 .ai-serve-sec:hover .gallery {
    margin: 0 5%;
}
	 
	 .ai_menu_sec #main-menu li#menu-item-3912:after {
    left: 85px;
	 }
	 .ai-seo-waht-sec:before {
    left: -100px;
    width: 60%;
    height: 60%;
top: 0;
	 }
	 .cntr-ball-top
 {
    margin-bottom: 3%;
}
	 .img-6 {
    width: auto;
	 }
	 .ai-copy-col {
    gap: 10px;
}
	 .disp-big-device{
	display:none
}
.ai-fut-proof-col {
    padding: 0;
}
.ai-fut-proof {
    padding: 5% 0 !important;
}
.step-number{
	display: none;
}
	 .ai-what-sec-info
 {
    margin: 0;
 }
	 .ai-why-sec-info
 {
    padding-top: 5%;
	margin-top:10%;
	 padding-bottom: 10%;
 }
	 .sec-cntr-ball:before {
  height: 20%;
        top: 25px;
        background-size: contain;
		 transform: translateY(50%)
     }
	 .ball-sec-side-btm .ai-why-sec-info {
   padding-top: 5%;
        margin-top: 10%;
        padding-bottom: 10%;
}
	
	     .cntr-lft-curv-txt, .cntr-rgt-curv-txt {
        padding-top: 81% !important;
	 }
	 .cntr-lft-curv-txt:hover::after, .cntr-rgt-curv-txt:hover::after {
    width: 80px;
    height: 80px;
top: 28%;
	 }
 .ai-serv-sec-cont {
    margin: 0;
}
.timeline-header, .ai-integ-sec h2
 {
    margin: 0;
}
.ai-integ-sec h2
	 {
	 font-size: 45px;
    line-height: 100%;
}
	 .ai-integ-sec p {
    font-size: 16px;
	 }
	 .bot, .user {
    font-size: 16px;
}
.chat-lst p
 {
    font-size: 16px;
 }
 .chat-lst ul li {
    font-size: 14px;
 }
 .chat-cnt {
    font-size: 14px;
 }
 .chat-input input {
    font-size: 12px;

 }
 .chat-input:before {
    top: 30px;
        left: 25px;
 }
 .chat-input button {
    right: 10px;
 }
 .chat-input:after {
    top: 35px;
        right: 50px;
   }
   .nrml-btn {
    font-size: 16px;
   }
	 .ai-plan-sec h2 {
    font-size: 45px;
	 }
	 .ai-plan-sec p {
    font-size: 16px;
	 }
	 .ai-plan-sec h2
 {
    font-size: 50px;
    line-height: 100%;
 }
.ai-plan-sec p {
    font-size: 20px;
    line-height: 100%;
}
.ai-plan-icon-txt span {
    font-size: 12px;
}
.ai-price-col h4, .ai-price-cnr-col h4 {
    font-size: 34px;
}
.ai-price-col h3, .ai-price-cnr-col h3 {
    font-size: 50px;
}
.ai-price-col h3 span, .ai-price-cnr-col h3 span {
    font-size: 20px;
}
.ai-price-plan-ctr {
    padding: 2% 8% 10%;
}
	 .ai-price-plan-cnr {
    margin-bottom: 5%;
}
	 .ai-faq-info-col p {
    font-size: 20px;
    line-height: 117%;
}
.ai-faq-cont-col .accordion .ai-label h4 {
    font-size: 16px;
}
.accordion .content {
    padding: 0 25% 0% 0 !important;
    font-size: 14px !important;
    line-height: 18px;
}
.ai-price-col {
    padding: 0 8% 8%;
	margin-bottom: 5%;
}
.ai-price-col ul li, .ai-price-cnr-col ul li {
    font-size: 16px;
}
.ai-price-col ul, .ai-price-cnr-col ul {
    padding: 10% 10%;
 }
.header-ai.fixHeader .head_manu_layer {
   margin: 0 5%;
}
	 .chat-menu-nav {
    display: none;
	 }
	 .sidebar {
    width: 150px;
	 }
	 tab button.active {
    padding: 7px 5px;
}
	 .tablinks img {
    width: 90%;
	 }
	 .chat-header-logo {
    width: 50%;
}
	 .sidebar #menu li, .sidebar #menu3 li, .sidebar #menu2 li, .sidebar #menu4 li, .sidebar #menu5 li, .sidebar #menu6 li {
    font-size: 8px;
	 }
	 .cht-btm-menu li {
    font-size: 10px;
}
	 .btn-syle {
    padding: 5px;
	 }
	 .chat-input {
    padding: 5% 5%;
	 }
	 .tab button {
   padding: 2px 5px !important;
	 }
	 .openai-chat-head-cont h4 {
    font-size: 24px;
	 }
	 .openai-chat-head-cont p {
    font-size: 14px;
	 }

.timeline-header p
{
    margin: 5% 0;
}
.timeline
 {
    grid-template-columns: repeat(1, 1fr);
}
.num-one:not(:last-child)::after, .num-three:not(:last-child)::after, .num-two:not(:last-child)::after, .num-four:not(:last-child)::after{
	display:none;
}
.ai-we-serve-sec p {
    margin: 0;
	font-size: 16px;
        line-height: 26px;
}
.ai-faq-sec:after {
    
    display: none;
}
	 .ai-fut-proof
 {
    padding: 5% 5%;
}
.ai-fut-proof-col p {
font-size: 16px;
}
	 .ai_foot_news_form h3 {
    font-size: 50px;
    line-height: 65px;
}
.ai_mc-optin-form-wrapper p {
    font-size: 20px;
    line-height: 30px;
}
.ai-foot-menu-col ul li a {
    font-size: 14px;
}
	 .ai-foot-menu-col {
    text-align: Left;
    margin-bottom: 5%;
}
.ai_foot_news_sec {
    text-align: center;
}
	 .ai-copy-col ul {
    display: grid;
    column-gap: 20px;
    row-gap: 6px;
		 grid-template-columns: repeat(2, 1fr);
		 gap:10px;
		 margin-bottom: 5%;
	 }
	 ul.footer-social-sec li i {
    font-size: 16px;
}
	 ul.footer-social-sec li img {
    width: 16px;
}
section.ai-fut-proof{
	padding: 5%;
}
.ai-fut-proof-col, .ai-fut-proof-col p {
    padding: 0;
}
.ai-fut-proof-list-col ul {
    display: block;
}
.ai-copy-col {
    gap: 0;
	display: flex;
    text-align: center;

}
	 .ai-copy-col .copyrite, .ai-copy-col ul li a {
    font-size: 14px;
	 }
	 .ai_foot_menu_sec-links .footer-social-sec {
    gap: 0;
}
	 .ai-news-sub-form {
    padding-right: 0;
}
.contact-left-first, .contact-left-snd, .contact-left-trd
{
	grid-template-columns: repeat(2, 1fr);
	
}
	 .contact-left p
{font-size: 13px;
	 }
.header-ai .head_manu_layer
 {
    width: 90%;
	padding: 10px 15px;
    gap: 10px;
}
#mode-toggle img {
    width: 28px;
    height: 20px;
    margin-top: 50%;
}
	 .ai-seo-hero {
    padding: 30% 5%;
		 padding-bottom:0;
	 }
	 .a-seo-hero-cont {
    padding: 0 10%;
	 }
	 .a-seo-hero-cont:before {
    height: 46px;
    width: 50px;
	 }
	 .a-seo-hero-cont:after {
    height: 44.1px;
    width: 45px;
	 }
	 .a-seo-hero-cont p {
    font-size: 16px;
	 }
	 .cta-btn{
		 font-size:16px;
		 margin-bottom: 5%;
	 }
	 .a-seo-img-col-lft img {
    width: 25%;
}
	 .a-seo-img-col-ctr img {
    width: 100%;
}
	 .a-seo-img-col-lft:before, .a-seo-img-col-lft:after, .a-seo-img-col-rgt:before, .a-seo-img-col-rgt:after{
		 display:none;
	 }
	 .ai-head-one {
    font-size: 42px;
		 
	 }
	 .a-seo-img-col-lft, .a-seo-img-col-rgt {
    display: none;
}
	 .ai-what-sec-info p {
		 font-size: 16px;
	 }
	 .ai-what-sec-cont {
    padding: 15% 5% 0;
	 }
	 .ai-fut-proof-col h2, .ai-faq-info-col h2, .ai-what-cont-head {
    font-size: 44px;
		 line-height: 100%;
	 }
	 .ai-what-sec-cont p {
    font-size: 18px;
    line-height: 28px;
	 }
	 h2.ai-why-cont-head {
    font-size: 45px;
    line-height: 64px;
	 }
	 .ai-why-sec-info h4 {
    font-size: 18px; 
		 line-height: 28px;
}
	 .ai-why-sec-info p {
    font-size: 14px;
	 }
	 .disp-small-device {
    display: block;
}
	 .ai-serv-sec-cont h2 {
    font-size: 45px;
    line-height: 72px;
	 }
	 .ai-serv-sec-cont p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5%;
		 padding: 0 30px;
}
	 .disp-none
	 {
		 display: block;
	 }
	 .step-icon.disp-none img {
    rotate: 90deg;
    width: auto;
    margin-top: 5%;
}
	 .serv-col-head, .timeline-step-head{
		 display: none;
	 }
	 .ai-serv-col h4 {
    font-size: 24px;
	 }
	 .ai-serv-col p {
    font-size: 16px;
	 }
	 .timeline-header h2 {
    font-size: 45px;
    line-height: 54px;
}
	 .timeline-header p {
    font-size: 16px;
	 }
	 .timeline-step h3 {
    font-size: 22px;
	 }
	 .step-icon img {
    width: 100px;
}
	 .timeline-step p {
    font-size: 16px;
	 }
	 .ai-we-serve-sec h2 {
    font-size: 45px;
	 }
.img-5 .bottom-left {
    font-size: 24px;
	margin-left: -30px;
}

.img-6 .bottom-left {
    font-size: 24px;
    margin-left: -8px;
}
.img-4 .bottom-left {
    font-size: 24px;
    margin-left: -65px;
}
.img-3 .bottom-left {
    font-size: 24px;
}
.img-2 .bottom-left {
    font-size: 24px;
    margin-left: -35px;
}
.img-1 .bottom-left {
    font-size: 24px;
    margin-left: -40px;
}
 }
 @media only screen and (min-width: 320px) and (max-width: 500px) {
	 .ai-news-sub-form {
   padding-right: 0;
}
	 .ai-seo-foottxt span:after {
   height: 38vw;
    transform: translate(-50%, 30%);
    filter: blur(25px);
	 }
	  .cntr-lft-curv-txt, .cntr-rgt-curv-txt {
        padding-top: 79% !important;
    }
	 .ai-foot-menu-col {
    text-align: center;
    margin-bottom: 5%;
}
	 .sec-cntr-ball:before {
  height: 20%;
        top: 128px;
        background-size: contain;
}
	 .cntr-ball-top
 {
    margin-bottom: 3%;
}
	 .cntr-ball-sec {
    margin-bottom: 5%;
}
	 .cntr-lft-curv-txt:hover::after, .cntr-rgt-curv-txt:hover::after {
    width: 80px;
    height: 80px;
top: 28%;
	 }
		 .ai-price-plan, .ai-price-plan-cnr {
    margin-bottom: 5%;
	 }
.ai_menu_sec #main-menu li#menu-item-3912:after {
    left: 85px;
	top:0;
	 }
	 .ai-seo-waht-sec:before {
    left: -100px;
    width: 100%;
    height: 35%;
top: 0;
	 }
	 .gallery
 {
    padding: 0;
	 grid-template-columns: repeat(1, 1fr);
	 margin: 0;
	 }
	 .gallery img {
    height: 120px !important;
    width: 100% !important;
	 }
	 .img-2.ovrlay, .img-3.ovrlay, .img-4.ovrlay, .img-5.ovrlay, .img-6.ovrlay {
    margin-left: 0 !important;
		  width: 100% !important;
		 margin-top: -12%;
		 transition: all 0.5s ease;
		 justify-items: center;
}
	 .img-1.ovrlay{
		  margin-top: 0%;
		 margin-left: 0 !important;
		  width: 100% !important;
		 justify-items: center;
	 }
	 .ai-serve-sec:hover .img-2.ovrlay, .ai-serve-sec:hover .img-3.ovrlay, .ai-serve-sec:hover .img-4.ovrlay, .ai-serve-sec:hover .img-5.ovrlay, .ai-serve-sec:hover .img-6.ovrlay {
		  margin-top: 0%;
		 transition: all 0.5s ease;
	 }
	 .bottom-left{
		 margin-left:0 !important;
		 rotate: 0deg !important;
	 }
	 .ai-serve-sec:hover .gallery {
    margin-left: 0;
}
	 .img-6 {
    width: auto;
	 }
	 .ai-copy-col {
    gap: 10px;
}
	 .disp-big-device{
	display:none
}
.ai-fut-proof-col {
    padding: 0;
}
.ai-fut-proof {
    padding: 5% 0 !important;
}
.step-number, .ai-faq:after{
	display: none;
}
	 .ai-what-sec-info
 {
    margin: 0;
 }
	 .ai-why-sec-info
 {
    padding-top: 5%;
	margin-top:0;
	 padding-bottom: 10%;
 }
 .ai-serv-sec-cont {
    margin: 0;
}
.timeline-header, .ai-integ-sec h2
 {
    margin: 0;
}
.ai-integ-sec h2
	 {
	 font-size: 32px;
    line-height: 100%;
}
	 .ai-integ-sec p {
    font-size: 16px;
	 }
	 .bot, .user {
    font-size: 12px;
}
	 .info-box .cht-img {
    row-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}
.chat-lst p
 {
    font-size: 14px;
 }
 .chat-lst ul li {
    font-size: 12px;
 }
 .chat-cnt {
    font-size: 12px;
 }
	 .cht-btm-menu {
   row-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
   
}
 .chat-input input {
    font-size: 8px;
padding: 7px 5px;
 }
	 .chat-input button
 {
    margin-left: 10px;
    padding: 2px 9px;
	 }
 .chat-input:before {
    top: 18px;
        left: 8px;
 }
 .chat-input button {
    right: 10px;
 }
 .chat-input:after {
    top: 20px;
        right: 39px;
   }
	 .chat-input button img {
    width: 70%;
}
   .nrml-btn {
    font-size: 14px;
	   padding: 8px 15px;
   }
	 .ai-plan-sec h2 {
    font-size: 45px;
	 }
	 .ai-plan-sec p {
    font-size: 16px;
	 }
	 .ai-sub-input input {
   padding: 7px 12px;
	 }
	 .ai-plan-sec h2
 {
    font-size: 32px;
    line-height: 100%;
 }
	 .header.fixHeader .ai_head_logo_sec img {
    width: 100px;
}
.ai-plan-sec p {
    font-size: 16px;
    line-height: 26px;
	padding: 0 20px;
}
.ai-plan-icon-txt span {
    font-size: 12px;
}
.ai-price-col h4, .ai-price-cnr-col h4 {
    font-size: 34px;
}
.ai-price-col h3, .ai-price-cnr-col h3 {
    font-size: 50px;
}
.ai-price-col h3 span, .ai-price-cnr-col h3 span {
    font-size: 20px;
}
.ai-price-plan-ctr {
    padding: 2% 8% 10%;
	margin-bottom: 5%;
}
	 .ai-faq-info-col p {
    font-size: 16px;
    line-height: 117%;
}
.ai-faq-cont-col .accordion .ai-label h4 {
    font-size: 14px;
        line-height: 24px;
        padding-right: 5%;
}
.accordion .ai-content {
    padding: 3% 5% 0% 5% !important;
    font-size: 14px !important;
    line-height: 18px;
}
.ai-price-col {
    padding: 0 8% 8%;
	margin-bottom: 5%;
}
.ai-price-col ul li, .ai-price-cnr-col ul li {
    font-size: 16px;
}
.ai-price-col ul, .ai-price-cnr-col ul {
    padding: 10% 10%;
 }
.header-ai.fixHeader .head_manu_layer {
   margin: 0 5%;
}
	 .chat-menu-nav {
    display: none;
	 }
	 .sidebar {
    width: 120px;
	 }
	 tab button.active {
    padding: 7px 5px;
}
	 .tablinks img {
    width: 100%;
	 }
	 .chat-header-logo {
    width: 100%;
}
	 .sidebar #menu li, .sidebar #menu3 li, .sidebar #menu2 li, .sidebar #menu4 li, .sidebar #menu5 li, .sidebar #menu6 li {
    font-size: 8px;
		 padding: 12px 12px;
		 padding-left: 32px;
	 }
	 .cht-btm-menu li {
    font-size: 10px;
}
	 .btn-syle {
    padding: 5px;
	 }
	 .chat-input {
    padding: 5% 5%;
	 }
	 .tab button {
   padding: 0 !important;
	 }
	 .openai-chat-head-cont h4 {
    font-size: 18px;
	 }
	 .openai-chat-head-cont p {
    font-size: 12px;
	 }
	 .sidebar button {
   font-size: 10px;
	 }

.timeline-header p
{
    margin: 5% 0;
}
.timeline
 {
    grid-template-columns: repeat(1, 1fr);
}
.num-one:not(:last-child)::after, .num-three:not(:last-child)::after, .num-two:not(:last-child)::after, .num-four:not(:last-child)::after{
	display:none;
}
.ai-we-serve-sec p {
    margin: 0;
	font-size: 16px;
        line-height: 26px;
}
.ai-faq-sec:after {
    
    display: none;
}
	 .ai-fut-proof
 {
    padding: 5% 5%;
}
.ai-fut-proof-col p {
font-size: 16px;
}
	 .ai_foot_news_form h3 {
    font-size: 32px;
    line-height: 65px;
}
.ai_mc-optin-form-wrapper p {
    font-size: 16px;
    line-height: 26px;
}
.ai-foot-menu-col ul li a {
    font-size: 14px;
}
	 .ai-foot-menu-col {
    text-align: center;
    margin-bottom: 5%;
}
.ai_foot_news_sec {
    text-align: center;
}
	 .ai-copy-col ul {
    display: grid;
    column-gap: 20px;
    row-gap: 6px;
		 grid-template-columns: repeat(2, 1fr);
		 gap:10px;
		 margin-bottom: 5%;
	 }
	 ul.footer-social-sec li i {
    font-size: 16px;
}
	 ul.footer-social-sec li img {
    width: 16px;
}
section.ai-fut-proof{
	padding: 5%;
}
.ai-fut-proof-col, .ai-fut-proof-col p {
    padding: 0;
}
.ai-fut-proof-list-col ul {
    display: block;
}
.ai-copy-col {
    gap: 0;
	display: block;
    text-align: center;

}
.ai_foot_menu_sec-links .footer-social-sec {
    gap: 0;
}
.contact-left-first, .contact-left-snd, .contact-left-trd
{
	grid-template-columns: repeat(1, 1fr);
	
}
.header-ai .head_manu_layer
 {
    width: 90%;
	padding: 10px 15px;
    gap: 20px;
}
#mode-toggle img {
    width: 28px;
    height: 17px;
    margin-top: 50%;
}
	 .ai-seo-hero {
    padding: 30% 5%;
		 padding-bottom:0;
	 }
	 .a-seo-hero-cont {
    padding: 0 5%;
	 }
	 .ball-sec-side-btm .ai-why-sec-info {
    margin-top: 0;
}
	 .a-seo-hero-cont:before {
    height: 32px;
    width: 35px;
		 left: -15px;

	 }
	 .a-seo-hero-cont:after {
    height: 34.1px;
    width: 35px;
		 right: -15px;

	 }
	 .a-seo-hero-cont p {
    font-size: 14px;
	 }
	 .cta-btn{
		 font-size:16px;
		 margin-bottom: 5%;
	 }
	 .a-seo-img-col-lft img {
    width: 25%;
}
	 .a-seo-img-col-ctr img {
    width: 50%;
}
	 .a-seo-img-col-lft:before, .a-seo-img-col-lft:after, .a-seo-img-col-rgt:before, .a-seo-img-col-rgt:after{
		 display:none;
	 }
	 .ai-head-one {
    font-size: 30px;
	 }
	 .a-seo-img-col-lft, .a-seo-img-col-rgt {
    display: none;
}
	 .ai-what-sec-info p {
		 font-size: 16px;
	 }
	 .ai-what-sec-cont {
    padding: 15% 5% 0;
	 }
	 .ai-fut-proof-col h2, .ai-faq-info-col h2, .ai-what-cont-head {
    font-size: 36px;
		 line-height:48px;
	 }
	 .ai-what-sec-cont p {
    font-size: 16px;
    line-height: 25px;
	 }
	 h2.ai-why-cont-head {
    font-size: 32px;
    line-height: 42px;
	 }
	 .ai-why-sec-info h4 {
    font-size: 18px;   
}
	 .ai-why-sec-info p {
    font-size: 14px;
	 }
	     .ai-why-sec-info.ai-why-sec-crv p {
        font-size: 10px;
        line-height: 17px;
    }
	 .ai-why-sec-info.ai-why-sec-crv h4 {
        font-size: 12px;
		 line-height:22px;
	 }
	 .disp-small-device {
    display: block;
}
	 .ai-serv-sec-cont h2 {
    font-size: 32px;
    line-height: 42px;
	 }
	 .ai-serv-sec-cont p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5%;
}
	 .disp-none
	 {
		 display: block;
	 }
	 .step-icon.disp-none img {
    rotate: 90deg;
    width: auto;
    margin-top: 5%;
}
	 .serv-col-head, .timeline-step-head{
		 display: none;
	 }
	 .ai-serv-col h4 {
    font-size: 20px;
	 }
	 .ai-serv-col p {
    font-size: 14px;
	 }
	 .timeline-header h2 {
    font-size: 32px;
    line-height: 42px;
}
	 .timeline-header p {
    font-size: 16px;
	 }
	 .timeline-step h3 {
    font-size: 22px;
	 }
	 .step-icon img {
    width: 100px;
}
	 .timeline-step p {
    font-size: 16px;
	 }
	 .ai-we-serve-sec h2 {
    font-size: 32px;
	 }
.img-5 .bottom-left {
   font-size: 24px;
    margin-bottom:10px;
	 }

.img-6 .bottom-left {
    font-size: 24px;
    margin-bottom:10px;
}
.img-4 .bottom-left {
    font-size: 24px;
   margin-bottom:10px;
}
.img-3 .bottom-left {
    font-size: 24px;
    margin-bottom:10px;
}
.img-2 .bottom-left {
    font-size: 24px;
    margin-bottom:10px;
	 }
.img-1 .bottom-left {
    font-size: 24px;
    margin-bottom:10px;
}
 }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	  .ai-serve-sec:hover .gallery {
    margin: 0 5%;
}
.ai-faq:after {
    bottom: -150px;
	  }
	  .sec-cntr-ball:before {
   top: -40px;
	  }
	  .cntr-ball-btm {
    margin-top: -16%;
}
	  .ai-why-sec-info.ai-why-sec-crv {
    margin-top: -50%;
}
	  .ai-why-sec-info h4 {
    font-size: 28px;
	  }
	  h2.ai-why-cont-head {
    font-size: 56px;
	  }
.ai-why-sec-cont {
    padding: 9% 18.5% 15%;
	  }
	  .img-6 {
		  margin-left:-100%;
	  }
	  .ai-serve-sec:hover .img-6.ovrlay{
		  width:100% !important;
	  }
	  .num-two:not(:last-child)::after, .num-four:not(:last-child)::after, .num-one:not(:last-child)::after, .num-three:not(:last-child)::after, #ai-seo.light-mode .num-one:not(:last-child)::after, #ai-seo.light-mode .num-three:not(:last-child)::after {
    right: -100px;
    width: 80%;
	  }
.header-ai .head_manu_layer {
    width: 95%;
	gap: 30px;
}
.ai_menu_sec #main-menu li a {
    padding: 0px 15px 5px 15px;
}
.header-ai.fixHeader .head_manu_layer {
    margin: 0 2.5%;
}
#mode-toggle img {
    width: 30px;
    height: 25px;
    margin-top: 50%;
}
.ai-head-one {
    font-size: 54px;
}
.a-seo-hero-cont {
    padding: 0 10%;
}
.a-seo-hero-cont p, .cta-btn {
    font-size: 20px;
}
.ai-what-sec-info p, .ai-serv-col p {
    font-size: 16px;
	line-height: 23px;
}
.ai-fut-proof-col h2, .ai-faq-info-col h2, .ai-what-cont-head {
    font-size: 50px;
	    line-height: 60px;

}
.ai-what-sec-cont p {
    font-size: 24px;
    line-height: 34px;
}
.ai-why-sec-info h4 {
    font-size: 26px;
    line-height: 34px;
}
h2.ai-why-cont-head {
    font-size: 50px;
    line-height: 64px;
}
.ai-why-sec-info p {
    font-size: 18px;
    line-height: 23px;
  }
  .cntr-rgt-curv-txt {
    margin-top: 0%;
        padding-top: 158%;
        padding-bottom: 43%;
  }
  .cntr-lft-curv-txt {
    margin-top: 0%;
        padding-top: 158%;
        padding-bottom: 43%;
  }
	  .cntr-lft-curv-txt:after, .cntr-rgt-curv-txt:after {
    top: 30%;
	  }
  .ai-serv-sec-cont h2 {
    font-size: 50px;
    line-height: 81px;
  }
  .ai-serv-sec-cont p {
    font-size: 20px;
    line-height: 30px;
}
.ai-serv-col h4 {
    font-size: 26px;
    line-height: 32px;
}
.timeline-header {
    margin: 0 15% 4%;
}
.timeline-header p {
    font-size: 20px;
    line-height: 21px;
    margin: 0 7%;
}
.timeline-step h3 {
    font-size: 24px;
    line-height: 32px;
}
.timeline-step p {
    font-size: 16px;
    line-height: 22px;
}
.timeline {
    column-gap: 60px;
}
	  .step-icon img {
    width: 100px;
}
.ai-we-serve-sec h2 {
    font-size: 50px;
    line-height: 100%;
}
.ai-we-serve-sec p {
    font-size: 20px;
    line-height: 22px;
}
.ai-integ-sec h2 {
    font-size: 50px;
    line-height: 100%;
	margin: 0 10%;
}
.ai-integ-sec p {
    font-size: 20px;
    line-height: 22px;

}
.sidebar #menu li, .sidebar #menu3 li, .sidebar #menu2 li, .sidebar #menu4 li, .sidebar #menu5 li, .sidebar #menu6 li {
    padding: 12px 40px;
    
    font-size: 18px;
    padding-left: 70px;
}
.sidebar #menu li.active:after, .sidebar #menu3 li.active:after, .sidebar #menu2 li.active:after, .sidebar #menu4 li.active:after, .sidebar #menu5 li.active:after, .sidebar #menu6 li.active:after {
    left: 20px;
}
.sidebar #menu li:after, .sidebar #menu3 li:after, .sidebar #menu2 li:after, .sidebar #menu4 li:after, .sidebar #menu5 li:after, .sidebar #menu6 li:after{
    left: 20px;
}
.bot {
    font-size: 16px;
}
.user {
    font-size: 16px;
}
.chat-lst p {
    font-size: 16px;
}
.chat-lst ul li, .chat-cnt {
    font-size: 14px;

}
.nrml-btn {
    font-size: 18px;
}
.ai-plan-sec h2 {
    font-size: 50px;
    line-height: 100%;
}
.ai-plan-sec p {
    font-size: 20px;
    line-height: 100%;
}
.ai-price-col h4, .ai-price-cnr-col h4 {
    font-size: 34px;
}
.ai-plan-icon-txt span {
   font-size: 12px;
}
.ai-price-col h3, .ai-price-cnr-col h3 {
    font-size: 54px;
}
.ai-price-col h3 span, .ai-price-cnr-col h3 span
 {
    font-size: 20px;
 }
 .ai-price-col h3 span, .ai-price-cnr-col h3 span
 {
    font-size: 20px;
 }
 .ai-price-plan-ctr {
    padding: 2% 7% 25%;
}
.ai-price-col {
    padding: 0 7% 8%;
}
.chat-input:before {
    
    top: 55px;
    left: 125px;
}
.chat-input:after {
    top: 55px;

}
.ai-price-col ul li, .ai-price-cnr-col ul li {
    font-size: 16px;
}
.ai-faq-info-col p {
    font-size: 20px;
}
.ai-faq-cont-col .accordion .ai-label h4 {
    font-size: 18px;
}
.accordion .content {
    padding: 3% 25% 0% 0 !important;
}
section.ai-fut-proof {
    padding: 5% 10%;
}
.ai-fut-proof-col p {
    font-size: 16px;

}
.ai_foot_news_form h3 {
    font-size: 50px;
    line-height: 65px;
}
.ai_mc-optin-form-wrapper p {
    font-size: 24px;
}
.ai-foot-menu-col ul li a
 {
    font-size: 14px;
 }
 .contact-left p {
    font-size: 14px;
 }
  }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
	 .ai-serve-sec:hover .gallery {
    margin: 0 5%;
}
	 .ai-faq:after {
    bottom: -150px;
	  }
.header-ai .head_manu_layer
 {
    width: 90%;
   }
	 .timeline {
   column-gap: 30px;
	 }
   .header-ai.fixHeader .head_manu_layer {
    margin: 0 5%;
}
	 .cntr-lft-curv-txt:hover::after, .cntr-rgt-curv-txt:hover::after {
    width: 80px;
    height: 80px;
}
	 .cntr-lft-curv-txt:after, .cntr-rgt-curv-txt:after {
    top: 28%;
	 }
.ai_menu_sec #main-menu li a {
    padding: 0px 12px 5px 12px;
}
.a-seo-hero-cont {
    padding: 0 5%;
	 }
	 .ai-head-one {
    font-size: 50px;
	 }
	 .cta-btn {
   
    font-size: 16px;
	   margin-bottom: 5%;

 }
  .a-seo-img-col-lft:before {
    height: 64.1px;
    width: 65px;
 }
 .a-seo-img-col-lft:after {
    height: 53px;
    width: 55px;
 }
 .a-seo-img-col-rgt:before {
    height: 57px;
    width: 55px;
 }
 .a-seo-img-col-rgt:after {
    height: 57px;
    width: 55px;
 }
 .ai-seo-waht-sec {
    padding: 8% 0 5%;
 }
 .ai-seo-waht-sec:before {
    height: 64%;
	bottom: 70px;
 }
 .ai-what-sec-info p {
    font-size: 16px;
    line-height: 23px;
 }
 .ai-fut-proof-col h2, .ai-faq-info-col h2, .ai-what-cont-head {
    font-size: 50px;
    line-height: 60px;
 }
 .ai-what-sec-cont p {
    font-size: 24px;
    line-height: 30px;
 }
 h2.ai-why-cont-head {
    font-size: 50px;
    line-height: 64px;
 }
	 .ai-why-sec-cont {
     padding: 9% 16.5%;
	 }
	 .sec-cntr-ball:before {
    top: 192px;
    height: 50%;
    background-size: contain;
	 }
		 .ai-why-sec-info h4 {
    font-size: 20px;
    line-height: 30px;
}
.ai-why-sec-info p {
    font-size: 15px;
    line-height: 20px;
}
.ai-why-sec-info {
    margin-top: 60%;
}	
	 .cntr-rgt-curv-txt{
		 margin-top: 8% !important;
		 padding-top: 67%;
		 padding-bottom: 29%;
		 background-size: contain;
	 }

	 .cntr-lft-curv-txt {
        margin-top: 8% !important;
		 padding-top: 67%;
		 padding-bottom: 29%;
		 background-size: contain;
	 }
.ai-serv-sec-cont h2 {
    font-size: 50px;
    line-height: 81px;

}
.ai-serv-sec-cont p {
    font-size: 20px;
    line-height: 30px;
}
.ai-serv-sec-cont {
    margin: 0 14% 4%;
}
.ai-serv-col h4 {
    font-size: 22px;
    line-height: 30px;
}
.ai-serv-col p {
    font-size: 16px;
    line-height: 22px;
}
.timeline-header {
    margin: 0 15% 4%;
}
.timeline-header h2 {
    font-size: 50px;
    line-height: 60px;
}
.timeline-header p {
    font-size: 20px;
    line-height: 25px;
    margin: 0 7%;
}
.timeline-step h3 {
    font-size: 23px;
    line-height: 32px;
}
.timeline-step p {
    font-size: 16px;
    line-height: 22px;
}
.step-icon img {
    width: 95px;
}
.step-number span {
    font-size: 14px;
        padding: 4px 8px;
}
.num-one:not(:last-child)::after, .num-three:not(:last-child)::after, #ai-seo.light-mode .num-one:not(:last-child)::after, #ai-seo.light-mode .num-three:not(:last-child)::after {
    right: -80px;
    width: 75%;
    height: 75%;
    background-size: contain;
}
.num-two:not(:last-child)::after, .num-four:not(:last-child)::after {
    right: -80px;
    width: 75%;
    height: 75%;
    background-size: contain;
}
.ai-we-serve-sec h2 {
    font-size: 50px;
    line-height: 100%;
}
.ai-we-serve-sec p {
    font-size: 20px;
    line-height: 21px;
    margin: 0 10%;
}
.img-5 .bottom-left {
    font-size: 24px;
	margin-left: -30px;
}
.img-6 {
    width: 200px;
	margin-left: -100%;
}
	 .ai-serve-sec:hover .img-6 {
    width: 200px !important;
}
.img-6 .bottom-left {
    font-size: 24px;
    margin-left: -8px;
}
.img-4 .bottom-left {
    font-size: 24px;
    margin-left: -65px;
}
.img-3 .bottom-left {
    font-size: 24px;
}
.img-2 .bottom-left {
    font-size: 24px;
    margin-left: -35px;
}
.img-1 .bottom-left {
    font-size: 24px;
    margin-left: -40px;
}
.ai-integ-sec h2 {
    font-size: 50px;
    line-height: 100%;
    margin: 0 10%;
}
.ai-integ-sec p {
    font-size: 20px;
    line-height: 22px;
}
.sidebar #menu li, .sidebar #menu3 li, .sidebar #menu2 li, .sidebar #menu4 li, .sidebar #menu5 li, .sidebar #menu6 li {
    padding: 12px 50px;
    font-size: 18px;
}
.bot, .user {
    font-size: 16px;
}
.chat-lst p
 {
    font-size: 16px;
 }
 .chat-lst ul li {
    font-size: 14px;
 }
 .chat-cnt {
    font-size: 14px;
 }
 .chat-input input {
    font-size: 12px;

 }
 .chat-input:before {
    top: 45px;
    left: 100px;
 }
 .chat-input button {
    right: 90px;
 }
 .chat-input:after {
    top: 45px;
    right: 130px;
   }
   .nrml-btn {
    font-size: 16px;
   }
	    .ai-plan-sec h2
 {
    font-size: 50px;
    line-height: 100%;
 }
.ai-plan-sec p {
    font-size: 20px;
    line-height: 100%;
}
.ai-plan-icon-txt span {
    font-size: 12px;
}
.ai-price-col h4, .ai-price-cnr-col h4 {
    font-size: 34px;
}
.ai-price-col h3, .ai-price-cnr-col h3 {
    font-size: 50px;
}
.ai-price-col h3 span, .ai-price-cnr-col h3 span {
    font-size: 20px;
}
.ai-price-plan-ctr {
    padding: 2% 8% 25%;
}
.ai-price-col {
    padding: 0 8% 8%;
}
.ai-price-col ul li, .ai-price-cnr-col ul li {
    font-size: 16px;
}
.ai-price-col ul, .ai-price-cnr-col ul {
    padding: 10% 10%;
 }
 .ai-faq-info-col p {
    font-size: 20px;
    line-height: 117%;
}
.ai-faq-cont-col .accordion .ai-label h4 {
    font-size: 16px;
}
.accordion .content {
    padding: 3% 25% 0% 0 !important;
    font-size: 14px !important;
    line-height: 18px;
}
.ai-fut-proof
 {
    padding: 5% 5%;
}
.ai-fut-proof-col p {
font-size: 16px;
}
.ai_foot_news_form h3 {
    font-size: 50px;
    line-height: 65px;
}
.ai_mc-optin-form-wrapper p {
    font-size: 20px;
    line-height: 30px;
}
.ai-foot-menu-col ul li a {
    font-size: 12px;
}
.contact-left p {
    font-family: 'Roboto-Light';
    font-size: 12px;
}
.ai-foot-menu-col h5, .ai-foot-cont-col h5 {
    font-size: 16px;

}
	 section.ai-fut-proof {
    padding: 5% 5%;
	 }
	 .ai-seo-foottxt img {
    width: 75%;
	 }
.ai-copy-col {
    gap: 20px
	 }
	 ul.footer-social-sec li i {
    font-size: 18px;
}
	 .ai_foot_menu_sec-links .footer-social-sec {
    gap: 20px;
}
	 .menu_sec_btm {
    justify-self: end;
}
	 #mode-toggle img {
    width: 33px;
    height: 33px;
    margin-top: 0;
}
	 .ai-fut-proof-list-col ul {
    gap: 20px;
	 }
 }
 @media only screen and (min-width: 1600px) and (max-width: 1920px) {
	 .ai-news-sub-form {
    padding-right: 10%;
}
	 .ai-fut-proof-col {
   padding: 0 18%;
}
	 .a-seo-img-col-ctr img {
    width: 100%;
}.ai-seo-waht-sec-cont {
    padding: 15% 0 10%;
	 }
	 #mode-toggle img {
    width: 33px;
    height: 33px;
	 }
.ai_menu_sec #main-menu li a {
    font-size: 18px;
}
	 .ai-foot-menu-col ul li a, .contact-left p {
    font-size: 18px;
	 }
	 .timeline {
    column-gap: 100px;
	 }
	 .a-seo-img-col-lft img {
    width: 70%;
	 }
	 .a-seo-img-col-rgt img {
    width: 70%;
}
	 .ai-fut-proof-list-col {
    padding: 0 5%;
}
	 .ai-seo-foottxt span:after{
		 content: "";
    position: absolute;
    left: 50%;
    width: 70vw;
    height: 20vw;
    background: radial-gradient(circle at center, #9051d6, rgb(144 81 214 / 0%));
    border-radius: 50%;
    transform: translate(-50%, 50%);
    transition: all 0.4s 
ease;
    z-index: 0;
    filter: blur(50px);
}
	 }
@media only screen and (min-width: 270px) and (max-width: 319px) {
    .ai-seo-hero {
        padding: 35% 5%;
		padding-bottom: 0;
	}
}
@media only screen and (min-width: 500px) and (max-width: 575px) {
    .cntr-lft-curv-txt, .cntr-rgt-curv-txt {
        padding-top: 94% !important;
    }
}
#ai-seo.light-mode .ai-seo-waht-sec-cont
{
    padding: 15% 0 5%;
    background: rgb(255 255 255 / 50%);
}
#ai-seo.light-mode h2.ai-why-cont-head{
	color:#fff;
}
#ai-seo.light-mode .ai-what-sec-info {
    border: 1px solid rgb(255 255 255);
}
#ai-seo.light-mode .ai-what-sec-info p{
	color:#000;
	font-family: 'Roboto-regular';
}
#ai-seo.light-mode .ai-why-col {
    background: linear-gradient(155.41deg, rgb(16 4 41 / 0%) -25.82%, rgb(16 4 41 / 0%) 109.48%);
}
.cntr-ball-btm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
}

.img-1.ovrlay {
    z-index: 1;
}
.img-2.ovrlay {
    z-index: 2;
	margin-left: -20%;
}
.img-3.ovrlay {
    z-index: 3;
	margin-left: -40%;
}
.img-4.ovrlay {
    z-index: 4;
	margin-left: -60%;
}
.img-5.ovrlay {
    z-index: 5;
	margin-left: -80%;
}
#ai-seo #button-body{
background: #9051D6;
}
#aibackToTopBtn {
  display: none; /* hidden by default */
  position: fixed;
  bottom: 50px;
  left: 30px;
  z-index: 99;
  background-color: #9051D6;
  color: #fff;
  padding: 10px 16px 12px;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-decoration: none;
}

#aibackToTopBtn:hover {
  background-color:#9051D64D;
}
.ai-seo-waht-sec-one {
    position: relative;
    overflow: hidden;
}
.ai-seo-waht-sec-one:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -30%;
    width: 585px;
    height: 585px;
    background: radial-gradient(circle at center, #9051d687, rgb(144 81 214 / 0%));
    border-radius: 50%;
    transform: translate(-15%, -15%);
    transition: all 0.4s ease;
    z-index: 1;
    filter: blur(30px);
}