/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1747803944
Updated: 2025-05-21 05:05:44

*/

.et_pb_contact_form_container .et-pb-contact-message p:only-child {
	padding: 75px 10px 10px !important;
    color: #50B228 !important;
	font-weight:600;
    text-align: center!important;
    font-size: 20px!important;
    line-height: 1.5em!important;
	position:relative;
}
.et_pb_contact_form_container .et-pb-contact-message p:only-child::before {
  content: "";
  position: absolute;
  top: 10px;              
  left: 50%;             
  transform: translateX(-50%); 
  height: 60px;
  width: 60px;
  background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/08/Vector.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.et_pb_contact_form_container .et-pb-contact-message p,
.et_pb_contact_form_container .et-pb-contact-message ul li {
	color:#ff0000!important;
	padding:0!important;
}

.ctc-analytics.ht_ctc_padding{
	padding:13px!important;
}
.grecaptcha-badge {
	opacity: 0;
    visibility: hidden;
}
.service-page-service-list-wrapper{
	position:relative;
	overflow:hidden;
}
.service-page-service-list-wrapper:after {
position: absolute;
    content: " ";
    height: 100%;
	width:100%;
 background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/blurb.png);
	border-radius:10px;
    left: 5%;
    top: 5%;
    z-index: 0;
    opacity: 0.2;
}
.current-time-wrapper div div{
	width:100%!important;
	box-shadow:none!important;
}
.current-time-wrapper div div h3{
	color:#fff!important;
}
#product-list-themes .product-item img{
aspect-ratio: 1/1;
}

.service-number{
	position:absolute;
	content:" ";
    right:15px;
	top:15px;
	font-size:100px;
	 font-family: 'Bricolage Grotesque', sans-serif;	
	line-height:1em;
	font-weight:800;
	color:#b284db;
	z-index:0;
	opacity:0.1;
}





.related-project-section-wrap{
	padding:80px 0!important;
	background:#f7f3ff;
	margin-top:80px!important;
}
h2.category-title {
    font-size: 30px;
    text-transform: uppercase;
    color: #4637ae;
    margin-bottom: 10px;
}
/*================*/

.services-wrapper.service-list-wrapper .service-content:before{
	content:none;
}
.services-wrapper.service-list-wrapper .service-content h3{
	font-weight:400!important;
	font-style:italic;
	font-size:26px!important;
	line-height:1.4em;
	text-transform:capitalize;
	padding:0 0 5px;
	
}
.services-wrapper.service-list-wrapper .service-content h3:first-line{
	font-weight:700!important;
	font-style:normal;
	font-size:30px!important;
}
.services-wrapper.service-list-wrapper .service-content span {
    color: #222;
    border-bottom: 1px solid #222;
    font-size: 14px;
	line-height: 1.3em;
    display: inline-block;
    transition:all 0.3s ease-in-out;
}
.services-list:hover .service-content span {
	color:#fff;
	  border-bottom: 1px solid #fff;	
}
p.short-description{
	font-size:14px;
	line-height:1.4em;
	color:#686868;
	border:0!important;
	transition:all 0.3s ease-in-out;
}
.services-list:hover p.short-description{
		color:#fff;
}
.two-img-wrap.service-featured-img{
	height:250px;
}
/*============================PRODUCT-PAGE===========================*/
.product-category-group{
	margin-bottom:80px;
}
div#product-list-plugins,div#product-list-themes{
	    display: grid;
    grid-template-columns: repeat(3, calc((100% - 60px) / 3));
    gap: 50px 30px;
}
.product-item img{
	aspect-ratio:16/11;
	object-fit:cover;
	border-radius:10px;
	margin-bottom:-6px;
}
.product-subtitle {
    font-size: 15px;
    margin:15px 0 5px;
}
h2.product-title, .product-subtitle{
	text-align:center;
	line-height:1.2em;
}

.product-item:hover{
	transform:translateY(-20px)
}
.product-item:hover .product-image img{
	filter:grayscale(100%);
	opacity:0.7;
	transform:scale(1.2em);
}
 .product-item{
	transition:0.7s;
}
/*---------------------------------------*/

.project-slider-wrapper.project-product-img-slider-wrapper .swiper-slide.swiper-slide-active img, .project-slider-wrapper .swiper-slide.swiper-slide-active img, .project-slider-wrapper.project-product-img-slider-wrapper .swiper{
        height: 480px;
      }
.project-slider-wrapper.project-product-img-slider-wrapper .project-info p{
	-webkit-line-clamp: unset;
	overflow: visible;
	display: block;
	height: auto;
}

ul.wp-block-categories-list.wp-block-categories li a:hover{
	color:#3E3BAD;
}
.post-title-wrap h1.entry-title{
	text-transform:capitalize;
}
  


/*================SERVICES-DETAILS-PAGE-BLOG-POST=================*/
.swiper.related-blog-swiper img {
	aspect-ratio:4/3;
	object-fit:cover;
	border-radius:10px;
}
.swiper.related-blog-swiper .post-item h3 a{
	font-size:20px;
}
.swiper.related-blog-swiper .post-item h3{
	margin-top:10px;
}
.related-blog-posts h2, .related-projects-slider h2{
    font-weight: 600;
	margin-bottom:30px;
    text-transform: uppercase;
    font-size: 34px;
    color: #3E3BAD !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	    height: 10px;
    width: 10px;
}
.swiper-pagination-bullet-active{
	background:#3E3BAD;
}
blockquote{
	border-color:#732ec3!important;
	margin-top:50px;
}

.client-testimonial-wrap p{
	    font-size: 18px;
    color: #111;
	font-style:italic;
	font-weight:600;
    line-height: 1.3em;
	padding-top:10px;
}
.client-testimonial-wrap i{
	font-size:30px;
color:#732ec3!important;
}

ul.tech-stack-list{
    display: grid;
    grid-template-columns: repeat(6, calc((100% - 150px) / 6));
    gap:30px;
}
ul.tech-stack-list li.tech-item p{
	font-size:16px;
	color: #828282;
	text-align:center;
}
ul.tech-stack-list li.tech-item{
	margin:0 auto;
}
li.tech-item img{
	height:100px;	
	width:150px;
	object-fit:contain;
}
.technology-stack h4{
	font-size: 28px;
    text-transform: uppercase;
    color: #3e3bad;
	padding-bottom:20px;
}
.technology-stack{
	margin:50px 0;
}
/*============================RELATED-PROJECTS============================*/
.related-projects ul li, ul.tech-stack-list li{
	list-style:none;
}
.related-projects ul, ul.tech-stack-list{
	padding:0;
}
.related-projects-slider article.project-item a img{
	aspect-ratio:4/4;
	object-fit:cover;
	border-radius:10px;
	margin-bottom:-8px;
}
.related-projects-slider article.project-item{
	position:relative;
}
.related-projects-slider article.project-item a:before{
	position:absolute;
	content:" ";
	top:0;
	left:0;
	background: linear-gradient(180deg, #1634FF, #9828F6);
	opacity:0.3;
	z-index:0;
	height:100%;
	width:100%;
	border-radius:10px;
}
.related-projects-slider article.project-item h3{
	position: absolute;
	padding:20px;
    bottom: 0;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translateX(-50%);
    z-index: 9;
    color: #fff;
    font-size: 26px;
	line-height:1.2em;
    text-transform: capitalize;
}
p.project-category{	
    color: #fff;
    font-size: 12px;
	letter-spacing:1px;
    text-transform: uppercase;
}


.project-slider-wrapper .swiper-slide img {
    transition: .5s ease-in-out;
}
body{
	color:#686868!important;
}
.services-details-h h1.entry-title{
	text-transform:capitalize;
}
.et_pb_section.et_pb_section_0_tb_header.header-wrapper.et_pb_with_background.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.et-fixed-header-scrolled, body.error404 .et_pb_section.et_pb_section_0_tb_header.header-wrapper.et_pb_with_background.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu, body.single.single-project .et_pb_section.et_pb_section_0_tb_header.header-wrapper.et_pb_with_background.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu{
    background-color: #7615D0 !important; 
}
body.single.single-post, body.single.single-post div#page-container{
	overflow:visible!important;
}
.et_pb_column.blog-sticky-col{
	    position: sticky;
    top: 130px;
}
/*=========ABSOLUTE-CSS============*/
.services-section-row:before, .service-one .service-content:before , .service-two .service-content:before, .service-three .service-content:before, .project-section-wrapper .swiper-slide:before, .testimonials-img-wrap:after, .testimonials-img-wrap:before, .why-us-section-wrap:before, .vision-item-wrap-row:before, .vision-section-wrap:after, .footer-log-wrap-col:before, .banner-first-col:before, .banner-circle:before, .custom-width-project-wrap-row:before, .growth-section-row:before, .animation-col:before, .about-us-img:before, .about-us-img:after, .about-info-wrap:before, .contact-message-wrap-row:before, .testimonials-wrap-row:before, .services-testimonial-wrap:before, .services-testimonial-wrap:after, .services-testimonials-row-wrap:before, .service-page-testimonials-section-wrap:after, .service-heading-wrap:after{
	content: " ";
	position: absolute;
	background-repeat: no-repeat;
    background-size: contain;
}

/*=================BUTTON-COLOR=======================*/
a.btn-effect, .hustle-ui:not(.hustle-size--small).module_id_4 .hustle-layout a.hustle-button-cta, .et_pb_module.et_pb_blurb.schedule-call-btn.btn-effect.et_pb_blurb_position_left, .load-more-text-center button{
  background-image: linear-gradient(145deg, #7E18B1, #4637AE, #B118B1, #0D21D5);
  background-size: 300% 100%;
  background-position: 0% 50%;
  transition: background-position 0.4s ease-in-out;
  -webkit-transition: background-position 0.4s ease-in-out;
  -moz-transition: background-position 0.4s ease-in-out;
  -o-transition: background-position 0.4s ease-in-out;
}
a.btn-effect:hover, .hustle-ui:not(.hustle-size--small).module_id_4 .hustle-layout a.hustle-button-cta:hover, .et_pb_module.et_pb_blurb.schedule-call-btn.btn-effect.et_pb_blurb_position_left:hover, .load-more-text-center button:hover {
  background-position: 100% 50%;
}

/*===================HERO-BANNER-COUNTER===================*/
div.counter {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3em;
}
.hero-banner-counter-wrapper{
display:flex;	
	gap:30px;
}
.counter-item{
	width:170px;
}
.counter-item p{
	font-size:20px;
	color:#E3DBDB;
	font-weight:300;
	line-height:1.3em;	
}
/*==================SERVICES-SECTION-DESIGN==========================*/
.services-section-row:before{
    height: 180px;
    width: 180px;
right:0;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/one.png);
  animation: 43s linear 0s infinite normal none running edublink-rotate-y;
}
.services-section-row:before{
    top: 0;
} 

.mobile-web-service-box{
	margin-top:50px;
}
.swiper.related-blog-swiper .post-item h3 a{
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.services-wrapper a{
	width:100%;
}
    .services-wrapper {
        position: static;
        display: flex;
        gap: 30px;
        height: auto;
      }

      .services-list {
        position: relative;
        height: 480px;
        border-radius: 10px;
        padding: 20px;
		  border:1px solid #CBBFD3;
		  overflow:hidden;
      }

 .service-one .service-content:before , .service-two .service-content:before, .service-three .service-content:before{
	height: 120px;
	width: 120px;
	top: -40px;
	right: 0;
}
.service-one .service-content:before {
	height: 100px;
	width: 100px;
		background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/06/01.png");
}
.service-two .service-content:before {
		background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/06/02.png");
}
.service-three .service-content:before {
		background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/06/03.png");
}
    .hover-bg-wrapper {
      position: absolute;
      bottom:-2px;
      left: 0;
      width: 100%;
      height: 105%;
      display: flex;
      z-index: -1;
      pointer-events: none; 
      overflow: hidden;
	border-radius: 10px;
     
    }

    .hover-bg {
      width: 25%;
      height: 100%;
      transform: translateY(100%);
      transition: transform 0.5s ease;
    }


    .bg1 { background: #5956E9; transition-delay: 0s; }
    .bg2 { background:#5956E9; transition-delay: 0.1s; }
    .bg3 { background: #5956E9; transition-delay: 0.2s; }
    .bg4 { background: #5956E9; transition-delay: 0.3s; }

      .services-list:hover .hover-bg {
      transform: translateY(0);
    }


      .services-list:before {
      content: none;
    }


    .service-content {
      position: relative;
      z-index: 2;
    }

    .service-content h3 {
      color: #222;
      font-size: 30px;
		font-weight:700;
      margin-bottom: 0;
      transition: color 0.3s ease;
		line-height:1.2em;
    }
.service-content h3 span{
	font-size:26px;
	font-weight:500;
	font-style:italic;
	display:block;
	line-height:1.5em;
}
    /* Change text color on hover for readability */
      .services-list:hover .service-content h3 {
      color: white;
    }

    .tool-icon {
      height: 30px;
      width: 30px;
		object-fit:contain;
      margin-bottom: 10px;
      position: relative;
      z-index: 2;
      transition: filter 0.3s ease;
    }
     .services-list:hover .tool-icon {
      filter: brightness(0) invert(1);
    }

    .two-img-wrap {
      display: flex;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 1;
    }

    .bg-img,
    .side-img {
      animation: fadeLeft 1s ease-out forwards;
      opacity: 1;
      transform: translateX(0);
    }

    .bg-img {
      margin: 30px 0 0 -106px;
      animation-delay: 0.3s;
    }

    .side-img {
      animation-delay: 0.6s;
    }

    @keyframes fadeLeft {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
 
  
    

 * /*=================================end*/


.animation-col:before{
		    height: 160px;
    width: 160px;
    right: -100px;
	top:-100px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/05/Vector-1.png);
	    animation: floatG 24s ease-in-out infinite;
}

    /* Responsive scaling */
   @media (max-width: 768px) {
      .shape img {
        max-width: 15vw;
      }
    }

    @media (max-width: 480px) {
      .shape img {
        max-width: 20vw;
      }
    }

@keyframes edublink-rotate-y {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}
  .blob-container {
    display: grid;
    overflow: hidden;
    height: 150px;
  }

  .blob-container svg {
    width: 150px;
    height: 150px;
    filter: blur(5px);
  }

  .blob-container path {
    fill: url(#gradient);
  }


/*==============HEADER-DESIGN==============*/

.header-menu-wrap-col{
	display: flex;
    justify-content: end;
    gap: 25px;
    align-items: center;

}
.header-menu-wrap-col .et_pb_module.et_pb_menu{
	margin:0!important;
}
/*===========HERO-BANNER==============*/
Body{
	overflow-x:hidden;
}
span.yellow-text{
	color:#FFDE59!important;
}
.gradient-text {
	font-size:54px!important;
	font-weight:700!important;
	line-height:1.2em!important;
  background: linear-gradient(to right, #B118B1, #4637AE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-banner-character-img img{
	aspect-ratio:4/3;
	object-fit:contain;
}
.et_pb_number_counter.hero-banner-counter {
  opacity: 1;
  transition: none;
  animation-name: none;
  animation-duration: 0s;
}


/*==========PROJECTS-SECTION=============*/
.swiper-button-prev.project-swiper-btn i, .swiper-button-next.project-swiper-btn i{
	color:#3C3CAE;
}
.swiper-button-next.project-swiper-btn:hover i, .swiper-button-prev.project-swiper-btn:hover i{
	color:#fff;
}
.swiper-button-prev.project-swiper-btn{
	top:auto;
	bottom:0;
	left:auto;
	right:60px;
}
.swiper-button-next.project-swiper-btn{
	top:auto;
	bottom:0;
	right:0;
}
.project-slider-wrapper {
        position: relative;
        overflow: hidden;
      }
.project-slider-wrapper .project-info p{
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 4.6em;
}
      .project-slider-wrapper .swiper {
        overflow: visible;
      }
      .project-slider-wrapper .swiper-wrapper {
        position: relative; 
      }

      .project-slider-wrapper .swiper-slide img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 10px;
        transition: all 0.5 ease;
		margin:0 0 -6px;
      }
      .project-slider-wrapper .swiper-slide.swiper-slide-active {
        z-index: 3;
        margin-right: 80px;
      }

      .project-slider-wrapper .swiper-slide.swiper-slide-active img , .project-slider-wrapper .swiper{
        height: 540px;
      }
      .project-slider-wrapper .swiper-slide .project-info {
        position: absolute;
        bottom: 0;
        left: 100%;
        width: calc(100% + 150px);
        max-width: 600px;
        color: #222;
        border-radius: 12px;
        margin-left: 30px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-30px);
        z-index: 2;
      }
      .project-slider-wrapper .swiper-slide.swiper-slide-active .project-info {
        animation: slideInInfo 0.6s ease 0.5s forwards;
      }
      @keyframes slideInInfo {
        0% {
          opacity: 0;
          transform: translateY(100px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
          visibility: visible;
          pointer-events: auto;
        }
      }
      .project-slider-wrapper .project-info h3 {
     margin: 0!important;
  font-size: 30px;
	text-transform:capitalize;
	color:#3E3BAD;
	font-weight:700;
		  padding:0;
      }
.project-product-img-slider-wrapper .project-info h3{
	font-size:24px;
}
      .project-slider-wrapper .project-info p {
        font-size: 16px;
        margin: 10px 0;
      }
      .project-slider-wrapper .view-more {
          display: inline-block;
  padding: 10px 30px;
	    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 30px;
    font-size: 18px;
	margin:10px 0 0;
      }
  .project-slider-wrapper .swiper-slide .project-img-wrap{
	position:relative;
}

  .project-slider-wrapper .swiper-slide.swiper-slide-active .project-img-wrap:before{
	content:none;
}
  .project-slider-wrapper .swiper-slide .project-img-wrap:before{
	content: " ";
	height:100%;
	width:100%;
	position:absolute;
	background: linear-gradient(180deg, #1634FF, #9828F6);
	z-index:9; 
	left:0;
	top:0;
	opacity:0.3;
	border-radius:10px;
}
.custom-width-project-wrap-row:before{
	    height: 400px;
    width: 400px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/blurb.png);
    left: -200px;
    bottom:-50px;
    animation: 40s linear 0s infinite normal none running edublink-rotate-y;
}


/*============WHY-US-SECTION================*/
.why-us-bg-element-row .element-two {
	left:60%!important;
	}
.why-us-section-blurb .et_pb_blurb_content{
	margin:0;
}
.why-us-section-blurb .et_pb_blurb_container .et_pb_module_header{
	padding-bottom:15px;
}
    .why-us-section-blurb .et_pb_blurb_container .et_pb_module_header span {
      display: inline-block;
      position: relative;
      transition: color 0.3s ease;
    }

    .why-us-section-blurb .et_pb_blurb_container .et_pb_module_header span::after {
      content: '';
      position: absolute;
      width: 0%;
      height: 2px;
      left: 50%;
      bottom: -7px;
      background-color:#732EC3;
      transition: all 0.3s ease;
      transform: translateX(-50%);
    }

.why-us-section-blurb:hover .et_pb_module_header span{
	color:#732EC3;
}

.why-us-section-blurb:hover .et_pb_blurb_description{
		color:#732EC3;
}
.why-us-section-blurb .et_pb_blurb_content:hover .et_pb_blurb_container .et_pb_module_header span::after{
	 width: 70%;
}

/* .why-us-section-blurb{
	margin-left:80px;
}
 */
.schedule-call-btn{
	display:inline-block;
}

.schedule-call-btn .et_pb_blurb_content{
	display:flex;
	align-items:center;
	gap:10px;
	
	}
.schedule-call-btn h4.et_pb_module_header, .schedule-call-btn .et_pb_blurb_container{
	padding:0!important;
}
.schedule-call-btn .et_pb_main_blurb_image{
	margin:0!important;
}
.scan-blurb-wrap .et_pb_main_blurb_image{
	margin:0 0 15px!important;
}
.schedule-call-btn .et_pb_main_blurb_image img, .scan-blurb-wrap .et_pb_main_blurb_image img{
	animation:none!important;
	opacity:1!important;
}

.why-us-section-wrap:before{
    height: 500px;
    width: 100%;
    background-image: url('https://creatrixtechnologies.com/wp-content/uploads/2025/08/everest-group.webp');
	background-position:bottom right;
right:0;
   bottom:0;
	z-index:5;
}  


.why-us-section-wrap:after{
    position: absolute;
    content: " ";
    height: 500px;
    width: 500px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    left: 40%;
    top: 0;
    z-index: 0;
    opacity: 0.3;
	    animation: 30s linear 0s infinite normal none running edublink-rotate-y;
}

/*=============CREATRIX-VISION========*/
.vision-item-wrap-row:before{
    height: 400px;
    width: 400px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/05/bg-blurb.png);
	left: -200px;
    top: -190px;
	    animation: 40s linear 0s infinite normal none running edublink-rotate-y;
}
.vision-section-wrap:after{
    height: 160px;
    width: 160px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/vision-blob.png);
	left:30%;
    top: 0;
	    animation: 30s linear 0s infinite normal none running edublink-rotate-y;
}
.slide-content h3{
	font-size:28px;
	font-weight:700;
	color:#fff!important;
	text-transform:capitalize;
}
.custom-container-wrap {
  width: 100%;
  padding:0;
}

.container-slides {
  width: 100%;
}

.slides {
  display: flex;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
	padding:0!important;
}

.slide {
  list-style-type: none;
  height: 360px;
  width: 10%;
  overflow: hidden;
  transition: all 500ms linear;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
margin:3px;
border-radius:5px;
position:relative;
}

.slide.active-accordion:before{
	content: " ";
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#16068485;
	position:absolute;
}
.slide:before{
	content: " ";
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: linear-gradient(45deg, #5a1f83 0%, #4a37ae 100%);
	position:absolute;
	opacity:1;
}

.slide a.action {
  display: block;
  height: 100%;
  position: relative;
}
.slide a.action span {
  font-weight: 600;
  color: #fff;
  position: absolute;
  bottom: 30px;
	left:25%;
	font-size:50px;
  transition: all 0.3s ease;
}
.slide-content p{
	color:#DFDFDF!important;
	line-height:1.4em!important;
}

.active-accordion a.action span {
  left: auto;
  right: 20px;
}
.slide-content {
  display: block;
  padding: 30px 80px 30px 30px;
  color: #fff;
  position: absolute;
  bottom: 0;
	 opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none; 
}
.active-accordion  .slide-content {
  opacity: 1;
  pointer-events: auto;
	  transition-delay: 0.5s;
}
.active-accordion  {
  width: 80%;
} 

/*============TESTIMONIALS-DESIGN===============*/
.testimonials-wrap-row:before{
	    height: 180px;
    width: 180px;
    left: 30px;
    bottom: -80px;
	background-image:url("https://creatrixtechnologies.com/wp-content/uploads/2025/06/test-element.png");
		animation: edublink-rotate-y 30s normal infinite linear;
}
.testimonial-wrap {
    display: flex;
    gap: 40px;
}
.name-info-wrap{
	display:flex;
	gap:10px;
	margin:10px 0 0;
}
.testimonial-wrap img {
	border-radius:10px;
	aspect-ratio:1/1;
	object-fit:cover;
	height:90px;
}
p.testimonial-name strong{
	padding:0!important;
	color:#111!important;
	font-size:18px;
}
p.testimonial-name{
	font-size:14px;
	color:#686868!important;
	font-style:italic;
}
.testimonial-content {
    width: calc(80% - 20px); 
}
p.testimonial-text{
	color:#686868;	
}
.testimonials-section-wrap .swiper {
  width: 100%;
	max-height:385px;
  overflow: hidden;
  margin: 0 auto;
}
.testimonials-section-wrap .swiper.projectSwiper{
	position:relative;
}
.testimonial-text {
  font-size: 16px;
  line-height: 1.5; 
  margin: 0 0 10px;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
height: 4.6em; 
}
.testimonials-section-wrap .swiper-button-prev:after, .testimonials-section-wrap .swiper-rtl .swiper-button-next:after, .testimonials-section-wrap .swiper-button-next:after, .testimonials-section-wrap .swiper-rtl .swiper-button-prev:after,  .swiper-button-prev.project-swiper-btn:after, .swiper-button-next.project-swiper-btn:after{
	content:none!important;
}
.testimonials-section-wrap .swiper-button-next i, .testimonials-section-wrap .swiper-button-prev i{
		color:#3C3CAE;
	background:transparent;
	z-index:9;
		transform: rotate(0deg);
}
.testimonials-section-wrap .swiper-button-next , .testimonials-section-wrap .swiper-button-prev, .swiper-button-prev.project-swiper-btn, .swiper-button-next.project-swiper-btn{
	height:40px;
	width:40px;
	border:2px solid #3C3CAE;
	font-size:20px;
	border-radius:50%;
	background:#fff;
}
.testimonials-section-wrap .swiper-button-prev:hover, .testimonials-section-wrap .swiper-button-prev:focus, .testimonials-section-wrap .swiper-button-next:hover, .testimonials-section-wrap .swiper-button-next:focus, .swiper-button-prev.project-swiper-btn:hover, .swiper-button-prev.project-swiper-btn:focus, .swiper-button-next.project-swiper-btn:hover, .swiper-button-next.project-swiper-btn:focus{
  background: linear-gradient(to right, #B118B1, #4637AE);
border:transparent!important;
}
.testimonials-section-wrap .swiper-button-next:hover i, .testimonials-section-wrap .swiper-button-prev:hover i{
	color:#fff!important;
}

.testimonials-section-wrap .swiper-button-prev:hover i, .testimonials-section-wrap .swiper-button-prev:focus i, .testimonials-section-wrap .swiper-button-next:hover i, .testimonials-section-wrap .swiper-button-next:focus i, .swiper-button-prev.project-swiper-btn:hover i, .swiper-button-prev.project-swiper-btn:focus i, .swiper-button-next.project-swiper-btn:hover i, .swiper-button-next.project-swiper-btn:focus i{
	color:#fff;
}
.testimonials-section-wrap .swiper-button-prev{
	position:absolute;
left:auto;
	right:55px;
	top:auto;
	bottom:-40px!important;
	z-index:9!important;
}
.testimonials-section-wrap .swiper-button-next{
	position:absolute;
	right:0px;
	top:auto;
	bottom:-40px!important;
	z-index:9!important;
}
.testimonials-section-wrap .swiper-slide {
	height:100%!important;
  display: flex;
}

.testimonials-img-wrap:after, .testimonials-img-wrap:before{
	background-repeat:no-repeat;
	background-size:contain;
	z-index:9;
	animation: edublink-rotate-y 10s normal infinite linear;
}
.testimonials-img-wrap:after{
	height:40px;
	width:40px;
	left:-20px;
	top:100px;
	background-image:url("https://creatrixtechnologies.com/wp-content/uploads/2025/05/circle-1.png");
}
.testimonials-img-wrap:before{
	height:70px;
	width:70px;
	left:-30px;
	top:-30px;
	background-image:url("https://creatrixtechnologies.com/wp-content/uploads/2025/05/Vector.png");
}

/*==============FOOTER-DESIGN=================*/
.footer-log-wrap-col{
	position:relative;
}
.footer-log-wrap-col:before, .banner-first-col:before{
	height:60%;
	width:2px ;
	background:#FFDE59;
}
.footer-log-wrap-col:before{
	top:30px;
    right:30px;
}
.banner-first-col:before{
	top:15px;
	right:0;
}

/*==================BLOG-PAGE-DESIGN======================*/
.blog-page-blog-list-wrapper{
	    display: grid;
    grid-template-columns: repeat(3, calc((100% - 60px) / 3));
    gap: 60px 30px;
	overflow:hidden;
}
.blog-page-blog-list-wrapper .article-wrap, .services-related-blog-list-wrapper article{
		padding-right:50px;
	position:relative;
}
.blog-page-blog-list-wrapper.isotope-container article {
    position: static !important; 
}
.filter-dropdown {
    display: flex;
		flex-wrap:wrap;
	align-items:center;
	justify-content:end;
    margin-bottom: 50px;
    gap: 20px;
}
.filter-dropdown p{
	font-size: 18px;
    color: #111;
		font-weight:600;
}
select#categoryFilter{
	padding:10px;
	border-radius:5px;
	border:1px solid #d2d2d2;
	font-size:16px;

}

.blog-page-blog-list-wrapper article img{
	aspect-ratio:4/4;
	object-fit:cover;
	border-radius:8px;
}
.blog-page-blog-list-wrapper article .post-meta, .services-related-blog-list-wrapper article .post-meta{
	    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    top: 60px;
    right:-5px;
    -webkit-transform: rotate(-90deg) translateX(-50%) translateY(100%);
    -ms-transform: rotate(-90deg) translateX(-50%) translateY(100%);
    transform: rotate(-90deg) translateX(-50%) translateY(100%);
    opacity: .7;
}
.blog-page-blog-list-wrapper article .post-meta:after, .services-related-blog-list-wrapper article .post-meta:after{
	    content: '';
    position: absolute;
    top: 50%;
    right: -70px;
    width: 50px;
    border-bottom: 1px solid #cecece;
}
.post-item h2 a, .post-item h2{
	font-size:24px;
	line-height:1.3em;
	margin-top:20px;
}
.blog-page-blog-list-wrapper.isotope-container {
    height: 100% !important;
}
.blog-page-blog-list-wrapper article  a.read-more-btn, body.archive .search-result-wrap article div.post-content a.more-link, body.search .search-result-wrap article div.post-content a.more-link, .project-info-url a.website-link-btn, .related-blog-posts a.read-more-btn{
  margin-top: 10px!important;
    display: inline-block!important;
    font-weight: 600!important;
    color: #111!important;
    padding: 0!important;
	font-size:14px!important;
	letter-spacing:1px!important;
    border-bottom: 2px solid #111!important;
	text-transform:uppercase;
transition: color 0.5s ease-in-out, border-bottom 0.5s ease-in-out;
}
.blog-page-blog-list-wrapper article  a.read-more-btn:hover, body.archive .search-result-wrap article div.post-content a.more-link:hover, body.search .search-result-wrap article div.post-content a.more-link:hover, .project-info-url a.website-link-btn:hover, .related-blog-posts a.read-more-btn:hover{
	color:#3E3BAD!important;
	 border-bottom: 2px solid #3E3BAD!important;
}
.excerpt p, .project-slider-wrapper .project-info h3, p.short-description{
  display: -webkit-box;
  -webkit-line-clamp: 2;      
  -webkit-box-orient: vertical;
  overflow: hidden;
}
  
.pagination span, .pagination a{
	padding:8px 15px;
	border-radius:5px;
	border:1px solid #7336EE;
	font-weight:600;
	color:#7336EE;
}
span.page-numbers.current{
    background: #7336EE;
    color: #fff;
}
.blog-list-wrap-row .pagination{
	display:flex;
	gap:8px;
	justify-content:center;
	margin-top:60px;
	background:#fff;
}
.blog-sidebar-wrap.et_pb_widget_area{
	padding:0;
	border:0;
} 
div#block-8{
	margin-bottom:30px;
}
div#block-7, div#block-3{
	margin:0;
}

.blog-sidebar-wrap h2.wp-block-heading {
    text-transform: uppercase;
    font-size: 22px;
	color: #3E3BAD;
	 padding:0;
	 margin-bottom:15px;
}
input#wp-block-search__input-1, input#wp-block-search__input-2{
	height:auto!important;
		font-size:16px;
	padding:12px 55px 12px 12px;
	border-radius:10px;
	border:1px solid #7336EE;
}
form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search, div#block-2, div#block-8, div#block-7, div#block-3{
	width:100%;
}
time.wp-block-latest-posts__post-date {
	font-size:14px;
}
.et_pb_module.et_pb_search.et_pb_search_0.blog-search-wrap.et_pb_text_align_left.et_pb_bg_layout_light input.et_pb_s{
	padding:20px!important;
}

.blog-sidebar-wrap button.wp-block-search__button.wp-element-button:before{
content: " ";
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/search.png);
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.blog-sidebar-wrap .et_pb_widget .wp-block-search__button {
    cursor: pointer;
    font-size: 0;
    background: #7336EE;
    padding: 21px 23px;
    height: 40px;
    border-radius: 10px;
   	border:1px solid #7336EE;
}
.wp-block-latest-posts__featured-image img{
	aspect-ratio:16/9;
	object-fit:cover;
	border-radius:6px;
}
a.wp-block-latest-posts__post-title{
	font-size:22px;
	color:#383838!important;
	font-weight:600;
	display:block!important;
	margin-bottom:5px;
	overflow:hidden;
}
div#block-3 a.wp-block-latest-posts__post-title{
	font-size:18px;
	line-height:1.3em;
}
ul.wp-block-categories-list.wp-block-categories li a{
	font-size:16px;
	font-weight:600;
	color:#222;
	transition:color 0.3 ease-in-out;
}
ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li, div#block-10{
	margin-bottom:30px;
}
 a.wp-block-latest-posts__post-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; 
	
}
.category-des-wrap p{
	  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; 
}
/*================SEARCH-RESULT=================*/
.search-result-wrap .post-content-inner, .search-result-wrap .et_pb_post .entry-featured-image-url{
	margin-bottom:10px;
}
.search-result-wrap .et_pb_image_container{
	margin:0!important;
}
.search-result-wrap article{
	position:relative;
	padding:0 50px 0 10px!important;
}
.search-result-wrap article span.published{
	    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    top: 60px;
    right: -5px;
    -webkit-transform: rotate(-90deg) translateX(-50%) translateY(100%);
    -ms-transform: rotate(-90deg) translateX(-50%) translateY(100%);
    transform: rotate(-90deg) translateX(-50%) translateY(100%);
    opacity: .7;
}
.search-result-wrap article span.published:after{
	    content: '';
    position: absolute;
    top: 50%;
    right: -70px;
    width: 50px;
    border-bottom: 1px solid #cecece;
}
/*=============SINGLE-PAGE=====================*/
/* ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li {
    gap: 0 10px;
    display: grid;
     grid-template-columns: calc(30% - 5px) calc(70% - 5px);
	align-items:center;
} */
.post-content-title-wrap .et_pb_title_container{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column-reverse;
	gap:10px;
}
ul.post-tags-wrap{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
ul.post-tags-wrap li a{
    border-radius: 30px;
    background:#f5ebff;
    padding: 10px 15px;
    font-size: 12px;
	color:#7615d0;
	line-height:1.2em;
    display: inline-flex;
    transition: .3s ease-in-out;
	text-transform:capitalize;
}
h3.share-title, h3.tags-heading{
	font-size:22px;
	color:#111;
}

	.social-sharing a {
    font-size: 20px;
    color: #111;
    padding-right:20px;
    transition: color 0.3s ease;
}
.social-sharing a:hover{
	color:#7615d0;
}
a.blog-cta-btn{
	padding:8px 20px;
	display:inline-block;
	background:#fff;
	border-radius:30px;
	color:#6434A4;
	margin-top:25px;
	transition:background 0.3s ease-in-out;
}
a.blog-cta-btn:hover{
	background:#ffc444!important;
}
.single-blog-image img, .post-content-wrapper img, .post-content-title-wrap img{
	aspect-ratio:16/9;
	width:100%;
	object-fit:cover;
	border-radius:8px;
	margin:5px 0;
}
.post-content-wrapper ul.wp-block-list{
	list-style:none;
	padding:0 0 10px 30px;
}
.post-content-wrapper ul.wp-block-list li{
	position:relative;
	margin:10px 0;
}
.post-content-wrapper ul.wp-block-list li:before{
    content: " ";
    position: absolute;
    top: 5px;
    left: -30px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/points.png);
    height: 15px;
    width: 15px;
	opacity:0.8;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.blog-page-banner-section-wrap{
background-image:linear-gradient(180deg,#7615d0 5%,#6711c0 15%,rgba(106,154,222,1) 35%,#6bd5eb 45%,rgba(167,230,243,1) 55%,#ffffff 100%)!important;
}
/*========================SERVICES-PAGE=================================*/
.services-testimonials-row-wrap:before{
    height: 150px;
    width: 150px;
    left: 20%;
    top: -100px;
    background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/06/test-element.png");
	animation:30s linear 0s infinite normal none running edublink-rotate-y;
}

.service-page-testimonials-section-wrap:after{
    height: 300px;
	width:300px;
    right: -10%;
    top:0;
    background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/05/bg-blurb.png");
	animation:30s linear 0s infinite normal none running edublink-rotate-y;
}
.services-testimonial-wrap{
	padding:90px 30px 30px 30px;
	background-image:linear-gradient(145deg, #414290, #7a2884);
	border-radius:10px;
	position:relative;
}
.services-testimonial-wrap:before{
	    z-index: 0;
	height: 50px;
    width: 50px;
  left:30px;
    top: 30px;
    background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/06/quote.png");
	opacity:0.5;
}
.services-testimonial-wrap:after{
	z-index: 0;
	height: 70px;
    width: 70px;
  right:20px;
    bottom: 30px;	
    background-image: url("https://creatrixtechnologies.com/wp-content/uploads/2025/06/white-logo.png");
	opacity:0.5;
}
p.services-testimonial-text{
	color:#FFFFFF;
	font-weight:400;
}
.profile-img-wrap img{
	height:60px;
	width:80px;
	border-radius:5px;
	object-fit:cover;
}
.user-logo-wrap img{
		height:60px;
	width:80px;
	object-fit:contain;
}
.profile-img-wrap{
	display:flex;
	gap:20px;
	align-items:center;
	margin:30px 0 0;
}
p.services-testimonial-name .position{
	color:#E4E4E4;
	font-size:15px;
	font-style:italic;
}
p.services-testimonial-name strong{
	color:#fff;
}
.testimonial-list-container {
  column-count: 3;
  column-gap: 30px;
}
.services-testimonial-wrap {
  break-inside: avoid;
  margin-bottom: 30px;
  border-radius: 8px;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
/*=======================SERVICE-DETAILS-PAGE===================*/
.workflow-container {
	  display: grid;
    gap: 50px;
    grid-template-columns: calc(50% - 25px) calc(50% - 25px);
    align-items: center;
}
.workflow-image{
	padding-right:40px;
}
.workflow-step {
  position: relative;
  padding-left: 105px;
  padding-bottom: 35px;
}

.workflow-container .number {
  left: 0;
  top: 56px;
  width: 40px;
  height: 40px;
  position: absolute;
  background-color: #e9ebf1;
  color: #a5a5a5;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.workflow-step hr {
  opacity: 0.2;
}

.step-details h3 {
  font-size: 30px;
  transition: color 0.3s ease;
}

.step-details img {
  height: 40px;
  width: 40px;
  object-fit: contain;
  opacity: 0.5;
  margin-bottom: 10px;
}

.step-details {
  margin-bottom: 30px;
}

.step-details p {
  color: #737373;
}

.workflow-step:before {
  top: 0;
  bottom: 0;
  width: 1px;
  left: 20px;
  content: "";
  position: absolute;
  background: #e9ebf1;
  margin-top: 104px;
  margin-bottom: -40px;
  transition: background 0.3s ease;
}

.workflow-step:last-child::before {
  margin-bottom: 0;
}

.workflow-step:hover:before {
  background: #8a4fff;
}

.workflow-step:hover .number {
  color: #fff;
  background: #8a4fff;
}

.workflow-step:hover h3 {
  color: #8a4fff;
}
.workflow-image img{
	aspect-ratio:4/4;
	object-fit:cover;
	border-radius:10px;
	width:100%;
}
.workflow-image h2{
	font-size:44px;
	margin-bottom:20px;
	text-transform:uppercase;
	color:#111;
}

.service-featured-img-wrap img{
	aspect-ratio:16/9;
	object-fit:cover;
}
.service-cta-img img{
	aspect-ratio:16/9;
	object-fit:contain;
	width:100%!important;
}
.service-cta-img span.et_pb_image_wrap{
	width:100%;
}
.service-cta-first-col{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
/*=========================PORTFOLIO-PAGE-DESIGN==========================*/
.project-list-wrap .project-item {
    display: grid !important;
    grid-template-columns: 
        calc((100% - 60px) * 0.25) 
        calc((100% - 60px) * 0.40) 
        calc((100% - 60px) * 0.35);
    gap: 30px;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 40px 0;
	   opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
    transition: opacity 0.5s ease, height 0.5s ease;
}
.project-img-wrap a img{
  aspect-ratio:4/3;
  object-fit: cover;
	border-radius:10px;
  height: auto; 
	width:100%;
  display: block;
}
.project-item.hidden-item {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    padding: 0;
    border: none;
}
.project-item.visible-item {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
    pointer-events: auto;
    padding: 40px 0;
    border-bottom: 1px solid #eee;
}
.project-list-wrap .project-img-wrap {
  position: relative;
  overflow: hidden;
}
.load-more-text-center {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.load-more-text-center button{
	    border: 0;
    padding: 12px 25px;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
	font-weight:500;
}
.load-more-text-center button i{
	margin-right:5px;
}
.project-list-wrap .project-img-wrap:before {
  content: "\f062"; 
  font-family: "Font Awesome 6 Free"; 
  font-weight: 700; 
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background: #7615d0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg) scale(0.9); 
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px; 
  color: #fff;
  opacity: 0;
  transition: 
    opacity 0.3s ease-in-out,
    transform 0.3s ease-in-out; 
	pointer-events:none;
}
.project-list-wrap .project-item:hover .project-img-wrap:before {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg) scale(1); 
}
.project-item:hover span.project-number{
	    background-color: #7615d0;
    color: #ffffff;
}
.project-categories span.category, .project-categories-wrap span{
 color: #2c2c2c;
    padding: 8px 15px;
    border: 1px solid #e7e7e7;
    display: inline-block;
    border-radius: 30px;
    font-size: 14px;
	line-height:1.2em;
}
.project-categories, .project-categories-wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.category-des-wrap p{
	margin-bottom:10px;
	line-height:1.3em;
}
.project-title{
	padding-left:80px;
	position:relative;
}
span.project-number{
	position:absolute;
	top: 50%;
    left: 0;
    transform: translateY(-50%);
  width: 50px;
  height: 50px;
  position: absolute;
  background-color: #e9ebf1;
  color: #a5a5a5;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.project-title h2{
	font-size:32px;
	text-transform:capitalize;
	line-height:1.3em;
	padding:0;
}

/*================= PORTFOLIO-DETAILS-PAGE==========================*/
.projects-featured-img-wrap.et_pb_featured_bg:before {
    content: " ";
    background: #000000c4;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.projects-featured-img-wrap h1.entry-title{
	text-transform:capitalize;
}
.project-details {
    display: grid;
    grid-template-columns: calc(30% - 15px) calc(70% - 15px);
    gap: 30px;
	padding:0 0 50px;
}
.project-overview h2{
	font-size:44px;
	text-transform:capitalize;
}
.project-info-url a.website-link-btn{
	margin:20px 0 30px!important;
}

/*====================HOME-PAGE-POP-UP=====================*/
.hustle-layout .hustle-button-cta { border-radius:30px; font-weight:600!important; }
.hustle-ui:not(.hustle-size--small) .hustle-info.hustle-info--compact .hustle-layout { flex-direction:row-reverse!important; border-radius:10px; } 
.hustle-ui:not(.hustle-size--small).module_id_4 .hustle-layout .hustle-content .hustle-content-wrap{ padding:0!important;}
.hustle-ui:not(.hustle-size--small).module_id_4 .hustle-layout .hustle-content{ padding:100px 30px!important;}
.hustle-ui.module_id_4 .hustle-layout .hustle-content{
	  background-image: linear-gradient(180deg,#7615d0 0%,#6711c0 20%,rgba(106,154,222,1) 60%,#6bd5eb 70%,rgba(167,230,243,1) 90%)!important;
}

.hustle-ui:not(.hustle-size--small).module_id_4 .hustle-layout .hustle-title, .hustle-ui:not(.hustle-size--small).module_id_4 .hustle-layout .hustle-subtitle, .hustle-ui.module_id_4 .hustle-layout .hustle-group-content p{
	color:#fff!important;
}
@media(max-width:782px){
	.hustle-ui:not(.hustle-size--small).module_id_4 .hustle-layout .hustle-content{ padding:60px 20px!important;}
	.hustle-ui.module_id_4 .hustle-layout .hustle-image img{
		object-position:center center!important;
	}
}
/*===========================ABOUT-US-PAGE====================*/

.et_pb_module.et_pb_image.et_pb_image_4.vision-img-row span.et_pb_image_wrap{
	position:relative;
}

.et_pb_module.et_pb_image.et_pb_image_4.vision-img-row span.et_pb_image_wrap:before{
	    content: '';
    position: absolute;
    left:23%;
    top: 0;
    border-radius: 2px;
    width: 8px;
    height: 130px;
    background: #3E3BAD;
}

.about-us-vision-col .vision-two-img span.et_pb_image_wrap{
	    position: absolute;
    right: -100px;
    bottom: -50px;
    z-index: 9;
}
.et_pb_module.vision-two-img {
    margin: 0!important;
}
 .et_pb_number_counter.About-us-page-counter .percent{
	height:auto!important;
}

.about-us-img img, .vision-image img{
	aspect-ratio:16/9;
	object-fit:cover;
}
.forground-content img{
	height:80px;
	width:80px;
}
.forground-content ul, ul.post-tags-wrap{
	list-style:none!important;
	padding:0!important;
}
.forground-content ul{
	margin:5px 0 20px;
}
.service-list-wrapper{
	    display: grid;
    grid-template-columns: repeat(3, calc((100% - 60px) / 3));
    gap: 30px;
}
.services-item {
    padding: 30px;
    border-radius: 15px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
.service-list-wrapper .services-item:nth-child(2) {
 margin-top:30px;
}
.forground-content ul li,
.forground-content h4,
.forground-content a {
    transition: color 0.3s ease;
}
.forground-content ul li {
    font-size: 18px;
	line-height:1.6em;
    color: #585858;
    margin-bottom: 10px;
}
.forground-content h4 {
    font-size: 24px;
    color: #111111;
    font-weight: 700;
	padding:10px 0 5px;
    text-transform: uppercase;
}
.forground-content a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
	letter-spacing:1px;
    color: #3E3BAD;
    padding: 0 0 3px;
    border-bottom: 2px solid #3E3BAD;
    transition: color 0.3s ease, border-bottom-color 0.3s ease;
}
.services-item:hover .forground-content h4,
.services-item:hover .forground-content ul li,
.services-item:hover .forground-content a {
    color: #fff;
}
.services-item:hover a {
    border-bottom: 2px solid #fff;
}
    .services-item {
      position: relative;
      z-index: 1;
      overflow: hidden;
      transition: color 0.3s ease;
    }
    .services-item:hover .hover-bg {
      transform: translateY(0);
    }
   .services-item:hover .forground-content img{
	filter: brightness(0) invert(1);
}
.about-us-img:before{
    z-index: 0;
	height: 80px;
    width: 80px;
    right: -30px;
    top: -30px;
	animation: edublink-rotate-y 10s normal infinite linear;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/05/Vector.png);

}
.about-us-img:after{
	    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/circle.png);
    z-index: -1;
    height: 80px;
    width: 80px;
    left: -30px;
    bottom: -30px;
    animation: edublink-rotate-y 10s normal infinite linear;
}
.about-info-wrap:before{
    height: 300px;
    width: 300px;
    right: -200px;
	bottom:-100px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/blurb.png);
    animation: 43s linear 0s infinite normal none running edublink-rotate-y;
}
/*=====================CONTACT-PAGE=============*/
.contact-number-blurb, .contact-email-blurb{
	 display:inline-block!important;
}
.contact-email-blurb{
	margin-left:80px;
}
.et_pb_module.contact-email-blurb .et_pb_blurb_content{
	max-width:auto!important;
	width:auto!important;
}
.qr-contact-info-blurb .et_pb_main_blurb_image{
height:100px!important;
	width:100px!important;
	margin:0!important;
}
.banner-circle:before{
    z-index: 0;
    animation: floatA 18s ease-in-out infinite;
	    height: 60px;
    width: 60px;
    left: -20px;
    top: -70px;
    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/06/2.png);

}
.contact-page-blurb .et_pb_main_blurb_image{
	margin-bottom:20px;
}
.contact-message-wrap-row:before{
	    background-image: url(https://creatrixtechnologies.com/wp-content/uploads/2025/05/bg-blurb.png);
    z-index: 0;
	    height: 200px;
    width: 200px;
    left:-100px;
    bottom: -100px;
    animation: edublink-rotate-y 40s normal infinite linear;
}
a.header-cta-btn.active{
	background-color:#ffc444!important;
	
}
/*=============404-PAGE===================*/
.four-zero-four-section-wrap{
	display:flex;
	align-items:center;
}

/*===========RESPONSIVE-DESIGN===============*/

@media(min-width:1900px){	
.why-us-section-wrap .et_pb_row.et_pb_row_6.why-us-bg-element-row{
        right: -10% !important;
        top: 60% !important;  
}
/* 	.et_pb_module.scan-blurb-wrap{
	margin-right:200px;
} */
	.why-us-section-wrap:before {
    right: 10%;
}
}

@media(max-width:1600px){
	    .element-three {
        top: 80px !important;
        left: 8% !important;
			width:40px!important;
    }
		.element-one{
		left:25%!important;
		bottom:50px!important;
			width:60px!important;
	}
		.why-us-bg-element-row .element-two{
		top:0!important;
		left:70%!important;
		width:40px!important;
	}

}
@media(max-width:1440px){
.why-us-section-wrap .et_pb_row.et_pb_row_6.why-us-bg-element-row{
	right:-27%!important;
	top:30%!important;
}
	.heading-one h1{
		font-size:56px!important;
	}
	div.counter{
		font-size:40px;
	}

}
@media(max-width:1300px){
	.heading-one h1{
		font-size:44px!important;
		padding:0!important;
	}
	.banner-yellow-text p{
		font-size:34px!important;
	}
	.hero-banner-counter span.percent-value{
		font-size:40px!important;
	}
		.hero-banner-counter h3.title{
		font-size:20px!important;
	}
	.gradient-text {
		font-size:44px!important;
	}
	.banner-first-col {
		padding-right:30px!important;
	}
	    .heading-two{
			font-size:38px!important;
	}
	h3.heading-three{
			font-size:34px!important;
	}
		
	.why-us-section-wrap:before{
		right:-10%;
		bottom: -10%;
	}  
	.active-accordion a.action span {
		right:28px;
	}
	.slide a.action span{
		font-size:44px;
	}

}
@media(max-width:1199px){
	    .scan-blurb-wrap {
        margin: 100px 80px 0 0;
    }
	.two-img-wrap.service-featured-img {
    height: 230px;
	}
	.services-wrapper.service-list-wrapper .service-content h3{
		font-size:22px!important;
	}
	.project-title{
		padding:0;
	}
	span.project-number {
		top:-60px;
	}
	.workflow-container {
    align-items: flex-start;
}
	.workflow-image h2{
		font-size:36px;
	}
	.step-details h3{
    font-size: 26px;
	}
		.services-wrapper.service-list-wrapper .service-content h3:first-line{
    font-size: 26px!important;
	}
	
	ul.tech-stack-list{
    grid-template-columns: repeat(5, calc((100% - 120px) / 5));
}

	.post-item h2 a, .post-item h2, .service-content h3 span {
		font-size:22px;
	}
	.services-testimonial-wrap{
		padding:90px 20px 20px 20px;
	}
	.project-slider-wrapper .swiper-slide .project-info{
		width:100%;
	}
	.testimonials-wrap-row:before {
    height: 150px;
    width: 150px;
		left:0;
		bottom: -100px;
	}
	  .services-list {
        height: 450px;
   
      }
	.services-list.home-service-list{
		  height: 400px;
	}
	.service-content h3, h2.service-title{
		font-size:26px;
	}
	h1.other-page-heading-one{
		font-size:44px!important;
	}
	.contact-email-blurb {
    width: 100%;
    margin: 20px 0 0 0;
}

	.project-slider-wrapper .swiper-slide img{
		height:250px;
	}
	.project-slider-wrapper .swiper-slide.swiper-slide-active img , .project-slider-wrapper .swiper{
    height: 500px;
}
	.services-section-row:before{
		top:-50px;
		right:-90px;
	}

	a.wp-block-latest-posts__post-title {
		font-size:18px;
	}
	.project-list-wrap .project-img-wrap:before{
		height:80px;
		width:80px;
	}
	.project-overview h2 {
    font-size: 38px;
}
	    .why-us-section-wrap:before {
        right: -5%;
        height: 400px;
    }

}
@media(max-width:1023px){
		.heading-one h1{
		font-size:42px!important;
	}
		    .heading-two{
			font-size:36px!important;
	}
	h3.heading-three{
			font-size:32px!important;
	}
	.banner-yellow-text p{
		font-size:34px!important;
	}
		.gradient-text {
		font-size:40px!important;
	}
	.hero-banner-counter span.percent-value{
		font-size:38px!important;
	}
	.project-section-wrapper .custom-project-title{
		font-size:26px;
	}
	.testimonial-list-container {
		column-count:2;
	}
}
@media(max-width:980px){
	.swiper.productProjectSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden{
		height:auto;
	}
	.project-product-img-slider-wrapper .productProjectSwiper .swiper-slide .project-info{
		margin-bottom:50px;
	}
	.services-wrapper{
		flex-wrap:wrap;
	}
	div#product-list-plugins, div#product-list-themes{
    grid-template-columns: repeat(2, calc((100% - 30px) / 2));
	}
	.mobile-web-service-box {
    margin-top:0;
}
	    .project-overview h2 {
        font-size: 34px;
    }
		.related-blog-posts h2, .related-projects-slider h2 {
		font-size:30px;
	}
	ul.tech-stack-list{
    grid-template-columns: repeat(4, calc((100% - 90px) / 4));
}
	.project-list-wrap .project-item {
    grid-template-columns: 100%;
	}
	.project-img-wrap a img {
    aspect-ratio: 16 / 9;
	}
	.project-title{
		padding:0 0 0 80px;
	}
	span.project-number {
		top:-5px;
	}
	.workflow-container {
    grid-template-columns: 100%;
}

	.blog-page-blog-list-wrapper{
    grid-template-columns: repeat(2, calc((100% - 30px) / 2));
}

	.footer-log-wrap-col:before{
		content:none!important;
	}
	.footer-log-wrap-col{
		margin-bottom:50px!important;
	}
	.header-row-wrap{
		display:flex;
	}
	.header-logo-col, .et_mobile_nav_menu{
		margin:0!important;
	}
	.header-menu-wrap-col{
		gap:15px!important;
	}
	.header-menu-item{
		order:1!important;
	}
	.header-menu-wrap-col, .header-menu-item, .header-menu-item .et_pb_menu_inner_container.clearfix{
		position:static!important;
	}
	.et_pb_menu .et_mobile_menu{
		top:114%!important;
		border-radius:10px;
	}
	.banner-first-col:before {
		top:10px;
	}
	.banner-first-col:before{
		height:50%;
	}
	.banner-char-img-row{
		display:flex;
		flex-wrap:wrap;
		gap:50px;
	}
	.banner-char-col{
		order:1!important;
		margin:0!important;
	}
	.slide a.action span{
		font-size:38px;
	}
	.slide-content {
		padding:20px 60px 20px 20px;
	}
	.slide-content h3{
		font-size:24px;
	}
	.testimonials-wrap-row{
		display:flex;
		gap:30px;
		flex-wrap:wrap;
	}
	.testimonials-content-col{
		order:1!important;
	}
	.testimonial-slider .slick-slide {
	margin:10px 0!important;
}
	.testimonial-slider{
		max-height:600px;
	}
	
		.testimonials-img-wrap:before{
		    left: -5px;
    bottom: 20px;
		top:auto;
	}
	.testimonials-img-wrap:after{
		    right: 0;
    bottom: -30px;
		top:auto;
		left:auto;
	}

	.animation-col{
		display:flex!important;
	}
	    .why-us-section-wrap .et_pb_row.et_pb_row_6.why-us-bg-element-row {
        top: 65% !important;
    }
	.et_pb_module.contact-email-blurb .et_pb_blurb_content{
		margin:0!important;
	}
	    h1.other-page-heading-one {
        font-size: 40px !important;
    }

	div.et_pb_section.et_pb_section_0.banner-section-wrap{
		background-image: linear-gradient(180deg, #7615d0 7%, #6711c0 10%, #6a9ade 18%, #6bd5eb 24%, #a7e6f3 32%, #ffffff 58%) !important;
   
	}
	div.et_pb_section.et_pb_section_0.banner-section-wrap.about-banner-section-wrap{		         
        background-image: linear-gradient(180deg, #7615d0 10%, #6711c0 14%, #6a9ade 35%, #6bd5eb 50%, #a7e6f3 70%, #ffffff 96%) !important;
	}
	div.et_pb_section.et_pb_section_0.blog-page-banner-section-wrap.et_section_regular{
		background-image:linear-gradient(180deg, #7615d0 13%, #6711c0 20%, #6a9ade 40%, #6bd5eb 55%, #A7E6F4 64%, #ffffff 100%) !important;
	}
	.custom-width-project-wrap-row, div#block-10 {
		width:100%!important;
	}
	.vision-section-wrap:after{
		    left: 70%;
    top: -30px;
	}
	.custom-width-project-wrap-row:before{
		height:300px;
		width:300px;
		bottom:90%;
		left:-140px;
	}
	.project-slider-wrapper .swiper{
		height:100%;
	}

        .project-slider-wrapper  .swiper-slide img {
          height: 300px !important;
        }
        .project-slider-wrapper .swiper-slide .project-info {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          margin: 15px 0 0;
          transform: none;
          opacity: 1 !important;
          visibility: visible !important;
          pointer-events: auto;
        }
	.about-page-counter-col{
		display:flex!important;
		gap:30px;
		margin-top:30px;
	}
	.et_pb_module.hero-banner-counter.About-us-page-counter{
		margin-bottom:0!important;
	}
	.hero-banner-counter-wrapper{
		justify-content:end;
		gap:100px;
	}
	.counter-item{
		text-align:center;
	}
	.counter-item br{
		display:none;
	}

	.banner-circle.contact-top-banner-row.et_pb_equal_columns{
		display:grid!important;
		grid-template-columns:60% 40%;
	}
	.contact-info-wrap-column{
		margin-bottom:0!important;
	}
	.et_pb_row.et_pb_row_1.contact-info-row-wrap{
			display:grid!important;
		grid-template-columns: 33.3% 33.3% 33.3%;
	}
.swiper-button-next.project-swiper-btn, .swiper-button-prev.project-swiper-btn{
display:none!important;
}
	.project-product-img-slider-wrapper .swiper-button-next.project-swiper-btn, .project-product-img-slider-wrapper .swiper-button-prev.project-swiper-btn{
display:flex!important;
}
	.why-us-section-wrap:after{
		left:50%;
		top:50%;
	}
.why-us-section-scanner-col{
		width:auto!important;
	}
	    .element-one {
        left: 40% !important;
        bottom: 0px !important;
    }
    .element-three {
        top: 200px !important;
    }
	ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts {
    display: grid;
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    gap: 30px;
}
.et_pb_column.et_pb_column_2_5.et_pb_column_1.blog-banner-element-col.et_pb_css_mix_blend_mode_passthrough.et-last-child{
	position:absolute;
	top:0;
	z-index:0;
	opacity:0.5;
	}
    .why-us-section-wrap:before {
       bottom:-5%;
        background-size: cover;
		height:550px;
		background-position:bottom center;
        left: 0;
    }
	    .scan-blurb-wrap {
        margin:0;
    }
.service-list-wrapper{
    grid-template-columns: repeat(2, calc((100% - 30px) / 2));
}
	h2.product-title{
		font-size:22px;
	}
	h2.category-title {
		font-size: 26px;
	}
}
@media(max-width:767px){
	.project-details {
 grid-template-columns: 100%;
		gap:10px;
}
	.services-testimonials-row-wrap:before {
    left: 0;
	top: -130px;
	}
	.project-overview h2 br{
		display:none;
	}
	.service-page-testimonials-section-wrap:after{
		opacity:0.5;
		height:200px;
		width:200px;
	}
	    .heading-one h1 {
			font-size:38px!important;
	}
			    .heading-two{
			font-size:34px!important;
	}
		.h3.heading-three{
			font-size:28px!important;
	}
	    .banner-yellow-text p {
			font-size:30px!important;
	}
	    .gradient-text {
			font-size:34px!important;
	}
	.slides{
		display:block;
	}
	li.slide.active-accordion{
		width:100%;
		height:300px;
	}
	ul.slides li{
		border-radius:5px;
		margin:5px 0!important;
	}
	.slide{
		height:60px;
		width:100%;
	}
	li.slide .action span{
		left:auto;
		right:30px;
	}
	    .slide-content {
        padding: 20px 50px 20px 20px;
    }
	.slide a.action{
		top:15px;
	}
	.service-list-wrapper .services-item:nth-child(2) {
    margin-top:0;
}

	.banner-circle.contact-top-banner-row.et_pb_equal_columns, .et_pb_row.et_pb_row_1.contact-info-row-wrap{
		grid-template-columns:100%;
			gap:30px;
	}

.load-more-text-center {
    margin-top: 50px;
}
}

  
@media(max-width:575px){
	.contact-info-row-wrap{
		gap:20px;
	}

	.filter-dropdown{
		justify-content:start;
	}
	select#categoryFilter{
		width:100%;
	}
		.blog-page-blog-list-wrapper, .service-list-wrapper{
	gap:50px;
}
		.blog-page-blog-list-wrapper, .service-list-wrapper, div#product-list-plugins, div#product-list-themes{
	    grid-template-columns: 100%;		
	}
	div#product-list-plugins, div#product-list-themes{
		gap:30px;
	}
	    .project-overview h2 {
        font-size: 30px;
    }
	.technology-stack h4 {
		font-size: 24px;
	}
		ul.tech-stack-list{
    grid-template-columns: repeat(3, calc((100% - 60px) / 3));
}
	    .related-blog-posts h2, .related-projects-slider h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }
	
	.workflow-step{
		padding-left:80px;
	}
.workflow-image {
    padding-right: 0;
}
	    .workflow-image h2 {
        font-size: 30px;
    }
	.testimonial-list-container {
		column-count:1;
	}
	.project-slider-wrapper .swiper-slide.swiper-slide-active img, .project-slider-wrapper .swiper-slide img{
		height:400px;
	}
	.project-slider-wrapper .project-info h3,  .step-details h3{
		font-size:24px;
	}
	    .why-us-section-wrap:before {
			height:450px;
	}
	
	
	    .banner-first-col {
        padding-right: 20px !important;
    }

			    .heading-two,    .banner-yellow-text p {
			font-size:28px!important;
	}
		h3.heading-three {
			font-size:24px!important;
	}
	    h1.other-page-heading-one {
        font-size: 32px !important;
    }

	    .hero-banner-counter span.percent-value, .gradient-text{
        font-size: 30px !important;
    }
	.forground-content h4 {
		font-size:22px;
	}

	.hero-banner-counter .percent {
		margin:0!important;
	}
	.testimonial-wrap
	{
		gap:20px;
	}
	.testimonial-wrap img{
		height:60px;
	}
	.why-us-bg-element-row .element-one img, .why-us-bg-element-row .element-three img, .why-us-bg-element-row .element-two img{
		display:none;
	}
	.why-us-section-scanner-col {
        width: 100% !important;
    }
	.project-section-wrapper .custom-project-title{
		font-size:22px;
	}


	ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts{
		grid-template-columns:100%;
		gap:0;
	}

	.four-zero-four-animated-img .shape img {
    max-width: 10vw;
}
	.hero-banner-counter-wrapper{
		justify-content:end;
		gap:50px;
	}
	.counter-item{
		text-align:end;
	}
	.counter-item br{
		display:block;
	}
	    div.counter {
        font-size: 36px;
    }
	.forground-content img {
    height: 60px;
    width: 60px;
}
		.project-product-img-slider-wrapper .project-info h3{
	font-size:20px;
}
	.services-list.home-service-list{
		height:450px;
	}
}
@media(max-width:480px){
	.et_pb_module.et_pb_image.et_pb_image_4.vision-img-row span.et_pb_image_wrap:before{
    left:20%;
    height: 80px;

}
	.service-cta-img img{
	aspect-ratio:4/4;
}
		.project-title{
		padding:0;
	}
	
	.project-list-wrap .project-item{
		gap:20px;
	}
	.project-item.visible-item{
		padding:100px 0 30px 0;
	}
	span.project-number {
		top:-40px
	}
	.project-title h2 {
		font-size: 28px;
	}
	
	.footer-quick-links-col{
		margin-bottom:50px!important;
	}
	.et_pb_button_module_wrapper.et_pb_module .header-cta-btn, .error404 .et-db #et-boc .et-l .et_pb_button_module_wrapper.et_pb_module .header-cta-btn{
		padding:6px 15px!important;
	}
	    .services-wrapper.service-list-wrapper .services-list {
        height: 460px;
    }
	
}
@media(max-width:374px){
	.et_pb_button_module_wrapper.et_pb_module .header-cta-btn{
		font-size:16px!important;
	}
	.header-menu-wrap-col{
		gap:8px!important;
	}
}