/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1752576207
Updated: 2025-07-15 10:43:27

*/
main{
	position:relative;
	z-index:1;
}
:root {
  --font-g: conic-gradient(
    from -16.16deg at 4.51% 15.68%,
    #1350FF 0deg,
    #001A63 127.8deg,
    #1350FF 360deg
  );
--header-g:conic-gradient(from -16.16deg at 4.51% 15.68%, #001A63 -232.2deg, #1350FF 109.8deg, #001A63 127.8deg, #1350FF 469.8deg);
--ai-g: linear-gradient(90deg, #1350FF 0%, #D900FF 100%);
--light-g: conic-gradient(from 169.65deg at 0% 0.02%, #F4F9FF 0deg, #D8EAFF 320.4deg, #F4F9FF 360deg);
}
.wpr-offcanvas-header .wpr-close-offcanvas{
	padding: 24px !important;
  border-radius: 4px !important;
}
#site-header ,#site-footer{
	display:none;
}
@media screen and (min-width:1024px) and (max-width:1200px){
	 .header-btn{
		display:none;
	}
	.wpr-sub-mega-menu.wpr-animate-sub{
		width:715px !important;
	}
}
/* header-border-postion */
.elementor-6805 .elementor-element.elementor-element-24cad3b:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after,.elementor-11 .elementor-element.elementor-element-24cad3b:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after {
    transform: translateY(17px) !important;
}
/* .elementor-element-80d4476,.elementor-element-6246c8a{
	background:transparent !important;
} */
.boost-your-bg{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #0030BB 0deg, #000000 127.8deg, #0030BB 360deg);
}
p{
    margin-block-end: 0 !important;
}
.project-footer-g{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #1350FF 0deg, #001A63 127.8deg, #1350FF 360deg);
}
.shedule-call{
	background:conic-gradient(from -51.45deg at 0% 0.02%, #0030BB 0deg, #000000 127.8deg, #0030BB 360deg);
}
.light-g{
	background:var(--light-g);
}
a{
	text-decoration: none !important;
}
.ai-ctm-btn a{
	border: 1px solid;
    border-image-source: linear-gradient(90deg, rgba(63, 113, 255, 0.2) -0.02%, rgba(81, 114, 255, 0.2) 37.99%, rgba(106, 115, 255, 0.2) 100%);
    border-image-slice: 1;
    border-radius: 4px;
    position: relative;
	background: linear-gradient(90deg, #1350FF 0%, #D900FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.txt-g{
	background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* .wpr-nav-menu-container ul li a:hover{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #1350ff 0deg, #001a63 127.8deg, #1350ff 360deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.hedaer-card-bg:hover{
	background: var(--light-g);
}
.hedaer-card-bg:hover .header-vect-1,.hedaer-card-bg-indus:hover .header-vect-1{
	display:none;
}
.hedaer-card-bg:hover .header-vect-2,.hedaer-card-bg-indus:hover .header-vect-2{
	display:block;
}
.hedaer-card-bg .header-vect-2,.hedaer-card-bg-indus .header-vect-2{
	display:none;
}

.hedaer-card-bg:hover .header-pop-text p,.hedaer-card-bg-indus:hover .header-pop-text p{
	background: var(--header-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hedaer-card-bg .header-pop-text p,.hedaer-card-bg-indus .header-pop-text p{
	position:relative;
}
.hedaer-card-bg .header-pop-text p:after{
    content: "";
    position: absolute;
    width: 0px;
    height: 33px;
    background: url(https://codetheorem.co/app/assets-v2/svg/manu-drop-arrow.svg) center/100% no-repeat;
    transition: 0.3s;
	
}
.hedaer-card-bg:hover .header-pop-text p:after{
	width: 37px;
    margin-left: 9px;
}
.social-links a:hover{
	background: conic-gradient(from 130.06deg at 50% 50.06%, #1350FF 0deg, #001A63 127.8deg, #1350FF 360deg);
}
/* .new-what-we:hover {
    box-shadow: 0px 0px 10px 0px #00000014 inset;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #1350FF 0%, #D900FF 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-radius: 4px;
} */
@media (min-width:1025px){
footer{
	position: sticky;
    bottom: 0;
    height: 88vh;
    z-index: 0;
}
	
/* .new-what-we:hover {
	transform: scale(1.05);
}
.new-what-we:hover h3{
	background: linear-gradient(90deg, #1350FF 0%, #D900FF 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.hover-icon {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: all 0.5s ease-out;
}
/* .new-what-we:hover .hover-icon {
    height: auto;
    opacity: 1;
    transform: translateY(-1px);
} */
}
.how-we-ai-effect:hover .ideate p{
	color:#1350FF !important;
	font-weight: 600;
}
.how-we-ai-effect:hover svg path{
	fill:#1350FF;
}
.border-gredient-slide {
    border: 1px solid;
    background: linear-gradient(180deg, rgba(255, 255, 255, .08) 14%, rgba(141, 141, 141, .08) 52.5%, rgba(0, 0, 0, 0) 100%);
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 65.7%);
    border-image-slice: 1;
    border-bottom: 0;
}
/* .saas-indus-animation:hover .saas-icon-1,.saas-indus-animation .saas-icon-2{
	display:none;
}
.saas-indus-animation:hover .saas-icon-2{
	display:block;
}
.saas-indus-animation .saas-icon-image {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.saas-indus-animation:hover .saas-icon-image {
	opacity: 1;
}

.saas-indus-animation:hover h3{
	background: conic-gradient(from 90deg at 0.53% 23.69%, #1350FF 0deg, #001A63 86.89deg, #1350FF 360deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.ctm-slider-testimonials a.carousel-arrow.carousel-prev {
    left: auto;
    right: 24px;
	margin-right:10px;
}

.ctm-slider-testimonials #premium-carousel-7c8e2e4 a ,.ctm-slider-testimonials #premium-carousel-4758393 a ,.ctm-slider-testimonials #premium-carousel-0c6475b a{
	position: absolute;
    top: 100%;
    margin-top: 40px;
	margin-right: 17px;
}
.ctm-slider-testimonials .premium-carousel-nav-fraction{
	text-align: start;
	font-family: Plus Jakarta Sans;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	padding-top:32px;
}
.ctm-bg-gradient a:hover{
	    background: conic-gradient(from 127.23deg at 50.4% 53.33%, rgb(19, 80, 255) 0deg, rgb(0, 26, 99) 127.8deg, rgb(19, 80, 255) 360deg);
}
.services-top-animation{
	background:var(--light-g);
}
.services-top-animation .service-anim-text .servie-h,.services-top-animation .icon-1{
	background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (min-width:1025px){
	.services-top-animation:hover{
		background: conic-gradient(from -51.45deg at 0% 0.02%, #1350FF 0deg, #001A63 127.8deg, #1350FF 360deg);
	}
	.services-top-animation:hover .service-anim-text .servie-h{
		-webkit-text-fill-color: #ffffff;
	}
	.services-top-animation .icon-2{
		opacity:0;
	}
	.services-top-animation:hover .icon-1{
		display:none;
	}
	.services-top-animation:hover .icon-2{
		opacity:1;
	}
	.services-top-animation:hover .service-txt-p{
		opacity:1;
		color:white;
	}
	.services-top-animation:hover .icon-2{
		transform:translatex(0px);
		transition:0.6s;
	}
	.services-top-animation .icon-2{
		transform:translatex(50px);
     transition:0.6s;
	}
	.services-top-animation:hover .service-anim-text{
		transform:translatey(0px);
		transition:0.6s;
	}

	.services-top-animation .service-txt-p{
		opacity:0;
	}
 /* solution hover large card */
	.solution-card-animation .mvp-one,.solution-card-animation:hover h3{
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease 0.1s,visibility 0s linear 0.1s;
	}
	.solution-card-animation:hover .mvp-one{
		opacity: 1;
		visibility: visible;
		transition: 
		opacity 0.3s ease 0.1s,
		visibility 0s linear 0.1s;
	}
	.solution-card-animation:hover .heading-mvp p{
		color:white !important;
	}
    .solution-card-animation:hover .mvp-p p{
		color:#E5E5E5 !important;
	}
	.solution-card-animation .solution-btn a{
		background:white !important;
		color:black !important;
	}
	.solution-card-animation:hover{
		background: conic-gradient(from -51.45deg at 0% 0.02%, #1350FF 0deg, #001A63 127.8deg, #1350FF 360deg);
		transition:0.3s; 
	}
	.solution-card-animation{
		transition:0.3s; 
	}
	.solution-card-animation:hover{
		width:135%;
		transition: width 0.3s ease 0.2s;
    }
}
.testimonial-white .wpr-sticky-section-no{
	background:white !important;
}
/* start flexible fixed : start */
.flexible-fixed-section:hover{
	background:var(--light-g);
	box-shadow: 30px 30px 50px 0px #00000029;
}
.flexible-fixed-section:hover h3{
	background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.flexible-fixed-section:hover .fixed-flexible-btn a{
	background-color:#1350FF !important;
}
.flexible-fixed-section:hover .fixed-flexible-btn a	span{
	color:white;
}
.flexible-fixed-section:hover .fixed-flexible-btn svg path{
	fill:white;
}
@media (max-width:767px){
	.why-bg-responsive{
		background:#FAFAFA;
	}
	.flexible-fixed-section:hover .fixed-flexible-btn a{
	   background-color:#1350FF !important;
   }
	.service-solution-d{
		background-color:#E8EEFF !important;
	}
}
.flexible-fixed-section:hover h3 .recommend-red{
    -webkit-text-fill-color: white;
}
.flex-solution{
	display:flex;
}
.recommend-red{
	font-family: Plus Jakarta Sans;
	font-weight: 600;
	font-size: 12px;
	line-height: 150%;
	padding:4px 8px;
	background-color:#E53535;
	border-radius:4px;
	color:white;
	height: fit-content;
    align-self: center;
    rotate: -5deg;
    margin-left: 11px;
}
@media (min-width:1025px){
	.flexible-fixed-section{
		height:62vh;
	}
}
/* start flexible fixed : end */
@media (min-width:1025px){
	.ai-card-animation:hover{
		background: conic-gradient(from -51.45deg at 0% 0.02%, #1350FF 0deg, #001A63 127.8deg, #1350FF 360deg);
	}
	.ai-card-animation:hover .service-anim-text .servie-h{
		color: #ffffff;
	}
	.ai-card-animation .icon-2{
		opacity:0;
	}
	.ai-card-animation:hover .icon-1{
		display:none;
	}
	.ai-card-animation:hover .icon-2{
		opacity:1;
	}
	.ai-card-animation:hover .service-txt-p{
		opacity:1;
		color:white;
	}
	.ai-card-animation:hover .icon-2{
		transform:translatex(0px);
	}
	.ai-card-animation .icon-2{
		transform:translatex(50px);
	}
	.ai-card-animation:hover .service-anim-text{
		transform:translatey(0px);
	}

	.ai-card-animation .service-txt-p{
		opacity:0;
	}
}
.blog-section:hover{
	background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ctm-fixed-slide .slick-dots li{
	background: white;
    border-radius: 4px;
    height: 6px !important;
    width: 14px !important;
}
.ctm-fixed-slide .slick-dots li i{
	font-size:0px;
}
.ctm-fixed-slide .slick-dots .slick-active{
	background-color:#1350FF;
	width:35px !important;
}
.form-btn button{
	width:100%
}
.case-studeies-show:hover h3{
	background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* mvp slider responsive :: start */
@media (max-width:767px){
    .cards-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      max-width: 100%;
    }
    .cards-wrapper {
      display: flex;
      transition: transform 0.5s ease-in-out;
      width: 100%;
    }
    .cards-container .e-con-full.solution-card-animation {
      flex-shrink: 0;
      width: 100%;
    }
    .slider-pagination {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 8px;
      z-index: 10;
    }
    .slider-dot {
      width: 14px;
      height: 6px;
      background: #E5E5E5;
      border-radius:4px;
      cursor: pointer;
      transition: background 0.3s;
    }
    .slider-dot.active {
      background: #1350FF;
      width: 35px;
    }
}
/* mvp slider responsive :: end */
.industries-card:hover{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #1350FF 0deg, #001A63 127.8deg, #1350FF 360deg);
}
.industries-card:hover .elementor-button-link{
	background-color:white !important;
	color:black;
}
.industries-card:hover .indus-icon-1,.industries-card .indus-icon-2{
	display:none;
}
.industries-card:hover .indus-icon-2{
	display:block;
}
@media (min-width:1025px){
	.sticky-form-ct{
		position:sticky;
		top:124px;
	}
}
.industries-testimonial p{
   color:white !important;
}
@media (min-width:767px){
	.ai-card-animation:hover h3{
		color:white;
	}
}
.home-page-clutch-slide .swiper-slide{
    filter: brightness(0.5);
}
.home-page-clutch-slide .swiper-slide-next{
	filter: brightness(1);
  transform: scale(1.2);
}
.home-page-clutch-slide .swiper-initialized.swiper-horizontal{
	padding:20px 0;
}
.solution-page-ux-card:hover .solution-1, .solution-page-ux-card .solution-2{
	display:none;
}
.solution-page-ux-card:hover .solution-2{
	display:block;
}
.solution-page-ux-card:hover {
	background: conic-gradient(from -51.45deg at 0% 0.02%, #1350FF 0deg, #001A63 127.8deg, #1350FF 360deg);
}
.solution-page-ux-card:hover h3,.solution-page-ux-card:hover p{
	color:white !important;
}

/* start :: design system animation */
.design-system-animation:hover{
	background:var(--light-g);
}
.design-system-animation:hover h3{
	background: var(--ai-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.design-system-animation:hover .vector-1,.design-system-animation .vector-2{
	display:none;
}
.design-system-animation:hover .vector-2{
	display:block;
}
/* End :: design system animation */
@media (min-width:1025px){
.what-we-sticky-animation-1,
.what-we-sticky-animation-2,
.what-we-sticky-animation-3,
.what-we-sticky-animation-4{
  position: sticky;
  transition: transform 0.3s ease-in-out;
}

.what-we-sticky-animation-1 {
  top: 127px;
}
.what-we-sticky-animation-2 {
  top: 193px;
}
.what-we-sticky-animation-3 {
  top: 260px;
}
.what-we-sticky-animation-4{
	top:312px;
	position:sticky;
}
}
/* Optional hover/scroll effect */

.hero-new-banner-g{
	background: linear-gradient(90deg, #CD50E9 0%, #412FFF 29.19%, #38A3E9 63.78%, #8624FF 100%),
linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25.53%, #FFFFFF 82.47%);
}
.new-ai-hero{
	background: linear-gradient(90deg, #1350FF 0%, #D900FF 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* .wo-grid {
    transition: opacity 0.1s ease; 
}
.sticky-active .wo-grid {
    opacity: 0;
} */
@media (max-width:1024px){
	.what-we-sticky-animation h3 {
		background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
}
@media (min-width:1025px){
	.wo-grid {
		padding-top:45px
	}
	.sticky-active h3 {
		background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
	.what-we-sticky-animation .icon-ai-2,.sticky-active .icon-ai-1{
		display:none;
	}
	.sticky-active .icon-ai-2{
		display:block;
	}
}
/* start ::: three scroll slider */
 @media screen and (min-width:1025px) {

	 body,
	 html {
		 margin: 0;
		 width: 100%;
		 height: 100%
	 }

	 .scroll_container {
		 height: 300vh ;
		 position: relative ;
		 width: 100%;
	 }

	 .horizontal_scroll {
		 position: absolute;
		 top: 0;
		 height: 100%;
		 width: 300vw;
		 display: flex;
		 will-change: transform;
		 flex-direction: row !important;
	 }

	 .scroll_contents {
		 height: 100%;
		 width: 100vw;
		 flex-shrink: 0;
	 }

	 .sticky_wrap {
		 overflow: hidden ;
		 position: sticky ;
		 top: 0 ;
		 height: 100vh ;
	 }
}
/* END ::: three scroll slider */
.sticky-head .ctm-header{
    background: white !important;
}

@media (min-width:1025px){
	.sticky-head{
		background: rgba(250, 250, 250, .85) !important;
		position:fixed;
		top:0;
		z-index:99;
		backdrop-filter: blur(10px);
	}
	.sticky-head .e-con-inner{
		padding-bottom:15px;
		padding-top:15px;
	}
	.case-studeies-show:hover img{
		transform: scale(1.1);
	}
	.case-studeies-show:hover img,.case-studeies-show img{
		transition: transform .4s ease-in-out;
	}
	.case-studeies-show .elementor-widget-image{
			overflow:hidden;
			border-radius:4px;
	}
}
.languges-icon-bg:hover{
	background:conic-gradient(from 169.65deg at 0 .02%,#f4f9ff 0deg,#d8eaff 320.4deg,#f4f9ff 360deg)
}


.about-animation {
    position: relative;
    overflow: hidden; /* keeps pseudo-element inside */
}
.text-animation-about{
	opacity:0;
}
.about-animation:hover .text-animation-about{
	opacity:1;
}
.about-animation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--font-g);
    height: 340px;
    width: 340px;
    transform: scale(0.8); /* start smaller */
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.about-animation:hover::before {
    transform: scale(1); /* zoom to full size */
    opacity: 1;
}
/* start ::: form-style */
.ctm-country-radius input{
    border-radius: 0px 6px 6px 0px !important;
    border-left:0px !important;
}
.code-radiues-contact .mf-input{
	 border-radius: 6px 0px 0px 6px !important;
}
/* End ::: form-style */

@media (max-width:767px){
	.career-first-heading{
		font-size:1.25rem;
	}
}
@media (max-width:1024px){
	.career-first-heading{
		font-size:2.25rem;
	}
}
@media (min-width:1025px){
	.career-first-heading{
		font-size:3.25rem;
	}
}
.career-first-heading{
	line-height:150%;
	color:#FFD627;
}
.fun-to-do-fitness{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #429104 0deg, #2C4908 127.8deg, #429104 360deg);
}
.fun-to-do-morning{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #048891 0deg, #082C49 127.8deg, #048891 360deg);
}
.fun-to-do-smile{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #910488 0deg, #250849 127.8deg, #910488 360deg);
}
.fun-to-do-mems{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #889104 0deg, #494508 127.8deg, #889104 360deg);
}
.fun-to-do-rest{
	background: conic-gradient(from -51.45deg at 0% 0.02%, #910442 0deg, #49082C 127.8deg, #910442 360deg);

}
.ctm-case-study-tab .e-n-tabs-heading{
	width: fit-content;
  border: 4px solid #E8EEFF;
  border-radius: 60px;
	padding: 0 20px;
	position: fixed;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 1;
  background: white;
  justify-self: center;
	display: flex;
}
.ctm-case-study-tab .e-n-tabs-heading button{
	margin:0 !important;
}
/* START ::: responsive header css */
.elementor-element-d8199ad{
	overflow-y: scroll;
  overflow-x: hidden;
}
/* END ::: responsive header css */
.new-ai-case-study-bg{
	background:linear-gradient(to bottom, #f4f9ff 0, #d8eaff 100%, #f4f9ff 100%, #fff 100vh, #fff 100%);
}
.case-study-icon-fix .elementor-icon-box-wrapper{
	align-items:flex-start !important;
}
.case-study-icon-fix .elementor-icon-box-wrapper svg{
	margin-top: 8px;
}


.case-study-bg-new{
	position:relative;
	background: white;
}
.case-study-bg-new::before{
	content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 1024px) {
    .case-study-bg-new::before {
        height: 100vh;
    }

}
@media screen and (min-width: 768px) and (max-width:1023px) {
    .case-study-bg-new::before {
        height: 75vh;
    }
	
}
@media screen and (min-width: 640px) and (max-width:767px) {
    .case-study-bg-new::before {
        height: 65vh;
    }
}
@media (max-width:639px) {
    .case-study-bg-new::before {
        height: 60vh;
    }
}
@media (max-width:767px){
	.m-none{
			display:none;
	}
}
@media and (min-width:768px) and (max-width:1024px){
	.t-none{
		display:none;
	}
}
.cematery-case-study::before {
    background: conic-gradient(from 169.65deg at 0% 0.02%, #F5F9FC 0deg, #D7EEFF 320.4deg, #F5F9FC 360deg);
}
.jaipuri-case-study::before{
	background: conic-gradient(from 169.65deg at 0% 0.02%, #F4F9FF 0deg, #D8EAFF 320.4deg, #F4F9FF 360deg) !important;
}
.emroll-hrms-study::before{
	background: conic-gradient(from 169.65deg at 0% 0.02%, #000000 0deg, #00122B 320.4deg, #000000 360deg) !important;
}
.ezycheck-case-study::before{
	background:linear-gradient(to bottom, #f4f9ff 0, #d8eaff 100%, #f4f9ff 100%, #fff 100vh, #fff 100%);
}
.scraping-case-study::before{
	background: conic-gradient(from 169.65deg at 0% 0.02%, rgb(250, 255, 253) 0deg, rgb(223, 251, 241) 320.4deg, rgb(250, 255, 253) 360deg);
}
.real-estate-case-study::before{
	background: conic-gradient(from 169.65deg at 0% 0.02%, #FFFBFA 0deg, #FBE7E1 320.4deg, #FFFBFA 360deg);
}
.socly-case-study::before{
	background: conic-gradient(from 169.65deg at 0% 0.02%, #F4F9FF 0deg, #D8EAFF 320.4deg, #F4F9FF 360deg);
}
.contenteum-case-study::before{
  background: conic-gradient(from 169.65deg at 0% 0.02%, rgb(245, 249, 252) 0deg, rgb(215, 238, 255) 320.4deg, rgb(245, 249, 252) 360deg);
}
.dropn-case-study::before{
	background: conic-gradient(from 169.65deg at 0% 0.02%, #F4F9FF 0deg, #D8E0FF 320.4deg, #F4F9FF 360deg);
}
.all-project-bg::before{
	background: conic-gradient(from 169.65deg at 0% 0.02%, #F4F9FF 0deg, #D8EAFF 320.4deg, #F4F9FF 360deg);
}

.elementor-widget-icon-list .elementor-icon-list-icon svg{
	margin:0 !important;
}

.case-study-list b,.elementor-widget-text-editor strong{
	color:black;
}
.case-study-industry .elementor-icon-box-wrapper{
	align-items:center;
}
@media (max-width:767px){
.case-study-industry .elementor-icon-box-title{
	padding-bottom:4px;
}
	.socly-shadow-border{
		box-shadow: 0px 2.48px 4.97px 0px #0000000F,0px 0px 2.48px 0px #0000000A;
	border: 1px solid #EEEEEE;
		border-radius:10px;
	}
}
@media (min-width:768px){
	.case-study-industry .elementor-icon-box-title{
	padding-bottom:8px;
}
	.project-sticky-section{
		position: sticky;
    top: 95px;
    height: 100%;
	}
}
.work-challenges:hover h2{
	background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.work-challenges:hover{
	background: conic-gradient(from 169.65deg at 0% 0.02%, #F4F9FF 0deg, #D8EAFF 320.4deg, #F4F9FF 360deg);

}
.work-challenges .chal-icon-2 ,.work-challenges:hover .chal-icon-1{
	display:none;
}
.work-challenges:hover .chal-icon-2{
	display:block;
}
.home-header .header-ctm ul li .wpr-active-menu-item{
	font-weight:bold !important;
}
.scraping-dog-sticky-section{
	box-shadow: 0px 4px 8px 0px #0000000F, 0px 0px 4px 0px #0000000A;
}
@media (min-width:1024px){
	.scraping-dog-sticky-section{
		position:sticky;
		top:84px;
	}
}
.b2b-olutions{
	background:var(--light-g);
}
.mf-main-response-wrap:not(.mf_pro_activated) .mf-response-msg{
	background:#00ff683d !important;
    border: 2px solid #1fa74b !important;
    border-radius: 4px;
}
.mf-main-response-wrap{
	border-radius:4px !important;
}
.mf-main-response-wrap p{
	font-family: 'Clash Display(500)';
color:#1fa74b !important;
}
.mf_select__indicators {
  position: relative;
	width:10px;
}
.mf_select__indicator {
	display:none !important;
}
.mf_select__indicators::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  mask: url(/wp-content/uploads/2025/09/dropdown-arrow-form.svg) center/12px no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  pointer-events: none; 
	width: 6px;
	background:black;
}
.elementor-element-f9044bc .mf_select__indicators::before{
	background: #8d98c6;
}






.ctm-blogs .wpr-grid-filters{
		border:4px solid #E8EEFF;
  	border-radius:60px;
	  width: max-content;
    position: fixed;
    bottom: 41px;
    z-index: 10;
    overflow: hidden;
    padding: 20px !important;
    background: white;
	  display:flex !important;
		left: 50%;
    transform: translateX(-50%);
		justify-content: center;
}
@media (max-width:767px){
	.ctm-blogs .wpr-grid-filters {
		padding: 16px !important;
	}
}
.ctm-blogs .wpr-grid-item-inner:hover a{
	background: var(--font-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ctm-blogs .wpr-grid-item-inner .wpr-grid-image-wrap{
 padding:24px;
	background:#FAFAFA;
}
.ctm-blogs .wpr-grid-item-inner:hover .wpr-grid-image-wrap{
 border-radius:4px;
 
  background: var(--light-g);
  -webkit-mask:
    linear-gradient(#ffffff00  0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;


}
.premium-search__query-wrap{
	background:#f8f8f8;
}
.ctm-blog-details-icon .elementor-icon{
	 position: relative;
  border-radius: 100%; 
  background: #fff;
  z-index: 1;
}
.ctm-blog-details-icon .elementor-icon::before{
	content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
    from 130.06deg at 50% 50.06%,
    #1350FF 0deg,
    #001A63 127.8deg,
    #1350FF 360deg
  );
  -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: -1;
}
.ctm-blog-details-icon .elementor-icon:hover svg{
	fill:white !important;
}
.ctm-blog-details-icon .elementor-icon:hover{
	background-color: #032483 !important;
}
/* toc list css */
.toc-list{
	  list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
}
@media (max-width:1024px){
	.toc-list{
		font-size:16px;
		gap: 16px;
	}
}
@media (min-width:1025px){
	.toc-list{
		font-size:18px;
		gap: 24px;
	}
}
.toc-list li a{
	color:#424242;
}
.toc-item.active a{
	color:#1350FF;
}
.toc-container{
	height: 400px;
  overflow-y: scroll;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #3f72ff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
}
/* blog details page add heading color space */
.ctm-blog-content-details h1,.ctm-blog-content-details h2,.ctm-blog-content-details h3,.ctm-blog-content-details h4,.ctm-blog-content-details h5,.ctm-blog-content-details h6{
	color:black;
	margin-top: 22px;
}
.ctm-blog-content-details img{
  margin: 20px 0;
}
.ctm-blog-content-details p{
	padding-bottom: 10px;
}
.blog-details-post .wpr-grid-pagination ,.blog-details-post .wpr-grid-filters{
	display:none !important;
}
.elementor-social-icons-wrapper:five-child{
	
}
.icon-sticky-in-blog-details{
	position: sticky;
  top: 90px;
  height: 269px;
  z-index: 10;
}
@media (min-width:1465px){
.icon-sticky-in-blog-details{
    transform: translateX(75px);
}
}
@media screen and (min-width: 1025px) and (max-width: 1464px) {
  .post-content-section-w {
    width: 90% !important;
  }
}
.footer-y-arrow ul li a span::after{
	content: "";
    position: absolute;
    width: 0;
    height: 27px;
    background: url(./wp-content/uploads/2025/09/arrow-red.svg) center / 100% no-repeat;
    transition: .3s;
	transform: translateX(10px);
}
.footer-y-arrow ul li a span:hover::after{
	width: 15px;
}
.footer-y-arrow ul li a span{
	position:relative;
}
.page-id-6469 #wpr-popup-id-10483{
	display:none !important;
}
.page-id-6469{
	overflow: auto !important;
}
.industries-section-image{
	position:relative;
}
.industries-section-image::before{
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.3s ease-in-out;
  z-index: 0;
	filter: brightness(0.5);
} 
.industries-section-image:hover::before {
  transform: scale(1.1);
}
.industries-section-image-1::before{
	background-image: url(/./wp-content/uploads/2025/07/Saasone.webp);
}
.industries-section-image-2::before{
	background-image: url(/./wp-content/uploads/2025/07/Healthcare.webp);
}
.industries-section-image-3::before{
	background-image: url(/./wp-content/uploads/2025/07/Edtech.webp);
}
.industries-section-image-4::before{
	background-image: url(/./wp-content/uploads/2025/07/Ecommerce.webp);
}
@media (max-width:1024px){
a[href*="https://www.s-sols.com/products/wordpress/accelerator?utm_source=usersite&utm_medium=banner&utm_campaign=free_lim_ver&utm_term=accel"]::before {
   content:'';
	 top:0;
	 bottom:0;
	 right:0;
	 left:0;
	 background: #000000;
   position: absolute;
}
}
a[href*="https://www.s-sols.com/products/wordpress/accelerator?utm_source=usersite&utm_medium=banner&utm_campaign=free_lim_ver&utm_term=accel"]{
	z-index:-9;
}