/* xl - DESKTOP STYLES */ 
/*======= Global CSS ========== */

.breadcumb-wrapper {
    display: none;
}

.fullbtn {
	width: 100%;
}

a.inverted-btn {
    background: #141d38;
}

a.inverted-btn:hover {
    background: #8c52ff !important;
}


/*== Header == */

.header-links ul {
  display: flex;
}

.header-links ul li:nth-child(1) { /* Phone */
  order: 3;
}

.header-links ul li:nth-child(1)::after {
  content: none !important;
}

.header-links ul li:nth-child(2) { /* Address */
  order: 2;
	padding-left: 40px;
}

.header-links ul li:nth-child(3) { /* Email */
  order: 1;
}

.header-layout10 .header-top .header-links li:nth-child(3)::after { /* Email (now first) */
  content: '';
  height: 15px;
  width: 1px;
  background-color: #CAD4F1;
  position: absolute;
  top: 5px;
  right: -20px;
}

.header-layout10 .header-top .header-links li:nth-child(2)::after { /* Address (now second) */
  content: '';
  height: 15px;
  width: 1px;
  background-color: #CAD4F1;
  position: absolute;
  top: 5px;
  right: -20px;
}

span.social-title {
    display: none !important;
}

.header-layout10 .header-button .th-btn {
    padding: 18px 0px;
}

.header-layout10 .header-button{
	background: #141d38;
	padding: 0px 20px 0px 0px;
	border-radius: 100px;
}

.header-layout10 .header-button:hover{
	background: #141D38;
	transition: all .31s ease;
}

@keyframes slideArrow {
  0% { transform: translateX(0); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.header-button::after{
 	content: "\f060"; /* Font Awesome arrow-right */
  	font-family: "Font Awesome 6 Pro";
 	display: inline-block;
 	color: white;
	animation: slideArrow 2.5s ease-in-out infinite;
}

.page-id-12481 .header-button::after{
 	content: "\f164"; /* Font Awesome arrow-right */
	font-weight: 900;
	animation: none;
}

.th-header.header-layout10 {
    box-shadow: 0px 0px 15px #ebebeb;
}

.page-id-11553 .th-header.header-layout10, .page-id-11549 .th-header.header-layout10, .page-id-11555 .th-header.header-layout10, .page-id-11557 .th-header.header-layout10, .page-id-11551 .th-header.header-layout10, .page-id-11559 .th-header.header-layout10, .page-id-11561 .th-header.header-layout10, .page-id-11563 .th-header.header-layout10, .page-id-11565 .th-header.header-layout10{ 
	box-shadow: none !important;
}


/*== Contact Form == */

legend.wpforms-field-label {
    margin-bottom: 10px;
}

form#wpforms-form-12467 .wpforms-one-half {
    padding: 0px !important;
}

form#wpforms-form-12467 .wpforms-one-half input {
    width: 98%;
    margin: 0% 2% 0% 0%;
}


form#wpforms-form-12332 input, form#wpforms-form-12467 input, form#wpforms-form-12467 select{
    height: 56px; 
	outline: 0;
	padding: 0px 15px;
	border-radius: 4px;
}

form#wpforms-form-12332 textarea, form#wpforms-form-12467 textarea {
	border-radius: 4px;
}

form#wpforms-form-12332 input::placeholder, form#wpforms-form-12332 textarea::placeholder, form#wpforms-form-12467 input::placeholder, form#wpforms-form-12467 textarea::placeholder {
    color: #565656;
	opacity: 1;
}


form#wpforms-form-12332 .wpforms-field-container div, form#wpforms-form-12467 .wpforms-field-container div{
	    padding: 12px 0;
}

button#wpforms-submit-12332, button#wpforms-submit-12467  {
    height: 54px;
    text-transform: uppercase;
    font-size: 14px;
	border-radius: 4px;
}

div#wpforms-confirmation-12332,  div#wpforms-confirmation-12467 {
    background: #8c52ff;
    border-radius: 4px;
	margin-top: 25%;
}

div#wpforms-confirmation-12332 p, div#wpforms-confirmation-12467 p{
    color: white;
}

form#wpforms-form-12467.wpforms-field-container.wpforms-one-half {
  width: 40%;
  float: left;
  margin-right: 4%;
  box-sizing: border-box;
}
form#wpforms-form-12467.wpforms-field-container.wpforms-one-half.wpforms-first {
  clear: both;
}

form#wpforms-form-12467 .wpforms-one-half {
    padding: 10px 0px !important;
}



/*======= Homepage CSS ========== */

.header-links ul li {
    font-size: 15px;
}

span.social-title {
    font-size: 15px !important;
}

.hero-style2 {
    position: relative;
    z-index: 6;
    margin: 240px 0;
    max-width: 100%;
}

p.hero-text {
    max-width: 60%;
}

.clients-logos-grey .swiper-slide a img {
    filter: brightness(0) saturate(0%) sepia(1) hue-rotate(0deg) brightness(1);
    opacity: 0.5;
	transition: filter 0.5s ease;
}


.clients-logos-grey .swiper-slide a img:hover {
    filter: none;
	opacity: 1;
}

.clients-logos-grey .swiper-wrapper .swiper-slide a img{
	width: 180px;
}

div#brandSlider4 {
    padding-bottom: 36px;
}

.year-counter_number {
    font-size: 54px;
    margin-top: 14px;
}

.img-box1 .img1 img {
    width: 110%;
}

.about-feature_icon img {
    width: 64px;
}

.service-grid_icon img{
	width: 46px;
}

.about-feature_title {
    margin-bottom: 4px;
    margin-top: 6px;
}

h2.counter-card_number {
    margin-bottom: 0px;
}

.counter-card .icon img {
    width: 80px;
}

.counter-card {
    gap: 16px;
}


.project-img img{
	max-height: 272px;
}

.project-card .project-content {
    padding: 16px 12px;
}

.box-title {
    line-height: 1.2;

}

.testi-box_quote img {
    width: 30px;
}

.testi-grid_quote img {
    width: 22px;
}

.testi-grid_img {
    background-color: #141d38;
    border: 4px solid #6638ff;

}

.testi-grid_img > img {
    border-radius: 7px;
}

.testi-grid_review {
    color: #f7931e;
}


/*======= About Us CSS ========== */

.clients-logos-white .swiper-slide a img {
    filter: brightness(0) invert(1) opacity(1); /* Makes the icon appear white */
    transition: filter 0.3s ease;
}


.btn-middle {
    display: table;
    margin: 0px auto;
}

.elementor-element-efa9f14 {
    padding: 30px 20px;
    box-shadow: 0px 0px 20px #e9e9e9;
	border-radius: 30px 0px 0px 30px;
}

.elementor-element-7d77d0c{
	    padding: 30px 20px;
    box-shadow: 0px 0px 20px #e9e9e9;
	background-color: #8c52ff;
	border-radius: 0px 30px 30px 0px;
}

.elementor-element-4024481 .elementor-container {
    background: white;
    border-radius: 30px;
	filter: drop-shadow(0px 16px 48px rgba(18, 20, 26, 0.06));
}

.service_card2 .box-icon {
    border: 5px solid #8c52ff;
}

.service_card2:before {
    background-color: #f5f0ff;

}

.service_card2 {
    background-color: #dc3545;
}


.process-tabs-wrapper .nav button span.step {
    font-size: 15px;
}


/*======= Services CSS ========== */

.elementor-element.elementor-element-9914bbf.services-page .shape-icon img, .elementor-element.elementor-element-91a07aa.services-page .shape-icon img {
    width: 46px;
}

.process-card-area .process-line {
    bottom: 20%;
}

.process-card_icon img {
    width: 50px;
}

h3.box-title{
	font-size: 21px;
}


/*======= Portfolio CSS ========== */

.rt-img-holder a img {
    max-height: 270px;
}

.tpg-iso-filter .rt-tpg-isotope-buttons button {
    font-weight: 600;
}

.post-meta-user span.categories-links i{
	color: #684df4;
}

.post-meta-user span.categories-links a {
    background: #684df4;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
	margin: 0px 4px;
}

.post-meta-user span.rt-separator{
	display:none;
}

.post-meta-user span.post-tags-links a {
    margin: 3px 0px;
    padding: 3px 4px;
    font-size: small;
    color: #2c2c2c;
    border-radius: 10px;
}

.post-meta-user span.post-tags-links i {
	color: #141d38;
}

.post-meta.center span.read-more a {
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
}

.tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-detail h3 {
    margin: 0;
}

.tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-detail {
    padding: 8px 20px;
}

h3.entry-title a {
    font-size: 20px;
}


/*======= Contact Us CSS ========== */

.elementor-element.elementor-element-6deb9f6.fullbtn a {
    width: 100%;
}


/*======= Services Inner Pages Global CSS ========== */

.service-adv-icons .service-feature_icon img {
    width: 76%;
}

.sub-services-img .feature-card.style2 .feature-card-icon img {
    width: 30%;
}


/*======= Portfoolio Inner Pages Global CSS ========== */

h2.portfolio-heading {
    font-size: 28px;
}

/* Sticky Sidebar - container must be relative */
.sidebar-wrapper {
  position: relative;
}

/* Sticky column */
.sticky-sidebar {
  position: sticky;
  top: 10px; /* Adjust based on your header height */
  align-self: flex-start;
}


/* xs - SMARTPHONE PORTRAIT STYLES */ 
@media (max-width: 479px) {
  /*======= Global CSS ========== */
  
  .header-logo {
          max-width: 200px;
      }
  
  .header-logo {
      padding-top: 0px;
      padding-bottom: 0px;
  }
  
  .header-top {
      display: none;
  }
  
  .sticky-wrapper {
      border-top: 8px solid #8c52ff;
      outline: 0;
  }
  
  /*======= Homepage CSS ========== */
  
  .hero-style2 {
      margin: 140px 0;
  }
  
  p.hero-text {
      max-width: 100%;
  }
  
  .img-box1 .img1 img {
      width: 100%;
  }
  
  .year-counter {
      height: 140px;
      width: 140px;
  }
  
  .year-counter_number {
      font-size: 40px;
  	margin-top: 4px;
  }
  
  .year-counter_text {
       font-size: 14px;
  }
}