/* FONT FACE DEFINITIONS */
/* Aeonik Regular */
@font-face {
  font-family: 'Aeonik';
  src: url('https://prasarnet.com/wp-content/themes/prasarnetstaging/fonts/Aeonik/Aeonik-Regular.woff2') format('woff2'),
       url('https://prasarnet.com/wp-content/themes/prasarnetstaging/fonts/Aeonik/Aeonik-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* Aeonik Medium */
@font-face {
  font-family: 'Aeonik';
  src: url('https://prasarnet.com/wp-content/themes/prasarnetstaging/fonts/Aeonik/Aeonik-Medium.woff2') format('woff2'),
       url('https://prasarnet.com/wp-content/themes/prasarnetstaging/fonts/Aeonik/Aeonik-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* Aeonik Bold */
@font-face {
  font-family: 'Aeonik';
  src: url('https://prasarnet.com/wp-content/themes/prasarnetstaging/fonts/Aeonik/Aeonik-Bold.woff2') format('woff2'),
       url('https://prasarnet.com/wp-content/themes/prasarnetstaging/fonts/Aeonik/Aeonik-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

/* CSS VARIABLES USING AEONIK */
:root {
  --bold_font: 'Aeonik', sans-serif;
  --light_font: 'Aeonik', sans-serif;
  --light_regular: 'Aeonik', sans-serif;
}
:root {
  --main_font: 'Aeonik', sans-serif;
}
/*servicse_subpage_bannersection css*/
.servicse_subpage_bannersection {
  padding: 115px 0px 0px 0px;
  background: #F3FAFD;
}
.servicse_subpage_bannersection .container.bg_container {
  background: url("../images/services_subbanner.jpg");
  background-size: cover;
  border-radius: 10px;
  padding: 80px 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height:600px;
}
.servicse_subpage_bannersection .container.bg_container::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #002858a6;
  z-index: -1;
}
.servicse_subpage_bannersection .container.bg_container .content_wraper h1 {
  font-family: var(--main_font);
  font-size: 60px;
  font-weight: 600;
  color: #fff;
	padding:50px 0px 0px 0px;
}
.servicse_subpage_bannersection .container.bg_container .content_wraper p {
  font-family: var(--main_font);
  font-weight: 400;
  color: #fff;
}
.servicse_subpage_bannersection .container.bg_container .content_wraper a {
  font-family: var(--main_font);
  font-weight: 400;
  padding: 7px 15px;
  background: #fff;
  border-radius: 100px;
  color: #000;
}
/*end*/
/*brand_resonates_section css*/
.brand_resonates_section {
  padding: 60px 0px;
  background: #F3FAFD;
}
.brand_resonates_section .headign_wraper h2 {
  font-family: var(--main_font);
  font-weight: 400;
  text-align: center;
  font-size: 55px;
  margin: 0px 0px 50px 0px;
}
.brand_resonates_section .headign_wraper h2 span {
  font-weight: 700;
  color: #80c31c;
}
.brand_resonates_section .nav-pills .nav-link.active {
    background: #E2EFFF9E;
    color: #454545;
    border: 1.4px solid #1271CF;
}
.brand_resonates_section .nav-pills .nav-link {
  padding: 6px 20px 6px 11px;
  border-radius: 100px;
  color: #454545;
  font-family: var(--main_font);
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0px 0px 10px 0px;
}
.brand_resonates_section .nav-pills .nav-link img {
  margin: 0px 10px 0px 0px;
}
.brand_resonates_section .flex_imagewraper {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  box-shadow: 0px 0px 19.3px 0px #0000001a;
  overflow: hidden;
  height: 335px;
}
.brand_resonates_section .flex_imagewraper .image_box {
  width: 50%;
}
.brand_resonates_section .flex_imagewraper .image_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand_resonates_section .flex_imagewraper .text_box {
  width: 50%;
  height: 355px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
	background: white;
}
.brand_resonates_section .flex_imagewraper .text_box p {
  font-family: var(--main_font);
  font-weight: 400;
}
.brand_resonates_section .flex_imagewraper .text_box a {
  padding: 6px 20px;
  border: 1px solid #0066cb;
  border-radius: 100px;
  width: 160px;
  display: inline-block;
  text-align: center;
  font-family: var(--main_font);
}
/*end*/
/*transform_business_section css*/
.transform_business_section {
  padding: 60px 0px;
  background: #E9F4FF;
}
.transform_business_section .headign_wraper h2 {
  font-family: var(--main_font);
  font-weight: 400;
  text-align: center;
  font-size: 55px;
  margin: 0px 0px 50px 0px;
}
.transform_business_section .headign_wraper h2 span {
  font-weight: 700;
  color: #80c31c;
}
.transform_business_section .nav-tabs {
  margin: 0px 0px 60px 0px;
}
.transform_business_section .nav-tabs .nav-link {
  font-family: var(--main_font);
  font-weight: 400;
  color: #454545;
  width: 25%;
}
.transform_business_section .nav-tabs .nav-link:hover {
  border: 1px solid #E9F4FF;
  border-bottom: 1px solid #dee2e6;
}
.transform_business_section .nav-tabs .nav-link.active {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid #0066cb;
  color: #0066cb;
  font-weight: 600;
  background:transparent;
}
.transform_business_section .content_wraper {
  height: 355px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.transform_business_section .content_wraper h3 {
  font-family: var(--main_font);
  font-weight: 700;
  font-size: 30px;
  color: #454545;
}
.transform_business_section .content_wraper p {
  font-family: var(--main_font);
  font-weight: 400;
  color: #454545;
}
.transform_business_section .content_wraper a {
  padding: 6px 20px;
  border: 1px solid #0066cb;
  border-radius: 100px;
  width: 160px;
  display: inline-block;
  text-align: center;
  font-family: var(--main_font);
}
.transform_business_section .image_wraper {
  height: 355px;
  overflow: hidden;
}
.transform_business_section .image_wraper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*end*/

/*==========responsive css==========*/
@media (max-width: 991px) {
	.servicse_subpage_bannersection .container.bg_container{
		height:revert;
	}
  .servicse_subpage_bannersection .container.bg_container .content_wraper h1 {
    font-size: 30px;
	  padding:0px;
  }
  .brand_resonates_section .headign_wraper h2 {
    font-size: 25px;
    margin: 0px 0px 15px 0px;
  }
  .brand_resonates_section .flex_imagewraper {
    display: revert;
    height: revert;
  }
  .brand_resonates_section .flex_imagewraper .image_box {
    width: 100%;
    height: 260px;
  }
  .brand_resonates_section .flex_imagewraper .image_box img {
    object-fit: cover;
  }
  .brand_resonates_section .flex_imagewraper .text_box {
    height: revert;
    width: 100%;
  }
  .brand_resonates_section .nav {
    display: revert !important;
    column-count: 2;
  }
  .brand_resonates_section .nav-pills .nav-link {
    font-size: 11px;
    border: 1px solid #d5dfeb;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .brand_resonates_section .nav-pills .nav-link img {
    margin: 0px 0px 0px 0px;
    width: 20px;
  }
  .transform_business_section .headign_wraper h2 {
    font-size: 30px;
  }
  .transform_business_section .nav-tabs .nav-link {
    padding: 9px 10px;
    border: 1px solid #0000002b;
    border-radius: 100px;
    margin: 0px 6px 10px 6px !important;
    width: 46% !important;
    font-size: 12px !important;
  }
  .transform_business_section .nav-tabs .nav-link.active {
    border-bottom: none;
    background: #80c31c;
    color: #000000;
  }
  .transform_business_section .content_wraper {
    height: revert;
    margin: 0px 0px 30px 0px;
  }
  .transform_business_section .content_wraper h3 {
    font-size: 25px;
  }
}
/*==========end==========*/
/*==========industrie==========*/
section.wrapper.step-wrapper.services.industrie.sub_services .step-container{
	position:relative;
	border: 2px solid var(--Light-Blue, #019CE2);
}
section.wrapper.step-wrapper.services.industrie.sub_services .step-container .postion_text{
	position: absolute;
    right: 29px;
    top: 21px;
    color: #252422;
    font-size: 46px;
}
section.wrapper.step-wrapper.services.industrie .serv-heading h2 span{
	font-weight: 700;
    color: #80c31c;
}
section.wrapper.step-wrapper.services.industrie.sub_services .step-container p{
	font-family:var(--light_font) !important;
}
/*==========end==========*/