.pq_h1,
.pq_h2 {
	text-align: center;
	margin-top: -3;
	font-weight: 600;
}
.main-exper-auto,
.section-mt-mb {
	overflow-x: hidden;
}

.banner,
.hvr-underline-from-center {
	position: relative;
	overflow: hidden;
}
.caption h3,
.main_title h3,
.pq_h1,
.pq_h2 {
	font-weight: 600;
}
.nav > li > a:focus,
.nav > li > a:hover,
a,
a:focus,
a:hover {
	text-decoration: none;
}
.index_faq .panel-title i,
.partner_one p {
	float: inline-end;
}
.card,
nav > li > a {
	cursor: pointer;
}
.fancybox-nav span,
.fancybox-nav:hover span,
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.all_a a,
.all_main_title h1,
.boxes h3,
.caption h3,
.courseHighlights h2,
.inner_main_header h3,
.main_title h2,
.main_title h3,
.placed_auto .placed-card h3,
.pq_h1,
.product_one h3,
nav > li > a {
	text-transform: uppercase;
}
:root {
	--primary-teal: #1e9e9d;
	--complementary-coral: black;
	--dark-teal: #00796b;
	--deep-teal: #004d47;
	--dark-gray: #333333;
	--medium-gray: #555555;
	--light-gray: #f1f1f1;
	--button-text: #ffffff;
	--link-color: #2bb0ae;
	--link-hover-color: #0f4b4a;
	--button-hover: #004d47;
	--light-teal-border: #b2dfdb;
	--light-teal-background: #e0f2f1;
	--white-background: #ffffff;
}
.process-box:hover h4,
h1,
h2,
h3,
h4 {
	color: var(--dark-teal);
}
.pq_h1 {
	font-size: 3rem;
	color: #2bb0ae;
}
.pq_h2 {
	font-size: 2.2rem;
	color: #000;
}
.pq_p {
	font-size: 1.5rem;
	color: #4a4949;
	text-align: justify;
	padding: 1rem 0;
}
.pq_left {
	text-align: left;
}
.pq_p_right {
	text-align: right;
}
.pq_span {
	font-size: 2.5rem;
	color: var(--complementary-coral);
	font-weight: 800;
	text-align: center;
}
.pq_center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.card,
.nav-tabs > li > a {
	color: #333;
}
html {
	scroll-behavior: smooth;
}
#toast-container {
	position: fixed;
	top: 12px;
	right: 12px;
	z-index: 9999999999999999;
}
#staticNavbar {
	width: 100%;
	position: fixed;
	background-color: #fff;
	z-index: 999999999999;
}
.extradiv {
	background-color: transparent;
	width: 100%;
	height: 15vh;
}
.explore-our-world .buttons_trending_goals,
.navParentContainer,
.placed_auto .placed-card .mybox1 {
	display: none;
}
p {
	margin: 0;
}
.br {
	display: block;
}
.hvr-underline-from-center,
.logo,
.mainheader .fa,
.mainheader a {
	display: inline-block;
	vertical-align: middle;
}
.section-mt-mb {
	margin-top: 50px;
	margin-bottom: 50px;
}

.card-title {
	font-weight: 700;
	margin-top: 10px;
	font-size: 24px;
	color: var(--link-hover-color);
}
.card-container {
	margin-left: -10px;
	margin-right: -10px;
}
.exper-card,
.exper-card img {
	margin-left: auto;
	margin-right: auto;
}
.card-col {
	padding-left: 10px;
	padding-right: 10px;
}
.col-sm-4 .card-col .card:nth-child(2) {
	border-radius: 4.64rem;
}
.vision img {
	width: 5%;
}
.vision .title {
	margin-bottom: 47px;
}
.card-body h3,
.vision b {
	color: var(--link-hover-color);
	font-size: 1.5rem;
}
.brands-auto,
.exper-auto {
	margin-top: 77px;
}
.exper-card img {
	width: 50%;
	aspect-ratio: 3/2;
	object-fit: contain;
	mix-blend-mode: color-burn;
}
.hvr-underline-from-center {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}
.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #1a9c9b;
	height: 3px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
	left: 0;
	right: 0;
}
.mainheader {
	background: #000;
	color: #fff;
	padding: 5px 0;
}
.mainheader .fa {
	margin-right: 5px;
}
.mainheader a {
	margin: 0;
	color: #fff;
}
.slick-next {
	right: -35px;
}
.card-body p,
.features-item,
.inner_services_training_cont h3,
.main_title {
	text-align: center;
}
.main_title h2 {
	font-size: 7em;
	color: rgba(0, 0, 0, 0.02);
	font-family: Lobster, cursive;
	line-height: 125px;
}
.main_title h3 {
	font-size: 60px;
	text-align: center;
	color: #101010;
	margin-bottom: 70px;
	font-family: Rajdhani, sans-serif;
	margin-top: -80px;
}
.logo {
	float: left;
	width: 250px;
	margin: 5px 0;
}
.logo img {
	width: 90%;
}
.aboutUsBottomContainer a:hover::before,
.about_one img,
.about_text img,
.banner img,
.caption,
.clients_main_page img,
.inner_about img,
.inner_ourpartner_content img,
.map-container,
.projects_one img {
	width: 100%;
}
.navbar-default {
	background: 0 0;
	border: 0;
	float: right;
	margin: 0;
}
nav > li > a {
	font-size: 12px;
	color: #000 !important;
	font-weight: 400;
	transition: 0.3s;
}
nav > li > a:hover {
	color: #1a9c9b;
}
.banner .carousel-indicators .active {
	background: red;
	border: 1px solid red;
}
.banner .carousel-indicators li {
	border: 1px solid red;
	display: none;
}
.bkgrd_banner,
.caption {
	position: absolute;
	right: 0;
	left: 0;
}
.caption {
	top: 43%;
	text-align: center;
}
.caption h3 {
	color: #fff;
	font-size: 2.5em;
}
.banner .carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	top: 48% !important;
}
.bkgrd_banner {
	top: 0;
	bottom: 0;
	background: #33333378;
}
.boxes h3 {
	display: block;
	color: #000;
	background-color: #fff;
	padding: 30px 0;
	margin: 0;
}
.index_about {
	padding: 80px 0;
}
.all_main_title {
	margin-bottom: 20px;
}
.all_main_title h1 {
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	margin: 0 0 10px;
	color: #2bb0ae;
}
.all_a a {
	display: inline-block;
	background-color: #1a9c9b;
	padding: 10px 40px;
	text-align: center;
	margin-top: 20px;
	color: #fff;
}
.index_workshop img {
	width: 97%;
}
.index_workshop p {
	margin-top: 10px;
	font-size: 14px;
	color: #000;
	font-weight: 400;
	text-align: justify;
	padding: 10px;
}
.index_workshop {
	text-align: center;
	padding: 80px 0;
	background: #d0f2f8;
	overflow: hidden;
}
.courseHighlights .courseHighlightsLeft,
.index_services img {
	width: 60%;
}
.index_services {
	padding: 30px 0;
	position: relative;
	background-color: #d0f2f8;
}
.absolute_about,
.bg_services,
.wwdContainer .icon-container {
	position: absolute;
}
.accordion {
	padding: 8px 12px !important;
}
.inner_main_header {
	background: url("../img/technology-bg.webp") 0 0 / cover;
	padding: 40px 0;
	text-align: center;
}
.inner_main_header h3 {
	font-size: 40px;
	color: #fff;
	margin: 0;
	font-weight: 600;
	animation: 2s ease-in-out infinite alternate glow;
}
@keyframes glow {
	0% {
		text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 15px #0ff, 0 0 20px #0cf;
	}
	100% {
		text-shadow: 0 0 10px #0cf, 0 0 20px #0cf, 0 0 30px #6ff, 0 0 40px #6ff;
	}
}
.inner_about {
	padding: 60px 0;
}
.inner_about_content p {
	margin: 0;
	font-size: 14px;
	text-align: justify;
}
.slick-slide {
	height: auto;
}
.about_one,
.career_one,
.clients_main_page,
.inner_ourpartner,
.inner_services_training,
.product_main,
.projects_one,
.training_main_page,
.training_one {
	margin: 60px 0;
}
.training_main_page img {
	width: 100%;
	height: 30%;
}
.traing_box ul {
	padding-left: 15px;
}
.traing_box h4 {
	min-height: 50px;
}
.tra_img_box a {
	background: #00000091;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #fff;
	cursor: default;
	background-color: #1c9d9c;
	border: 1px solid #ddd;
	border-bottom-color: #00618a;
}
.nav > li > a:focus {
	background-color: #1c9d9c;
	color: #007290;
}
.nav > li > a:hover {
	background-color: #1c9d9c;
	color: #1c9d9c !important;
	border-bottom-color: #1c9d9c;
}
.contact_two,
.training_two {
	padding: 60px 0;
	background: #efefef;
}
.contact_frm,
.tra_main_page {
	margin-bottom: 0;
}
.projects_one .container {
	width: 100% !important;
}
.contact-main {
	box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
	background: #f7f7f7;
	border-radius: 10px;
	overflow: hidden;
	margin: 60px 0;
}
.contact-text {
	background: #f7f7f7;
	padding: 20px;
	margin-right: -30px;
}
.contact-text h4 {
	color: #047d8f;
	font-size: 22px;
	font-weight: 600;
}
.contact-text p {
	font-size: 16px;
	margin: 0 0 20px;
	line-height: 24px;
	font-family: Roboto;
}
.panel ul li,
.pr_right_tab li {
	margin-bottom: 5px;
}
.map {
	width: 100%;
	height: 395px;
}
.pr_right_tab {
	margin-bottom: 30px;
}
.panel ul {
	margin-top: 20px;
}
.panel ul li {
	font-size: 14px;
	color: #000;
}
.view_pdf_btn {
	background: #efefef;
	color: #000;
	padding: 6px 15px;
	display: inline-block;
}
.pr_slybes {
	margin-top: 40px;
}
.pr_box {
	margin-bottom: 20px;
	text-align: center;
	min-height: 550px;
}
.pr_box img {
	width: 100%;
	height: 250px;
}
.pr_box h3 {
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	margin-top: 5px;
}
.pr_box p {
	font-size: 14px;
	color: #555;
}
.cont_from_sub {
	background: #1a9c9b !important;
	padding: 10px 30px !important;
	border: 0 !important;
	color: #fff !important;
	margin-top: 15px;
}
.product_one h3 {
	color: #1e9e9d;
	margin-bottom: 10px;
}
.copy_right {
	background: #000;
	padding: 5px 0;
}
.copy_right p,
.positiveFooter .footerRight .footer_quick_links a,
.positiveFooter .footerRight .footer_quick_links h3 {
	color: #fff;
}
.enquiry-button a,
.inqpop_submit,
input.inqpop_submit {
	color: #fff !important;
}
.header_line {
	background: #43deeb;
	height: 2px;
	width: 150px;
	display: block;
	margin: 5px auto;
}
.inqueryfrom_popup input,
.inqueryfrom_popup select,
.inqueryfrom_popup textarea {
	padding: 5px;
	border: 1px solid #666;
	margin-bottom: 10px;
	width: 100%;
}
.inqpop_submit {
	display: inline-block;
	background-color: #1a9c9b !important;
	text-align: center;
}
#inqueryform .modal-dialog {
	width: 400px;
}
.inqfrom_header {
	margin-left: 15px;
	text-align: center;
}
.career_one .career_form form,
.career_one form {
	width: 80%;
	margin: auto;
}
.career_one input,
.career_one select,
.career_one textarea {
	padding: 8px;
	margin-bottom: 15px;
	width: 100%;
	border: 1px solid #666;
}
.career_one textarea {
	min-height: 110px;
}
.career_submit {
	border: 1px solid #666;
	margin-bottom: 10px;
	width: 100%;
}
.traningsachview {
	color: #000;
	font-weight: 600;
	text-decoration: underline;
}
.inner_services_app,
.inner_services_develpt {
	margin-bottom: 15px;
}
.about_main_row {
	margin-right: 0;
	margin-left: 0;
}
.absolute_about {
	top: 410px;
	right: 50;
}
.absolute_about img {
	height: 93px;
	width: 89px;
	animation: 2s infinite pulse-animation;
	border-radius: 46px;
}
@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0 #b0fff8;
	}
	100% {
		box-shadow: 0 0 0 20px #b1fff9;
	}
}
.about_index_text {
	box-shadow: 0 1px 3px 0 rgb(108 118 118);
	text-align: center;
	border-radius: 10px;
	padding: 15px;
}
.about_index_text p {
	font-size: 16px;
	text-align: justify;
}
.index_client img {
	width: 14vw;
	aspect-ratio: 3/2;
}
.index_client {
	text-align: center;
	padding: 40px 0;
}
.client-slider-wrapper {
	display: flex;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.client-item {
	flex: 0 0 auto;
	width: 200px;
	margin: 0 10px;
}
.client-images img {
	width: 100%;
	aspect-ratio: 3/2;
	object-fit: contain;
	object-position: center center;
	transition: 0.3s ease-in-out;
}
.clientImages img,
.partnerImage img {
	aspect-ratio: 3/4;
	object-fit: contain;
}
.about_approach,
.index_faq_one {
	margin-bottom: 4rem;
}
.index_faq {
	background-image: linear-gradient(
		to right bottom,
		#5fc3c1,
		#49aab3,
		#3991a3,
		#2f7890,
		#29607b
	);
}
.index_faq h3,
.training_form .training_header_form .form_taining_label {
	margin-top: 2rem;
}
.contact_index .contact_form_two_index .section_title {
	height: 550px;
	background: #fff;
	padding: 50px;
	margin-left: -190px;
	margin-top: 30px;
	border-radius: 55px 5px;
	box-shadow: 0 1px 3px 0 rgb(108 118 118);
}
.contact_index .contact_form_two_index .sub_title {
	border-radius: 30px;
	box-shadow: 0 4.4px 30px rgba(19, 16, 34, 0.1);
	background: #fff;
	padding: 8px 20px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
	letter-spacing: 1px;
	position: relative;
}
.contact_index .contact_form_two_index .index_contact_content {
	margin-top: 17px;
	margin-bottom: 7px;
}
.contact_index .contact_form_two_index .contact_index_title {
	font-size: 35px;
	font-weight: 700;
}
.contact_index .contact_form_one_index img {
	border-radius: 7px;
	height: 610px;
}
.contact_form_one,
.what_we_row {
	margin-left: 0;
	margin-right: 0;
}
.what_we_do .what_we_do_title {
	height: 400px;
	background: red;
}
.what_we_do .what_we_do_title .col-sm-12,
.why_choose_slider .why_choose_it {
	margin-top: 4rem;
}
.what_we_do .what_we_do_title .section_title_what h2 {
	font-size: 32px;
	text-align: center;
	font-weight: 700;
	color: #fff;
}
.what_we_do .what_we_content .sub_what_we_content {
	max-width: 1260px;
	margin: -15rem auto 4rem;
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
	color: #000;
	background: #fff;
	border-radius: 5px;
}
.what_we_do .what_we_content .what_we_content_box {
	margin-bottom: 2rem;
	margin-top: 2rem;
	border: 1px solid rgba(74, 72, 72, 0.5);
	border-radius: 10px;
	transform: scale(0.9);
	padding-bottom: 3rem;
	height: 45%;
}
.what_we_do .what_we_content .what_we_content_box .single_img img {
	max-width: 100%;
	padding-top: 12px;
	height: 24%;
}
.what_we_do .what_we_content .what_we_content_box h3 {
	text-align: center;
	font-size: 17px;
	font-weight: 700;
}
.what_we_do .what_we_content .what_we_content_box p {
	min-height: 120px;
}
.what_we_do .what_we_content .what_we_content_box .what_we_btn {
	font-size: 15px;
	align-items: center;
	background-color: #1a9c9b;
	padding: 10px 40px;
	text-align: center !important;
	border-radius: 1.64rem 0;
	border: none;
	margin-top: 2rem;
	margin-bottom: 2rem;
	display: none;
}
.what_we_do .what_we_content .what_we_content_box .what_we_btn a {
	color: #fff;
	text-align: center;
}
.what_we_content_box:hover {
	transition-property: none;
	box-shadow: -1px 3px 10px 0 #d3d3d3;
}
.our_partners {
	overflow: hidden;
	background: #f9fbfd;
	padding-bottom: 2rem;
}
.partner_one h3 {
	font-weight: 900;
	font-size: 30px;
	padding-bottom: 30px;
	color: #2bb0ae;
}
.sub_partner i {
	color: #1a9c9b;
	font-size: 9px;
}
.sub_partner .img_one {
	color: #1a9c9b;
	font-size: 15px;
}
.about_us_approach .item_approach,
.about_us_approach .item_approach .approach_li {
	font-size: 14px;
	margin-bottom: 0.875rem;
}
.partner_one p {
	margin-top: 3rem;
	color: #000;
	font-size: 17px;
	font-weight: 600;
}
.partner_two {
	margin: 4rem;
}
.partner_two .col-sm-3 {
	border: 1px solid #e1e5e9;
	text-align: center;
	height: auto;
	overflow: hidden;
	position: relative;
}
.partner_two .col-sm-3 img {
	width: 15rem;
	padding: 25px;
	aspect-ratio: 3/2;
	transition: opacity 0.3s;
}
.about_text_one {
	border-bottom: 1px solid #e0e1e0;
	padding-bottom: 3.5rem;
}
.about_text_one h3 {
	font-weight: 700;
	padding-bottom: 10px;
}
.about_text_one p {
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	text-align: left;
	margin-bottom: 10px;
}
.about_us_approach h2 {
	margin-top: 4rem;
	font-weight: 700;
	margin-bottom: 2rem;
}
.about_us_approach .item_approach {
	margin-top: 14px;
}
.about_us_approach .item_approach .approach_li i {
	padding-right: 13px;
	color: green;
}
.zoom {
	transition: transform 1s ease-in-out;
	margin-right: 10px;
	margin-left: 10px;
}
.zoom:hover {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.1);
	animation: 1s ease-in-out zoomInAndOut;
	box-shadow: -1px 3px 10px 0 rgba(59, 162, 154);
}
@keyframes zoomInAndOut {
	0%,
	100%,
	50% {
		transform: scale(1.1);
	}
}
.hover_effect:hover {
	transition-property: none;
}
.development_main_page {
	padding: 40px 0;
}
.development_main_page img {
	width: 100%;
	padding: 20px;
	height: 35%;
}
.development_margin {
	margin: 2rem;
}
.inner_development_count_one {
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 6px 0 rgb(108 118 118);
	margin-left: 0;
	margin-right: 0;
}
.inner_development_count_one:hover,
.inner_project_count_one:hover,
.inner_services_training_cont:hover,
.trainings_hover:hover {
	transition-property: none;
	box-shadow: -1px 3px 10px 0 rgba(59, 162, 154);
}
.contact_img img {
	box-shadow: 0 1px 6px 0 rgb(108 118 118);
	border-radius: 10px;
	width: 100%;
	height: 370px;
}
.contact_form_two {
	padding: 1rem;
	border-radius: 20px;
	border: 1px solid rgba(74, 72, 72, 0.5);
}
.contact_frm input,
.contact_frm select {
	border: 1px solid #555;
	padding: 6px;
	width: 100%;
	outline: 0;
}
.contact_two h4 {
	margin-top: 35px;
	text-align: center;
	margin-bottom: 25px;
}
.contact_frm input {
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: 10px;
}
.contact_frm select {
	margin-top: 15px;
	border-radius: 10px;
}
.contact_frm textarea {
	width: 100%;
	border: 1px solid #555;
	padding: 15px;
	outline: 0;
	min-height: 100px;
	border-radius: 10px;
	margin-top: 15px;
}
.contact_three .contact_card h3 {
	text-align: center;
	font-weight: 700;
}
.contact_three .fa-envelope,
.contact_three .fa-map-marker,
.contact_three .fa-phone {
	font-size: 76px;
}
.contact_three #contactuscontainer,
.positiveFooter .footerRight .footer_quick_links .address .list-unstyled li,
.shape-bg
	.internshipParentContainer
	.internshipParentContainerLeft
	.internshipDetailsContainer {
	display: flex;
}
.contact_three #contactuscontainer .card {
	width: 30vw;
}
.contact_three p {
	margin-top: 27px;
	font-size: 15px;
	text-align: center;
	margin-left: 39px;
	margin-right: 39px;
}

.contact_three .card {
	height: 40vh;
	border: none;
	box-shadow: none;
}
.card-body img {
	width: auto;
	height: 8vh;
}
.card-body h2 {
	color: var(--dark-teal);
	font-size: 2rem;
	font-weight: 800;
}
.inqueryfrom_popup {
	padding: 20px;
	border: 2px solid #000;
	border-radius: 8px;
}
.enquiry_modal {
	box-shadow: 2px 1px 6px 2px #a6b0b0;
	border-radius: 7px;
}
.enquiry-button {
	border-radius: 1.64rem 0;
	margin-top: 1px;
	text-decoration: none;
	border: 1px solid #147e7d !important;
	background-color: #1a9c9b;
}
.career_one .career_form,
.career_two {
	border-bottom: 4px solid #2bb0ae;
	border-top: 4px solid #2bb0ae;
}
.btn_jobopening,
.job-card a,
.job_heading h2 {
	background-color: #2bb0ae;
}
.career_two {
	padding: 0;
	border-left: 4px solid #2bb0ae;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
.career_one img {
	width: 100%;
	height: 700px;
	border-bottom-left-radius: 22px;
	border-top-left-radius: 22px;
}
.career_one .bottom-left {
	position: absolute;
	bottom: 107px;
	left: 45px;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
}
.career_one .career_form {
	border-right: 4px solid #2bb0ae;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	height: 708px;
}
.job-card a {
	margin: 10px;
	border: none;
}
.job_heading h2 {
	font-weight: 700;
	border-radius: 40px;
	padding: 8px;
	text-align: center;
	width: 274px;
	margin-bottom: 2rem;
}
.career_one h3,
.career_one p {
	text-align: left;
	margin-left: 57px;
}
.career_one h3 {
	font-weight: 700;
	margin-top: 37px;
}
.career_one p {
	margin-top: 25px;
}
.career_one .career_form input,
.career_one .career_form select {
	width: 100%;
	padding: 8px 8px 8px 17px;
	border: 1px solid #666;
	margin-bottom: 15px;
	border-radius: 20px;
	margin-top: 13px;
}
.career_one .career_form textarea {
	width: 100%;
	padding: 8px 8px 8px 17px;
	border: 1px solid #666;
	margin-bottom: 15px;
	min-height: 110px;
	border-radius: 20px;
	margin-top: 13px;
}
.jobopening_page,
.jobopening_page_two {
	box-shadow: 0 1px 6px 0 rgb(108 118 118);
	margin: 50px;
	border-radius: 20px;
}
.jobopening_page h2 {
	padding: 20px;
	margin: 22px;
}
.btn_jobopening {
	color: #fff;
	border-radius: 25px;
	float: right;
	height: 38px;
	width: 172px;
	font-size: 23px;
	font-weight: 500;
	border: 2px solid #2bb0ae;
	margin-bottom: 27px;
	margin-right: 10px;
}
.jobopening_page_two h2 {
	margin-left: 40px;
	margin-top: 26px;
}
.jobopening_page_two p {
	padding: 45px;
	font-size: 16px;
}
.inner_services_training_cont {
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 6px 0 rgb(108 118 118);
	min-height: 590px;
}
.inner_services_training_cont img {
	width: 100%;
	padding: 10px;
	height: 30%;
}
.consultancy_page {
	box-shadow: 0 1px 6px 0 rgb(108 118 118);
	width: 291px;
	margin-top: 25px;
	margin-bottom: 10px;
}
.training_form h3 {
	font-size: 50px;
	font-weight: 700;
}
.training_form button {
	background: #1a9c9b;
	padding: 14px;
	border: none;
	border-radius: 10px;
	text-align: center;
	margin-left: 135px;
	position: absolute;
	top: 115%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.training_form .training_header_form {
	box-shadow: 0 4px 36px rgb(0 0 0 / 25%);
	border-radius: 7px;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
}
.training_contact {
	margin-bottom: 30px;
	padding: 25px;
}
.training_form .training_header_form .form_taining_label button {
	padding: 7px 44px;
	margin-top: 22px;
	background-color: #1a9c9b;
	border-radius: 1.64rem 0;
	border-color: #1a9c9b;
	margin-left: unset;
}
.tra_img_box {
	position: relative;
	overflow: hidden;
	min-height: 200px;
	margin-top: 10px;
	padding-top: 12px;
}
.tra_img_box a {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	bottom: 0;
	padding-top: 12px;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background: #00000091;
	transition: 0.3s;
}
.training_btn {
	background: #00000091;
	border: 2px solid #fff;
}
.fancybox-prev,
.tra_img_box:hover a,
.wwdContainer .icon-container:first-child {
	left: 0;
}
.explore-our-world-head {
	padding-bottom: 2rem;
	padding-top: 5rem;
}
.explore-our-world .pagination_training_trending_goals {
	position: relative;
	margin-top: -30rem;
}
.taining_btn {
	text-align: center;
	margin-bottom: 7rem;
}
.taining_btn .all_training {
	cursor: pointer;
	padding: 10px;
	width: 150px;
	background-color: #1a9c9b;
	border: none;
	color: #fff;
	border-radius: 20px;
}
.dropdown_training .dropdown_content_training {
	display: none;
	position: absolute;
	margin-left: 38rem;
	background-color: #f1f1f1;
	min-width: 160px;
	overflow: auto;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	z-index: 3;
}
.dropdown_training .dropdown_content_training a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropbtn_training:hover .dropbtn_training:focus {
	background-color: #2980b9;
}
.dropdown_training a:hover {
	background-color: #1a9c9b;
}
.taining_btn .popular_taining {
	margin-left: 33px;
	padding: 10px;
	width: 150px;
	background-color: #1a9c9b;
	border: none;
	color: #fff;
	border-radius: 20px;
}
.explore_our_training_auto .image_training img {
	height: 180px !important;
	padding: 2rem;
}
.explore_our_training_auto h4 {
	margin-left: 20px;
	font-weight: 600;
}
.explore_our_training_auto h6 {
	margin-left: 20px;
	margin-top: -10px;
}
.explore_our_training_auto .training_duration p {
	background-color: #8080804a;
	text-align: center;
	margin: 10px -10px 10px 10px;
	padding: 9px;
	border-radius: 5px;
}
.explore_our_training_auto .training_case_studies p {
	background-color: #8080804a;
	text-align: center;
	margin: 10px 10px 10px -10px;
	padding: 9px;
	border-radius: 5px;
}
.explore_our_training_auto .training_bt button,
.placed_auto .placed-card .btn_placed {
	display: flex;
	align-items: center;
	background-color: #1a9c9b;
	padding: 10px 40px;
	text-align: center;
	margin-top: 20px;
	color: #fff;
	border-radius: 1.64rem 0;
	text-transform: uppercase;
	border: none;
	margin-left: auto;
	margin-right: auto;
}
.explore_our_training_auto .training_bt button a,
.explore_our_training_auto .training_bt button a:hover {
	color: #fff;
	text-decoration: none;
	border: none;
}
.explore_training_card {
	position: relative;
	height: 390px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 20px;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.why_choose {
	margin-bottom: 9rem;
}
.why_choose_slider .why_choose_it .why_choose_it_item {
	border-left: 2px dashed #1a9c9b;
	width: 250px;
	padding: 0 20px;
	height: 33%;
}
.why_choose_it_item .why_choose_image img {
	width: 60%;
	height: auto;
	display: block;
	text-align: center;
	background-color:red;
}
.why_choose_it_item .why_choose_heading h3 {
	font-size: 17px;
	font-weight: 600;
}
.why_choose_slider .why_choose_it .owl-nav .owl-next,
.why_choose_slider .why_choose_it .owl-nav .owl-prev {
	font-size: 24px;
	width: 49px;
	height: 49px;
	background-color: var(--link-hover-color);
	border-radius: 50%;
	color: #fff;
}
.why_choose_slider .why_choose_it .owl-nav .owl-next:hover,
.why_choose_slider .why_choose_it .owl-nav .owl-prev:hover {
	background-color: var(--complementary-coral);
}
.positiveFooter {
	display: flex;
	justify-content: space-between;
	background-color: #1a9c9b;
	padding: 4rem;
}
.positiveFooter .footerLeft {
	width: 30%;
	display: flex;
	flex-direction: column;
	color: #fff;
	text-align: justify;
}
.positiveFooter .footerLeft img {
	width: 100%;
	padding: 1.5rem;
	margin-bottom: 2rem;
	filter: invert(100%) brightness(1000%);
}
.positiveFooter .footerRight {
	width: calc(100% - 45%);
	display: flex;
	justify-content: space-between;
}
.positiveFooter .footerRight .footer_quick_links {
	display: flex;
	flex-direction: column;
	padding-left: 1rem;
	gap: 1rem;
	width: 100%;
}
.positiveFooter .footerRight .footer_quick_links a:hover {
	color: #87ceeb;
}
.positiveFooter .footerRight .footer_quick_links .address .list-unstyled li i {
	padding-right: 1rem;
	color: #fff;
}
.main-index-placed .main-index-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.placed_auto .placed-card {
	position: relative;
	height: 55%;
	border: 1px solid grey;
	border-radius: 10px;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.placed_auto .placed-card img {
	float: left;
	height: 100px;
	width: 61%;
	border-radius: 50%;
	margin-left: 20px;
	margin-top: -18px;
	background: #add8e6;
}
.placed_auto .placed-card i {
	float: right;
	color: #0077b5;
	font-size: 30px;
	margin-top: 30px;
	margin-right: 15px;
}
.placed_auto .placed-card h3 {
	font-size: 20px;
	margin-left: 22px;
	margin-top: 10px;
	font-weight: 700;
	color: #06c;
}
.placed_auto .placed-card p {
	padding: 18px;
	text-align: justify;
	font-size: 1.5rem;
	color: #343a40;
}
.placed_auto .placed-card .mybox {
	height: 45vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.brands-card img {
	height: 12%;
	margin-left: 5px;
	margin-right: 5px;
}
.fact-card {
	margin-bottom: 2rem;
	margin-top: 77px;
	border-radius: 10px;
	border: 1px solid rgba(74, 72, 72, 0.5);
	transition: 0.5s ease-in-out;
}
.fact-card img {
	width: 70%;
	margin: 18px;
}
.fact-card h3 {
	font-size: 22px;
	font-weight: 900;
	margin-top: 3rem;
	color: var(--link-hover-color);
}
.fact-card span {
	font-weight: 900;
	font-size: 66px;
	font-family: sans-serif;
	margin-left: 23px;
}
.fact-card p {
	margin-left: 14px;
	padding-bottom: 2rem;
}
.fact-card:hover {
	box-shadow: -1px 3px 10px 0 grey;
	transform: translateY(-1rem);
}
.inner_project_count_one {
	padding: 10px;
	margin-bottom: 3rem;
}
.index_testimonials {
	background-image: linear-gradient(
		to right top,
		#1b4f7f,
		#00618a,
		#007290,
		#008292,
		#1c9190
	);
}
.index_testimonials .testimonial_left h3 {
	color: #fff;
	font-size: 40px;
}
.index_testimonials .testimonial_left h4 {
	color: #fff;
	font-size: 25px;
}
.index_testimonials .testimonial_left .testimonial_opinion {
	color: #fff;
	font-size: 25px;
	text-decoration: underline;
	text-decoration-color: red;
}
.index_testimonials .testimonial_right {
	background-color: #fff;
	margin: 1rem 0;
}
.index_testimonials .carousel_testimonial {
	height: 430px;
}
.index_testimonials .carousel_testimonial .testimonial_image img {
	height: 17%;
	width: 90%;
	margin-top: 15px;
	margin-left: 1rem;
}
.index_testimonials .carousel_testimonial .testimonial_heading h3 {
	margin-top: 40px;
	margin-left: -2rem;
	font-weight: 600;
}
.index_testimonials .carousel_testimonial .testimonial_icon i {
	float: right;
	font-size: 30px;
	color: 2BB0AE;
	margin-top: 40px;
	margin-right: 22px;
}
.index_testimonials .carousel_testimonial .testimonials_text {
	padding: 10px;
	text-align: justify;
	margin-top: 3rem;
	color: #000;
	font-weight: 500;
}
.index_testimonials .carousel_testimonial .control_testimonial {
	position: absolute;
	text-align: right;
	right: 10rem;
	display: flex;
	bottom: 60px;
}
.index_testimonials
	.carousel_testimonial
	.control_testimonial
	.right_testimonial {
	box-shadow: -1px 0 8px 0 rgba(0, 0, 0, 0.15);
	background-color: #089f9dfa;
	color: #fff;
	font-size: 18px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	transition: 0.4s;
	text-align: center;
}
.index_testimonials
	.carousel_testimonial
	.control_testimonial
	.left_testimonial {
	box-shadow: -1px 0 8px 0 rgba(0, 0, 0, 0.15);
	background-color: #089f9dfa;
	color: #fff;
	font-size: 18px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	transition: 0.4s;
	text-align: center;
	margin-left: 30px;
}
.container-fluid {
	background-color: #fff;
	border: none !important;
	outline: 0 !important;
}
#inner_main_header {
	height: 20%;
}
.abouUsContainer {
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: #e0f7fa;
	background-image: radial-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),
		radial-gradient(rgba(0, 0, 0, 0.015) 1px, transparent 1px);
	background-size: 40px 40px;
	background-position: 0 0, 20px 20px;
	padding-top: 2rem;
}
.blur-card {
	padding: 2rem;
}
.abouUsContainer .aboutUsTopContainer {
	display: flex;
	align-items: center;
	flex-direction: column;
	line-height: normal;
}
.abouUsContainer .aboutUsMiddleContainer {
	display: flex;
	align-items: center;
	flex-direction: column;
	overflow: hidden;
}
.abouUsContainer .aboutUsMiddleContainer .aboutUsCardContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
.abouUsContainer .aboutUsMiddleContainer .aboutUsCardContainer .aboutUsCard {
	display: flex;
	align-items: flex-start;
	flex-direction: column;

	padding: 2em 1em;
}
.abouUsContainer .aboutUsMiddleContainer .aboutUsCardContainer .aboutUsCard h3 {
	color: #000;
	font-weight: 500;
}

.abouUsContainer .aboutUsMiddleContainer .aboutUsCardContainer .aboutUsCard p {
	padding: 0;
	text-align: left;
}
.abouUsContainer .aboutUsBottomContainer {
	padding-top: 2.2rem;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.abouUsContainer .aboutUsBottomContainer span {
	font-size: 1em;
}
.abouUsContainer .aboutUsBottomContainer .coreStrengthContainer {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 4em 0;
}
.abouUsContainer .aboutUsBottomContainer .coreStrengthBottom,
.abouUsContainer .aboutUsBottomContainer .coreStrengthTop {
	display: flex;
	justify-content: space-around;
}
.abouUsContainer .aboutUsBottomContainer .coreStrengthBottom .coreStrengthCard,
.abouUsContainer .aboutUsBottomContainer .coreStrengthTop .coreStrengthCard {
	width: 30%;
	height: 45vh;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	border-radius: 10px;
	padding: 2em 1em;
	background-color: #2bb0ae;
}
.coreStrengthCard:hover {
	box-shadow: 0 6px 12px #9bd3dc;
}
.coreStrengthCard:hover img {
	transform: scale(1.05);
}
.abouUsContainer .aboutUsBottomContainer .coreStrengthContainer h3 {
	color: var(--button-text);
	font-weight: 500;
}
.abouUsContainer .aboutUsBottomContainer .coreStrengthCard p {
	padding: 0;
	text-align: left;
	color: var(--button-text);
}
.abouUsContainer .aboutUsBottomContainer .coreStrengthCard h3,
.hosting-section h4 {
	font-weight: 700;
}
.abouUsContainer .aboutUsBottomContainer .coreStrengthCard img {
	width: 22%;
	height: auto;
	filter: invert(1) brightness(100%) contrast(100%);
	transition-duration: 0.2s;
	transition-timing-function: linear;
}
.aboutUsBottomContainer a {
	font-size: 2rem;
	font-weight: 400;
	transition: font-weight 1s linear;
	position: relative;
	display: inline-block;
}
.aboutUsBottomContainer a::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 30%;
	height: 10%;
	background: #2bb0ae;
	z-index: -1;
	transition: width 1s ease-in-out;
}
.industriesWeWork {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 7em 0;
}
.industriesWeWork h1 {
	color: #2bb0ae;
}
.industriesWeWork .industries {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	padding: 5em 0;
}
.industriesWeWork .industries .industry {
	width: auto;
	height: 20vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	padding: 2em 2em 2em 1em;
}
.industriesWeWork .industries .industry p {
	color: var(--dark-gray);
	font-weight: 600;
	padding-top: 2em;
}
.industriesWeWork .industries .industry img {
	width: auto;
	height: 20vh;
	border-radius: 50%;
	padding: 0;
}
.careerContainer .careerTopContainer .careerTopContainerRight img,
.trainingPageMainContainer
	.trainingPageMainContainerTop
	.trainingPageMainContainerTopRight
	img {
	width: 90%;
	height: auto;
}
.aboutUsPageMainContainer {
	display: flex;
	justify-content: space-around;
	padding-left: 4rem;
}
.aboutUsPageMainContainer h2 {
	font-weight: 800;
}
.aboutUsPageMainContainer .left {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: flex-start;
}
.aboutUsPageMainContainer .left .buttonContainer {
	width: 100%;
	display: flex;
	gap: 2%;
	padding-top: 2rem;
}
.aboutUsPageMainContainer .left .buttonContainer a,
.blue-box h3 {
	color: var(--button-text);
}
.aboutUsPageMainContainer .left .buttonContainer button:first-child {
	background-color: #007873;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}
.aboutUsPageMainContainer .left .buttonContainer button {
	color: #fff;
	border: none;
	border-radius: 70px;
	font-size: 1.5rem;
	font-weight: 700;
	padding: 1.4rem 2.3rem;
}
.aboutUsPageMainContainer .left .buttonContainer button:nth-child(2) {
	background-color: var(--complementary-coral);
	transition-duration: 0.5s;
	transition-timing-function: linear;
}
.aboutUsPageMainContainer .left .buttonContainer button:first-child:hover {
	box-shadow: 0 4px 10px rgba(0, 120, 115, 0.6);
	background-color: #033f3b;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}
.aboutUsPageMainContainer .left .buttonContainer button:nth-child(2):hover {
	box-shadow: 0 4px 10px rgba(238, 94, 59, 0.6);
	background-color: #e33e0b;
}
.aboutUsPageMainContainer .right,
.courseHighlights .courseHighlightsRight {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.aboutUsPageMainContainer .right img {
	width: 90%;
	height: auto;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}
.aboutUsPageMainContainer .right img:hover,
.effectiveEfficient .detailsImage img:hover {
	transform: translateY(-5px);
}
.effectiveEfficient {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	padding-right: 3rem;
}
.effectiveEfficient .cardDetails {
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.effectiveEfficient .cardDetails h2 {
	font-weight: 800;
	padding-bottom: 3rem;
}
.effectiveEfficient .detailsImage {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.effectiveEfficient .detailsImage img {
	width: 90%;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}
.goalAndVisionHeader {
	padding: 2.25rem 0;
}
.goalAndVision,
.industriesWeServe {
	background-color: #fff;
}
.wrapper {
	margin: 0 auto;
	display: flex;
}
.goalAndVision::-webkit-scrollbar {
	width: 0;
}
.goalAndVision::-webkit-scrollbar-thumb {
	background: 0 0;
}
.careerContainer .careerTopContainer .careerTopContainerLeft,
.trainingDetailPageParent
	.trainingDetailPageParentTop
	.trainingDetailPageParentTopLeft,
.trainingPageMainContainer
	.trainingPageMainContainerTop
	.trainingPageMainContainerTopLeft,
.wrapper .left,
.wrapper .right {
	width: 50%;
}
.wrapper .left h1 {
	font-size: 2em;
	position: sticky;
	padding-top: 3rem;
}
.scroll-cards {
	counter-reset: card;
	position: relative;
	display: block;
	padding-bottom: 15vh;
}
.scroll-cards > .scroll-cards__item + .scroll-cards__item {
	margin-top: 40vh;
}
.scroll-cards h1 {
	position: sticky;
	top: 2rem;
	font-size: 2em;
	margin: 0 0 0.5em;
}
.scroll-cards__item {
	--offset: 0.5em;
	color: #000;
	position: sticky;
	top: max(16vh, 10em);
	padding: 2em 1.5em;
	min-height: 19em;
	background: #fff;
	border: 1px solid gray;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	width: calc(100% - 5 * var(--offset));
}
.scroll-cards__item .coreStrengthCard:hover {
	box-shadow: unset;
}
.scroll-cards__item .coreStrengthCard img {
	height: 10vh;
	width: auto;
	mix-blend-mode: unset;
}
.scroll-cards__item:nth-of-type(0) {
	transform: translate(
		calc((0 - 1) * var(--offset)),
		calc((0 - 1) * var(--offset))
	);
}
.scroll-cards__item:first-of-type {
	transform: translate(
		calc((1 - 1) * var(--offset)),
		calc((1 - 1) * var(--offset))
	);
}
.scroll-cards__item:nth-of-type(2) {
	transform: translate(
		calc((2 - 1) * var(--offset)),
		calc((2 - 1) * var(--offset))
	);
}
.scroll-cards__item:nth-of-type(3) {
	transform: translate(
		calc((3 - 1) * var(--offset)),
		calc((3 - 1) * var(--offset))
	);
}
.scroll-cards__item:nth-of-type(4) {
	transform: translate(
		calc((4 - 1) * var(--offset)),
		calc((4 - 1) * var(--offset))
	);
}
.scroll-cards__item:nth-of-type(5) {
	transform: translate(
		calc((5 - 1) * var(--offset)),
		calc((5 - 1) * var(--offset))
	);
}
@media screen and (min-width: 37em) {
	.scroll-cards__item {
		--offset: 1em;
		padding-left: 5em;
	}
	.scroll-cards__item:before {
		counter-increment: card;
		content: "0" counter(card);
		align-items: center;
		justify-content: center;
		width: 2.75em;
		height: 2.75em;
		background: #f09;
		color: #fff;
		text-align: center;
		border-radius: 50%;
		position: absolute;
		left: 1.25em;
		top: 1.25em;
		font-weight: 700;
		display: none;
	}
}
@media screen and (min-width: 62em) {
	.scroll-cards h1 {
		font-size: 2em;
	}
	.scroll-cards__item {
		--offset: 1.25em;
		max-width: 42em;
	}
}
.animationContainer {
	height: 30%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.animationContainer .imgContainer {
	width: 100%;
	height: 80%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.animationContainer .imgContainer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform: translateX(0);
	animation: 5s linear infinite curtainSlide;
	z-index: 2;
}
.animationContainer .imgContainer img {
	width: auto;
	height: 50%;
	z-index: 1;
}
@keyframes curtainSlide {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(100%);
	}
}
.progress-7 {
	width: 100%;
	height: 24px;
	-webkit-mask: radial-gradient(circle closest-side, #000 94%, #0000) 0 0/20%
			100%,
		linear-gradient(#000 0 0) center/calc(100% - 12px) calc(100% - 12px)
			no-repeat;
	background: linear-gradient(#646363 0 0) 0/0 no-repeat #fff;
	animation: 5s linear infinite p7;
	opacity: 1;
}
@keyframes p7 {
	100% {
		background-size: 100%;
		opacity: 1;
	}
}
.wwdContainer {
	padding: 0 50px;
}
.wwdContainer * {
	-moz-transition-property: none;
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}
.wwdContainer .icons-container {
	width: 100%;
	position: relative;
	height: 108px;
}
.wwdContainer .icon-container:nth-child(2) {
	left: 20%;
}
.wwdContainer .icon-container:nth-child(3) {
	left: 40%;
}
.wwdContainer .icon-container:nth-child(4) {
	left: 60%;
}
.wwdContainer .icon-container:nth-child(5) {
	left: 80%;
}
.wwdContainer .icon-container:nth-child(6) {
	left: 100%;
}
.wwdContainer .ico {
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: top center;
	display: inline-block;
	height: 100px;
	width: 100px;
	margin-left: -50px;
	text-align: center;
	font-size: 14px;
	padding-top: 50px;
	color: #666;
	line-height: 50px;
}
section.process h3 {
	margin-bottom: 45px;
}
section.process .ico.understanding {
	background-image: url(../img/innovative.webp);
}
section.process .ico.implementation {
	background-image: url(../img/planning.webp);
}
section.process .ico.testing {
	background-image: url(../img/testing.webp);
}
section.process .ico.development {
	background-image: url(../img/app-development.webp);
}
section.process .ico.promotion {
	background-image: url(../img/promotion.webp);
}
section.process .ico.adaptation {
	background-image: url(../img/adaptation.webp);
}
.fancybox-inner,
.fancybox-outer,
.wwdContainer .wwdBarContainer,
.wwdContainer .wwdBarContainer .dots {
	position: relative;
}
.process .about-us-title h1 {
	padding-bottom: 5rem;
}
.wwdContainer .wwdBarContainer .dots .dot {
	height: 15px;
	margin-left: -6px;
	margin-top: -5px;
	position: absolute;
	width: 15px;
}
.wwdContainer .wwdBarContainer .dots .dot * {
	background-size: 15px;
	height: 15px;
	position: absolute;
	width: 15px;
}
.wwdContainer .wwdBarContainer .dots .dot .black {
	background-image: url(../img/dot-black.webp);
	width: 0;
}
.wwdContainer .wwdBarContainer .dots .dot .white {
	background-image: url(../img/dot-white.webp);
}
.wwdContainer .wwdBarContainer .wwdBar {
	background: #f0efee;
	height: 4px;
	width: 100%;
}
.wwdContainer .wwdBarContainer .wwdBar .black {
	background: #666;
	height: 4px;
	width: 0;
}
.wwdContainer .texts {
	height: 60px;
	position: relative;
	margin-top: 45px;
}
.wwdContainer .texts .text {
	position: absolute;
	display: none;
	font-size: 18px;
	line-height: 30px;
	width: 100%;
	color: #888;
	text-align: center;
}
@media (max-width: 850px) {
	section.process {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 767px) {
	section.process {
		overflow: hidden;
	}
	section.process.init .mobileViewPort {
		opacity: 0;
	}
	.processMobileScroller {
		-moz-transition-property: none;
		-webkit-transition-property: none;
		-o-transition-property: none;
		transition-property: none;
		padding-bottom: 140px;
	}
	.wwdContainer {
		width: 1000px;
	}
	section.process .texts {
		height: 200px;
		position: absolute;
		left: 0;
		right: 0;
		margin-top: 50px;
	}
	.wwdContainer .texts .text {
		width: auto;
		left: 0;
		right: 0;
		padding: 0 20px;
		font-size: 20px;
		line-height: 30px;
	}
}
.partnerImage {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.partnerImage .partner_image {
	margin-top: 2rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.05);
}
.partnerImage img {
	width: 12vw;
	padding: 0 2rem;
}
.clientImages img {
	width: 10vw;
}
.careerContainer {
	display: flex;
	flex-direction: column;
	padding: 3rem;
}
.careerContainer .careerTopContainer,
.trainingDetailPageParent .trainingDetailPageParentTop,
.trainingPageMainContainer .trainingPageMainContainerTop {
	display: flex;
	justify-content: space-between;
}
.careerContainer .careerTopContainer .careerTopContainerRight {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.careerContainer .careerTopContainer h3 {
	font-size: 1.4rem;
	padding: 1rem 1.5rem;
	border: 1px solid grey;
	border-radius: 15px;
	width: max-content;
	color: #000;
}
.careerContainer .careerTopContainer h2 {
	font-size: 2rem;
	font-weight: 400;
	text-align: left;
	color: var(--dark-gray);
}
.careerContainer .careerMiddleContainer {
	display: flex;
	flex-direction: column;
}
.careerContainer .careerMiddleContainer .jobOpeningCard {
	border-top: 1px solid gray;
	margin-top: 3rem;
	display: flex;
	justify-content: space-between;
}
.careerContainer
	.careerMiddleContainer
	.jobOpeningCard
	.jobOpeningCardRight
	button {
	border: solid 1px var(--link-hover-color);
	padding: 1rem 1.5rem;
	margin-top: 3rem;
	border-radius: 20px;
	font-weight: 600;
	background-color: var(--link-hover-color);
	color: #fff;
}
.careerContainer
	.careerMiddleContainer
	.jobOpeningCard
	.jobOpeningCardRight
	button:hover {
	background-color: transparent;
	color: var(--link-hover-color);
}
.careerContainer .careerMiddleContainer .jobOpeningCard .jobOpeningCardLeft h2 {
	font-size: 2.5rem;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--link-color);
}
.careerContainer .careerMiddleContainer .jobOpeningCard .jobOpeningCardLeft p {
	font-size: 1.7rem;
	color: var(--dark-gray);
}
.careerContainer
	.careerMiddleContainer
	.jobOpeningCard
	.jobOpeningCardLeft
	.jobTypeLocation {
	display: flex;
	align-items: center;
}
.careerContainer
	.careerMiddleContainer
	.jobOpeningCard
	.jobOpeningCardLeft
	.jobTypeLocation
	h2 {
	font-size: 1.4rem;
	padding: 1rem 1.5rem;
	margin-right: 2rem;
	border: 1px solid grey;
	border-radius: 15px;
	width: max-content;
	color: var(--medium-gray);
}
.projectsParentContainer {
	padding: 2rem 2rem 2rem 5.5rem;
	display: flex;
	justify-content: space-between;
}
.projectsParentContainer .projectLeftContainer {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 60%;
	padding-right: 7rem;
}
.projectsParentContainer .projectLeftContainer h1 {
	font-size: 3.3rem;
	font-weight: 700;
	color: #2bb0ae;
}
.projectsParentContainer .projectLeftContainer p {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--dark-gray);
	text-align: justify;
}
.projectsParentContainer .projectRightContainer,
.technologyTopContainer .technologyTopContainerRight {
	width: calc(100% - 60%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.projectsParentContainer .projectRightContainer img {
	width: auto;
	height: 40vh;
	border-radius: 5px;
}
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	z-index: 9999999999999999999;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-iframe,
.fancybox-image {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-close,
.fancybox-nav span {
	width: 36px;
	z-index: 8040;
	position: absolute;
	cursor: pointer;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
	background-image: url(https://togglebytes.com/accets/img/fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(https://togglebytes.com/accets/img/fancybox_loading.gif)
		center center no-repeat;
}
.fancybox-close {
	top: -18px;
	right: -18px;
	height: 36px;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: url(https://togglebytes.com/accets/img/blank.gif);
	-webkit-tap-highlight-color: transparent;
	z-index: 8040;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	top: 50%;
	height: 34px;
	margin-top: -18px;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
.fancybox-lock {
	overflow: visible !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(https://togglebytes.com/accets/img/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
.fancybox-title {
	visibility: hidden;
	font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading,
	.fancybox-close,
	.fancybox-next span,
	.fancybox-prev span {
		background-image: url(https://togglebytes.com/accets/img/fancybox_sprite@2x.png);
		background-size: 44px 152px;
	}
	#fancybox-loading div {
		background-image: url(https://togglebytes.com/accets/img/fancybox_loading@2x.gif);
		background-size: 24px 24px;
	}
}
.trainingPageMainContainer {
	display: flex;
	flex-direction: column;
	padding-bottom: 3rem;
}
.courseBuy,
.courseFee,
.courseSyllabus,
.internshipWhyChooseUs,
.trainingDetailPageParent,
.web-development-inner-card {
	padding: 2rem;
}
.trainingPageMainContainer
	.trainingPageMainContainerTop
	.trainingPageMainContainerTopLeft
	h2 {
	font-weight: 700;
	font-size: 4rem;
}
.trainingPageMainContainer
	.trainingPageMainContainerTop
	.trainingPageMainContainerTopLeft
	p {
	font-weight: 400;
	font-size: 1.8rem;
	color: var(--dark-gray);
	text-align: justify;
}
.trainingPageMainContainer
	.trainingPageMainContainerTop
	.trainingPageMainContainerTopRight {
	width: 40%;
	display: flex;
	flex-direction: column;
}
.trainingPageMainContainerMiddle {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	background-color: transparent;
}
.trainingPageMainContainerMiddle #trainingPageParticlejs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350vh;
	z-index: 0;
}
.trainingAllCoursesContainer,
h2 {
	position: relative;
	z-index: 1;
}
.trainingPageMainContainerMiddle h2 {
	font-size: 1.4rem;
	padding: 1rem 1.5rem;
	border: 1px solid coral;
	border-radius: 15px;
	width: max-content;
	color: var(--button-text);
	background-color: var(--link-hover-color);
}
@keyframes glowEffect {
	0%,
	100% {
		background: rgba(0, 255, 255, 0.2);
		box-shadow: 0 0 3px rgba(0, 255, 255, 0.8), 0 0 10px rgba(0, 255, 255, 0.6);
	}
	50% {
		background: rgba(0, 255, 255, 0.3);
		box-shadow: 0 0 5px #0ff, 0 0 10px rgba(0, 255, 255, 0.8);
	}
}
.trainingPageMainContainerMiddle .trainingAllCoursesContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard {
	width: 16%;
	height: 46vh;
	border: 1px solid #d6d5d5;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 3rem;
	display: flex;
	flex-direction: column;
	position: relative;
	background: linear-gradient(135deg, #d84e36, #00796b);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3), 0 6px 12px rgba(0, 0, 0, 0.15);
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseImageContainer {
	height: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer {
	height: 50%;
	padding: 0 0.5rem;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard:hover
	img {
	transform: scale(1.1);
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	h4 {
	height: 25%;
	color: var(--medium-gray);
	font-size: 1.5rem;
	text-align: center;
	font-weight: 600;
	color: var(--button-text);
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	button {
	border: 2px solid #038f7f;
	padding: 0.6rem 2rem;
	border-radius: 5px;
	font-weight: 500;
	background-color: #038f7f;
	color: #fff;
	font-size: 1.2rem;
	position: relative;
	overflow: hidden;
	transition: background-color 0.3s, color 0.3s;
	background-color: var(--button-hover);
	box-shadow: 0 0 5px rgba(0, 255, 255, 0.8);
	animation: 1.5s ease-in-out infinite alternate glowEffect;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	button:hover {
	background-color: transparent;
	color: #fff;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	.buttonContainer {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	h3 {
	color: var(--button-text) !important;
	font-weight: 500;
	border-radius: 0 !important;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	a {
	color: var(--button-text);
	text-decoration: none;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	h5 {
	border: none;
	font-weight: 600;
	font-size: 1.3rem;
	color: var(--button-text);
	padding: 0;
}
.trainingPageMainContainerMiddle
	.trainingAllCoursesContainer
	.trainingAllCoursesContainerCard
	.courseDetailContainer
	h3 {
	font-size: 1.4rem;
	width: max-content;
	color: #000;
}
.courseWillTeach,
.upcomingBatchParentContainerAndSchedule {
	display: flex;
	flex-direction: column;
	padding: 2rem;
}
.upcomingBatchParentContainerAndSchedule h2 {
	font-size: 1.4rem;
	padding: 1rem 1.5rem;
	border: 1px solid coral;
	border-radius: 15px;
	width: max-content;
	color: var(--button-text);
	margin-bottom: 3rem;
	background-color: var(--link-hover-color);
}
.upcomingBatchNameAndDetail {
	display: flex;
	height: 60vh;
}
.upcomingBatchNameAndDetail .upcomingBatchName {
	width: 30%;
	overflow-y: scroll;
}
.upcomingBatchNameAndDetail .upcomingBatchName .batchname {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	padding-right: 1rem;
}
.upcomingBatchNameAndDetail .upcomingBatchName .batchname i {
	color: var(--medium-gray);
	font-size: 1.5rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
.upcomingBatchNameAndDetail .upcomingBatchName .batchname li {
	border: 1px solid #c2c2c2;
	padding: 0.5rem 1rem;
	border-radius: 5px;
}
.upcomingBatchNameAndDetail .upcomingBatchDetail {
	width: calc(100% - 30%);
	overflow-y: scroll;
	padding-left: 1rem;
}
.upcomingBatchNameAndDetail .upcomingBatchDetail::-webkit-scrollbar,
.upcomingBatchNameAndDetail .upcomingBatchName::-webkit-scrollbar {
	width: 4px;
}
.upcomingBatchNameAndDetail .upcomingBatchDetail::-webkit-scrollbar-thumb,
.upcomingBatchNameAndDetail .upcomingBatchName::-webkit-scrollbar-thumb {
	background-color: #848181;
	border-radius: 4px;
}
.upcomingBatchNameAndDetail .upcomingBatchDetail::-webkit-scrollbar-thumb:hover,
.upcomingBatchNameAndDetail .upcomingBatchName::-webkit-scrollbar-thumb:hover {
	background-color: grey;
}
.upcomingBatchNameAndDetail .upcomingBatchDetail::-webkit-scrollbar-track,
.upcomingBatchNameAndDetail .upcomingBatchName::-webkit-scrollbar-track {
	background-color: #dcdcdc;
	border-radius: 4px;
}
.upcomingBatchNameAndDetail .upcomingBatchName li {
	list-style: outside;
}
.trainingDetailPageParent
	.trainingDetailPageParentTop
	.trainingDetailPageParentTopLeft
	span {
	color: var(--link-hover-color);
	font-weight: 800;
}
.trainingDetailPageParent
	.trainingDetailPageParentTop
	.trainingDetailPageParentTopRight {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.trainingDetailPageParent
	.trainingDetailPageParentTop
	.trainingDetailPageParentTopRight
	img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.courseHighlights {
	display: flex;
	justify-content: start;
}
.courseHighlights h2 {
	font-size: 1.4rem;
	padding: 1.2rem 1.7rem;
	border: 1px solid #007873;
	border-radius: 8px;
	width: max-content;
	color: var(--button-text);
	background-color: var(--dark-teal);
	font-weight: 600;
}
.courseHighlights .courseHighlightsLeft .courseDetails {
	padding: 3rem 2rem 3rem 0;
}
.courseHighlights .courseHighlightsLeft .courseDetails ul {
	display: flex;
	gap: 1rem;
}
.courseHighlights .courseHighlightsLeft .courseDetails i {
	color: var(--link-hover-color);
}
.courseHighlights .courseHighlightsLeft .courseDetails li {
	list-style: none;
	color: var(--dark-gray);
	font-weight: 600;
	text-align: justify;
}
.courseHighlights .courseHighlightsRight img,
.web-development-middle img,
.web-development-top img {
	width: 100%;
	height: auto;
}
.courseBuy button,
.courseFee h2,
.courseSyllabus h2,
.courseWillTeach h2,
.thisCourseIncludes h2 {
	padding: 1.2rem 1.7rem;
	width: max-content;
	margin-bottom: 2rem;
	text-transform: uppercase;
}
.courseSyllabus h2,
.courseWillTeach h2 {
	font-size: 1.4rem;
	border: 1px solid #d84e36;
	border-radius: 8px;
	color: var(--button-text);
	background-color: #d84e36;
	font-weight: 600;
}
.courseWillTeach p {
	font-weight: 500;
}
.thisCourseIncludes {
	display: flex;
	justify-content: space-between;
	background-color: #e0ffff;
}
.courseFee h2,
.thisCourseIncludes h2 {
	font-size: 1.4rem;
	border: 1px solid #007873;
	border-radius: 8px;
	color: var(--button-text);
	background-color: #007873;
	font-weight: 600;
}
.thisCourseIncludes .thisCourseIncludesLeft,
.thisCourseIncludes .thisCourseIncludesRight {
	width: 45%;
}
.thisCourseIncludes .thisCourseIncludesLeft li,
.thisCourseIncludes .thisCourseIncludesRight li {
	color: var(--dark-gray);
	font-weight: 500;
}
.courseFee p {
	color: #000;
	font-size: 2.5rem;
	font-weight: 700;
}
.courseFee span {
	font-size: 1.5rem;
	color: red;
}
.courseFee strike {
	color: var(--medium-gray);
}
.courseBuy {
	display: flex;
	align-items: center;
	justify-content: center;
}
.courseBuy button {
	font-size: 1.4rem;
	border: 1px solid #dc143c;
	border-radius: 5px;
	color: var(--button-text);
	background-color: #dc143c;
	font-weight: 600;
}
.courseBuy button i,
.internshipParentContainer .internshipParentContainerRight h6 {
	font-size: 2rem;
}
.courseBuy button:hover {
	background-color: #d80b34;
}
.technologyTopContainer {
	margin-top: 3rem;
	display: flex;
	justify-content: space-between;
}
.technologyTopContainer .technologyTopContainerLeft {
	display: flex;
	flex-direction: column;
	width: 60%;
	padding-right: 3rem;
}
.technologyTopContainer .technologyTopContainerRight img {
	width: 80%;
	aspect-ratio: 3/2;
	margin: auto;
	border-radius: 5px;
	box-shadow: 0 4px 15px rgba(216, 235, 233, 0.5);
}
.weAreExpertInTech {
	margin-top: 2rem;
	padding: 1rem;
	background-color: #2bb0ae;
}
.weAreExpertInTech h2 {
	color: var(--white-background);
	font-weight: 700;
	font-size: 2rem;
	text-align: center;
	margin: unset;
}
.technolgyParentContainer {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	background-color: #e0ffff;
}
.technolgyParentContainer .technologyCard {
	display: flex;
	justify-content: space-between;
	border-radius: 7px;
	padding: 2rem;
	background-color: var(--card-bg-color, #fff);
	border: 1px solid var(--card-border-color, #e0e0e0);
	box-shadow: var(--card-shadow, 0 2px 8px rgba(0, 0, 0, 0.1));
	transition: 0.3s;
}
.technolgyParentContainer .technologyCard:hover {
	transform: translateY(-5px);
	box-shadow: var(--card-shadow-hover, 0 4px 15px rgba(0, 0, 0, 0.2));
}
.technolgyParentContainer .technologyCard:nth-child(2n) {
	flex-direction: row-reverse;
}
.technolgyParentContainer .technologyCard .technologyImage {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.technolgyParentContainer .technologyCard .technologyImage img {
	width: auto;
	height: 33vh;
	aspect-ratio: 3/2;
	object-fit: contain;
	border-radius: 5px;
	border: 1px solid #c2c1c1;
	padding: 3rem;
}
.technolgyParentContainer .technologyCard .technologyDetailContainer {
	width: calc(100% - 30%);
	display: flex;
	flex-direction: column;
	padding: 3rem;
}
.shape-bg {
	position: relative;
	/* background: linear-gradient(135deg, #d84e36, #00796b); */
	height: 120vh;
}
.internshipParentContainer {
	display: flex;
	justify-content: space-between;
	padding: 2rem;
}
.internshipParentContainer .internshipParentContainerLeft {
	color: var(--complementary-coral);
	width: 70%;
}
.internshipParentContainer .internshipParentContainerLeft h2 {
	font-size: 4rem;
	font-weight: 700;
	color: var(--complementary-coral);
}
.internshipParentContainer .internshipParentContainerLeft p {
	font-size: 2rem;
	font-weight: 500;
}
.internshipParentContainer .internshipParentContainerRight {
	width: calc(100% - 70%);
}
.internshipParentContainer
	.internshipParentContainerRight
	.message-box
	#internship-enquiry-form
	button:hover {
	background-color: coral;
}
.shape-bg .row {
	min-height: 100vh;
	padding: 100px 0;
}
.shape-bg svg {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 80px;
}
.cls-2 {
	opacity: 0.47;
}
.shape-bg svg path,
.shape-bg svg polygon {
	fill: #ffffff;
}
.shape-bg .message-box {
	color: var(--complementary-coral);
	border: solid 1px gray;
	padding: 6px 13px;
}
.custom-item,
.web-development-card {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.shape-bg .message-box input,
.shape-bg .message-box option,
.shape-bg .message-box select,
.shape-bg .message-box textarea {
	display: block;
	width: 100%;
	margin: 15px auto;
	padding: 10px;
	/* background: rgba(0, 0, 0, 0.2); */
	color: #000000;
	border: solid 1px gainsboro;
}
.shape-bg .message-box button:active,
.shape-bg .message-box button:focus,
.shape-bg .message-box input:active,
.shape-bg .message-box input:focus {
	outline: 0;
}
.shape-bg .message-box button {
	background-color: var(--link-color);
	border: 0;
	color: #fff;
	padding: 10px 0;
	font-size: 18px;
	width: 100%;
	margin: 20px auto;
	display: block;
	cursor: pointer;
	line-height: 28px;
	-webkit-transition: 0.15s;
	-o-transition: 0.15s;
	-moz-transition: 0.15s;
	transition: 0.15s;
}
.shape-bg .message-box::-webkit-input-placeholder {
	color: #fcfcfc;
}
.shape-bg .message-box::-moz-placeholder {
	color: #fcfcfc;
}
.shape-bg .message-box:-ms-input-placeholder {
	color: #fcfcfc;
}
.shape-bg .message-box:-moz-placeholder {
	color: #fcfcfc;
}
.shape-bg .message-box button:active {
	background: #742937;
}
.shape-bg ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: unset;
	margin-top: 2rem;
}
.custom-showcase > h2,
.internshipWhyChooseUs h2 {
	font-size: 2rem;
	padding: 1rem 2rem;
	color: var(--button-text);
}
.shape-bg ul li {
	font-size: 1.8rem;
	margin-bottom: 0.5rem;
}
services-item {
	margin-left: 65px;
}
.services .services-item .services-heading {
	position: relative;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 800;
}
.services .services-item .services-heading:after {
	content: "";
	width: 30px;
	height: 2px;
	background: var(--link-hover-color);
	position: absolute;
	left: 0;
	bottom: 0;
	color: var(--link-hover-color);
}
.services .services-item p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
}
.features-item .features-icon {
	padding-top: 10px;
	font-size: 48px;
	line-height: 1.3;
}
.features-item .features-title {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.4em;
}
.internshipWhyChooseUs h2 {
	width: max-content;

	border-radius: 5px;
	background-color: var(--link-hover-color);
}
.internshipWhyChooseUs .services {
	padding: 2rem;
	margin-bottom: 2rem;
	border: 1px solid rgba(10, 1, 1, 0.3);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	color: #fff;
	transition: 0.3s ease-in-out;
}
.internshipWhyChooseUs .services:hover {
	background: rgba(255, 255, 255, 0.2);
	transform: translateY(-5px);
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}
.internshipWhyChooseUs .services h5 {
	font-size: 3rem;
	color: var(--dark-gray);
}
.internshipWhyChooseUs .services p {
	font-size: 1.4rem;
	color: var(--medium-gray);
	text-align: justify;
	font-weight: 500;
}
.internshipWhyChooseUs .services i {
	font-size: 4rem;
	color: var(--button-hover);
}
.showcase {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.slider {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.itemSlider {
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	position: relative;
	width: 200px;
	aspect-ratio: 3/2;
	object-fit: contain;
	line-height: 200px;
	text-align: center;
	padding: 2rem;
}
.itemSlider img {
	vertical-align: middle;
	width: 50rem;
	height: auto;
	object-fit: contain;
	-webkit-transition: left 0 linear;
	-moz-transition: left 0 linear;
	transition: left 0 linear;
	opacity: 0.65;
}
.custom-showcase {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 2rem;
	display: flex;
	flex-direction: column;
}
.custom-showcase > h2 {
	width: max-content;
	border: 1px solid #2bb0ae;
	border-radius: 5px;
	background-color: var(--dark-teal);
}
.custom-slider {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 2rem;
}
.custom-slider-track {
	display: flex;
	width: 100%;
	animation: 40s linear infinite custom-slide;
}
.custom-item {
	flex: 0 0 auto;
	width: 25%;
	height: 50vh;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f0f0f0;
	padding: 20px;
	border-right: 1px solid coral;
}
.seo-box,
.why-section {
	background-color: var(--primary-teal);
	color: #fff;
}
.custom-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.custom-content h2 {
	font-size: 20px;
	margin-bottom: 10px;
	color: var(--link-hover-color);
	text-align: left;
}
.custom-content h2 i {
	margin-right: 8px;
	color: var(--medium-gray);
	text-align: left;
}
.custom-content p {
	font-size: 14px;
	color: #555;
	margin-bottom: 8px;
	text-align: left;
}
.custom-content p strong {
	font-weight: 700;
	text-align: left;
}
.custom-content p i {
	margin-right: 6px;
	color: #f44336;
	text-align: left;
}
@keyframes custom-slide {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
.main-important-facts .slick-next,
.main-important-facts .slick-prev {
	display: none !important;
}
.web-development-middle,
.web-development-top {
	padding: 5rem 0;
}
.our_expertise_text {
	width: 17%;
	border-bottom: solid var(--primary-teal) 2px;
}
.web-development-parent {
	width: 100%;
	margin-left: auto;
	display: flex;
	justify-content: space-around;
}
.web-development-card {
	padding: 2rem 0;
	border-bottom: 1.5rem solid black;
	margin: 2rem;
}
.seo-bottom,
.seo-middle {
	padding-bottom: 3rem;
}
.icon-box i,
.ml-box i,
.service-icon {
	margin-right: 10px;
}
.process-box,
.why-section h4 {
	box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1);
}
.web-development-card:nth-child(2) {
	border-bottom: 1.5rem solid teal;
}
.web-development-inner-card p {
	padding-top: 3rem;
	text-align: justify;
}
.seo-bottom {
	padding-top: 1rem;
}
.seo-parent {
	padding: 4rem 0;
}
.seo-box {
	padding: 30px;
	border-radius: 12px;
}
.seo-feature {
	text-align: center;
	margin-bottom: 30px;
}
.seo-feature img {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
}
.seo-image {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.mobile-app-content-image,
.web-design-image {
	align-items: center;
	height: auto;
	display: flex;
}
.machine-learning-top img,
.mobile-app-content-image img,
.mobile-dev-bottom img,
.seo-image img,
.web-design-image img,
.web-design-image2 img {
	width: 100%;
	box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1);
}
.machine-learning-top,
.mobile-dev-bottom,
.mobile-dev-top,
.web-design-top {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.mobile-app-content-image {
	justify-content: center;
}
.why-section {
	border-radius: 15px;
	padding: 30px;
	margin-top: 40px;
}
.why-section h4 {
	color: var(--complementary-coral);
	text-transform: uppercase;
	font-weight: 700;
	background-color: #fff;
	width: max-content;
	padding: 0.8rem;
	border-radius: 2px;
}
.why-section h2 {
	font-weight: 700;
	margin-top: 10px;
	color: var(--light-teal-border);
}
.icon-box {
	margin-bottom: 20px;
	border-bottom: 1px solid #335;
	padding-bottom: 10px;
}
.mobile-dev-bottom h2 {
	margin-top: 0;
}
.service-icon {
	font-size: 24px;
	color: #001b3a;
}
.service-box {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	border-bottom: 3px solid gray;
}
.service-box span {
	font-size: 3rem;
	display: inline-block;
	vertical-align: middle;
	color: var(--complementary-coral);
	margin-bottom: 2rem;
}
.web-design-middle {
	padding-top: 5rem;
	padding-bottom: 3rem;
	text-align: justify;
}
.web-design-image {
	justify-content: flex-end;
}
.web-design-image2 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: auto;
}
.process-section {
	padding: 50px 15px;
	background-color: #fff;
	text-align: center;
}
.machine-learning-middle h2,
.process-section h2 {
	background: -webkit-linear-gradient(teal, black);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
.heading,
.ml-box,
.ml-section h3,
.process-box h4 {
	margin-bottom: 20px;
}
.process-box {
	padding: 25px;
	height: 60%;
	border: 1px solid #dcdcdc;
	border-bottom: 6px solid black;
	transition: 0.3s linear;
}
.process-box:hover {
	border-radius: 12px;
	border-bottom: 6px solid teal;
}
.process-box h4 {
	font-weight: 700;
	color: var(--complementary-coral);
	transition: 0.3s linear;
}
.process-box p {
	text-align: justify;
}
.machine-learning-middle {
	padding-top: 2rem;
	background: url("../img/ml2.png");
}
.ml-section {
	background: var(--primary-teal);
	color: #fff;
	padding: 60px 0;
}
.ml-section h3 {
	background: -webkit-linear-gradient(#f5f5f5, #b8b2b0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	font-weight: 700;
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.ml-section p {
	font-size: 16px;
	line-height: 1.8;
	margin: 0 auto;
	max-width: 850px;
}
.ml-process-section {
	margin-top: 2rem;
	padding: 60px 0;
	background-color: #f9f9f9;
	color: #333;
}
.ml-process-section h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 10px;
}
.ml-process-section p {
	font-size: 16px;
	margin-bottom: 30px;
}
.ml-box {
	background: #fff;
	border-left: 3px solid black;
	padding: 20px;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	height: 25%;
}
.ml-box h4 {
	font-size: 18px;
	margin-bottom: 10px;
}
.hosting-section {
	margin-top: 40px;
	background-color: #e0ffff;
}
.hosting-section p {
	margin-bottom: 25px;
}
.blue-box {
	background-color: var(--dark-teal);
	color: #fff;
	padding: 30px;
	border-radius: 20px;
}
.blue-box ul {
	list-style: none;
	padding: 0;
}
.blue-box ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ffffff66;
	font-size: 16px;
}
.blue-box ul li::before {
	content: "\25B6";
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
}
.heading {
	font-weight: 700;
}
.right-section {
	padding-left: 30px;
}
.managed-hosting-bottom {
	padding: 3rem 0;
}
.industry-application-card {
	border-bottom: 7px solid black;
	margin-right: 2rem;
	width: 30%;
}
.industry-application-card:hover {
	border-bottom: solid 7px var(--light-teal-background);
}
.services-dropdown-menu {
	display: none;
	position: fixed;
	left: 0;
	background: #fff;
	padding: 3rem;
	width: 100vw !important;
	z-index: 10;
	flex-wrap: wrap;
	border-bottom: 1px solid gray;
}
.navbar-nav > li.services-parent:hover .services-dropdown-menu {
	display: flex;
	justify-content: center;
}
.services-dropdown-menu > div {
	flex: 1;
	min-width: 180px;
}
.services-dropdown-menu li {
	list-style: none;
	margin-bottom: 8px;
}
.services-dropdown-menu li a {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: 500;
}
.services-dropdown-menu li a:hover {
	color: var(--button-hover);
	text-decoration: underline;
}
.services-dropdown-menu-options {
	border-left: 3px solid teal;
	padding-left: 2rem;
}
.our_services_image {
	width: 100%;
	height: 100%;
}
.our_services_image img {
	width: 100%;
	aspect-ratio: 3/2;
}

.reveal-paragraph-container {
	background-color: darkcyan;
}
.reveal-paragraph {
	line-height: 1.8;
	/* max-width: 800px; */
	margin: 0 auto;

	overflow: hidden;
	color: white;
	padding: 4rem 0;
}

.char {
	opacity: 0;
	/* transform: translateY(30px); */
	/* display: inline-block; */

	/* preserve spaces */
}

.video-container {
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

/* The video itself */
.video-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2; /* push back more */
}

/* Add a dark overlay */
.video-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4); /* Black with 40% opacity */
	z-index: -1; /* sits above video, but below text */
}

.text-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* Center the text */
	color: white;
	text-align: center;

	font-size: 50px;
	font-weight: 300;
	line-height: 1.2;
	/* max-width: 80%; */
}

.text-overlay h2 {
	font-size: 6rem;
	/* font-weight: 600; */
	margin: 0;
	white-space: nowrap;
	color: transparent;
	-webkit-text-stroke: 2px #ffffff; /* White outline */
	position: relative;
	overflow: hidden;
}

.text-overlay h2::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	color: #ffffff; /* Fill color */
	-webkit-text-stroke: 0px #ffffff;
	overflow: hidden;
	white-space: nowrap;
}
.video_banner p {
	font-size: 4rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #2bb0ae;
}

/* Animation class */
.text-overlay h2.fill-animate::after {
	animation: fillText 4s infinite alternate ease-in-out;
}

/* Keyframes for filling and emptying */
@keyframes fillText {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
.text-overlay .description {
	font-size: 24px;
	margin-top: 20px;
	text-align: justify;
}

.home-desc-container {
	margin-top: 2rem;
	position: relative;
	height: 35vh;
	overflow: hidden; /* Hide overflowing items */
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	clear: both;
}

.home-desc-item {
	display: none; /* Initially hide all the home_desc items */
	opacity: 0; /* Fade in effect */
	position: absolute;
	width: 100%;
	text-align: center;
}

.home-desc-item.active {
	display: block;
	animation: fadeInUp 1s ease-out forwards; /* Show with fade-in-up animation */
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.bkgrd_banner {
	background-color: rgba(
		0,
		0,
		0,
		0.5
	); /* Optional background color for the text */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.caption {
	z-index: 1;
}
.caption h3 {
	font-size: 2rem;
}

.our_mission_vision_goal_card {
	position: relative;
	width: 250px;
	height: 400px;
	overflow: hidden;
	cursor: pointer;
	/* background-color: rebeccapurple; */
}

.our_mission_vision_goal_card_image {
	position: relative;
	width: 100%;
	height: 100%;
	/* background-color: rebeccapurple; */
	overflow: hidden;
}

.our_mission_vision_goal_card_image img {
	/* object-fit: cover; */
	height: 100%;
	transition: transform 0.5s ease;
}

.our_mission_vision_goal_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity 0.5s ease;
}

.our_mission_vision_goal_text {
	position: absolute;
	bottom: -200px;
	left: 0;
	width: 100%;
	text-align: justify;
	color: white;
	font-size: 1.5rem;
	padding: 10px;
	background: rgba(0, 0, 0, 0.6);
	transition: bottom 0.5s ease;
}
.our_mission_vision_goal_text h3 {
	color: white !important;
	text-align: center;
}
.our_mission_vision_goal_text span {
	color: red;
}
.our_mission_vision_goal_card:hover img {
	transform: scale(1.1);
}

.our_mission_vision_goal_card:hover .our_mission_vision_goal_overlay {
	opacity: 1;
}

.our_mission_vision_goal_card:hover .our_mission_vision_goal_text {
	bottom: 0;
}

section {
	padding: 60px 0;
	/* min-height: 100vh;*/
}

.sec-title {
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
}

.sec-title .title {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: var(--link-color);
	font-weight: 500;
	margin-bottom: 15px;
}

.sec-title h2 {
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1.28em;
	color: #222222;
	font-weight: 600;
	padding-bottom: 18px;
}

.sec-title h2:before {
	position: absolute;
	content: "";
	left: 0px;
	bottom: 0px;
	width: 50px;
	height: 3px;
	background-color: #d1d2d6;
}

.sec-title .text {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-top: 35px;
}

.sec-title.light h2 {
	color: #ffffff;
}

.sec-title.text-center h2:before {
	left: 50%;
	margin-left: -25px;
}

.list-style-one li a:hover {
	color: #44bce2;
}

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 30px;
	color: #ffffff;
	padding: 10px 30px;
	font-weight: 600;
	overflow: hidden;
	letter-spacing: 0.02em;
	background-color: #2bb0ae;
}

.btn-style-one:hover {
	background-color: var(--button-hover);
	color: #ffffff;
}
.about-section {
	/* position: relative; */
	/* padding: 120px 0 70px; */
	overflow: hidden;
}

.about-section .sec-title {
	margin-bottom: 45px;
}

.about-section .content-column {
	position: relative;
	margin-bottom: 50px;
}

.about-section .content-column .inner-column {
	position: relative;
}

.list-style-one {
	list-style: none;
	padding-left: 0;
	padding-top: 3rem;
}

.list-style-one li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 15px;
	font-family: sans-serif;
	font-size: 16px;
	color: #333;
}

.list-style-one li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: teal;
	color: white;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-section .list-style-one {
	margin-bottom: 45px;
}

.about-section .btn-box {
	position: relative;
}

.about-section .btn-box a {
	padding: 15px 50px;
}

.about-section .image-column {
	position: relative;
}
.about-section .image-column .image-1 img {
	width: 100%;
	height: 100%;
}
.about-section .image-column .image-2 img {
	width: 100%;
	aspect-ratio: 3/2;
	border-top-left-radius: 50%;
}

.about-section .image-column .text-layer {
	position: absolute;
	right: -110px;
	top: 50%;
	font-size: 325px;
	line-height: 1em;
	color: #ffffff;
	margin-top: -175px;
	font-weight: 500;
}

.about-section .image-column .inner-column {
	position: relative;
	padding-left: 120px;
	padding-bottom: 125px;
}

.about-section .image-column .inner-column:before {
	position: absolute;
	left: -75px;
	top: 65px;
	height: 520px;
	width: 520px;
	background-image: url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
	content: "";
	z-index: -1;
}

.about-section .image-column .image-1 {
	position: relative;
}

.about-section .image-column .image-2 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img {
	box-shadow: 0 30px 50px rgba(8, 13, 62, 0.15);
}

.about-section .image-column .video-link {
	position: absolute;
	left: 70px;
	top: 170px;
}

.about-section .image-column .video-link .link {
	position: relative;
	display: block;
	font-size: 22px;
	color: #191e34;
	font-weight: 400;
	text-align: center;
	height: 100px;
	width: 100px;
	line-height: 100px;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 30px 50px rgba(8, 13, 62, 0.15);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-section .image-column .video-link .link:hover {
	background-color: #191e34;
	color: #fff;
}

.section-services {
	padding-top: 110px;
	padding-bottom: 120px;
	font-family: "Poppins", sans-serif;
	background-color: white;
	color: black;
}

.section-services .header-section {
	margin-bottom: 35px;
}

.section-services .header-section .title {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 25px;
	text-transform: uppercase;
	font-weight: 700;
}

.section-services .header-section .title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 140px;
	height: 1px;
	background-color: var(--complementary-coral);
}

.section-services .header-section .title:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 45px;
	height: 3px;
	background-color: var(--complementary-coral);
}

.section-services .header-section .title span {
	color: black;
}

.section-services .header-section .description {
	font-size: 1.5rem;
}

.section-services .single-service {
	margin-top: 40px;
	/* border: solid 1px rgb(3, 2, 2); */
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.section-services .single-service .part-1 {
	padding: 40px 40px 25px;
	border-bottom: 2px solid #1d1e23;
}

.section-services .single-service .part-1 i {
	margin-bottom: 25px;
	font-size: 50px;
	color: var(--complementary-coral);
}

.section-services .single-service .part-1 .title {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.8em;
	color: var(--complementary-coral);
}

.section-services .single-service .part-2 {
	padding: 30px 40px 40px;
}

.section-services .single-service .part-2 .description {
	margin-bottom: 22px;
	font-size: 1.5rem;
	line-height: 1.8em;
}

.section-services .single-service .part-2 a {
	font-size: 14px;
	text-decoration: none;
}
.section-services .single-service .part-2 a:hover {
	border-bottom: 1px solid white;
	padding-bottom: 2px;
}
.section-services .single-service .part-2 a i {
	margin-right: 10px;
	color: var(--complementary-coral);
}

.aboutus-section {
	padding: 90px 0;
}
.aboutus-title {
	font-size: 30px;
	letter-spacing: 0;
	line-height: 32px;
	margin: 0 0 39px;
	padding: 0 0 11px;
	position: relative;
	text-transform: uppercase;
	color: #000;
}
.aboutus-title::after {
	background: #2bb0ae none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 54px;
}
.aboutus-text {
	color: #606060;
	font-size: 13px;
	line-height: 22px;
	margin: 0 0 35px;
}

a:hover,
a:active {
	color: #2bb0ae;
	text-decoration: none;
	outline: 0;
}
.aboutus-more {
	border: 1px solid #2bb0ae;
	border-radius: 25px;
	color: #2bb0ae;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	padding: 7px 20px;
	text-transform: uppercase;
}
.feature .feature-box {
	margin-bottom: 2rem;
}
.feature .feature-box .iconset {
	background: #fff none repeat scroll 0 0;
	float: left;
	position: relative;
	width: 14%;
}
.feature .feature-box .iconset::after {
	background: #2bb0ae none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 45%;
	position: absolute;
	top: 100%;
	width: 1px;
}

.feature .feature-box .feature-content h4 {
	color: #0f0f0f;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 22px;
	margin: 0 0 5px;
}

.feature .feature-box .feature-content {
	float: left;
	padding-left: 28px;
	width: 78%;
}
.feature .feature-box .feature-content h4 {
	color: #0f0f0f;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 22px;
	margin: 0 0 5px;
}
.feature .feature-box .feature-content p {
	color: #606060;
	font-size: 13px;
	line-height: 22px;
	text-align: justify;
}
.icon {
	color: #2bb0ae;
	padding: 0px;
	font-size: 40px;
	/*border: 1px solid #2bb0ae;*/
	border-radius: 100px;
	color: #2bb0ae;
	font-size: 28px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 70px;
}

.industryServedParent {
	column-width: 180px;
	column-gap: 20px;
}

.industryItem {
	position: relative;
	margin-bottom: 20px;
	break-inside: avoid;
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.industryItem img {
	width: 100%;
	display: block;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgb(191, 191, 192);
	transition: transform 0.4s ease;
}

.industryItem .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	text-align: center;
	border-radius: 10px;
	padding: 10px;
}

.industryItem:hover img {
	transform: scale(1.1); /* zoom out effect */
}

.industryItem:hover .overlay {
	opacity: 1;
}
.aboutUsMiddleContainer {
	overflow: hidden;
}

.aboutUsCardContainer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* background-color: rebeccapurple; */
}

.contact_card {
	text-align: center;
	padding: 30px 20px;
	border-radius: 10px;
	transition: box-shadow 0.3s ease-in-out;
	min-height: 100%;
	font-family: "Special Gothic", sans-serif !important;
}

.contact_card img {
	max-width: 60px;
	margin-bottom: 15px;
}

.contact_card h3 {
	font-size: 18px;
	font-weight: 700;
	color: #555;
	margin-top: 10px;
}

.contact_card h2 {
	font-size: 20px;
	color: #007bff;
	margin: 10px 0;
}

.contact_card p,
.contact_card a {
	font-size: 15px;
	font-family: "Special Gothic", sans-serif !important;

	color: #333;
}





/*teams section starts here*/
/* Team Section Background */
.team {
  background-image: url('https://img.freepik.com/free-vector/illustration-brainstorming-teamwork_53876-18397.jpg?semt=ais_items_boosted&w=740');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed; /* Optional: parallax */
  padding: 60px 0;
}

/* Make row flex for equal height columns */
.team .row {
  display: flex;
  flex-wrap: wrap;
}

/* Make all col- items stretch equally */
.team .col-md-3,
.team .col-sm-6 {
  display: flex;
  align-items: stretch;
}

/* Team Card */
.our-team {
  position: relative;
  flex: 1;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  background: #fff;
  margin-bottom: 30px;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

.our-team:hover {
  transform: translateY(-5px);
}

/* Team Image */
.our-team img {
  width: 100%;
  height: 300px;          /* Fixed height for uniformity */
  object-fit: cover;      /* Crop image to fit */
  border-radius: 12px;
}

/* Floating Info Card */
.our-team .team-content {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  text-align: center;
  width: 80%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Team Name */
.our-team .title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #222;
}

/* Team Position */
.our-team .post {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
  display: block;
}

/* Hide social icons by default (not in your reference design) */
.our-team .social-links {
  display: none;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .our-team img {
    height: 260px;
  }
}
@media (max-width: 767px) {
  .team .col-sm-6 {
    float: none;
    margin: 0 auto 20px auto;  /* center card */
    max-width: 90%;           /* not full width */
  }
}
@media (max-width: 480px) {
  .our-team img {
    /*height: 200px;*/
  }
  .our-team .title {
    font-size: 16px;
  }
  .our-team .post {
    font-size: 13px;
  }
}


/*teams section ends here*/
