/*
Theme Name: Bharath Info
Author: Tram
Author URI: https://www.ayeimtechnologies.com/
Description: Theme developed for Bharath Info
Version: 1.0
Template: Divi
License: Commercial
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/*!
Theme Name: Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.27.4
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap'); 
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");



:root{
	--font-size25: 25px;
	--font-size16: 16px;
	--font-size-14: 14px;
	--font-size-18: 18px;
	--font-size-52: 52px;
	--font-size-60: 60px;
	--font-size-36: 36px;
	--font-size-40: 40px;
	--font-weight600: 600;
	--line-height-98: 98px;
	--line-height-62: 62px;
	--line-height-43: 43px;
	--font-weight-300:300px;
	--font-weight-400: 400px;
	--font-weight-500: 500px;
	--font-weight-600:600px;
	--colorblack: black;
	--color-white: #ffffff;
	--color: #456e6b;
	--color1:#BAA4FA;
	--color2:#2b2b2b;
	--color3:#f2f2fa;
	--color4:#666;
	--padding_0:0;
	--border-radius:10px;
}

body,h1,h2,h3,h4,h5,h6,p{
	  font-family: 'Open Sans', sans-serif;
}

h1{
	font-size: var(--font-size-60) !important;
    line-height: var(--line-height-43);
    font-weight: var(--font-weight-500);
	color:rgba(0, 0, 0,0.75) !important;
}
h2{
	font-weight:var(--font-weight-300) !important;
    font-size: 44px !important;
    line-height: 1.2em;
	color:rgba(0, 0, 0,0.75) !important;
	letter-spacing:0% !important;
}
h3{
	color:var(--color2);
	line-height:1.2em;
	font-size:20px;
	font-weight:var(--font-weight-600);
}
h4{
	line-height:1.2em;
}
p{
	font-weight:var(--font-weight-300) !important;
	font-size:15px !important;
}
p:not(.has-background):last-of-type{
	margin-bottom:0px !important;
}
.founder_photo>span img{
	width: 19% !important;
    border-radius: 50px;
}
.margin_right_3{
	margin-right:3.5% !important;
}
.home_contact>div>div{
	margin-right:3.5% !important;
}
.contact_logo>a>span img{
	width:16%;
}
.explore_btn{
	background: #7a69e6;
    padding: 10px 1px;
    width: 100%;
    border-radius: 5px;
	cursor:pointer;
}
.explore_btn>div p{
	text-align: center;
    color: white;
}

/* .home_contact>div>div>div span{
	height: 66vh;
    overflow: hidden;
} */
.contact-form-container{
	padding-left:0px !important;
	padding-top:0px !important;
}
.contact-form-container{
	padding-top:0;
}
.wp-image-601{
	object-fit: cover;
    width:100%; 
}
.footer_logo img{
	width:80px !important;
}
.footer_section{
	padding-top:30px;
}
.digital_img>span img,.driving_img>span img{
	aspect-ratio:3/2;
}

.Discover_btn{
	background: linear-gradient(135deg, #a855f7 0%, #8b5cf6 100%) !important;
    color: var(--color-white);
    text-align: center;
    width: 40%;
    padding: 10px;
    border-radius: 10px;
	cursor:pointer;
}
.border1{
	border:3px solid #7a69e6;
}
.digital_divider{
	margin-top:4em;
	margin-bottom:0 !important;
}
.send_msg{
	margin-bottom:0px !important;
	text-align:left !important;
}
.form-group-half input, .form-full textarea, .wpcf7-form-control:not(.wpcf7-submit){
	padding:10px !important;
	font-size:14px !important;
}
.border_left_orange{
	border-left: 10px solid #fbbf24; 
	border-top: none;
	border-right: none;
	border-bottom: none;
	width:97%;
}
.card1{
	background: var(--color-white);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.border_left_skyblue{
	border-left: 10px solid #00d8bf !important; 
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.border_left_blue{
	border-left: 10px solid #1c58ef !important; 
  border-top: none;
  border-right: none;
  border-bottom: none;
	min-height:9.5em;
}
.about_img_height,.about_img_height span,.about_img_height img{
	height:100%;
	border-radius:var(--border-radius);
	object-fit:cover;
}
.about_card{
/* 	gap: 20px; */
    background: var(--color-white);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	min-height:28vh;
	
}
.what_we_section{
	padding-top:35px !important
}
.text_white p,.text_white>div h2,.text_white h4{
	color:#fff !important;
}
.card_padding{
    padding: 20px;
    border-radius: var(--border-radius);
}
.border_radius>div video{
	border-radius:var(--border-radius);
}
.padding_0{
	padding:var(--padding_0) !important;
}
.header_row{
	padding:15px 0px !important;
	display:flex;
	align-items:center;
	position: sticky;
  top: 0;
  z-index: 1000;
}
.header_row img{
	width:80px !important;
/* 	height:40px; */
	aspect-ratio:3/2 !important;
}
.menu{
	display:flex;
	justify-content:flex-end;
}
.text_align_center,.Discover_btn>div p{
	text-align:center !important;
}
.background{
	background:#07a8f0 !important;
}
.background_white{
	background:var(--color-white) !important;
}
.background1{
	background-color:var(--color3);
}
.padding_bottom_0{
	padding-bottom:0px !important;
}
.display_flex{
	display:flex;
}
.footer_logo>span img{
	width:80px !important;
/* 	height:45px; */
	aspect-ratio:3/2 !important;
}
.footer_icons{
	margin-top:-22px !important;
}
.divider{
	margin-bottom:0px !important;
}
.toggle_bottom{
	margin-bottom:2% !important;
}
.what_we_card{
	margin-right:3.5% !important;
}
.card{
	gap: 20px;
    background: var(--color-white);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    min-height: 170px;
}
.product_card{
	gap: 20px;
    background: var(--color-white);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	
}
.card:hover,.product_card:hover{
	box-shadow: 0 4px 10px rgba(122, 105, 230, 0.6);
}
.icon>span>span {
	font-size:40px !important;
	color:#7a69e6 !important;
}
.border_radius,.border_radius_10>span img{
	border-radius:var(--border-radius) !important;
}
/* Updated Contact Form Container - spans full width of its parent */
.contact-form-container {
    padding: 40px 20px; 
    /* background-color: #ffffff;  Removed: assuming parent element handles background or page is white */
    /* max-width: 700px;         Removed: to allow full width */
    margin: 0 auto;
    text-align: center;
}
.contact-form-container h2 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}
.contact-form-container p {
    font-size: 1em;
    color: var(--color4);
    margin-bottom: 30px;
}
.form-row {
    display: flex;
    gap: 20px; 
    margin-bottom: 20px;
}

.form-group-half {
    flex: 1; /* Makes Name and Email fields take up equal space */
}

/* Style for all input and textarea fields - NOW WITH WHITE BACKGROUND */
.form-group-half input,
.form-full textarea,
.wpcf7-form-control:not(.wpcf7-submit) { 
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: var(--color-white); 
    font-size: 16px;
    outline: none;
    box-sizing: border-box; 
}
.form-full textarea {
    min-height: 180px; /* Tall message box */
    resize: vertical; /* Allow resizing vertically */
    margin-bottom: 20px;
}
/* The Submit Button Style */
.wpcf7-submit,
.submit-button {
    background: linear-gradient(135deg, #a855f7 0%, #8b5cf6 100%); /* Purple gradient */
    color: var(--color-white);
    font-weight: bold;
    padding: 15px 35px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.1em;
    transition: background 0.3s ease;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);
    text-transform: uppercase;
}
/* .contact-form-container h2,.contact-form-container p{
	color:var(--color-white) !important;
} */
.wpcf7-submit:hover {
    background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
}
@media (min-width: 981px) {
	.contact_section{
		display:flex;
		height:105vh;
		justify-content:center;
		align-items:center;
    }
	.transforming_section{
		padding-top:7.5rem !important;
		padding-bottom:5.5rem !important;
	}
	.product_img>span img{
		height:56.5vh !important;
		object-fit:cover;
	}
	.expert_it_img>span img{
		height:62vh;
		object-fit:cover;
	}
	.et-l.et-l--header .et_pb_section {
	  position: fixed !important;
	  z-index: 9999 !important;
	  width:100%;
	}
	.contact_img{
		margin-top:1% !important;
		margin-left:1% !important;
	}
	.form_col{
		margin-top:1% !important;
		margin-bottom:1% !important;
	}
	.toggle_col{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
/* 		aspect-ratio:3/2; */
	}
	.what_we_do_sec{
		height:47vh;
	}
}
@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
  }
	.contact_section{
		height:125vh !important;
	}
	
}


@media (max-width: 980px){
	h2{
		font-size:32px !important;
		line-height:37.8px;
	}
	.et_mobile_nav_menu{
		width: 88vw;
    transform: translate(5vw, 10px);
    position: absolute;
    justify-content: flex-end;
	}
	.transforming_section{
		padding-top:3.5rem !important;
	}
	.text_align_left,.text_align_left_mobile{
	    text-align:left !important;
    }
	.home_contact>div{
		padding-top:0 !important;
	}
	.contact_section {
        display: flex;
/* 		height: 160vh; */
		justify-content:center;
		align-items:center;
    }
	.header_row {
        padding: 0px 0px !important;
    }
	.header_row>div{
		margin-bottom:20px !important;
	}
	.header_row>div>div>span img{
		margin-top:20px;
	}
	.mobile_menu_bar:before{
		top:-12px !important;
		color:var(--color4) !important;
	} 
	#mobile_menu1{
/* 		width: 90%;
		position: fixed !important;
		top: 135px; */
		z-index: 999;
		background-color: #2c3e50;
		color: var(--color-white);
		box-shadow: -5px 0 10px rgba(0, 0, 0, 0.5);
/* 		margin-left: 30px; */
		padding-top:10px;
		padding-bottom:10px;
   } 
	.et_mobile_menu li a{
		padding:6px 5% !important;
	} 
	.client_section>div>div>div>div{
	height:210px !important;
	}
	.client_section>div>div>div>div>div>div img{
		height:100px;
	}
	.et_pb_slide_image{
		display:block !important;
	}
	
	.client_section .et_pb_slide_image{
		width:100%;
	}
	.contact_section>div{
		margin-bottom:0 !important;
		padding-bottom:0 !important;
		padding-top:10px !important;
	}
	.contact-form-container{
		padding:var(--padding_0) !important;
	}
	.border_left_orange{
		width:100% !important;
	}
	.who_we_are{
		padding-top:10px !important;
		padding-bottom:30px !important;
	}
	.transform_img{
		justify-content:center !important;
	}
	.padding_zero{
		padding:var(--padding_0);
	}
	.padding_top_0_mobile{
		padding-top:0px !important;
	}
	.padding_btm_0_mobile{
		padding-bottom:0 !important;
	}
	.services_col{
		padding-bottom:38px;
	}
	.padding_btm_10{
		padding-bottom:10px;
	}
	.expertise_row>div{
		margin-bottom:0 !important;
	}
	.product_img>span img{
		aspect-ratio:3/2 !important;
		margin-top:35px !important;
	}
	.padding_btm_30,.padding_bottom_30{
		padding-bottom:30px !important;	
	}
	.expert_it_img>span img{
		aspect-ratio:3/2;
	}
	.margin_btm_10{
		margin-bottom:10px !important;
	}
	.contact_logo>a>span img{
		width:12% !important;
	}
	.contact_img>div>span img{
		aspect-ratio:3/2;
	}
	.services,.padding_top_2vw{
		padding-top:2vw !important;
	}
	.padding_top_40_mobile{
		padding-top:40px !important;
	}
	.padding_0_mobile{
		padding:var(--padding_0) !important;
	}
	.contact_btm{
		padding-bottom:8vw !important;
	}
	.explore_btn{
		width:39%;
	}
	.card{
		min-height:150px;
	}
}
@media (min-width:981px) and (max-width:1102px){
	.card{
		min-height:195px;
	}
	.everything_card{
/* 		min-height:62vh !important; */
		min-height:83vh !important;
	}
	.img_height_63>span img{
		height:63vh;
		object-fit:cover;
	}
	.our_services{
		min-height:124vh !important;
	}
	.services_col{
		padding-top:30px !important;
		padding-bottom:45px !important;
	}
}
@media (min-width:375px) and (max-width:522px){
/* 	.card{
		min-height:245px;
	} */
	.hero_slider>div>div>div>div>div>div>div img{
		display:none !important;
	}
	.btn{
		width:62% !important;
	}
	.consultancy_btn{
		width:45% !important;
	}
	.who{
		padding-top:3% !important;
		padding-bottom:8% !important;
	}
	.rd_card{
		min-height:177px !important;
	}
}
@media (min-width:522px) and (max-width:768px){
	.client_card{
		min-height:35vh !important;
	}
	.consultancy_btn{
		width:32% !important;
	}
.hero_slider>div>div>div>div>div>div>div img{
		display:none !important;
	}
	.btn{
		width:46% !important;
	}
	.p_card{
		min-height:42vh !important;
	}
}
.padding_btm_0{
	padding-bottom:0 !important;
}
.padding_top_0{
	padding-top:0 !important;
}
@media (min-width:768px) and (max-width:980px){
	.client_card{
		min-height:32vh !important;
	}
	.et-pb-controllers{
		bottom:0px !important;
	}
	.contact_section{
		height:107vh !important;
	}
	.btn{
		width:30% !important;
	}
	.consultancy_btn{
		width:22% !important;
	}
	
}
@media (min-width:981px) and (max-width:1230px){
    .et-pb-controllers{
		bottom:0px !important;
	}
	.about_card{
		min-height:33vh !important;
	}
	.btn{
		width:52% !important;
	}
	.software>span img{
		height:69vh;
		object-fit:cover;
	}
/* 	.toggle_col{
		aspect-ratio:4/3 !important;
	} */
	.driving_img>span img{
		aspect-ratio:4/3 !important;
	}
	
}
.et_pb_container clearfix et_pb_empty_slide{
	height:200px !important;
}
.client_section .et_pb_slide_description{
	padding:2% 0 !important;
}

.client_section>div>div>div>div>div>div img{
		height:20vh;
}
.et_mobile_device .et-pb-arrow-prev {
		left:-15px !important;
}
@media (min-width:375px) and (max-width:526px){
	.about_card{
		min-height:38vh !important;
	}
	
}
.et_mobile_device .et-pb-arrow-next {
	right:-15px !important;
}
.wpcf7-spinner{
	display:none !important;
} 
.contact_card{
	min-height:54vh;
}
.et_pb_row_1.et_pb_row.services_video_row{
/* 	margin-top: -317px !important; */
	margin-top:-405px !important;
}
.services_col{
	padding-bottom:40px;
	padding-top:10px;
}
.services{
	    padding-bottom: 21vw !important;
}
.about_toggle{
	background-color:var(--color-white);  
	border-radius:var(--border-radius);
}
.about_toggle>h5::before{
	color:#098ed2;
}
.everything_card{
	min-height:72vh;
/* 	min-height:53vh; */
}
.address-container {
  display: flex;
  align-items: flex-start; 
  gap: 10px; 
}
.address-container .icon {
  font-size: 24px; 
  color: #a855f7;
  flex-shrink: 0; 
}
 
.address-container p {
  margin: 0;
  line-height: 1.5;
  color: #555; 
}
.contact_section>div>div>div>span img{
	height:87vh;
	object-fit:cover;
}
.letter_spacing_2, body #page-container .et_pb_section .letter_spacing_2:hover{
	letter-spacing:2px !important;
}
.et_pb_row_3.et_pb_row.padding_top_0{
	padding-top:0 !important;
}
.who_we_are{
	padding-top:6% ;
	padding-bottom:3% ;
}
.margin_right_2{
	margin-right:2.5% !important;
}
/* .transforming_section>div>div>div h2{
	text-shadow: 2px 2px 4px rgb(255,255,255,0.5);
} */
.homepage_heroimg img{
	width:100% !important;
}
.transform_img {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.transform_img>div, .transform_img>div>span, .transfrom_img .et_pb_image img{
	margin-right:0 !important;
	width:100% !important;
	aspect-ratio:3/2 !important;
}
/* .transfrom_img>div>span img{
	min-height:39vh;
	object-fit:cover;
} */
.btn{
	width:42%;
	padding:10px;
	color:#fff;
	border:2px solid #fff;
	border-radius:var(--border-radius);
	text-align:center !important;
	font-size:16px;
	cursor:pointer;
}
.product_icon>span span{
    color: #7a69e6 !important;
    font-size: 32px !important;
    border-radius: 100% 100% 100% 100%;
    padding: var(--font-size25);
    background: #7a69e64d;
}
.saas_icon>span span{
	color: #76ce44 !important;
    font-size: 32px !important;
    border-radius: 100% 100% 100% 100%;
    padding: var(--font-size25);
    background: #76ce444d;
}
.software_icon>span span{
	color: #fa5e5d !important;
    font-size: 32px !important;
    border-radius: 100% 100% 100% 100%;
    padding: 25px;
    background: #fa5e5d4d;
}
.it_icon>span span{
	color: #f98d5e !important;
    font-size: 32px !important;
    border-radius: 100% 100% 100% 100%;
    padding: var(--font-size25);
    background: #f98d5e4d;
}
.our_services_card{
	background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
@media(max-width:600px){
	.padding_zero_mobile{
		padding:0px 0px 10px 0px;
	}
	.section_padding_mobile{
		padding:30px 0;
	}
	.explore_btn{
		width:50%;
	}
}
.contact_row{
	padding-bottom:12px;
	padding-top:50px;
}
.transform_row{
	padding-bottom:15px !important;
}
.transform_row h2{
	padding-bottom:0 !important;
}
.what_we_do{
	padding-top:45px !important;
}
.home_contact .contact-form-container{
	padding-bottom:0 !important;
	padding-right:0 !important;
}
.consultancy_btn{
    background: var(--color-white);
    padding: 10px;
    width: 16%;
    border-radius: 6px;
	cursor:pointer;
}
.consultancy_btn>div p{
	text-align:center;
	font-size:16px;
}
.expert{
	display:flex; 
	align-items:center;
}

@media (min-width:900px) and (max-width:980px){
	.services_col{
		padding-bottom:35px !important;
	}
}
.padding_btm_40{
	padding-bottom:40px !important;
}
@media (min-width:981px) and (max-width:1140px){
/* 	.product_img>span img{
		height:73.5vh !important;
		object-fit:cover;
	} */
	.product_img>div>div>div h2{
		font-size:40px !important;
	}
}
@media (min-width:981px) and (max-width:1060px){
/* 	.toggle_col{
		aspect-ratio:5/4 !important;
	} */
	.driving_img>span img{
		aspect-ratio:5/4 !important;
	}
}
@media (min-width:981px) and (max-width:1262px){
	.software>span img{
		height:67vh !important;
	}
	.transform_module>div h2{
		font-size:34px !important;
	}
}
@media (min-width:1263px) and (max-width:1440px){
	.software>span img{
		height:50vh !important;
	}
/* 	.toggle_col{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		aspect-ratio:5/4;
	} */
	.who_we_are{
		padding-top:6% !important;
		padding-bottom:3% !important;
	}
}
@media (min-width:375px) and (max-width:418px){
	.p_card{
		min-height:61vh !important;
	}
	.card{
		min-height:215px;
	}
}
@media (min-width:419px) and (max-width:522px){
	.p_card{
		min-height:50vh !important;
	}
	.card{
		min-height:185px;
	}
}
/* .driving_img,.driving_img>span,.driving_img>span img{
	height:100%;
} */
.footer_text>div a{
	color:var(--color4) !important;
}
@media (min-width:375px) and (max-width:474px){
	.explore_btn{
		width:65%;
	}
}

.et_pb_section.et_pb_section_6.curve{
	background-image: linear-gradient(220deg, #ffffff 0%, #F2F2FA 50%) !important;
}
.explore_sol{
	height:100%;
	display:flex;
	align-items:center;
/* 	padding-left:20px; */
}
.explore{
	background:var(--color3);
	padding:15px;
	border-radius:5px;
}
.center_text{
	display:flex;
	flex-direction:column;
	justify-content:center;
}