/*
Theme Name: Byasa Tech Solutions
Template: hello-elementor
Author: Vivek Singh V K
Version: 1.0
Description: Child theme of Hello Elementor created for Byasa Tech Solutions.
*/

@import url("../hello-elementor/style.css"); /* Optional: Ensures fallback if enqueue fails */
body, body * {
    font-family: "Arial", sans-serif;
}
.elementor a {
    color: #2c2e8c;
    text-decoration: none;
}
.wpcf7 [type=submit] {
    border: 1px solid #2c2f8f;
}
/* Header CSS */
.bts-header .e-con-inner:before {
    content: '';
    width: 250px;
    height: 100%;
    background: #2d3091;
    display: block;
    position: absolute;
    left: 0;
}
.bts-header-logo:before {
    content: '';
    background: url(http://staging.byasatech.com/wp-content/uploads/2025/06/bts-logo-before.jpg) no-repeat right / contain;
}
.page-header {
    display: none;
}
.page-content .hfe-page-title a {
    text-decoration: auto;
}
.bts-header{
	width: 100%;
    z-index: 9999;
    transition: all 0.3s ease;
}
/* Fixed on Scroll */
.bts-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Footer CSS */
.bts-footerbar-menu nav {
    justify-content: end;
}

/* Banner css */
.bts-banner-details .eael-dual-header {
    display: block;
    margin-bottom: 0;
}

/* Core Expertise css */
.bts-core-expertise, .bts-tech-logs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px;
}
.bts-tech-logs {
	justify-content:center;
}
.bts-core-expertise .bts-expertise-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 7px;
    padding-left: 7px;
}
.bts-core-expertise .technology {
    background-color: #ffffff;
    width: 100%;
    height: auto;
    padding: 40px;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    transition: 0.5s;
    margin-bottom: 15px;
}
.bts-core-expertise .technology .title-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}
.bts-core-expertise .technology .title-wrap .icons {
    position: relative;
    padding: 3px;
}
.bts-core-expertise .technology .title-wrap .icons img {
    position: relative;
    z-index: 32;
	max-width: 50px;
    height: 50px;
}
.bts-core-expertise .technology .title-wrap .icons::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #9fc3ff;
}
.bts-core-expertise .technology .title-wrap h5 {
    font-size: 23px;
    min-height: 60px;
    font-weight: 500;
    color: #264027;
    margin-left: 20px;
    margin-top: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
}
.bts-core-expertise .technology .description {
    padding-top: 20px;
}
.bts-core-expertise .technology .description p {
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    color: #676768;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bts-core-expertise .technology .description a {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #111111;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    transition: 0.2s;
}
.bts-core-expertise .technology .description a span {
    margin-left: 7px;
	display: flex;
    transition: 0.5s;
}
.bts-core-expertise .technology:hover {
    box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.16);
}
.bts-core-expertise .technology:hover .title-wrap .icons::after {
    background: #2D3091;
    transition: all 0.3s;
    width: 70px;
    height: 70px;
    top: -7px;
    left: -7px;
}
.bts-core-expertise .technology:hover .title-wrap .icons img {
    filter: brightness(0) invert(1);
}
.bts-core-expertise .technology:hover .title-wrap h5 {
    color: #2D3091;
}
.bts-core-expertise .technology:hover .description a {
    color: #2D3091;
	font-weight: 500;
}
.bts-core-expertise .technology:hover .description a span svg path {
    fill: #2D3091;
}

/* Technology css */
.bts-tech-logs .bts-techlogo {
    margin: 0 10px;
}
.bts-tech-logs .tech-logo {
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    transition: 0.5s;
	padding: 10px;
}
.bts-tech-logs p.tech-name {
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #00000014;
    margin-bottom: 0;
    padding-top: 5px;
    margin-top: 5px;
}
.bts-tech-logs .tech-logo img {
    width: 150px;
    height: 100px;
    object-fit: contain;
}

/* Clients CSS */
.bts-core-expertise.bts-clients .bts-expertise-list,.bts-hp-project.bts-core-expertise .bts-expertise-list{
	flex: 0 0 25%;
    max-width: 25%;
}
.bts-core-expertise.bts-clients .technology{
	padding: 20px;
}
.bts-clients.bts-core-expertise .technology .title-wrap {
    border: 0;
    padding: 0;
	justify-content: center;
}
.bts-clients.bts-core-expertise .technology .title-wrap img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}

/* Recent Project */
.bts-hp-project.bts-core-expertise .technology .title-wrap img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}
.bts-hp-project .description h3 {
    font-size: 16px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.bts-hp-project.bts-core-expertise .technology{
	padding: 0;
}
.bts-hp-project.bts-core-expertise .description {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.bts-hp-project .bts-post-tittle {
    width: 87%;
}
.bts-hp-project.bts-core-expertise .technology .description a {
    margin-top: 0;
}
.bts-hp-project.bts-core-expertise .technology .title-wrap a {
    width: 100%;
}

/* silder */
button.slick-arrow {
    border: unset;
    font-size: 0;
    padding: 0;
}
ul.slick-dots [type=button]:hover, ul.slick-dots [type=button]:focus {
    background-color: #2d3091;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #2d3091;
}
.slick-dots li.slick-active button:hover::before {
  color: #fff; /* Example: change dot color on hover */
  opacity: 1;
}

/* Comman CSS */
.bts-tittle-tag h2::after {
    content: '';
    width: 80px;
    height: 30px;
    background: url(https://staging.byasatech.com/wp-content/uploads/2025/06/bts-header-underline.svg) no-repeat left / contain;
    display: block;
}
.bts-tittle-tag-center h2::after {
    content: '';
    height: 8px;
    background: url(https://staging.byasatech.com/wp-content/uploads/2025/06/bts-header-underline.svg) no-repeat center / contain;
    display: block;
    margin-top: 10px;
}
/* Career page css */
/*.container_for_open_roles {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(2, minmax(0, 1fr));*/
/*    gap: 2rem;*/
/*  }*/

  .all_roles_container {
    background-color: #F3F2F2;
    border: 1px solid #F3F2F2;
    padding: 1rem 2rem;
    width: auto;
    display: flex;
    border-radius: 15px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  a.read_more_open_roles {
    font-size: 16px;
    color: #191919;
  }

  .p-inner .Header_text_for_open_roles {
    font-size: 30px;
    color: #191919;
	text-align: start;
    margin: 0px;
  }

  .job_description_container {
    display: none;
  }

  .body_text_for_open_roles {
    font-size: 16px;
    color: #191919;
    text-align: start;
    line-height: 1.2;
    display: block;
    -webkit-box-orient: vertical;
    height: 2.4em;
    width: 100%;
    -webkit-line-clamp: 2;
    overflow: hidden;
/*     white-space: nowrap; */
    text-overflow: ellipsis;
	display: -webkit-box;
	margin: 1rem 0;
  }
  
  .top-side {
    text-align: center;
  }

  .top-side .title {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
  }

  .top-side .title:after {
    content: "";
    display: block;
    width: 50%;
    border-bottom: 1px solid #494949;
    margin: 8px auto;
  }

  .top-side h2 {
    font-weight: 700;
  }

  .filters-content {
    margin-top: 10px;
  }

  .filters-content .show {
    opacity: 1;
    visibility: visible;
    transition: all 350ms;
  }

  .filters-content .hide {
    opacity: 0;
    visibility: hidden;
    transition: all 350ms;
  }

  .filters-content .item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
  }

  .filters-content .item .p-inner {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 2.3rem 2rem;
    width: auto;
    display: flex;
    border-radius: 15px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .filters-content .item .p-inner h5 {
    font-size: 16px;
  }

  .filters-content .item .p-inner .cat {
    font-size: 13px;
  }

  .filters-content .item img {
    width: 100%;
  }

  .description_container {
    background-color: #2D3091;
/*     border: 1px solid transparent; */
    border-radius: 15px;
	padding: 3rem;
  }

  .JD_head_text {
    font-size: 2.5rem;
    font-family: Ogg-Bold,sans-serif;
    font-weight: 200;
    letter-spacing: 0.01em;
    color: #ffffff;
    display: inline;
    border-bottom: 2px solid;
  }

  .JD_description_text {
    font-size: 16px;
    /*white-space: pre-wrap;*/
    color: #fff;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
	margin-top: 2rem;
	overflow-y: scroll;
    height: 320px;
  }
  .JD_description_text p {
    margin-bottom: 0;
}
.JD_description_text p br {
    display: none;
}
.read-more-details{
    display:none;
}
.job-details {
    white-space: pre-wrap;
}
.job-shortdetails p {
    margin-bottom: 10px;
}
.job-shortdetails {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid;
}

  .desciption_form_container {
    padding: 1.5rem;
    background: #f6f6f6;
    border: 1px solid transparent;
    border-radius: 15px;
	  width: 100%;
    margin: 0;
  }
.show:active {
  transform: scale(0.9);
}
.career_modal .close {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    padding: 10px 20px;
    background: transparent;
    font-size: 30px;
	border: 0;
}
button.close:hover {
    background-color: transparent;
    color: #666;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 80%);
  z-index: 50;
  visibility: hidden;
  opacity: 0;
  transition: 0.7s;
}
.modals {
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-out;
}
.active {
  visibility: visible;
  opacity: 1;
}
.active + .modals {
  visibility: visible;
  opacity: 1;
}
.form_container.career_from {
    padding: 1rem 3rem;
}
.wpcf7 textarea:focus {
    border-color: #000;
}
.submit_btn_for_contact_us p {
    position: relative;
}
	span.wpcf7-spinner {
    position: absolute;
    left: 48%;
    top: 5px;
    margin: 0;
}
.form_container.career_from .wpcf7 form p br {
    display: none;
}
.form_container.career_from .wpcf7 form p span {
    margin-bottom: 15px;
	width: 100%;
    display: block;
	font-size: 12px;
}
.wpcf7 input[type="file"] {
    cursor: pointer;
    color: #666;
    padding: .5rem 1rem;
    border: 1px solid #666;
    transition: all .2s linear;
    width: 100%;
    border-radius: 3px;
}
input.wpcf7-form-control.contact_sub_bth {
    width: 100%;
    border: 1px solid;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	margin: 0;
    font-size: 12px;
}
/* width */
.JD_description_text::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.JD_description_text::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.JD_description_text::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
.JD_description_text::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/* Career page css end */

/* Technology Css */
.bts-technology-card {
    padding: 40px;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    border: 0;
	background: #fff;
}
.bts-technology-card .card-header .bts-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bts-technology-card .card-body {
    padding: 20px 0 0 0;
    margin-top: 20px;
    border-top: 1px solid #E0E0E0;
}
.bts-card-header img {
    width: 100px;
    height: 50px;
    object-fit: contain;
}
.bts-technology-card .bts-card-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #9fc3ff;
}
.bts-technology-card .card-header .bts-card-header {
    position: relative;
}
.bts-technology-card .card-header .bts-card-header h3 {
    position: relative;
    z-index: 1;
	font-size: 30px;
}
/* Services CSS */
.bts-core-expertise.bts-services-pg {
    display: block;
    margin: 0;
}
.bts-core-expertise.bts-services-pg .bts-expertise-list {
    flex: unset;
    max-width: 100%;
}
.bts-service .bts-core-expertise .technology {
    margin: 0;
    padding: 30px 20px;
}
.bts-service .bts-core-expertise .technology .title-wrap {
    padding: 0;
    border: 0;
    justify-content: center;
}
.bts-service .bts-core-expertise .technology .title-wrap .icons img {
    position: relative;
    z-index: 32;
    height: 70px;
    width: 70px;
	max-width: unset;
}
.bts-services-cardbox .e-con-inner:hover .technology {
    background: #EFF2FF;
    cursor: pointer;
}
.bts-services-cardbox .bts-core-expertise .technology:hover .title-wrap .icons::after {
    background: #9fc3ff;
    transition: all 0.3s;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
}
.bts-services-cardbox .bts-core-expertise .technology:hover .title-wrap .icons img {
    filter: unset;
}
.bts-service-details .bts-core-expertise .technology .title-wrap h5 {
    margin: 0;
}
.bts-service-details .bts-expertise-list:after {
    content: '';
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 15px;
}
.bts-service-details.bts-service-detailright .bts-expertise-list:after{
    border-right: 24px solid #ffffff;
	left: -15px;
}
.bts-service-details.bts-service-detailleft .bts-expertise-list:after{
    border-left: 24px solid #ffffff;
	right: -15px;
}
.bts-services-cardbox .e-con-inner:hover .bts-service-detailright .bts-expertise-list::after {
    border-right: 24px solid #eff2ff;
}
.bts-services-cardbox .e-con-inner:hover .bts-service-detailleft .bts-expertise-list::after {
    border-left: 24px solid #eff2ff;
}
.bts-service-details span.icons {
    display: none;
}
.bts-case-single-pg {
    background: #f0f0f0;
    display: flex;
}

.bts-contact-field p {
    display: flex;
    gap: 12px;
}
.wpcf7-form-control-wrap {
    width: 100%;
}

.bts-hp-project h2.bts-case-title {
    text-align: center;
    margin: 30px 15px;
	min-height: 108px;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #2d3091;
	font-weight: 500;
    font-size: 30px;
}
.bts-hp-project.bts-core-expertise .technology .title-wrap{
	padding-bottom:0
}

.bts-hp-project.bts-core-expertise.bts-event .technology .title-wrap img {
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}
.bts-hp-project.bts-core-expertise.bts-event .technology{
	margin-bottom: 30px;
}
#page {
    background: #f0f0f0;
}
.gallery-container {
    margin: 50px auto;
}
.tz-gallery a.lightbox img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
li#menu-item-1163 {
    display: none;
}

@media screen and (min-width:1920px){
	.bts-header .e-con-inner:before{
		width: 30%;
	}
}
@media screen and (max-width:1024px){
	li#menu-item-1163 {
    	display: block;
	}
	.bts-core-expertise .bts-expertise-list,.bts-hp-project.bts-core-expertise .bts-expertise-list{
		flex: 0 0 50%;
    	max-width: 50%;
	}
	.bts-service {
		display: none;
	}
	.bts-service-details span.icons {
    	display: block;
	}
	.bts-service-details .bts-core-expertise .technology .title-wrap h5 {
    	margin: 0 15px;
	}
	.bts-service-details .bts-expertise-list:after {
    	content: unset;
	}
}
@media screen and (max-width:767px){
	.bts-header .e-con-inner:before {
    	content: unset; 
	}
	.bts-footerbar-menu nav {
    	justify-content: center;
	}
	.bts-core-expertise .bts-expertise-list, .bts-hp-project.bts-core-expertise .bts-expertise-list {
        flex: 0 0 100%;
        max-width: 100%;
    }
	.bts-tech-logs .bts-techlogo {
		margin: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 50%;
		max-width: 50%;
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 7px;
		padding-left: 7px;
		margin-bottom: 14px;
	}
	.bts-core-expertise.bts-clients .bts-expertise-list{
		flex: 0 0 50%;
    	max-width: 50%;
	}
	.bts-contact-field p{
		display:block;
	}
	.bts-contact-field p span {
		margin-bottom: 15px;
		display: block;
	}
	.gallery-container {
    	margin: 15px auto;
	}
	.tz-gallery a.lightbox img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		margin-bottom: 15px;
	}
}