/* 
Theme Name:		 thetechbridgesolution
Theme URI:		 http://childtheme-generator.com/
Description:	 thetechbridgesolution is a child theme of invite, created by ChildTheme-Generator.com
Author:			 eMutation
Author URI:		 http://childtheme-generator.com/
Template:		 invite
Version:		 1.0.0
Text Domain:	 thetechbridgesolution
*/


/*
    Add your custom styles here
*/

tbody, td, tfoot, th, thead, tr {
  border-color: #cacaca;
} 

#table-price {
	
}

.none {
	display: none;
}

.faq-thetechbridgesolution .inv-faq-content,
.faq-ful-thetechbridgesolution .inv-faq-content {
	padding: 0 !important;
}

.faq-ful-thetechbridgesolution .inv-faq-accordion {
	max-width: 100%;
}
}

.inv-faq-accordion .accordion-body { 
	min-height: 100px;
}

.inv-faq-accordion .accordion-button::after {
	display: none !important;
}

.inv-service-slider-item {
	max-width: inherit !important;
}
.inv-service-slider-item .inv-service-img img {
	width: 400px;
}

.error404 .core_breadcrumb {
	display: none !important;
}
.error-page__content h1 {
  font-size: 60px;
  margin-bottom: 30px;
}

#ct-loadding.style1 .loading-spin::before {
  border-color: #267FCB !important;
}

.header-style-four.tx-isticky-active.sticky-on {

}




.progress-wrap::after {
  color: #267FCB !important;
}
.progress-wrap svg.progress-circle path {
  stroke: #015DAC !important;
}

.header-style-four .tx-main-navigation-area li:hover a {
  color: #267FCB !important;
}

.header-style-four .tx-main-navigation-area li a::before {
	border-bottom-style: solid !important;
	border-bottom-color: #267FCB !important;
}
.inv-growth-item:hover .growth-icon i {
	-webkit-text-fill-color: inherit !important;
}

.home.page-template .header-style-four {
	position: absolute;
}

.page-template .header-style-four {
	position: relative;
}

#page-header {
	background-color: #000000;
}


.header-style-four.sticky-on {
	position: fixed !important;
}


.header-style-four .tx-header-content .brand-logo {
	max-width: 180px !important;
	margin-top: 30px !important;
}

.header-style-four.tx-isticky-active.sticky-on .tx-header-content .brand-logo {
  max-width: 100px !important;
  margin-top: 10px !important;
}



.top-info, .top-social  {
	margin-top: -70px;
}

.top-social  {
	margin-right: 40px;
}

.header-style-four .tx-header-top { 
	max-width: 100%;
}

.link-footer {
	color: #FFF;
}
.link-footer:hover {
	text-decoration: underline;
}


.grecaptcha-badge {
	display: none;
	z-index: 1000;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin: 0px;
	margin-bottom: 20px;
}

.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
	color: #FFF;
}

.wpcf7 form .wpcf7-response-output {
	color: #FFF !important;
	margin: 0 !important;
}


.thm-btn__gradient {
	/*background-image: -webkit-linear-gradient(1deg, #015DAC 0%, #267FCB 100%) !important; */
	background-image: linear-gradient(180deg, #267FCB 0%, #015DAC  100%) !important;	
}

.thm-btn {
  transition: all 0.2s cubic-bezier(0.68, 0.01, 0.58, 0.75);
  font-size: 15px;
  font-weight: 700;
  text-transform: None;
  color: var(--color-white);
  border-style: none;
  padding: 15px 25px;
  align-self: center;
  position: relative;
  display: inline-block;
  border-radius: 3px;

  line-height: 1.1;
  background-color: #267FCB !important;
}

.inv-get-quote-content {
	padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 30px;
}

.inv-get-quote-title {
	margin-top: 20px;
}

#contact-info-footer .logo-cta-info{
	display: flex;
   justify-content: center;
}

#contact-info-footer .logo-cta-info .cta-info {
  margin-right: 40px;
}

.inv-form-input-area input {
max-width: 100%;
}

.header-style-four .dropdown:hover::after, 
.header-style-five .dropdown:hover::after {
  color: #267FCB !important;
}


.inv-form-input-area button {
	padding: 25px 35px;
}

.home.wp-singular #page .wpcf7 form .wpcf7-response-output {
  color: #000 !important;
  margin: 0 !important;
}

.wp-singular #page .wpcf7 form .wpcf7-response-output {
  color: #FFF !important;
  margin: 0 !important;
}

.inv-team-member-item .inv-team-img.inv-team-img-emutation {
	max-width: 210px !important;
	padding-right: 10px;
}

.inv-team-member-item {
  padding: 0px 50px 30px 30px;
}

@media only screen and (max-width: 2600px) {
	.header-style-four .tx-header-content::before {
		width: 88%;
	}
}




#inv-get-quote .inv-get-quote-bg{
	min-height: 190px;
}



@media only screen and (max-width: 2370px) {

	
	  .inv-get-quote-section .inv-get-quote-bg {
	    right: 355px;
	  }
	
	
}
@media only screen and (max-width: 2300px) {
	
	  .inv-get-quote-section .inv-get-quote-bg {
	    right: 355px;
	  }
	
}

@media only screen and (max-width: 2200px) {
	
	  .inv-get-quote-section .inv-get-quote-bg {
	    right: 300px;
	  }
	
}
@media only screen and (max-width: 2100px) {
	
	  .inv-get-quote-section .inv-get-quote-bg {
	    right: 285px;
	  }
		
}

@media only screen and (max-width: 2000px) {
	
	  .inv-get-quote-section .inv-get-quote-bg {
	    right: 100px;
	  }
	
}

@media only screen and (max-width: 1920px) {
	.header-style-four .tx-header-content::before {
		width: 87%;
	}
	  .inv-get-quote-section .inv-get-quote-bg {
	    right: 80px;
	  }	
}

@media only screen and (max-width: 1720px) {
	.header-style-four .tx-header-content::before {
		width: 86%;
	}	


	#footer-image-the .elementor-background-overlay{
		
	}
	.elementor-4717 .elementor-element.elementor-element-83d9777 > .elementor-background-overlay { 
		display: none !important;
	}
	
}


@media only screen and (max-width: 1660px) {
	.header-style-four .tx-header-content::before {
		width: 85%;
	}	
}

@media only screen and (max-width: 1440px) {

	
}


@media only screen and (max-width: 1330px) {
	.header-style-four .tx-header-content::before {
		width: 83%;
	}
}

@media only screen and (max-width: 1280px) {
	.header-style-four .tx-header-content::before {
		width: 83%;
	}

	.inv-get-quote-section {
		background-image: url("https://thetechbridgesolution.com/wp-content/uploads/2025/07/gq-bg.jpg");
	}
}

@media screen and (max-width: 1250px) {
	.inv-get-quote-section {
		background-image: url("https://thetechbridgesolution.com/wp-content/uploads/2025/07/gq-bg.jpg");
	}
}


@media only screen and (max-width: 1170px) {

	
}

@media only screen and (max-width: 1150px) {
	.header-style-four .tx-header-content .brand-logo {
		max-width: 160px !important;
		margin-top: 20px !important;
	}
	.top-info, .top-social  {
		margin-top: -45px;
	}
}
@media only screen and (max-width: 1060px) {
	

}

@media only screen and (max-width: 1024px) {

	#contact-info-footer .logo-cta-info{
		display: flex;
	   justify-content: center;
	   flex-direction: column;
	
	    margin: 0 auto;
	    max-width: 400px;
	}
	



}
@media only screen and (max-width: 960px) {


}

@media only screen and (max-width: 768px) {

	.inv-team-member-item {
	  padding: 0px 50px 15px 15px;
	}
	.team-emutation-flex {
		flex-direction: column;
	}
}

@media only screen and (max-width: 640px) {

	#table-price {
		font-size: 14px;	
	}
	#table-price td{
		padding: 3px;
	}
	#table-price th{
		line-height: 18px;
	}

}


@media only screen and (max-width: 360px) {

}












@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1440px) and (min-width: 1367px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
 
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 1024px) and (min-width: 769px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 1024px) and (min-width: 769px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 680px) {

}

.otgs-development-site-front-end {
	display: none;
}


.item-4 .inv-growth-item {
	padding: 35px !important;
}