/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* header css */
.glass-header-background{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); 
  border-radius: 10px; 
	border: 1px solid #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2); 
}
/* hompage */
.service-background-change 
{
	    margin-bottom: 0px;
}

.service-background-change .content-box-column:hover
{
	background-color:#FFFFFF0A;
}
.service-background-change .content-box-heading
{
	height:60px;
	padding:0px;
	vertical-align:center;
}
.service-background-change .heading img {
    float: none;
    margin: 0;
    height: 117px;
    width: auto;
}
/* homepage services */
.homepage-services {
  border: 1px solid #ffff;
  border-radius: 6px;
  overflow: hidden;
}

.service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  border-bottom: 1px solid #ffff;
  color: #FFF;
  font-family: 'Merriweather', serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: background 0.3s ease;
}

.service-item:last-child {
  border-bottom: none;
}

.service-item:hover {
  background: linear-gradient(189deg, #5E1DA8 21%, #15043A 55%, #16219D 95%);
}

.service-title {
  flex: 1;
}

.service-arrow {
  font-size: 24px;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  /* CSS rules to apply within this screen width range */
	
	.fusion-builder-row.fusion-row 
	{
			max-width: 1024px !important;
	}
 	
}
@media screen and (max-width: 767px) {
	
	.fusion-tb-header
	{
		position:absolute !important;
	}
	.transparent-header
	{
		margin-top:8% !important;
		
	}
	.glass-header-background {
        background: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-radius: 0 !important;
        border: none !important;
        /* box-shadow: none !important; */
    }
	.transparent-header .fusion-imageframe
	{ 
		width:70%;
	}
	.transparent-header .awb-menu__m-toggle
 	{
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
	}
	.transparent-header .fontawesome-icon.fb-icon-element 
	{
       
        font-size: 15px;
    }
	
}
/* =======================Client Endorsement================ */


  .video-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .slider-container {
    display: flex;
    transition: transform 0.5s ease;
    gap: 50px;
  }

  .video-card {
    flex: 0 0 calc(33.333% - 15px); /* Show 2.8 slides (33.333% width per slide) */
    position: relative;
    overflow: hidden;
  }

  .video-card iframe {
    width: 100%;
    height: 311px; /* Adjust height as needed */
    border: none;
    border-radius: 8px;
  }

  .video-card::before {
    content: "";
    position: relative;
	 
/*     top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 30px solid var(--Gradient, #382a58); */
    pointer-events: none;
  }

  .video-card {
    border-radius: var(--Corner-Medium, 12px);
    border: 2px solid var(--Gradient, #9747FF);
    background: rgba(255, 255, 255, 0.15);
	      padding: 20px !important;
  }

  .video-info {
    padding: 10px;
    text-align: center;
/*     background: var(--Gradient, #382a58); */
    margin-top: -20px;
/* 	height:110px; */
  }

  .video-info h4 {
  	color: #D9D9D9 !important;
    font-family: "Nunito Sans" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
/*     padding-left: 20px; */
  }

  .video-info p {
    color: #666;
    margin: 5px 0 0;
    font-size: 0.9rem;
  }

  .scroll-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    margin-left: 35%;
    margin-right: 35%;
  }

  .scroll-buttons button {
    background-color: transparent !important;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .scroll-buttons button:hover {
    background-color: #3576c3;
  }

  .scroll-indicator {
    flex: 1;
    height: 4px;
    background: #ddd;
    position: relative;
    border-radius: 2px;
    margin: 0 10px;
  }

  .scroll-indicator span {
    position: absolute;
    height: 100%;
    background: #4a90e2;
    width: 0%;
    transition: width 0.5s ease;
    border-radius: 2px;
  }
  .video-info h4 span {
    color: #FFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.video-card{
	flex: 0 0 calc(33.333% - 15px) !important;
}

@media screen and (max-width: 991px) {
.video-card{
	flex: 0 0 calc(87.333% - 15px) !important;
}
	.resource-success-section .video-card
	{
		flex: 0 0 calc(16.333% - 15px) !important;
	}
	
}
@media screen and (min-width: 1200px)  
{
  .video-card{
	flex: 0 0 calc(44.333% - 15px) !important;
  }
}
@media screen and (max-width: 767px) {
.scroll-buttons {
    margin-left: 0% !important;
    margin-right: 18% !important;
}
}
/* ================full-page conatiner padding================ */
@media screen and (max-width: 767px) {
	
	#wrapper #main .fullwidth-box .fusion-row {
/* 		padding-left: 30px !important;
		padding-right: 30px !important; */
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#wrapper #main .fullwidth-box .fusion-row {
		padding-left: 50px;
		padding-right: 50px;
	}
}
/* 
=======================blogs homepage============ */
#random-images-slider .slider.slick-initialized.slick-slider {
    margin-right: 0px !important;
}

#random-images-slider .slick-slideshow__slide {
    margin-right: 30px !important;
}
#random-images-slider .slick-track {
    left: -115px !important;
    display:flex !important;
    align-items:center !important;
}
div#custom-slick .fusion-column-wrapper{
    margin: 0px !important;
}


@media only screen and (max-width: 768px) {
    #random-images-slider .slick-track {
        left: 20px !important;
    }

    #blog-section-home .slick-slide.slick-current {
        width: 300px !important;
    }
    #blog-section-home .slick-slideshow__slider.slick-slide.slick-active {
        width: 300px !important;
    }
}

/* Blog Page */
.blog_link:hover {
    background: var(--Gradient, linear-gradient(260deg, #9747FF -5.93%, #C53998 100%));
    color: #fff;
    border-color: transparent !important;
}
#blog_layout .fusion-read-more {
    padding: 15px 25px;
    border: 1px solid #fff;
    border-radius: 15px;
    margin: 0;
}
#blog_layout .fusion-read-more:after {
    content:'';
}
#blog_layout .fusion-alignleft {
    font-size: 16px;
    border: 0px solid #fff;
    padding: 15px 0px;
    border-radius: 0px;
    width: fit-content;
}
#blog_layout .fusion-read-more:hover {
    background: var(--Gradient, linear-gradient(260deg, #9747FF -5.93%, #C53998 100%));
    color: #fff;
    border-color: transparent !important;
    margin: 0px;
    border-radius: 10px;
}
.logowithtext {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.logowithtext .logo {
    padding-right: 30px;
    flex-shrink: 0;
}
.logowithtext .logo img {
    width: 60px;
    height: auto;
}
.logowithtext h4 {
    padding-bottom: 10px;
    font-size: 24px;
    text-transform: capitalize;
}
.logowithtext p {
    font-size: 16px;
    margin-bottom: 0px;
}
.blog-filter {
/*     background: #191919; */
    padding: 30px;
    border-radius: 15px;
}
.blog-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.filter-col {
    box-sizing: border-box;
    width: calc(50% - 27px);
}
.search-container {
    position: relative;
    max-width: 203px;
}
.clear_filter {
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
}

.form_fields {
    font-size: 16px !important;
    max-width: 203px;
    width: 100% !important;
    height: 38px !important;
    color: #fff !important;
    padding: 0px 10px !important;
    background: transparent !important;
	    border: 1px solid #fff !important;
}
.form_fields::placeholder {
    color: #fff;  
    
}
#blog-section select:focus
{
	 border: 1px solid #fff;
}

.filter-col.second-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.blogs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 40px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.page-numbers.current {
    background: transparent;
    padding: 18px 16px;
    margin: 0 4px;
    border: 1px solid #00DEFF;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
/* pagination */
span.page-numbers.current {
    color: black;
}
.pagination a {
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ddd;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}
.pagination a:hover {
    background-color: #00DEFF;
    color: #fff;
}
button.search-icon {
    background: transparent;
    border: none;
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 6px;
    cursor: pointer;
}

.form_fields option {
    background: #000;
}
.search-icon svg {
    fill: #fff;
}
.blog-item {
    position: relative;
    width: calc(33.333% - 27px);
	border: 2px solid #00DEFF;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: flex-start; /* pushes content down */
    background-size: cover;
    background-position: center;
    min-height: 400px; /* adjust as you want */
}

/* Overlay for better text visibility */
.blog-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
    z-index: 1;
}

.blogs-details {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: left;
	 padding: 35px 40px;
     height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between; /* pushes content to top & bottom */
}

.blog-item h3 {
    font-size: 24px !important;
    font-family:'Merriweather';
    font-weight: 700;
    margin-bottom: 8px;
	margin-top:0px;
    color: #fff;
}

.blog_link {
    font-size: 16px;
    border: 1px solid #fff;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-block;   /* prevent full width */
    width: auto;             /* only as wide as text */
    max-width: fit-content;  /* keeps it tight */
    transition: all 0.3s ease;
    color: white;
    background: transparent;
    text-align: center;
}

.blog_link:hover {
    background: linear-gradient(260deg, #9747FF -5.93%, #C53998 100%);
    color: #fff;
    border-color: transparent;
}

/* blog by sarita */
/* Blog grid responsive */
.blogs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

/* Desktop - 3 columns */
.blog-item {
    position: relative;
    width: calc(33.333% - 27px);
    border: 2px solid #00DEFF;
    border-radius: 15px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    min-height: 400px;
    display: flex;
}

/* Tablet - 2 columns */
@media (max-width: 992px) {
    .blog-item {
        width: calc(50% - 20px);
        min-height: 350px;
    }
}

/* Mobile - 1 column */
@media (max-width: 600px) {
    .blog-item {
        width: 100%;
        min-height: 230px;
    }
    .blogs-details {
        padding: 30px;
    }
    .blogs-details h3,.blogs-details span blog-date{
        font-size: 16px !important;
    }
    .blog_link {
        font-size: 14px;
        padding: 10px 16px;
    }
}

/* --- Blog Filter Styles --- */
.blog-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px;
    border-radius: 15px;
}

.filter-col {
    box-sizing: border-box;
    display: flex;
    gap: 20px;
    align-items: center;
}

/* Left = Category, Middle = Sort, Right = Search */
.filter-col.left, 
.filter-col.middle, 
.filter-col.right {
    flex: 1;
}

.filter-col.left select,
.filter-col.middle select {
    max-width: 203px;
    width: 100%;
}

.search-container {
    position: relative;
    max-width: 203px;
    margin-left: auto;
}

.clear_filter {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

/* --- Desktop: 3 in a row --- */
@media (min-width: 601px) {
    .blog-filter {
        flex-wrap: nowrap;
    }
    .filter-col.left {
        justify-content: flex-start;
    }
    .filter-col.middle {
        justify-content: center;
    }
    .filter-col.right {
        justify-content: flex-end;
    }
}

/* --- Mobile: 1 column, centered --- */
@media (max-width: 600px) {
    .blog-filter {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 20px;
    }
    .filter-col {
		display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        width: 100%; /* full width of container */
    }
    .search-container {
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }	
	select#category,
	select#sort,
	input#search
	{
        width: 100% !important;
        max-width: none !important;
        min-width: 250px !important; 	
    }
    input#search {
    margin-left: 42% !important;
   }
}

/* image next to search button */
img.mobile-filter-image{
	margin-left:20px;
}
@media (min-width: 601px) {
img.mobile-filter-image{
	display:none;
}
}
/* inner blog page  */
.search-heading{
	text-align:center;
}


/* blog by sarita */



/* ======================contact section=========== */

/* Home  Contact form css */
.contact-form-styling .wpcf7-form input.wpcf7-text,
.contact-form-styling .wpcf7-form textarea.wpcf7-textarea
  {
     display: inline !important;
    width: 165px !important;
    height: 25px !important;
    min-height: auto !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    font-size: 18px !important;
    text-align: left !important;
    margin: 0 !important;
    margin-left: 4px !important;
    border-radius: 0px !important;
    color:#fff !important;
}

.custom-form-section p {
    color: #FFF;
    font-family: "Nunito Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
}

.custom-form-section textarea.wpcf7-textarea::placeholder,  input.wpcf7-text::placeholder {
    color: rgba(255, 255, 255, 0.70);
font-size: 14px;
}

.contact-form-styling input.wpcf7-form-control.wpcf7-submit.has-spinner, 
.contact-form-styling input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
      border-radius: 10px;
    border: 1px solid #FFF;
    margin-top: 30px;
    padding: 16px 24px !important;
    background-color: transparent;
    color: white;
}
.contact-sec .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-center.fusion-content-layout-column
{
	background: linear-gradient(214deg, rgba(190, 140, 255, 0.20) 0%, rgba(190, 140, 255, 0.06) 100%);
}


@media (max-width: 767px) 
{
	.contact-sec .fusion-column-wrapper
	{
		padding:10px !important;

	}
	.custom-form-section p 
	{
		font-size: 18px;
		
	}
	.contact-form-styling .wpcf7-form input.wpcf7-text,
	.contact-form-styling .wpcf7-form textarea.wpcf7-textarea
	  {
		
		width: 125px !important;
		
	}

}

/* Footer */
.our-presence-footer p
{
	margin-top:0px;
	margin-bottom:0px;
}

/* footer subscribe form  */



.footer-subscribe-form .wpcf7-form p {
    display: flex !important;
/*     justify-content: flex-start !important; */
    flex-wrap: nowrap !important;
    border: 1px solid #fff;
    border-radius: 5px !important;
    border: 2px solid var(--dynamic-bg) !important;
	    background-color: #FFFFFF1A;
	margin:0px;
	    align-items: anchor-center;
}

.footer-subscribe-form  .wpcf7-form .wpcf7-text, 
.footer-subscribe-form  .wpcf7-form textarea {
    width: 95% !important;
    border: none !important;
    margin-top: 0px !important;
	background-color: transparent;
}
/* Remove any default text inside button */
.custom-submit-btn {
    background-color: var(--dynamic-bg); /* We'll set this color dynamically */
    border: none;
    padding: 10px;
	margin-right: 10px;
    border-radius: 50%; /* circle background */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	    width: 38px;
    height: 38px;
}

/* Hide any text if button had it */
.custom-submit-btn span,
.custom-submit-btn::before,
.custom-submit-btn::after {
    display: none !important;
}

/* SVG styling */
.custom-submit-btn svg {
    width: 20px;
    height: 20px;
    display: block;
}



/* Global styles that use --dynamic-bg */
/* Global styles scoped inside footer-section using dynamic color */

.footer-section a.footer-hiring-button {
  --button_accent_color: var(--dynamic-bg) !important;
  --button_border_color: var(--dynamic-bg) !important;
  --button_gradient_top_color: var(--dynamic-bg) !important;
  --button_gradient_bottom_color: var(--dynamic-bg) !important;

  --button_accent_hover_color: var(--dynamic-bg) !important;
  --button_border_hover_color: var(--dynamic-bg) !important;
  --button_gradient_top_color_hover: var(--dynamic-bg) !important;
  --button_gradient_bottom_color_hover: var(--dynamic-bg) !important;

  color: #fff !important;
	
}

.footer-section .fusion-social-networks-wrapper a.fusion-social-network-icon,
.footer-section .fusion-social-networks-wrapper a.fusion-social-network-icon:hover,
.footer-section .fusion-social-networks-wrapper a.fusion-social-network-icon:focus {
  color: var(--dynamic-bg) !important;
}

/* Override more specific Fusion hover color in footer */
.footer-section .fusion-social-links .fusion-social-networks.color-type-custom .fusion-social-network-icon:hover,
.footer-section .fusion-social-links .fusion-social-networks.color-type-custom .fusion-social-network-icon:focus {
  color: var(--dynamic-bg) !important;
}

.footer-section .logo-footer {
  --awb-border-color: var(--dynamic-bg) !important;
  border-color: var(--dynamic-bg) !important; /* fallback */
}

.footer-section .logo-footer .fusion-text p
{
  --awb-text-color: var(--dynamic-bg) !important;
  color: var(--dynamic-bg) !important;
}
.footer-section svg path {
  fill: var(--dynamic-bg);
}
@media (max-width: 768px) {

		.footer-section a.footer-hiring-button 
		{
			  font-size:18px;
				padding-left: 10px;
				padding-right: 10px;
		}
}
/* Default image (if needed) */
.footer-google-icon.fusion-imageframe img {
    content: url('/wp-content/uploads/2025/08/Google_Partner.png');
}
.footer-microsoft-icon.fusion-imageframe img {
    content: url('/wp-content/uploads/2025/08/Microsoft.png');
}

/* Page 36-Rescource Page, Digital Marketing page*/
body.page-id-36 .footer-google-icon.fusion-imageframe img,
body.page-id-17 .footer-google-icon.fusion-imageframe img
{
    content: url('/wp-content/uploads/2025/08/Google-Partner-1-2.svg');
}
body.page-id-36 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-17 .footer-microsoft-icon.fusion-imageframe img
{
    content: url('/wp-content/uploads/2025/08/Group-55-1.png');
}

/* Page 15-development */
body.page-id-15 .footer-google-icon.fusion-imageframe img {
    content: url('/wp-content/uploads/2025/08/Google-Partner-3-1.svg');
}
body.page-id-15 .footer-microsoft-icon.fusion-imageframe img {
    content: url('/wp-content/uploads/2025/08/Group-55.png');
}

/* Business Intelligence , AI/ML , Oracle , SAP Solutions , CRM , ERP ,supply chain , data science , iot , ecommerce  */

body.page-id-2405 .footer-google-icon.fusion-imageframe img,
body.page-id-1279 .footer-google-icon.fusion-imageframe img,
body.page-id-2084 .footer-google-icon.fusion-imageframe img,
body.page-id-1275 .footer-google-icon.fusion-imageframe img,
body.page-id-1281 .footer-google-icon.fusion-imageframe img,
body.page-id-1289 .footer-google-icon.fusion-imageframe img,
body.page-id-1277 .footer-google-icon.fusion-imageframe img,
body.page-id-1283 .footer-google-icon.fusion-imageframe img,
body.page-id-1285 .footer-google-icon.fusion-imageframe img,
body.page-id-1287 .footer-google-icon.fusion-imageframe img
{
    content: url('/wp-content/uploads/2025/08/Google-Partner-3-1.svg');
}
body.page-id-2405 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1279 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-2084 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1275 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1281 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1289 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1277 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1283 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1285 .footer-microsoft-icon.fusion-imageframe img,
body.page-id-1287 .footer-microsoft-icon.fusion-imageframe img
{
    content: url('/wp-content/uploads/2025/08/Group-55.png');
}


/* Page 13-Digital */
body.page-id-13 .footer-google-icon.fusion-imageframe img {
    content: url('/wp-content/uploads/2025/08/Google-Partner-4.svg');
}
body.page-id-13 .footer-microsoft-icon.fusion-imageframe img {
    content: url('/wp-content/uploads/2025/08/Group-55-2.png');
}

body {
    --dynamic-bg: #00DEFF; 
}
/* Per page dynamic-bg definitions */
body.page-id-36  { --dynamic-bg: #BE8CFF; }
body.page-id-19,body.page-id-43  { --dynamic-bg: #00DEFF; }
body.page-id-7, body.page-id-9, body.page-id-38,   body.page-id-47 { --dynamic-bg: #00DEFF; }
body.page-id-17  { --dynamic-bg: #C86BFF; }
body.page-id-15, body.page-id-2405, body.page-id-1279, body.page-id-2084, body.page-id-1275, body.page-id-1281, body.page-id-1289,body.page-id-1287,body.page-id-1283,body.page-id-1277,body.page-id-1285  { --dynamic-bg: #05F283; }
body.page-id-13  { --dynamic-bg: #848DF0; }
 



/* Ensure text color applies */
.footer-hiring-button .fusion-button-text {
  color: inherit !important;
}


.homepage-blog-cards .awb-swiper
{
	overflow:visible !important;
}
.digital-blog-cards .awb-swiper
{
	overflow: hidden !important;
}
.digital-blog-cards  .post-card .fusion-column-wrapper
{
	border: none !important;
}
.homepage-blog-cards  .fusion_builder_column,
.digital-blog-cards .fusion_builder_column
{
	height:409px !important;
	width:435px !important;
}

/* ====================Rescource Page css================================ */

.our-expertise-frontend-development .content-box-heading 
{
	height:60px;
}
.our-expertise-data-science .content-box-heading 
{
	height:120px;
}
.our-expertise-frontend-development .content-container p, 
.our-expertise-data-science .content-container p
{
	font-size:14px;
}
.resource-lab-content li h4
{
	margin-top: 20px;
    margin-bottom: 12px;
}
.flexible-engagement-section .content-box-heading 
{
	height:90px;
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
	
	.flexible-engagement-section .content-box-heading 
	{
		height:120px;
	}
}
@media screen and (min-width: 300px) and (max-width: 778px) {
	
	
	.our-expertise-frontend-development .content-box-heading,
	.our-expertise-data-science .content-box-heading ,
	.flexible-engagement-section .content-box-heading 
	{
		height:auto !important;
	}
}



/* =====================mobile responsive fonts========================  */

@media screen and (min-width: 300px) and (max-width: 778px) {
	
	
	.fusion-title h1
	{
		font-size:40px !important;
	}
	.fusion-body #wrapper .fusion-title h2
	{
		font-size:30px !important;
	}
	.fusion-text p
	{
		font-size:15px;
	}
	.fusion-title h3
	{
		font-size:24px !important;
	}
	.fusion-title h4,
	h4.content-box-heading
	{
		font-size:18px !important;
	}
}
/* Mobile-only: image left, title above text to the right (no HTML changes) */
@media (max-width: 767px) {
  /* Make each content box a small grid with two columns */
  .our-expertise-frontend-development .fusion-column.content-box-column .content-box-wrapper,
  .flexible-engagement-section .fusion-column.content-box-column .content-box-wrapper,
  .our-expertise-data-science .fusion-column.content-box-column .content-box-wrapper {
    display: grid !important;
    grid-template-columns: 56px 1fr !important;   /* left column for image, right for text */
    grid-template-rows: auto auto !important;      /* title row, content row */
    gap: 6px 12px !important;
    align-items: start !important;
  }

  /* Flatten the heading wrapper so .image and h3 become grid-eligible */
  .our-expertise-frontend-development .fusion-column.content-box-column .heading.heading-with-icon,
  .flexible-engagement-section .fusion-column.content-box-column .heading.heading-with-icon,
  .our-expertise-data-science .fusion-column.content-box-column .heading.heading-with-icon {
    display: contents !important;
  }

  /* Image -> left column, spanning both rows and centered vertically */
  .our-expertise-frontend-development .fusion-column.content-box-column .image,
  .flexible-engagement-section .fusion-column.content-box-column .image,
  .our-expertise-data-science .fusion-column.content-box-column .image {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 56px !important;   /* match your image size */
    height: auto !important;
    margin: 0 !important;
    display: block !important;
  }
  .our-expertise-frontend-development .fusion-column.content-box-column .image img,
  .flexible-engagement-section .fusion-column.content-box-column .image img,
  .our-expertise-data-science .fusion-column.content-box-column .image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Title (h3) -> right column, first row */
  .our-expertise-frontend-development .fusion-column.content-box-column .content-box-heading,
  .our-expertise-frontend-development .fusion-column.content-box-column h3.content-box-heading,
  .flexible-engagement-section .fusion-column.content-box-column .content-box-heading,
  .flexible-engagement-section .fusion-column.content-box-column h3.content-box-heading,
  .our-expertise-data-science .fusion-column.content-box-column .content-box-heading,
  .our-expertise-data-science .fusion-column.content-box-column h3.content-box-heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  /* Paragraph content -> right column, second row */
  .our-expertise-frontend-development .fusion-column.content-box-column .content-container,
  .flexible-engagement-section .fusion-column.content-box-column .content-container,
  .our-expertise-data-science .fusion-column.content-box-column .content-container {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  /* Remove theme clearfix that breaks the grid flow */
  .our-expertise-frontend-development .fusion-column.content-box-column .fusion-clearfix,
  .flexible-engagement-section .fusion-column.content-box-column .fusion-clearfix,
  .our-expertise-data-science .fusion-column.content-box-column .fusion-clearfix {
    display: none !important;
  }
}


@media (max-width: 767px) {
	.footer-hiring-button
	{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 15px;
	}
	.footer-social-media .fusion-social-networks a
	{
		font-size:18px !important;
	}
	.footer-google-icon,
	.footer-microsoft-icon
	{
/* 		height:23px; */
		width:auto;
	}
	.footer-policy div {
    justify-content: space-around !important;
}
	div#business-int-box1 {
    margin-bottom: 16px !important;
}
	div#business-int-box2 {
    margin-bottom: 48px !important;
}
div#power-bi-cnt-box div {
    margin-bottom: 24px !important;
}
div#power-bi-cnt-box div.content-box-column.content-box-column.content-box-column-last.content-box-column-last-in-row{
    margin-bottom: 0px !important;
}
.sap-boxes {
    margin-bottom: 16px !important;
}
	
	
}
@media (min-width: 640px){
.footer-google-icon {
    margin-top: 40px !important;
}
}
@media (min-width: 768px) and (max-width:1024px){
.footer-social-media .fusion-social-networks a
	{
		font-size:35px !important;
	}
}
/* =====================Infra page======================================= */

.service-content-boxes .content-box-wrapper,
.expertise-content-boxes .content-box-wrapper
{
	border-radius: var(--Corner-Small, 8px);
	border: 1px solid var(--Glass-Stroke, rgba(0, 222, 255, 0.30));
	background: linear-gradient(214deg, rgba(0, 222, 255, 0.20) 0%, rgba(0, 222, 255, 0.06) 100%);
	padding:24px;
}
.expertise-content-boxes .content-box-wrapper
{
	height:426px;
}

.service-content-boxes.content-boxes-icon-on-top .content-box-wrapper .heading,
.service-content-boxes.content-boxes-icon-on-top .content-box-wrapper .content-container
{
	margin-bottom:24px;
	text-align:left;
	
}
.service-content-boxes.content-boxes-icon-on-top .content-box-wrapper .heading
{
/* 	margin-bottom:24px; */
	text-align:left;
	
}
.service-content-boxes.content-boxes-icon-on-top .content-box-wrapper .heading,
.service-content-boxes.fusion-content-boxes.content-boxes-icon-on-top .heading img {

	margin-bottom:0px;
	text-align:left;
	
}
.service-content-boxes .service-content-box-heading
{
	height:57px !important;
}
.service-content-boxes .service-content-box-content
	{
		    height: 156px !important;
    		font-size: 20px;
	}
.services-readmore
{
	padding: 16px 24px;
	border-radius: 10px;
	border: 1px solid #FFF;
	color: #FFF;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	background:transparent;
}
.expertise-content-boxes.content-boxes-icon-on-side .content-container
{
	padding-right:0px;
	padding-left:0px;
}

.expertise-content-boxes.content-boxes-icon-on-side .content-box-heading
{
	font-family: "Nunito Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.expertise-content-boxes.content-boxes-icon-on-side .heading-with-icon
{
	height: 119px;
}

.back-transpatent{
    text-transform: uppercase;
    background: url(/wp-content/uploads/2025/08/d7a4-47d9-87d3-923030a04b35-ezgif.com-optimize.gif);
    background-size: 100%;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #262626;
}

/* Common styles for all columns */
/* Common styles for all columns */
.expertise-content-boxes .content-box-column .heading.heading-with-icon.icon-left {
  position: relative;
  padding-top: 70px; /* space for the images above heading */
}

/* Pseudo elements for images - initially hidden and positioned left/right */
.expertise-content-boxes .content-box-column .heading.heading-with-icon.icon-left::before,
.expertise-content-boxes .content-box-column .heading.heading-with-icon.icon-left::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: translateX(0);
}

/* Show and animate images on hover of the entire column */
.expertise-content-boxes .content-box-column:hover .heading.heading-with-icon.icon-left::before,
.expertise-content-boxes .content-box-column:hover .heading.heading-with-icon.icon-left::after {
  opacity: 1;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

/* Left image moves right and stops */
.expertise-content-boxes .content-box-column:hover .heading.heading-with-icon.icon-left::before {
  animation-name: moveRightStop;
  z-index: 2;
}

/* Right image moves left and stops */
.expertise-content-boxes .content-box-column:hover .heading.heading-with-icon.icon-left::after {
  animation-name: moveLeftStop;
  z-index: 2;
}

/* Columns 1 & 3 images */
.expertise-content-boxes .content-box-column-1 .heading.heading-with-icon.icon-left::before,
.expertise-content-boxes .content-box-column-3 .heading.heading-with-icon.icon-left::before {
  left: 0;
  background-image: url('/wp-content/uploads/2025/08/Rectangle-126.svg');
}
.expertise-content-boxes .content-box-column-1 .heading.heading-with-icon.icon-left::after,
.expertise-content-boxes .content-box-column-3 .heading.heading-with-icon.icon-left::after {
  right: 0;
  background-image: url('/wp-content/uploads/2025/08/Ellipse-14.svg');
}

/* Columns 2 & 4 images */
.expertise-content-boxes .content-box-column-2 .heading.heading-with-icon.icon-left::before,
.expertise-content-boxes .content-box-column-4 .heading.heading-with-icon.icon-left::before {
  left: 0;
  background-image: url('/wp-content/uploads/2025/08/Polygon-1.png');
}
.expertise-content-boxes .content-box-column-2 .heading.heading-with-icon.icon-left::after,
.expertise-content-boxes .content-box-column-4 .heading.heading-with-icon.icon-left::after {
  right: 0;
  background-image: url('/wp-content/uploads/2025/08/Polygon-2.png');
}

.expertise-content-boxes .heading-with-icon.icon-left img
{
    margin-top:100%;
}
.expertise-content-boxes .heading-with-icon .content-box-heading 
{
   
    height: 109px;
}
/* Animations - move to center and stop */
/* Animations - move to center and stop */
@keyframes moveRightStop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(150%); /* Move right by half the element's width */
  }
}

@keyframes moveLeftStop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-150%); /* Move left by half the element's width */
  }
}
@media (max-width: 767px) {
	.service-content-boxes .service-content-box-heading
		{
			height:auto !important;
		}
	.service-content-boxes .service-content-box-content
	{
		height:auto !important;
	}

}
@media only screen and (min-width: 768px)  and (max-width: 990px) {
	.service-content-boxes .service-content-box-heading
		{
			height:75px !important;
		}
	.service-content-boxes .service-content-box-content
	{
		    height: 340px !important;
			
	}
	
}
@media only screen and (min-width: 992px)  and (max-width: 1200px) {
	.service-content-boxes .service-content-box-heading
		{
			height:75px !important;
		}
	.service-content-boxes .service-content-box-content
	{
		    height: 187px !important;
			
	}
	
}
@media only screen and (min-width: 1200px) {
	.service-content-boxes .service-content-box-heading
		{
			height:75px !important;
		}
	.service-content-boxes .service-content-box-content
	{
		    height: 216px !important;
			
	}
}


@media screen and (min-width: 1000px) and (max-width: 1399px) {
	
	.expertise-content-boxes .content-box-wrapper
	{
		height:560px;
	}
}




/* =============================Homepage mobile responsive=============================== */
/* drive-info mobile nav styles (paste into child theme style.css) */
@media (max-width: 768px) {
  .drive-info-swiper {
    overflow: visible;
  }

  /* Nav wrapper similar to your demo */
  .drive-nav-buttons.scroll-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    justify-content: center;
  }

  .drive-nav-buttons button.drive-prev,
  .drive-nav-buttons button.drive-next {
    background: rgba(0,0,0,0.65);
    color: #fff;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .drive-nav-buttons .drive-scroll-indicator {
    width: 100px; /* adjust as needed */
    height: 6px;
     background-color: white !important; /* track color */
    border-radius: 6px;
    overflow: hidden;
  }

  .drive-nav-buttons .drive-scroll-indicator span {
    display: block;
    height: 100%;
   background: linear-gradient(90deg, #9747FF 0%, #C53998 100%) !important;
    width: 0;
    transition: width 280ms ease;
  }

  /* Ensure slides display full width nicely */
  .drive-info-swiper .swiper-slide {
    display: block !important;
    width: auto !important;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
  }

  /* Optional: spacing inside each content box wrapper */
  .drive-info-swiper .content-box-wrapper {
    padding: 14px 12px;
  }
	.service-background-change .content-box-column
	 {
		background-color: #FFFFFF0A;
	}
	.service-background-change.content-boxes-icon-on-top .content-box-column,
	.drive-info-slider-mobile .fusion-content-boxes
	{
		margin-bottom:0px !important;
	}
	
	.homepage-blog-cards .fusion_builder_column {
		height: 100%;
		width: 320px !important;
	}
	.drive-info-swiper .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
}

/* Each content box column should take full width of the viewport */
.drive-info-swiper .swiper-slide {
  width: 100% !important;
  flex-shrink: 0 !important;
}


}
/* ==============================About-us================================================ */

.about-us-ourstory .about-us-ourstory-title,
.aboutus-our-mission .about-us-ourstory-title,
.aboutus-our-philosophy .about-us-ourstory-title
{
	display: inline-block;
  margin-left: 20%;

}
.aboutus-our-mission
{
		border-radius: var(--Corner-Small, 8px);
	border: 1px solid rgba(0, 222, 255, 0.30);
	background: linear-gradient(214deg, rgba(0, 222, 255, 0.20) 0%, rgba(0, 222, 255, 0.06) 100%);
		padding: 24px;
}
.about-us-core-values .content-box-heading
{
	margin-top:35px !important;
}

.about-us-core-values.fusion-content-boxes.content-boxes-icon-on-top .heading img {
    margin-bottom: 0px;
    height: 98px;
}
.about-us-client-metric.fusion-content-boxes .fusion-column
{
	text-align:center;
	display: flex;
    justify-content: center;
}
.about-us-client-metric.fusion-content-boxes .col {
    position: relative;
    width: 60%;
}
.about-us-client-metric.fusion-content-boxes  .content-box-heading
{
	  display: inline-block;   /* so width can be controlled */
    border-bottom: 2px solid white; /* thickness & color */
    width: 50%;              /* length of the underline */
    padding-bottom: 20px !important; 
}

.about-us-vission-bg .awb-background-pattern,
.about-us-partner-progress .awb-background-pattern
{
  background-repeat: no-repeat;
	background-size: 100% 76% !important;

}
.about-us-client-metric .content-box-column .content-container p
{
	font-size:18px !important;
}

/* =========================Contact us ======================= */

.contactus-box  h5
{
	margin-top: 0px;
    margin-bottom: 12px;
}


.contactus-box a
{
	color:#fff;
}
.contactus-box
{
	    border-radius: 8px;
    border: 2px solid var(--Glass-Stroke, rgba(0, 222, 255, 0.30));
    background: rgba(217, 217, 217, 0.10);
    padding: 12px;
	    height: 280px;
}
.page-id-47 .wpcf7
{
	width:70%;
	margin-top:48px;
}
.contactus-box-title
{
	visibility:hidden;
}


/* ==================== Digital Marketing Page========================= */

/* Flex container */
/* Flex container without border */
.digital-marketing-marketing-success {
    display: flex;
    padding: 20px 0; /* optional vertical padding */
}

/* Boxes styling */
.digital-marketing-marketing-success .content-box-column {
    flex: 1;
    border-radius: var(--Corner-Large, 16px);
    border: 2px solid rgba(200, 107, 255, 0.30);
    background: linear-gradient(214deg, rgba(200, 107, 255, 0.20) 0%, rgba(200, 107, 255, 0.06) 100%);
    backdrop-filter: blur(50px);
    padding: 24px 26px;
    position: relative;
}

/* Apply gap only between boxes */
.digital-marketing-marketing-success .content-box-column:not(:last-child) {
    margin-right: 60px; /* gap only between boxes */
}
/* Apply flow arrow SVG background to first column */
/* Default arrows (desktop only) */
.fusion-content-boxes.digital-marketing-marketing-success 
.content-box-column-1::after
 {
    content: "";
    position: absolute;
    top: 30%;
    left: -2%;
    width: 120%;
    height: 100%;
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 422 286' fill='none'><path d='M5.5 19C5.5 17.6193 4.38071 16.5 3 16.5C1.61929 16.5 0.5 17.6193 0.5 19H5.5ZM348.085 282.535L348.109 285.035L348.496 285.031L348.864 284.911L348.085 282.535ZM360.57 19V16.5H358.059L358.07 19.0108L360.57 19ZM420.768 20.7678C421.744 19.7915 421.744 18.2085 420.768 17.2322L404.858 1.32233C403.882 0.34602 402.299 0.34602 401.322 1.32233C400.346 2.29864 400.346 3.88155 401.322 4.85786L415.464 19L401.322 33.1421C400.346 34.1184 400.346 35.7014 401.322 36.6777C402.299 37.654 403.882 37.654 404.858 36.6777L420.768 20.7678ZM0.5 19V267.476H5.5V19H0.5ZM0.5 267.476C0.5 270.151 1.5113 274.371 3.74793 277.972C6.0206 281.63 9.83096 285.035 15.485 285.035V280.035C12.1498 280.035 9.71769 278.106 7.99517 275.334C6.2366 272.503 5.5 269.193 5.5 267.476H0.5ZM15.485 285.035C21.772 285.035 239.725 286.081 348.109 285.035L348.061 280.035C239.706 281.081 21.832 280.035 15.485 280.035V285.035ZM348.864 284.911C353.399 283.424 362.174 277.447 363.064 265.147L358.077 264.786C357.369 274.572 350.429 279.136 347.307 280.16L348.864 284.911ZM363.064 265.147C363.472 259.504 363.553 217.205 363.495 166.859C363.436 116.418 363.237 57.6845 363.07 18.9892L358.07 19.0108C358.237 57.7029 358.436 116.431 358.495 166.865C358.553 217.394 358.467 259.385 358.077 264.786L363.064 265.147ZM360.57 21.5H419V16.5H360.57V21.5Z' fill='%23C86BFF'/></svg>") no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 0;
    pointer-events: none;
}
.fusion-content-boxes.digital-marketing-marketing-success 
.content-box-column-2::after {
    content: "";
    position: absolute;
    top: 30%;
    left: -2%;
    width: 120%;
    height: 100%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 425 240' fill='none'><path d='M5.5 221C5.5 222.381 4.38071 223.5 3 223.5C1.61929 223.5 0.5 222.381 0.5 221H5.5ZM348.5 3.38379L348.52 0.883865L348.842 0.886429L349.152 0.970413L348.5 3.38379ZM361 221V223.5H358.487L358.5 220.987L361 221ZM423.768 219.232C424.744 220.209 424.744 221.791 423.768 222.768L407.858 238.678C406.882 239.654 405.299 239.654 404.322 238.678C403.346 237.701 403.346 236.118 404.322 235.142L418.464 221L404.322 206.858C403.346 205.882 403.346 204.299 404.322 203.322C405.299 202.346 406.882 202.346 407.858 203.322L423.768 219.232ZM0.5 221V15.819H5.5V221H0.5ZM0.5 15.819C0.5 13.4123 1.58338 9.78391 3.87804 6.73724C6.2498 3.58821 10.0615 0.883789 15.5 0.883789V5.88379C11.9385 5.88379 9.5002 7.5835 7.87196 9.74535C6.16662 12.0096 5.5 14.5988 5.5 15.819H0.5ZM15.5 0.883789C21.7998 0.883789 240.008 0.0202179 348.52 0.883865L348.48 5.88371C239.992 5.02025 21.8493 5.88379 15.5 5.88379V0.883789ZM349.152 0.970413C353.457 2.13419 362.558 7.04405 363.49 17.6731L358.51 18.11C357.842 10.5007 351.209 6.70593 347.848 5.79716L349.152 0.970413ZM363.49 17.6731C363.702 20.0873 363.821 30.0796 363.884 44.477C363.948 58.9607 363.954 78.0791 363.925 98.9053C363.867 140.559 363.667 189.06 363.5 221.013L358.5 220.987C358.667 189.037 358.867 140.543 358.925 98.8983C358.954 78.0751 358.948 58.9682 358.884 44.499C358.82 29.9435 358.698 20.2553 358.51 18.11L363.49 17.6731ZM361 218.5H422V223.5H361V218.5Z' fill='%23C86BFF'/></svg>") no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 0;
    pointer-events: none;
}


/* Large screens (>1500px) adjustment */
@media screen and (min-width: 1400px) {
	.digital-marketing-marketing-success.fusion-content-boxes.content-boxes-icon-on-top .heading img 
	{
  	  	height: 130px;
	}
  .fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-1::after
	{
      top: 22%;
  }
	.fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-2::after {
      top: -26%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-1::after
	{
      top: 26%;
  }
	.fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-2::after {
      top: -30%;
  }
	.digital-marketing-marketing-success.fusion-content-boxes.content-boxes-icon-on-top .heading img 
	{
  	  	height: 50px;
	}
	.digital-marketing-marketing-success .content-container
	{
		font-size:14px;
	}
	.digital-marketing-marketing-success .content-box-column:not(:last-child) 
	{
    	margin-right: 49px;
	}
	
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
	
	.fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-1::after
	{
      top: 19%;
  }
	.fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-2::after {
      top: -25%;
  }
	.digital-marketing-marketing-success .content-box-column:not(:last-child) {
    margin-right: 55px;
	}
	.digital-marketing-marketing-success.fusion-content-boxes.content-boxes-icon-on-top .heading img 
	{
  	  	height: 50px;
	}
	.digital-marketing-marketing-success .content-container
	{
		font-size:14px;
	}
	.digital-marketing-marketing-success  .content-box-heading
	{
		font-size:20px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-1::after
	{
      top: 19%;
  }
	.fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-2::after {
      top: -25%;
  }
	.digital-marketing-marketing-success.fusion-content-boxes.content-boxes-icon-on-top .heading img 
	{
  	  	height: 50px;
	}
	.digital-marketing-marketing-success .content-container
	{
		font-size:12px;
	}
	.digital-marketing-marketing-success .content-box-column:not(:last-child) {
    margin-right: 55px;
	}
	
}
/* Below 1000px → hide arrows + stack boxes vertically */
@media screen and (max-width: 899px) {
  /* Hide arrows */
  .fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-1::after,
  .fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column-2::after {
      display: none !important;
  }

  /* Stack content boxes as rows */
  .fusion-content-boxes.digital-marketing-marketing-success {
      display: flex;
      flex-direction: column;
      gap: 20px; /* space between rows */
  }

  .fusion-content-boxes.digital-marketing-marketing-success 
  .content-box-column {
      width: 100% !important; /* make each box take full width */
  }
}


/* make sure column content stays above SVG */
.fusion-content-boxes.digital-marketing-marketing-success 
.content-box-column-1 {
    position: relative;
    z-index: 1;
}


.digital-marketing-services .services-readmore
{
	margin-top:15px;
}

.digital-marketing-services .content-box-wrapper
{
	height:280px !important;
}
.digital-marketing-services.fusion-content-boxes.content-boxes-clean-horizontal .col
{
	padding:0px;
}


.digital-project-cards
{
	background: radial-gradient(38.63% 40.66% at 50% 50%, rgba(84, 2, 129, 0.50) 0%, #000 100%);
}
.digital-project-cards .fusion-content-tb
{
	height:90px;
	padding-left:12px;
	padding-right:12px;
}
.digital-project-cards .fusion-imageframe img
 {
    vertical-align: top;
    box-shadow: none !important;
    width: 90%;
}
/* FAQ accordion: move icon to the right side */
.accordian.design-faq .panel-title a {
    display: flex;
    justify-content: space-between; /* heading left, icon right */
    align-items: center;
    gap: 10px; /* optional spacing between text and icon */
}

/* Ensure text stretches and doesn’t overlap */
.accordian.design-faq .panel-title a .fusion-toggle-heading {
    flex: 1;
}

/* Adjust icon wrapper so it sits nicely at the end */
.accordian.design-faq .panel-title a .fusion-toggle-icon-wrapper {
    order: 2; /* make sure icon is last */
    margin-left: 12px;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
	
.accordian.design-faq .panel-title a .fusion-toggle-heading {
 font-size:20px;
}

}

/* MOBILE: image left, title + content + button on the right */
@media (max-width: 999px) {
  /* Remove Avada’s side padding var */
  .digital-marketing-services.content-boxes-icon-on-side .content-box-column {
    --awb-content-padding-left: 0 !important;
  }

  /* Make the whole card a 2-column grid */
  .digital-marketing-services.content-boxes-icon-on-side .content-box-wrapper {
    display: grid !important;
     grid-template-columns: 30% 70%; /* 20% image, 80% text */
    grid-template-rows: auto auto;
    grid-template-areas:
      "img title"
      "img content";
    column-gap: 14px;
    align-items: start;
	          padding: 0px !important;
  }

  /* Flatten the heading so its children can be grid items */
  .digital-marketing-services.content-boxes-icon-on-side .heading-with-icon {
    display: contents !important;
    position: static !important;
    min-height: 0 !important;
  }

  /* Left column: image */
  .digital-marketing-services.content-boxes-icon-on-side .heading-with-icon.icon-left .image {
    grid-area: img;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }
  .digital-marketing-services.content-boxes-icon-on-side .heading-with-icon .image img {
    width: clamp(80px, 26vw, 130px) !important;
    height: auto !important;
    display: block !important;
  }

  /* Right column: title (top row) */
  .digital-marketing-services.content-boxes-icon-on-side .content-box-heading {
    grid-area: title;
    padding-left: 0 !important;     /* override inline 234px */
    margin: 0 0 8px 0 !important;
    text-align: left !important;
    line-height: 1.35 !important;
  }

  /* Right column: content (second row) */
  .digital-marketing-services.content-boxes-icon-on-side .content-container {
    grid-area: content;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Button under content */
  .digital-marketing-services.content-boxes-icon-on-side .services-readmore {
    display: inline-block !important;
    margin-top: 10px !important;
  }

  /* Remove the clear div from layout to avoid extra grid cell */
  .digital-marketing-services .fusion-clearfix {
    display: none !important;
  }


}
@media (min-width: 768px) and (max-width: 1024px) 
{
  
	.digital-project-cards .fusion-content-tb
	{
		height:130px;
	}
}
/* ======================development================================ */

/* Initial setup for the video */
.custom-videos video {
    transition: transform 0.2s ease, border-radius 0.2s ease, margin-top 0.2s ease;
    border-radius: 63.3063rem;
    transform: translate(0px, -185.7px) scale(0.14, 0.14);
    position: relative; /* Ensures the video moves based on scroll */
}

/* Sticky behavior */
.custom-videos {
    position: relative;
    width: 100%;
    margin-top: -8%; /* This is applied to the container, not the video directly */
}

/* Scroll-based styles */
.custom-videos.scroll-0 video {
    transform: translate(0px, -185.7px) scale(0.14, 0.14);
    margin-top: -8%; /* Keeps margin-top at -8% */
}

.custom-videos.scroll-1 video {
    transform: translate3d(0px, -116.522px, 0px) scale(0.4604, 0.4604);
    margin-top: -5%; /* Changes margin-top to -5% */
}

.custom-videos.scroll-2 video {
    transform: translate3d(0px, -22.7151px, 0px) scale(0.8948, 0.8948);
    margin-top: 0%; /* Changes margin-top to 0% */
}

.custom-videos.scroll-3 video {
    transform: translate3d(0px, -22.7151px, 0px) scale(0.8948, 0.8948);
    margin-top: 0%; /* Keeps margin-top at 0% */
}

.custom-videos.scroll-4 video {
    margin-top: 0%; /* Keeps margin-top at 0% */
    transform: translate3d(0px, -0.4743px, 0px) scale(0.9978, 0.9978);
    border-radius: 50px !important; /* Ensures border-radius is removed */
margin-top: 10%; 
}

/* Apply margin-top to all videos within .custom-videos */
.custom-videos video {
    margin-top: -8%; /* Initial margin-top for the video */
}


.development-services .content-box-heading
{
	height:60px;
}
.development-services-content
{
	height:150px;
}

@media (max-width: 767px) 
{
		.custom-logo-sec img {
			border: 1px solid #B71BD666;
		}
		.flex-active-slide .fusion-fullwidth {
		  padding: 0px !important;
		}
		h2.fusion-title-heading{
		font-size: 44px !important; 
		}
		li.new-class .fusion-builder-row {
			display: none !important;
		}
		/* Initial setup for the video */
	.custom-videos video {
		transition: transform 0.2s ease, border-radius 0.2s ease, margin-top 0.2s ease;
		border-radius: 63.3063rem;
		transform: translate(0px, -185.7px) scale(0.14, 0.14);
		position: relative; /* Ensures the video moves based on scroll */
	}

	/* Sticky behavior */
	.custom-videos {
		position: relative;
		width: 100%;
		margin-top: 0%; /* This is applied to the container, not the video directly */
	}

	/* Scroll-based styles */
	.custom-videos.scroll-0 video {
		transform: translate(0px, -185.7px) scale(0.14, 0.14);
		margin-top: 0%; /* Keeps margin-top at -8% */
	}

	.custom-videos.scroll-1 video {
		transform: translate3d(0px, -116.522px, 0px) scale(0.4604, 0.4604);
		margin-top: 30%; /* Changes margin-top to -5% */
	}

	.custom-videos.scroll-2 video {
		transform: translate3d(0px, -22.7151px, 0px) scale(0.8948, 0.8948);
		margin-top: 30%; /* Changes margin-top to 0% */
	}

	.custom-videos.scroll-3 video {
		transform: translate3d(0px, -22.7151px, 0px) scale(0.8948, 0.8948);
		margin-top: 30%; /* Keeps margin-top at 0% */
	}

	.custom-videos.scroll-4 video {
		margin-top: 10%; /* Keeps margin-top at 0% */
		transform: translate3d(0px, -0.4743px, 0px) scale(0.9978, 0.9978);
		border-radius: 50px !important; /* Ensures border-radius is removed */
	}

	/* Apply margin-top to all videos within .custom-videos */
	.custom-videos video {
		margin-top: 0%; /* Initial margin-top for the video */
	}
	.development-services .content-box-heading
	{
		height:auto;
	}
	.development-services-content
	{
		height:auto;
	}

}

/* Only apply centering on larger screens */
@media (min-width: 992px) {
  /* Apply only inside development-services */
  .fusion-content-boxes.fusion-columns-total-7.development-services {
    display: flex;
    flex-wrap: wrap;
  }

  /* First 4: 25% each */
  .fusion-content-boxes.fusion-columns-total-7.development-services 
    .content-box-column:nth-child(-n+4) {
    flex: 0 0 25%;
  }

  /* Last 3: 25% each */
  .fusion-content-boxes.fusion-columns-total-7.development-services 
    .content-box-column:nth-child(n+5) {
    flex: 0 0 25%;
    margin-left: 0;
    margin-right: 0;
  }

  /* Center the last row */
  .fusion-content-boxes.fusion-columns-total-7.development-services 
    .content-box-column:nth-child(5) {
    margin-left: auto;
  }
  .fusion-content-boxes.fusion-columns-total-7.development-services 
    .content-box-column:nth-child(7) {
    margin-right: auto;
  }
}
/* Mobile-only Swiper styles for development-services */
@media (max-width: 768px) {
  /* neutralize Avada grid/flex */
  .development-services .fusion-content-boxes.fusion-columns-total-7 {
    display: block !important;
  }

  /* Swiper root */
  .development-services .mobile-slider-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .development-services .mobile-slider-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
    transition: transform 300ms ease;
  }

  /* each slide fills viewport */
  .development-services .mobile-slider-swiper .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 8px;
  }

  .development-services .mobile-slider-swiper .content-box-column {
    display: block;
    height: 100%;
  }

  .development-services .mobile-slider-swiper img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* Nav + progress bar */
  .development-services .mobile-nav-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .development-services .mobile-nav-buttons .mobile-prev,
  .development-services .mobile-nav-buttons .mobile-next {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.08);
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    font-size: 16px;
    line-height: 1;
  }

  .development-services .mobile-nav-buttons .mobile-prev:hover,
  .development-services .mobile-nav-buttons .mobile-next:hover {
    background: #f6f6f6;
  }

  .development-services .mobile-scroll-indicator {
    flex: 1;
    height: 4px;
    background: rgba(0,0,0,0.06);
    border-radius: 2px;
    overflow: hidden;
    position: relative;
  }

  .development-services .mobile-scroll-indicator span {
    display: block;
    height: 100%;
    width: 0%;
    background: var(--accent-color, #0073e6);
    transition: width 280ms ease;
  }

  /* hide default Swiper buttons/pagination */
  .development-services .swiper-pagination,
  .development-services .swiper-button-prev,
  .development-services .swiper-button-next {
    display: none !important;
  }

  /* keyboard focus */
  .development-services .mobile-nav-buttons button:focus {
    outline: 3px solid rgba(0,115,230,0.18);
    outline-offset: 2px;
  }
}

/* Desktop: hide slider elements */
@media (min-width: 769px) {
  .development-services .mobile-slider-swiper,
  .development-services .mobile-nav-buttons,
  .development-services .mobile-scroll-indicator {
    display: none !important;
  }
}
.development-technologies-gallery .fusion-grid-column {
    border-left: 1px solid rgba(183, 27, 214, 0.40); /* Left border */
    border-bottom: 1px solid rgba(183, 27, 214, 0.40); /* Bottom border */
}

.development-technologies-gallery .fusion-grid-column:nth-last-child(-n+5) {
    border-bottom: none;
}

.development-technologies-gallery .clearfix + .fusion-grid-column
{
    border-left: none; /* Remove left border from the first div after clearfix */
}
.development-technologies-gallery .fusion-grid-column:first-of-type {
    border-left: none; /* Remove left border from the very first div */
}
/* Apply whitewashed effect to images */
/* Apply whitewashed effect to images by default */
.development-technologies-gallery .fusion-grid-column .fusion-gallery-image img {
    filter: brightness(0) invert(1) grayscale(100%) contrast(100%);
    transition: all 0.3s ease; /* Smooth transition */
}

.development-technologies-gallery .fusion-grid-column:nth-of-type(11) .fusion-gallery-image img ,
.development-technologies-gallery .fusion-grid-column:nth-of-type(32) .fusion-gallery-image img ,
.development-technologies-gallery .fusion-grid-column:nth-of-type(29) .fusion-gallery-image img 
{
    filter: none !important;
    transition: all 0.3s ease;
}
.development-technologies-gallery .fusion-grid-column:nth-of-type(11) .fusion-gallery-image:hover img,
.development-technologies-gallery .fusion-grid-column:nth-of-type(32) .fusion-gallery-image:hover img,
.development-technologies-gallery .fusion-grid-column:nth-of-type(29) .fusion-gallery-image:hover img
{
  opacity: 0; /* Hide the original image on hover */
}

/* Set the hover image as background */
.development-technologies-gallery .fusion-grid-column:nth-of-type(11) .fusion-gallery-image:hover {
  background-image: url('/wp-content/uploads/2025/08/PHP-1.png');
  background-size: cover;
  background-position: center;
}
.development-technologies-gallery .fusion-grid-column:nth-of-type(32) .fusion-gallery-image:hover {
  background-image: url('/wp-content/uploads/2025/08/Woo-1.png');
  background-size: cover;
  background-position: center;
}
.development-technologies-gallery .fusion-grid-column:nth-of-type(29) .fusion-gallery-image:hover {
  background-image: url('/wp-content/uploads/2025/08/Ang-1-removebg-preview.png');
  background-size: cover;
  background-position: center;
}

/* On hover, remove the filter and set background to white */
.development-technologies-gallery .fusion-gallery-image:hover  {
    
    background-color: white; /* Set background to white */
}
.development-technologies-gallery .fusion-gallery-image:hover img {
    filter: none; /* Remove filter */
    
}
.page-id-41 .digital-project-cards,
.page-id-15 .digital-project-cards,
.page-id-1283 .digital-project-cards,
.page-id-1287 .digital-project-cards,
.page-id-1285 .digital-project-cards
{
  
    background: none;
}

/* ======================Design Lab Page (Nirmal) =========================== */

.counter-section .display-counter,
.counter-section .content-box-counter {
  font-family: 'Merriweather', serif !important;
  font-weight: 700;
}
.counter-section .content-box-counter {
  display: inline-block;
  position: relative;
  padding-bottom: 20px; 
  margin-bottom: 20px;
}

.counter-section .content-box-counter::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 82px;  
  height: 2px;  
  background-color: #ffffff; 
}

.design-lab-blog .post-card .fusion-tb-published-date {
  font-size: 16px !important;
  font-weight: 500;
  margin-top: -40px !important;
  display: block;
}

/* ==================================== Media Query (Design Lab) ======================== */
@media (max-width: 767px) {
.custom-row .fusion-column-wrapper{
border:1px solid !important;
border-bottom:0px solid !important;
}
.custom-row .fusion-column-wrapper:last-child {
        border-bottom: 1px solid !important;
}
.awb-swiper-button.awb-swiper-button-prev {
    left: 80%;
    position: absolute;
}
.awb-swiper-button.awb-swiper-button-next {
    right: 5%;
}
}

/* =============================Careers Page====================== */

.career-opportunity  .kh-job-card,
.career-opportunity  .kh-card
{
	background-color:transparent;
}
.career-photos-section .fusion-builder-row-inner
{
	padding-bottom:48px;
}
.career-photos-section .fusion-column-has-bg-image
{
	height:315px;
}


.carees-why-vidushi-boxes .fusion-column-wrapper 
{
	height:468px;
}
@media screen and  (max-width: 767px) {
	
	.carees-why-vidushi-boxes h3.fusion-title-heading
	{
		font-size:14px !important;
	}
	.career-photos-section .fusion-column-has-bg-image
	{
		height:auto;
	}
	 



}

/* Button grow on hover */
.explore-button {
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease; /* button grow */
}

/* Button scale on hover */
.explore-button:hover {
    transform: scale(1.05);
}

/* Arrow initially hidden, no space taken */
.explore-button .awb-button__icon {
    opacity: 0;
    transform: scale(0);
    display: inline-block;   /* inline so it stays next to text */
    margin-left: 0;          /* no space initially */
    transition: all 0.3s ease;
}

/* Show arrow on hover with spacing */
.explore-button:hover .awb-button__icon {
    opacity: 1;
    transform: scale(1);
    margin-left: 20px;       /* space between text and arrow */
}
.fusion-panel .panel-collapse
{
	padding-left:20px;
}


/* =======================ERP================================== */

.erp-industry-specific
{
	background: radial-gradient(69.92% 81.21% at 42.4% 54.13%, rgba(5, 242, 131, 0.30) 0%, rgba(0, 0, 0, 0.50) 100%);
}

/* CSS to make the ERP Offering boxes at center */
@media only screen and (min-width: 769px){
.erp-offering {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
	row-gap: 30px;
}
.erp-offering .fusion-column {
  flex: 0 0 30%;  
  max-width: 30%;
  margin: 15px;
}
.erp-offering .fusion-column:nth-child(4),
.erp-offering .fusion-column:nth-child(5) {
  flex: 0 0 30%;  
  max-width: 30%;
}
	}