@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--primary: #3088a3;
	--white: #ffffff;
	--black: #000000;
	--light-gray: #f2f2f2;
	--blue: #2387a4;
	--green: #75be48;
	--orange: #efb923;
  }
body{
	color: var(--black);
	font-size:14px;
	margin:0;
	padding:0;
	font-family: "Inter", serif;
	box-sizing: border-box;
	overflow-x: hidden;
}
img{
	max-width: 100%;
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}
.mt-50{
	margin-top: 50px;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-50{
	margin-bottom: 50px;
}

.heading-level2{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 32px;
	color: var(--orange);	
	font-weight: 600;
	position: relative;
	padding-bottom: 20px;
}
.heading-level2.left{
	text-align: left;
}
.heading-level2::after{
	content: '';
	display: block;
	width: 100px;
	height: 5px;
	background: var(--orange);
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: auto;
}
.heading-level2.left::after{
	left: 0;
	right: auto;
}
.section-heading{
	width: 100%;
	float: left;
	font-size: 28px;
	color: var(--black);	
	font-weight: 600;	
}

/******* Header Section CSS Start ************/
header{
	background: var(--white);
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	transition: 0.3s ease-in-out;
	width: 100%;
	float: left;
}
.header-section{
	width: 100%;
	float: left;
	position: relative;
}
.banner-header{
	position: fixed;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
}
.navbar-brand{
	position: relative;
	float: left;
	width: auto;
	margin: 0;
}
.navbar-brand img {
	max-width: 250px;
	transition: 0.3s ease-in-out;
}
.navbar-section{
	float: right;
}
.navbar-section ul{
	list-style: none;
	display: inline-block;
	margin: 10px 0 0;
	padding: 0;
	transition: 0.3s ease-in-out;
}
.navbar-section ul li{
	float: left;
	
}
.navbar-section ul li a{
	color: var(--black);	
	font-weight: 600;
	font-size: 16px;
	margin: 0 10px;
	padding: 10px;
	border:none;
	position: relative;	
	transition: 0.3s ease-in-out;
}
.navbar-section ul li a::after{
	content: '';
	position: absolute;
	width: 0px;
	height: 4px;
	left: 50%;
	bottom:0;
	background-color: var(--blue);
	transition: all ease-in-out .2s;
}
.navbar-section ul li a:hover{
	color: var(--blue);
}
.navbar-section ul li a:hover::after{
	width: 100%;
	left: 0;
}
.hamburger{
	width: 30px;
	position: absolute;
	right: 15px;
	top: 10px;
	display: none;
}
.hamburger .line{
	width: 25px;
	height: 3px;
	background-color: var(--black);
	display: block;
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hamburger:hover{
	cursor: pointer;
}

#hamburger-1.is-active .line:nth-child(2){
	opacity: 0;
  }
  
  #hamburger-1.is-active .line:nth-child(1){
	-webkit-transform: translateY(10px) rotate(45deg);
	-ms-transform: translateY(10px) rotate(45deg);
	-o-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
  }
  
  #hamburger-1.is-active .line:nth-child(3){
	-webkit-transform: translateY(-6px) rotate(-45deg);
	-ms-transform: translateY(-6px) rotate(-45deg);
	-o-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
  }

  header.sticky{
	padding: 10px 0;
	transition: 0.3s ease-in-out;
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
  }
  header.sticky .navbar-brand img {
    max-width: 200px;
	transition: 0.3s ease-in-out;
 }
 header.sticky .navbar-section ul{
	margin: 5px 0 0;
	transition: 0.3s ease-in-out;
 }
 header.sticky .navbar-section ul li a{
	font-size: 16px;
	transition: 0.3s ease-in-out;
 }

 footer{
	width: 100%;
	float: left;
	background: var(--black);
	padding: 10px;
 }
 footer p{
	color: var(--white);
	font-size: 12px;
	text-align: center;
	margin: 0;
 }
/******* Header Section CSS End ************/


/********** Banner Section CSS Start ***********/
.banner-section{
	width: 100%;
	float: left;
	position: relative;
}
.banner-section img{
	width: 100%;
	/* height: 100%;
	object-fit: cover;
	object-position: 0 -135px; */
}
.banner-content{
	position: absolute;
	width: 100%;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	max-width: 1140px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.banner-content.banner-content-left{
	max-width: 1140px;
	margin: 0 auto;
	text-align: left;
	left: 0;
	right: 0;
	padding: 0 20px;
	justify-content: flex-start;
}
.banner-content h1{
	color: var(--blue);
	font-size: 50px;
	font-weight: 700;
}
.banner-content h1.white{
	color: var(--white);
}
.home-banner .banner-content h1{
	margin: 0;
}
.banner-content.inner-banner-heading h1{
	font-size: 55px;
}
.banner-content p{
	color: var(--black);
	font-size: 20px;
	font-weight: 600;
}
.why-advaita-content p{
	color: #666;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: justify;	
}
.why-advaita-image img{
	max-width: 80%;
    margin: 0 auto;
    display: block;
}
.banner-sub-content{
	max-width: 1140px;
	margin: 0 auto;
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    right: 0;
}
.banner-label{
	color: var(--black);
	margin: 0;
}
.banner-label a{
	color: var(--orange);
}
/********** Banner Section CSS End ***********/

/********** Our Mission Section CSS Start ***********/

.our-mission{
	width: 100%;
	float: left;
	padding: 40px 0;
	background: var(--light-gray);
}
.our-mission-subhead{
	font-size: 20px;
	text-align: center;
	margin: 0 0 30px 0;	
	width: 100%;
	float: left;
}
.our-mission-layout{
	display: flex;
	flex-direction: row;
	gap: 15px;
	width: 100%;
	float: left;
	margin: 30px 0 0;
}
.our-mission-content{
	background: var(--white);
	padding: 30px 20px;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	text-align: center;
	transition: 0.5s ease-in-out;
	flex-basis: 33%;
	position: relative;
	color: var(--black);
}
.our-mission-icon{
	position: absolute;
	background: var(--green);
	color: var(--white);
	left: 0;
    right: 0;
    width: 80px;
    height: 80px;
    padding: 16px;
    margin: auto;
	top: -40px;
	border-radius: 100px;
}
/* .our-mission-icon::after{
	content: '';
	width: 15px;
    height: 15px;
    border-top: 15px solid var(--green);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: 10px;
    transform: rotate(-70deg);
    right: -18px;
}
.our-mission-icon::before{
	content: '';
	width: 15px;
    height: 15px;
    border-top: 15px solid var(--green);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: 10px;
    transform: rotate(70deg);
    left: -17px;
} */
#our-mission-layout-1{
	border: 2px solid var(--green);
}
#our-mission-layout-1:hover{
	background: var(--green);
}
#our-mission-layout-2{
	border: 2px solid var(--blue);
}
#our-mission-layout-2:hover{
	background: var(--blue);
}
#our-mission-layout-2 .our-mission-icon{
	background: var(--blue);
}
#our-mission-layout-3{
	border: 2px solid var(--orange);
}
#our-mission-layout-3:hover{
	background: var(--orange);
}
#our-mission-layout-3 .our-mission-icon{
	background: var(--orange);
}
.our-mission-content p{
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 20px 0 0;
}
.our-mission-content:hover{
	box-shadow: 0px 0px 5px 0px #ccc;
	transition: 0.5s ease-in-out;
	transform: scale(1.05);
	color: var(--white);
}
.our-mission-content i{
	font-size: 40px;
}
.our-mission-content::before, .our-mission-content::after {
	box-sizing: inherit;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
  }
  .our-mission-content::before, .our-mission-content::after {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform-origin: center;
  }
  .our-mission-content::before {
	/* border-top: 2px solid #75be48;
	border-bottom: 2px solid #75be48; */
	border-radius: 8px;
	transform: scale3d(0, 1, 1);
  }
  .our-mission-content::after {
	/* border-left: 2px solid #75be48;
	border-right: 2px solid #75be48; */
	border-radius: 8px;
	transform: scale3d(1, 0, 1);
  }
  #our-mission-layout-1::before{
	border-top: 2px solid var(--green);
	border-bottom: 2px solid var(--green);
  }
  #our-mission-layout-1::after{
	border-left: 2px solid var(--green);
	border-right: 2px solid var(--green);
  }
  #our-mission-layout-2::before{
	border-top: 2px solid var(--blue);
	border-bottom: 2px solid var(--blue);
  }
  #our-mission-layout-2::after{
	border-left: 2px solid var(--blue);
	border-right: 2px solid var(--blue);
  }
  #our-mission-layout-3::before{
	border-top: 2px solid var(--orange);
	border-bottom: 2px solid var(--orange);
  }
  #our-mission-layout-3::after{
	border-left: 2px solid var(--orange);
	border-right: 2px solid var(--orange);
  }
  .our-mission-content:hover::before, .our-mission-content:hover::after {
	transform: scale3d(1, 1, 1);
	transition: transform 0.5s;
  }
 #home-page-sections.owl-theme .owl-dots .owl-dot span{
	background: var(--blue);
 }
 #home-page-sections.owl-theme .owl-dots .owl-dot.active span{
	background: var(--orange);
 }
 #home-page-sections.owl-theme .owl-nav.disabled+.owl-dots{
	margin: 20px 0 50px;
}
/********** Our Mission Section CSS End ***********/

/********** Our Business Section CSS Start ***********/
.our-business-section{
	width: 100%;
	float: left;
	padding: 40px 0;
}
.our-business-points, .our-business-points-image{
	width: 50%;
	float: left;
}
.our-business-points{
	padding-top: 20px;
}
.our-business-points p{
	font-size: 18px;
	color: var(--green);
	font-style: italic;
}
.our-business-points ul{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
/* .our-business-points ul li{
	width: 100%;
	float: left;
	font-size: 20px;
	margin: 10px 0;
} */
.our-business-points ul li{
	color: var(--white);
	padding: 15px;
	margin: 5px 0;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/*justify-content: center; */
	text-align: left;
	/* clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%); */
	transition: all 0.5s ease-in-out;
	position: relative;
}
.our-business-points ul li::before{
	content: '';
	width: 80px;
    height: 80px;
    border: 5px solid var(--green);
    border-radius: 100px;
    clip-path: inset(0 50% 0 0);
	display: block;
	position: absolute;
	left: -5px;
	transition: 0.3s ease-in-out;
	-wenkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.our-business-points ul li .point-number{
	width: 65px;
    height: 65px;
    border-radius: 100px;
    font-size: 35px;
    display: inline-block;
    background: var(--green);
    color: var(--white);
    text-align: center;
    padding: 6px;
	z-index: 9;
	transition: 0.3s ease-in-out;
	-wenkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.our-business-points ul li .point-text{
	width: calc(100% - 75px);
	padding: 10px;
	border-radius: 35px;
	background: var(--green);
	position: relative;
	padding-left: 50px;
	min-height: 70px;
	display: flex;
	align-items: center;
	position: absolute;
    left: 55px;
	transition: 0.3s ease-in-out;
	-wenkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.our-business-points ul li:hover::before{
	left: 0;
	transition: 0.3s ease-in-out;
	-wenkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.our-business-points ul li:hover .point-number,
.our-business-points ul li:hover .point-text{
	transform: translateX(-5px);
	transition: 0.3s ease-in-out;
	-wenkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.our-business-points ul li .point-text::before {
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 80px;
	top: -5px;
    background: var(--white);
    clip-path: circle(60% at 100% 50%);
	transform: rotate(180deg);
}
.our-business-points ul li.our-business-point-2::before{
	border: 5px solid var(--blue);
}
.our-business-points ul li.our-business-point-2 .point-number,
.our-business-points ul li.our-business-point-2 .point-text{
    background: var(--blue);
}
.our-business-points ul li.our-business-point-3::before{
	border: 5px solid var(--orange);
}
.our-business-points ul li.our-business-point-3 .point-number,
.our-business-points ul li.our-business-point-3 .point-text{
    background: var(--orange);
}
/* .our-business-points ul li.our-business-point-1{
	background: var(--green);
}
.our-business-points ul li.our-business-point-2{
	background: var(--blue);
}
.our-business-points ul li.our-business-point-3{
	background: var(--orange);
} */
.business-image img{
	width: 100%;
	max-width: 75%;
}

.focus-expertise-capabilities-section {
    background-color: #fff;
    padding: 40px 20px;
	clear: both;
}

.focus-expertise-capabilities-section .container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 50px;
}

.section-block {
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.5s ease-in-out;
	position: relative;
}

.section-title {
    font-size: 18px;
    color: var(--white);
	background-color: var(--blue);
    margin-bottom: 15px;
	padding: 8px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
	line-height: 30px;
	position: relative;
	width: calc(100% + 80px );
	left: -40px;
}
.section-title::before , .section-title::after  {
    content: "";
    position: absolute;
    bottom: -20px;
    border-width: 10px;
    border-style: solid;
}
.section-title::before {
    left: 0;
    border-color: var(--blue) var(--blue) transparent transparent;
}
.section-title::after {
    right: 0;
    border-color:  var(--blue) transparent transparent  var(--blue);
}

.section-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section-list li {
    font-size: 16px;
    color: var(--orange);
    margin: 10px 0;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 5px;
	width: 50%;
	display: flex;
	flex-direction: column;

	transition: all 0.5s ease-in-out;
    transition: background-color 0.3s, color 0.3s;
}
.section-list li i{
	font-size: 32px;
	margin-bottom: 10px;
}

.section-block.animate__fadeInUp {
    transform: translateY(0);
    opacity: 1;
}
.section-shape-image{
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.1;
	transition: all 0.5s ease-in-out;
}
.section-block:hover{
	background: rgba(35, 135, 164, 0.8);
    transition: all 0.5s ease-in-out;
}
.section-block:hover .section-title{
	color: var(--white);
	border-color: var(--white);
	transition: all 0.5s ease-in-out;
}
.section-block:hover .section-list li{
	color: var(--white);
	transition: all 0.5s ease-in-out;
}

/********** Our Business Section CSS End ***********/

/********** Our Philosophy Section CSS Start ***********/

.our-philosophy-section{
	width: 100%;
	float: left;
	padding: 50px 60px;
	position: relative;
}
.our-philosophy-section::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/guiding-principle.png') repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}
.our-philosophy-section::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(204,204,204,0.6);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.our-philosophy-section .container{
	position: relative;
	z-index: 5;
}
.our-philosophy-content{
	clear: both;
}
.our-philosophy-content p{
	color: var(--white);
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}

/********** Our Philosophy Section CSS End ***********/

/********** Our Values Section CSS Start ***********/

.our-value-section{
	width: 100%;
	float: left;
	padding: 40px 0;
}
.our-value-content{
	width: 100%;
	float: left;
	padding-left: 40px;
}
.our-value-content p{
	color: #666;
	font-size: 16px;
	font-weight: 500;
}
.our-value-content ul{
	width: 100%;
	float: left;
	padding: 30px 10px 10px;
	border-radius: 20px;
	list-style: none;
	margin-bottom: 0;
}
.our-value-content ul li{
	color: var(--black);
	clear: both;
	padding-left: 30px;
	font-size: 16px;
	margin: 0 0 15px;
	position: relative;
	transition: 0.5s ease-in-out;
}
.our-value-content ul li:hover{
	transform: scale(1.05);
	transition: 0.5s ease-in-out;
}
.our-value-content ul li i{
	color: var(--orange);
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 5px;
}


/********** Our Values Section CSS End ***********/


/********** Testimonial Section CSS Start ***********/

.testimonial-section {
	padding: 50px 20px;
	text-align: center;
	width: 100%;
	float: left;
	clear: both;
}

.testimonial-heading {
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: 700;
	color: #fff;
	position: relative;
	display: inline-block;
}

.testimonial-heading::after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	background: #fff;
	margin: 10px auto;
	border-radius: 10px;
}
.owl-carousel{
	clear: both;
}
#testimonial-carousel.owl-carousel .owl-item{
	padding: 10px 0;
}
#testimonial-carousel.owl-carousel .item {
	padding: 50px 40px;
	background: #f7f7f7;
	color: #333;
	border-radius: 12px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	transform: scale(0.95);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#testimonial-carousel.owl-carousel .item:hover {
	transform: scale(1);
}

#testimonial-carousel .item:before {
	content: "\f10d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 15px;
	font-size: 70px;
	color: rgba(20, 85, 143, 0.2);
	z-index: 0;
}

.testimonial-text {
	font-size: 16px;
	color: var(--black);
	font-style: italic;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.testimonial-author {
	font-weight: bold;
	color: var(--green);
	font-size: 18px;
	z-index: 1;
	position: relative;
}

.owl-nav {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.testimonial-section .owl-theme .owl-nav{
	margin: 0;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width: 100%;
}
#testimonial-carousel.owl-theme .owl-nav .owl-prev{
	left: -25px;
	right: auto;
	position: absolute;
}
#testimonial-carousel.owl-theme .owl-nav .owl-next{
	right: -25px;
	left: auto;
	position: absolute;
}
.testimonial-section .owl-theme .owl-nav button{
	margin: 0;
	width: 30px;
	height: 30px;
	padding: 6px !important;
	background: #f7f7f7 !important;
	border-radius: 100px !important;
	color: #666 !important;
}
#testimonial-carousel.owl-theme .owl-nav button:hover{
	background: var(--green) !important;
	color: #fff !important;
}
#testimonial-carousel.owl-theme .owl-nav button .fas{
	font-size: 20px;
}
#home-page-sections.owl-carousel .owl-item img{
	width: auto;
	margin: 0 auto;
	display: block;
}
/********** Testimonial Section CSS End ***********/


/*********** Contact Form CSS Start ************/

.contact-overlay {
	width: 100%;
	float: left;
	background: var(--light-gray);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 60px 0;
	position: relative;
}
.contact-map{
	width: 100%;
	float: left;
}
.contact-address{
	width: 40%;
	float: left;
	padding-right: 30px;
}
.contact-address .section-block{
	opacity: 1;
	background: rgba(35, 135, 164, 0.8);
	float: left;
	color: var(--white);
	width: 100%;
	margin-top: 40px;
}
.contact-address .section-block h3{
	font-size: 20px;
	font-weight: 600;
}
.contact-form-container {
	width: 60%;
	padding: 20px;
	border-radius: 5px;
	position: relative;
	z-index: 9;
	float: left;
}
.contact-form-container h2{
	width: 100%;
	float: left;
	margin: 0 0 20px;
	color: var(--black);
	font-size: 18px;
	text-align: left;
}
.contact-form-container .section-heading{
	color: var(--white);
}
.contact-form-container form{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	width: 100%;
}
.contact-form-container form .form-group{
	width: calc((50% - 10px));
}
.contact-form-container form .form-group.full-width{
	width: calc((100% - 10px));	
}
.form-group label {
	display: none;
	font-weight: bold;
}
.form-group input{
	height: 50px;
}
.form-group input, .form-group textarea {
	width: 100%;
	padding: 8px 15px;
	margin-top: 0;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
}
.contact-form-container .form-group input, .contact-form-container .form-group textarea{
	border: 1px solid #ccc;	
}
.form-group input:focus, .form-group textarea:focus{
	outline: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
}

.form-group textarea{
	height: 150px;
}
.submit-btn {
	width: 150px;
	padding: 12px 10px;
	font-size: 16px;
	background: var(--primary);
	color: var(--white);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.45s;
	box-shadow: 0.3em 0.3em 0 #dd6395;
}
.submit-btn:hover {
	background: #0f3d66;
	transition: all 0.45s;
	box-shadow: -0.3em -0.3em 0 #979695;
}
.contact-address-section{
	width: 100%;
	float: left;
	margin: 15px 0;
	position: relative;
	padding-left: 45px;
}
.contact-address-section h3{
	font-size: 18px;
	font-weight: 600;
}
.contact-address-section .contact-icon{
	position: absolute;
	left: 0;
	top: 15px;
}
.contact-address-section .contact-icon.top-0{
	top: 0;
}
.contact-icon i{
	font-size: 25px;
}
.contact-address-section p{
	font-weight: 400;
	font-size: 14px;
	color: var(--white);
	margin: 0;
}
.contact-address-section p a{
	color: var(--white);
}
.success-message{
	background: var(--green);
	color: var(--white);
	font-size: 22px;
	font-weight: 600;
	padding: 15px 20px;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	border-radius: 5px;
}
.success-message p{
	margin: 20px 0;	
}
.success-button{
	width: 100%;
	float: left;
	margin: 30px 0;
	text-align: center;
}

.success-button a {
	display: inline-block;
	width: 200px;
	padding: 12px 10px;
	font-size: 16px;
	background: var(--primary);
	color: var(--white);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
	clear: both;
}
.success-button a:hover {
	background: #0f3d66;
	text-decoration: none;
}
.success-page{
	width: 100%;
	float: left;
	padding: 100px 0;
}
.contact-form-main{
	max-width: 900px;
	margin: 0 auto;
	display: block;

}
.contact-form-sub{
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 8px;
	background: var(--white);
	box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.2);
}
/*********** Contact Form CSS End ************/

/*********** What we offer CSS Start ************/
.what-we-offer{
	background: var(--white);
}
.what-we-offer-content{
	width: 100%;
	float: left;
	margin: 50px 0 0;
}
.what-we-offer-content.no-margin{
	margin: 0;
}
.what-we-offer-content ul{
	list-style: none;
	margin: 0;
	padding: 0 10px;
}
.what-we-offer-content h3{
	color: var(--orange);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}

.what-we-offer-content ul li{
	width: auto;
	float: left;
	padding: 10px 15px 10px  60px;
    font-size: 16px;
    margin: 0 4px 10px;
    position: relative;
	background: #f2f2f2;
	border-radius: 30px;
	transition: 0.5s ease-in-out;
}
.what-we-offer-content ul li::before{
	content: '';
	width: 50px;
	display: block;
	background: var(--orange);
	border-radius: 30px 0 0 30px;
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

}
.what-we-offer-content ul li:hover{
	transition: 0.5s ease-in-out;
	transform: scale(1.05);
}
.what-we-offer-content ul.full-width li{
	width: auto;
	clear: both;
}
.what-we-offer-content ul li i{
	color: var(--black);
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 13px;
}
.what-we-offer-subhead{
	font-size: 18px;
	color: var(--black);
	margin: 0 0 30px;
}
.what-we-offer-image img{
	max-width: 90%;
}
.section-gap{
	padding: 60px 0 0;
}
#our-services-section.owl-carousel .owl-item img{width: auto;}
#our-services-section.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots{
	margin-bottom: 40px;
}
#software-services-image img{
	max-width: 75%;
	margin: 40px auto 0;
	display: block;
}
/*********** What we offer CSS End ************/

/************* Careers Page CSS Start ************/

.careers-page-content{
	width: 100%;
	clear: both;
	position: relative;
	padding-right: 30px;
}
.careers-page-content p{
	font-size: 16px;
	text-align: left;
	margin: 0 0 20px;
}
.careers-image{
	width: 100%;
	float: left;
	margin: 30px 0 0;
	border: 4px solid var(--blue);
	border-radius: 5px;
	overflow: hidden;
}
.careers-image img{
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}
.careers-image img:hover{
	transform: scale(1.1);
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}
.careers-form{
	width: 100%;
	margin: 0 auto;
	display: block;
	background: var(--blue);
	padding: 30px;
	border-radius: 5px;
	position: relative;
	z-index: 2;
}
.careers-form::after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background: url('../images/careers-bg.webp') no-repeat 0 0;
	background-size: cover;
	width: 300px;
	height: 300px;
	display: block;
	opacity: 0.2;
	z-index: 1;
}
.careers-form form{
	display: flex;
    gap: 25px;
    flex-wrap: wrap;
    width: 100%;
}
.careers-form-title{
	width: 100%;
	float: left;
	margin: 0 0 20px;
	color: var(--white);
	font-size: 18px;
}
.careers-form form input{
	position: relative;
	z-index: 9;
}
.careers-form .form-group {
    width: calc(50% - 25px);
}
.careers-form .submit-btn{
	background: var(--green);
}
.careers-form .fileUpload-group,
.careers-form .form-radio-group{
	width: 100%;
}
.form-radio-group .form-radio-check{
	display: inline-flex;
	padding: 0;
	margin: 0 20px 0 0;
}
.careers-form .form-group .race-label,
.careers-form .form-group .file-upload-label{
	display: block;
	width: 100%;
	float: left;
	margin: 0 0 10px;
	color: var(--white);
	font-size: 15px;
	font-weight: normal;
}
.form-radio-group .form-radio-check input{
	float: left;
	width: 16px;
	height: 16px;
	margin: 2px 6px 0 0;
}
.form-radio-group .form-radio-check label{
	display: inline-block;
	white-space: nowrap;
	color: var(--white);
	font-weight: normal;
}
.fileUpload-group.form-group input{
	border: none;
	padding: 0;
	height: auto;
}
/************* Careers Page CSS End ************/


@media all and (max-width: 1180px) {
	.container, .banner-content, .banner-sub-content{
		max-width: 100% !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-section ul{
		margin: 25px 0 0;
	}
}
@media all and (max-width: 1024px) {
	.banner-content h1, .banner-content.inner-banner-heading h1{
		font-size: 50px;
	}
	.banner-content p{
		font-size: 26px;
	}
	.our-business-points ul li{
		font-size: 16px;
	}
	.our-business-points ul{
		margin: 0;
	}
	.focus-expertise-capabilities-section .container{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 50px;
	}
	.section-block{
		flex-basis: calc(50% - 50px);
	}
	.our-business-points{
		padding-top: 0;
	}
}

@media all and (max-width: 991px) {
	.navbar-section ul li a{
		margin: 0 5px;
	}
	.navbar-section ul{
		margin: 15px 0 0;
	}
	.navbar-brand img {
		max-width: 200px;
	}
	header{
		padding-bottom: 20px;
	}
	.banner-content h1{
		font-size: 40px;
	}
	.banner-content.inner-banner-heading h1{
		font-size: 36px;
	}
	.banner-content p{
		font-size: 20px;
	}
	.our-mission-content{
		padding: 20px 15px;
	}
	.our-mission-content p{
		margin: 35px 0 0;
		font-size: 15px;
		line-height: 20px;
	}
	.our-mission, .our-business-section, .our-philosophy-section, .our-value-section, .testimonial-section, .contact-overlay{
		padding: 40px 0;
	}
	.our-business-points ul li{
		font-size: 14px;
	}
	.our-business-points p{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.focus-expertise-capabilities-section{
		padding: 20px 0 10px;
	}
	.our-philosophy-content p{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.our-value-content{
		padding-left: 15px;
	}
	.our-value-content ul li{
		font-size: 15px;
		margin: 0 0 10px;
	}
	.our-value-content ul{
		padding: 15px 15px 10px;
	}
	.our-value-content ul li i{
		font-size: 18px;
	}
	.our-value-content p{
		clear: both;
		font-size: 15px;
	}
	.our-value-image{
		margin-top: 130px;
	}
	.section-gap{
		padding: 30px 0 0;
	}
	.our-business-points, .our-business-points-image{
		width: 100%;
	}
	.what-we-offer-content{
		margin: 0;		
	}
	.what-we-offer-subhead{
		margin: 0 0 15px;
	}
	.what-we-offer-content h3{
		margin-bottom: 20px;
	}
	#our-services-section.owl-carousel.owl-drag .owl-item .item > .row{
		display: flex;
		align-items: center;
	}
	#our-services-section.owl-theme .owl-nav.disabled+.owl-dots{
		margin-top: 20px;
	}
	.what-we-offer-content ul li{
		width: 100%;
		font-size: 16px;
		margin: 0 0 10px;
	}
	#testimonial-carousel.owl-theme .owl-nav .owl-prev{
		left: -10px;
	}
	#testimonial-carousel.owl-theme .owl-nav .owl-next{
		right: -10px;
	}
	#testimonial-carousel.owl-carousel .item{
		padding: 30px;
	}
	.testimonial-author{
		margin-bottom: 0;
	}
	.home-banner .banner-content h1{
		margin-top: 0;
		margin-bottom: 0;
	}
	.contact-address{
		padding-right: 15px;
	}
	.contact-address-section{
		padding-left: 35px;
	}
}

@media all and (max-width: 767px) {
	.hamburger{
		display: block;
	}
	.navbar-brand{
		margin: 0;
	}
	.navbar-brand img {
		max-width: 140px;
	}
	header.sticky .navbar-brand img{
		max-width: 180px;
	}
	.hamburger{
		top: 5px;
	}
	header.sticky .hamburger{
		top: 0;
	}
	.navbar-section{
		position: fixed;
		background: rgba(48, 136, 163, 0.95);
		width: 300px;
		height: 100%;
		left: 0;
		top: 0;
		bottom: 0;
		left: -100%;
		padding-top: 100px;
		z-index: 99;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
	}
	.navbar-section.active{
		left: 0;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
	}
	.navbar-nav li{
		width: 100%;
		float: left;
	}
	.navbar-section ul li a, .navbar-section ul li a:focus, .navbar-section ul li a:active{
		color: var(--white);
		padding: 10px 20px;
		font-size: 18px;
	}
	.home-services-section{
		padding: 30px 0;
	}
	.heading-level2,
	.section-heading{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.banner-section{
		height: auto;
		padding-bottom: 35px;
	}
	.banner-section img{
		height: 150px;
        object-fit: cover;
        object-position: right;
	}
	.banner-header{
		position: relative;
		width: 100%;
		float: left;
	}
	.banner-content h1, .banner-content.inner-banner-heading h1{
		font-size: 36px;
	}
	.banner-section.home-banner .banner-content{
		margin-top: -30px;
	}
	.our-mission-layout{
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;
	}
	.our-mission-content{
		flex-basis: calc(50% - 20px);
	}
	.our-mission, .our-business-section, .our-philosophy-section, .our-value-section, .testimonial-section, .contact-overlay{
		padding: 30px 0;
	}
	.our-business-points ul li{
		font-size: 13px;
	}
	.our-philosophy-content p{
		font-size: 16px;
	}
	.our-value-image{
		margin-top: 0;
	}
	.our-value-content ul{
		margin-bottom: 0;
	}
	.our-value-content ul li{
		font-size: 16px;
		margin: 0 0 15px;
	}
	.our-value-content{
		padding-left: 0;
		margin-top: 30px;
	}
	.our-value-image img{
		max-width: 50%;
		margin: 0 auto;
		display: block;
	}
	#professional-services-section, #agile-delivery-section{
		display: flex;
		flex-direction: column-reverse;
	}
	.what-we-offer-subhead{
		margin: 0 0 20px;
		font-size: 16px;
	}
	.what-we-offer-content h3{margin: 10px 0 20px;}
	.what-we-offer-content ul li{
		font-size: 14px;
		padding-left: 40px;
	}
	.what-we-offer-content ul li::before{
		width: 35px;
	}
	.what-we-offer-content ul li i{
		font-size: 16px;
		left: 13px;
	}
	.careers-image{display: none;}
	.careers-form{margin-top: 20px;}
	.careers-page-content{
		padding-right: 0;
	}
	.careers-page-content p{
		text-align: justify;
	}
	.banner-sub-content{
		width: 100%;
		padding: 10px;
		background: var(--white);
		text-align: center;
		bottom: 0;
		box-shadow: 0 0 7px #cfcfcf;
	}
	.contact-address, .contact-form-container{
		width: 100%;
	}
	.contact-address{
		margin: 0 0 30px;
	}
	.contact-address .section-block{
		margin-top: 0;
		transform: translateY(0px);
	}
	.contact-form-container{
		padding: 10px 0;
	}
}

@media all and (max-width: 500px) {
	.our-mission-content{
		flex-basis: 100%;
	}
	.section-block{
		flex-basis: calc(100% - 50px);
	}
	.focus-expertise-capabilities-section .container{
		gap: 20px;
	}
	.banner-content h1, .banner-content.inner-banner-heading h1{
		font-size: 24px;		
	}
	.banner-content p{
		font-size: 18px;
		margin-bottom: 0;
	}
	.our-business-points, .our-business-points-image, .contact-address, .contact-form-container{
		width: 100%;
	}
	.our-value-content .heading-level2.left{
		text-align: center;
	}
	.our-value-content .heading-level2.left::after{
		right: 0;
	}
	.contact-address{
		padding-right: 0;
	}
	.our-business-points-image{
		margin-top: 20px;
	}
	.contact-form-container form .form-group.full-width,
	.contact-form-container form .form-group{
		width: 100%;
	}
	.our-mission-subhead{
		margin-top: 0;
		font-size: 16px;
		margin: 0 0 20px;
	}
	header{padding-bottom: 15px;}
	.careers-form{padding: 20px;}
	.form-radio-group .form-radio-check{
		margin: 5px 10px 5px 0;
	}
	.banner-section.home-banner::before{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		background: rgba(255, 255, 255, 0.6);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.careers-form .form-group {
		width: 100%;
	}
}

@media all and (max-width: 360px) {
	.navbar-section{
		width: 250px;
	}
	.banner-content h1, .banner-content.inner-banner-heading h1{
		font-size: 24px;
	}
	.banner-content p{
		font-size: 15px;
	}
}