.row{
	margin-left: 0px;
	margin-right: 0px;
}
div .container-fluid{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
}
.full-height{
	height: 100vh;
}
.overlay{
	width: 100%;
	height: 100%;
	background-image: url(images/ff9.png);
	background-size: cover;
	background-position: center;
}
.logo{
  height: 57px;
  background-color: white;
  border-radius:10px;
}
.companyname{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.3px;
  text-shadow: 0px 2px 13px gray;
  font-size: 1.28rem;
  display: inline-block;
  padding-top: 5px;
  margin-left: 1px;
}
.tagline{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-style: italic;
  display: block;
  letter-spacing: 0.3px;
  text-shadow: 0px 2px 13px gray;
  font-size: 12px;
  margin-left: 6px;
}
/*Toggler button shadow*/
.navbar-toggler:focus{
	box-shadow: none;
}
.navbar-toggler-icon{
	background-image: var(--bs-navbar-toggler-icon-bg);
	/*width: 2.0em;		/*2.2em*/*/
	/*height: 1.9em;		/*1.9em*/*/
}
.navbar{
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
}
.navbar-toggler{
	border: 1px solid rgba(255,255,255,0.6);
}

/*==================================== Navbar =========================================*/
.offcanvas .offcanvas-body .nav-link{
	position: relative;
	font-size: 17px;
	text-decoration: none;
	width: 80%;
	display: inline-block;
	border-radius: 15px;
	transition: .5s;
}
.offcanvas .offcanvas-body .nav-link:hover{
	color: #0ef;
}
.offcanvas .offcanvas-body .nav-link span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-bottom: 2px solid #0ef;
	border-radius: 15px;
	transform: scale(0) translateY(50px);
	opacity: 0;
	transition: .5s;
}
.offcanvas .offcanvas-body .nav-link:hover span{
	transform: scale(1) translateY(0);
	opacity: 1;
}
.titlecentering{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
  width: 80%;
  font-size: 25px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  text-shadow: 2px 2px 10px #666362;
}
/*================================= HOME MEDIA QUERIES ==================================*/
@media screen and (min-width: 1401px) 
{
    .logo
    {
      height: 57px;
      margin: 1px 0px;
    }
    .companyname
    {
      font-size: 1.28rem;
    }
    .tagline{
      font-size: 12px;
      margin-left: 6px;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 1.25rem;
    }
}
@media screen and (max-width: 1400px) 
{
    .logo
    {
      height: 57px;
      margin: 1px 0px;
    }
    .companyname
    {
      font-size: 1.28rem;
    }
    .tagline{
      font-size: 12px;
      margin-left: 6px;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 1.25rem;
    }
}
@media screen and (max-width: 1199px) 
{
    .logo
    {
      height: 55px;
      margin: 6px 0px;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 1.22rem;
      --bs-navbar-toggler-padding-y: 0.25rem;
    }
}
@media screen and (max-width: 991px) 
{
    .logo
    {
      height: 52px;
      margin: 6px 0px;
    }
    .companyname
    {
      font-size: 1.26rem;
      padding-top: 2px;
    }
    .tagline{
      font-size: 11.8px;
      margin-left: 7px;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 1.14rem;
      --bs-navbar-toggler-padding-y: 0.26rem;
    }
    .breaktag{
      display: none;
    }
    .titlecentering{
      font-size: 24.1px;
    }
}
@media screen and (max-width: 767px) 
{
    .logo
    {
      height: 48px;
      margin: 3px 0px;
    }
    .companyname
    {
      font-size: 1.22rem;
    }
    .tagline{
      font-size: 11.3px;
      margin-left: 8px;
      margin-top: -2px;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 1.14rem;
      --bs-navbar-toggler-padding-x: 0.63rem;
      --bs-navbar-toggler-padding-y: 0.26rem;
    }
    .titlecentering{
      font-size: 23.4px;
    }
}
@media screen and (max-width: 575px) 
{
    .logo
    {
      height: 45px;
      margin: 5px 0px;
    }
    .companyname
    {
      font-size: 1.14rem;
      padding-top: 0px;
    }
    .tagline{
      display: none;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 1.12rem;
      --bs-navbar-toggler-padding-x: 0.63rem;
      --bs-navbar-toggler-padding-y: 0.26rem;
    }
    .titlecentering{
      font-size: 22.2px;
    }
}
@media screen and (max-width: 425px) 
{
    .logo
    {
      height: 39px;
      margin: 5px 0px;
    }
    .companyname
    {
      font-size: 0.99rem;
      margin-left: 0px;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 0.95rem;
      --bs-navbar-toggler-padding-x: 0.63rem;
      --bs-navbar-toggler-padding-y: 0.26rem;
    }
    .titlecentering{
      font-size: 21.7px;
      letter-spacing: 0.2px;
    }
}
@media screen and (max-width: 375px) 
{
    .logo
    {
      height: 32px;
      margin: 8px 0px;
    }
    .companyname
    {
      font-size: 0.89rem;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 0.7rem;
      --bs-navbar-toggler-padding-x: 0.56rem;
      --bs-navbar-toggler-padding-y: 0.26rem;
    }
    .titlecentering{
      font-size: 21.4px;
      letter-spacing: 0.4px;
    }
}
@media screen and (max-width: 320px) 
{
    .logo
    {
      height: 32px;
      margin: 8px 0px;
    }
    .companyname
    {
      font-size: 0.8rem;
    }
    .navbar
    {
      --bs-navbar-toggler-font-size: 0.7rem;
      --bs-navbar-toggler-padding-x: 0.56rem;
      --bs-navbar-toggler-padding-y: 0.26rem;
    }
    .titlecentering{
      font-size: 20px;
      letter-spacing: 0.4px;
    }
    .padding320{
      padding: 0 10px;
    }
}

/*============================= SCROLL TO TOP =====================================*/
#scrolltotop{
    color: #fff;
    background-color: #00BDCE;
    border: 3px solid #00BDCE;
    padding: 2px 8px;
    position: fixed;
    bottom: 20px;
    right: 18px;
    cursor: pointer;
    display: none;
    z-index: 3;
    /*border: none;*/
    border-radius: 5px;
}
#scrolltotop i{
    font-size: 23px;
    animation: gototop 1.2s linear infinite alternate-reverse;
}
@keyframes gototop{
    0%{
        transform: translateY(-0.1rem);
    }
    100%{
        transform: translateY(0.4rem);
    }
}

/*================================= About Us ==========================================*/
.aboutus{
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url(images/aboutcompany.png);
  background-position: center;
  background-size: cover;
}
.main-card{
    background: rgb(239,238,238);
    border:1px solid rgba(255,255,255,0.20);
    box-shadow:12px 12px 16px 0 rgba(0,0,0,0.25),
              -8px -8px 12px 0 rgba(255,255,255,0.3);
    border-radius: 20px 20px 10px 10px;
    width: 100%;
    position:relative;
    border:none;
    padding: 24px 0px;
}
.card{
    width:85% !important;
    margin: 40px auto;
    background: rgb(239,238,238);
    box-shadow:12px 12px 16px 0 rgba(0,0,0,0.25),
    -8px -8px 12px 0 rgba(255,255,255,0.3);
    border:none;
}
.card::before{
    content:'';
    position: absolute;
    top:-2px;
    width:0;
    height:0;
    background: transparent;
    border-top:5px solid transparent;
}
.card:hover::before{
    animation:animate 3s linear forwards;
}
@keyframes animate{
    0%{
        width:0;
        height:0;
        border-top-color:rgb(255,255,255);
    }
    50%{
        width:100%;
        height:0;
        border-top-color:rgb(255,255,255);
    }
    100%{
        width:100%;
        height:100%;
        border-top-color:rgb(255,255,255);
    }
}
.layer{
    position:absolute;
    top:0;
    z-index:0;
    width:100%;
    background: linear-gradient(to right, #00BDCE,#00EEFF);
    height:180px;
    border-radius:20px 20px 95px 95px;
}
.round{
  margin:0% 50%;
  text-align: center;
  box-shadow:12px 12px 16px 0 rgba(0,0,0,0.25), 
      -8px -8px 12px 0 rgba(255,255,255,0.3);
}
.round1{
  position:absolute;
  top:-29px;
  left:-109px;
  z-index:0;
  width:210px;
  height:61px;
  background: linear-gradient(to right, #00BDCE,#00EEFF);
  border-radius:10px;
}
.card-text{
    text-align: justify;
    font-size: 19px;
    padding: 0px 7px;
    font-family: 'Quicksand', sans-serif;
}
.p{
    margin-top:12px;
    font-size:1.3rem;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
}
/*=============================== ABOUT COMPANY MEDIA QUERIES ==========================*/
@media screen and (min-width: 1401px) 
{
  .card-text{
    font-size: 19px;
    margin-top: 48px;
  }
}
@media screen and (max-width: 1400px) 
{
  .card-text{
    font-size: 19px;
    margin-top: 48px;
  }
}
@media screen and (max-width: 1199px) 
{
  .card-text{
    font-size: 19px;
    margin-top: 48px;
  }
}
@media screen and (max-width: 991px) 
{
  .card-text{
    font-size: 18px;
    margin-top: 48px;
  }
  .main-card{
    padding: 24px 0px 17px 0px;
  }
  .aboutus{
    background-image: url(images/992_1.png);
  }
}
@media screen and (max-width: 767px) 
{
  .card-text{
    font-size: 17px;
    margin-top: 48px;
  }
  .main-card{
    padding: 24px 0px 17px 0px;
  }
}
@media screen and (max-width: 575px) 
{
  .card-text{
    font-size: 16px;
    padding: 0;
    margin-top: 48px;
  }
  .main-card{
    padding: 24px 0px 15px 0px;
  }
  .round1{
    left: -101px;
    width: 190px;
  }
  .p{
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 425px) 
{
  .card-text{
    font-size: 16px;
    padding: 0;
    margin-top: 40px;
  }
  .main-card{
    padding: 24px 0px 12px 0px;
  }
  .round1{
    left: -89px;
    width: 170px;
    height: 55px;
  }
  .p{
    font-size: 1.15rem;
  }
}
@media screen and (max-width: 375px) 
{
  .card-text{
    font-size: 14px;
    padding: 0;
    margin-top: 38px;
  }
  .main-card{
    padding: 24px 0px 2px 0px;
  }
  .round1{
    left: -79px;
    width: 150px;
    height: 54px;
  }
  .p{
    font-size: 1.06rem;
  }
}
@media screen and (max-width: 320px) 
{
  .card-text{
    font-size: 13px;
    padding: 0;
    margin-top: 34px;
  }
  .main-card{
    padding: 24px 0px 2px 0px;
  }
  .round1{
    left: -75px;
    width: 145px;
    height: 53px;
  }
  .p{
    font-size: 1.03rem;
  }
}

/*==================================== WHY CHOOSE US ==================================*/
#infographic .circle{
      background-color: #eef0f4;
      height: 355px;
      width: 355px;
      border-radius: 100%;
      display: grid;
      place-content: center;
      box-shadow: 10px 10px 17px #d4d6d9, -10px -10px 17px #ffffff;
      position: absolute;
      left: 45%;
      margin: 80px 0;
      transform: translateX(-100%);
    }
    #infographic .outercircle{
      background-image: linear-gradient(to top,#10E4EEff,#0CEAD9ff,#08EFC4ff,#04F5AFff,#19faa4);
      height: 325px;
      width: 325px;
      border-radius: 100%;
      place-content: center;
      box-shadow: 10px 10px 17px #d4d6d9, -10px -10px 17px #ffffff;
    } 
    #infographic .innercircle{
      background-color: #eef0f4;
      height: 265px;
      width: 265px;
      border-radius: 100%;
      box-shadow: inset 10px 10px 17px #d4d6d9, inset -10px -10px 17px #ffffff;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
    }
    #infographic .innercircle h2{
      margin: 24px 0 16px 0;
      font-size: 1.95rem;
    }
    #infographic .innercircle i{
      font-size: 3.3rem;
    }
    .titlecircle{
      display: none;
    }
    .infographicdatablock{
      max-width: 410px;
      margin-bottom: 35px;
      cursor: pointer;
      left: 50%;
      position: relative;
    }
    .infographicdatablock .infographicdata{
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      color: black;
    }
    .infographicdatablock .infographicdata .infographicimgcontainer1{
      width: 100px;
      height: 100px;
      position:relative;
      border-radius: 100%;
      margin: -16px 0 -16px -20px;
      transition: .4s;
    }
    .infographicdatablock:hover .infographicimgcontainer1{
      transform: scale(1.1);
    }
    .infographicdatablock .infographicdata .infographicimgcontainer2{
      width: 73px;
      height: 73px;
      background-color: white;
      position:absolute;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
      border-radius: 100%;
    }
    .infographicdatablock .infographicdata img{
      position:absolute;
      display: flex;
      background-clip: padding-box;
    }
    #infographic .infographicdatablock .infographicdata h6{
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
      letter-spacing:0.3px;
      font-size: 17px;
      margin: 16px 0px;
      padding-left: 24px; 
    }
    .infographicdatablock[data-step="1"]{
      margin-left: -80px;
    }
    .infographicdatablock[data-step="2"]{
      margin-left: 0px;
    }
    .infographicdatablock[data-step="3"]{
      margin-left: 51px;
    }
    .infographicdatablock[data-step="4"]{
      margin-left: 18px;
    }
    .infographicdatablock[data-step="5"]{
      margin-left: -53px;
    }

    .infographicdatablock[data-step="1"] img{
      width: 46px;
      height: 46px;
      margin: 13px 0 0 11px;
    }
    .infographicdatablock[data-step="2"] img{
      width: 49px;
      height: 45px;
      margin: 14px 0 0 12px;
    }
    .infographicdatablock[data-step="3"] img{
      width: 48px;
      height: 46px;
      margin: 14px 0 0 12px;
    }
    .infographicdatablock[data-step="4"] img{
      width: 51px;
      height: 46px;
      margin: 13px 0 0 11px;
    }
    .infographicdatablock[data-step="5"] img{
      width: 51px;
      height: 46px;
      margin: 15px 0 0 10px;
    }
/*============================ WHY CHOOSE US MEDIA QUERIES ===========================*/
@media screen and (max-width: 1199px) 
{
  #infographic .innercircle h2{
      margin: 24px 0 16px 0;
      font-size: 1.9rem;
  }
  #infographic .innercircle i{
      font-size: 3.15rem;
  }
}
@media screen and (max-width: 991px) 
{
  #infographic .circle{
      height: 315px;
      width: 315px;
      position: absolute;
      left: 42.5%;
      transform: translateX(-100%);
      margin-top: 68px;
  }
  #infographic .outercircle{
      height: 285px;
      width: 285px;
  }
  #infographic .innercircle{
      height: 235px;
      width: 235px;
  }
  #infographic .innercircle h2{
      margin: 24px 0 16px 0;
      font-size: 1.76rem;
  }
  #infographic .innercircle i{
      font-size: 3rem;
  }
  .infographicdatablock{
      max-width: 360px;
      margin-bottom: 35px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer1{
      width: 90px;
      height: 90px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer2{
      width: 66px;
      height: 66px;
  }
  #infographic .infographicdatablock .infographicdata h6{
      font-size: 17px;
      padding-left: 12px;
      margin: 20px 0px; 
  }
  .infographicdatablock[data-step="1"]{
      margin-left: -100px;
  }
    .infographicdatablock[data-step="2"]{
      margin-left: -33px;
  }
    .infographicdatablock[data-step="3"]{
      margin-left: 10px;
  }
    .infographicdatablock[data-step="4"]{
      margin-left: -17px;
  }
    .infographicdatablock[data-step="5"]{
      margin-left: -76px;
  }

  .infographicdatablock[data-step="1"] img{
      width: 43px;
      height: 43px;
      margin: 12px 0 0 10px;
  }
  .infographicdatablock[data-step="2"] img{
      width: 47px;
      height: 43px;
      margin: 13px 0 0 11px;
  }
  .infographicdatablock[data-step="3"] img{
      width: 46px;
      height: 43px;
      margin: 12px 0 0 10px;
  }
  .infographicdatablock[data-step="4"] img{
      width: 46px;
      height: 41px;
      margin: 12px 0 0 10px;
  }  
  .infographicdatablock[data-step="5"] img{
      width: 48px;
      height: 43px;
      margin: 13px 0 0 8px;
  }
}

@media screen and (max-width: 767px) 
{
  #infographic .circle{
      height: 240px;
      width: 240px;
      position: absolute;
      left: 42%;
      transform: translateX(-100%);
      margin-top: 84px;
  }
  #infographic .outercircle{
      height: 221px;
      width: 221px;
  }
  #infographic .innercircle{
      height: 190px;
      width: 190px;
  }
  #infographic .innercircle h2{
      margin: 26px 0 14px 0;
      font-size: calc(1.13rem + .9vw);
  }
  #infographic .innercircle i{
      font-size: 2.6rem;
  }
  .infographicdatablock{
      max-width: 290px;
      margin-bottom: 28px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer1{
      width: 80px;
      height: 80px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer2{
      width: 60px;
      height: 60px;
  }
  #infographic .infographicdatablock .infographicdata h6{
      font-size: 14.3px;
      padding-left: 6px;
      margin: 20px 0px; 
  }
  .infographicdatablock[data-step="1"]{
      margin-left: -105px;
  }
    .infographicdatablock[data-step="2"]{
      margin-left: -37px;
  }
    .infographicdatablock[data-step="3"]{
      margin-left: -4px;
      max-width: 287px;
  }
    .infographicdatablock[data-step="4"]{
      margin-left: -30px;
  }
    .infographicdatablock[data-step="5"]{
      margin-left: -86px;
  }

  .infographicdatablock[data-step="1"] img{
      width: 38px;
      height: 38px;
      margin: 12px 0 0 10px;
  }
  .infographicdatablock[data-step="2"] img{
      width: 41px;
      height: 38px;
      margin: 13px 0 0 11px;
  }
  .infographicdatablock[data-step="3"] img{
      width: 43px;
      height: 40px;
      margin: 11px 0 0 9px;
  }
  .infographicdatablock[data-step="4"] img{
      width: 44px;
      height: 39px;
      margin: 11px 0 0 10px;
  }  
  .infographicdatablock[data-step="5"] img{
      width: 44px;
      height: 39px;
      margin: 13px 0 0 8px;
  }
}

@media screen and (max-width: 575px) 
{
  #infographic .circle{
      height: 170px;
      width: 170px;
      position: absolute;
      left: 40%;
      transform: translateX(-100%);
      margin-top: 84px;
  }
  #infographic .outercircle{
      height: 155px;
      width: 155px;
  }
  #infographic .innercircle{
      height: 130px;
      width: 130px;
  }
  #infographic .innercircle h2{
      margin: 25px 0 8px 0;
      font-size: calc(0.8rem + .9vw);
  }
  #infographic .innercircle i{
      font-size: calc(1rem + 2.7vw);
  }
  .infographicdatablock{
      max-width: 230px;
      margin-bottom: 20px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer1{
      width: 70px;
      height: 70px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer2{
      width: 52px;
      height: 52px;
  }
  #infographic .infographicdatablock .infographicdata h6{
      font-size: 11.8px;
      padding-left: 2px;
      margin: 18px 0px; 
  }
  .infographicdatablock[data-step="1"]{
      margin-left: -105px;
      max-width: 234px;
  }
    .infographicdatablock[data-step="2"]{
      margin-left: -41px;
  }
    .infographicdatablock[data-step="3"]{
      margin-left: -10px;
      max-width: 220px;
  }
    .infographicdatablock[data-step="4"]{
      margin-left: -35px;
  }
    .infographicdatablock[data-step="5"]{
      margin-left: -86px;
  }

  .infographicdatablock[data-step="1"] img{
      width: 35px;
      height: 35px;
      margin: 9px 0 0 8px;
  }
  .infographicdatablock[data-step="2"] img{
      width: 38px;
      height: 35px;
      margin: 10px 0 0 8px;
  }
  .infographicdatablock[data-step="3"] img{
      width: 37px;
      height: 35px;
      margin: 9px 0 0 8px;
  }
  .infographicdatablock[data-step="4"] img{
      width: 39px;
      height: 35px;
      margin: 9px 0 0 7px;
  }  
  .infographicdatablock[data-step="5"] img{
      width: 40px;
      height: 35px;
      margin: 11px 0 0 5px;
  }

  #infographic .infographicdatablock[data-step="2"] .infographicdata h6{
      padding-left: 10px;
  }
  #infographic .infographicdatablock[data-step="5"] .infographicdata h6{
      padding-left: 10px;
  }
}

@media screen and (max-width: 425px) 
{
  #infographic .circle{
      display: none;
  }
  .titlecircle{
      width: 235px;
      display: grid;
      place-content: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }
  .titleinnercircle .titlewhychooseus{
      font-size: 1.45rem;
      letter-spacing: 0.5px;
      margin-right: 3px;
  }
  .titleinnercircle i{
      font-size: 28.5px;
  }
  .infographicdatablock{
      max-width: 248px;
      margin-bottom: 19px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer1{
      width: 62px;
      height: 62px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer2{
      width: 46px;
      height: 46px;
  }
  #infographic .infographicdatablock .infographicdata h6{
      font-size: 12.8px;
      padding-left: 6px;
      margin: 15.5px 0px; 
  }
  .infographicdatablock[data-step="1"]{
      margin-left: -147px;
      max-width: 252px;
      margin-top: 40px;
  }
  .infographicdatablock[data-step="2"]{
      margin-left: -103px;
  }
  .infographicdatablock[data-step="3"]{
      margin-left: -65px;
      max-width: 240px;
  }
  .infographicdatablock[data-step="4"]{
      margin-left: -93px;
  }
  .infographicdatablock[data-step="5"]{
      margin-left: -139px;
  }

  .infographicdatablock[data-step="1"] img{
      width: 30px;
      height: 30px;
      margin: 9px 0 0 8px;
  }
  .infographicdatablock[data-step="2"] img{
      width: 33px;
      height: 30px;
      margin: 10px 0 0 8px;
  }
  .infographicdatablock[data-step="3"] img{
      width: 33px;
      height: 31px;
      margin: 8px 0 0 6.4px;
  }
  .infographicdatablock[data-step="4"] img{
      width: 34px;
      height: 30px;
      margin: 8px 0 0 7px;
  }  
  .infographicdatablock[data-step="5"] img{
      width: 34px;
      height: 30px;
      margin: 11px 0 0 5px;
  }

  #infographic .infographicdatablock[data-step="2"] .infographicdata h6{
      padding-left: 10px;
  }
  #infographic .infographicdatablock[data-step="5"] .infographicdata h6{
      padding-left: 10px;
  }
}

@media screen and (max-width: 375px) 
{
  #infographic .circle{
      display: none;
  }
  .titlecircle{
      width: 235px;
      display: grid;
      place-content: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }
  .titleinnercircle .titlewhychooseus{
      font-size: 1.29rem;
      letter-spacing: 0.5px;
      margin-right: 3px;
  }
  .titleinnercircle i{
      font-size: 27.5px;
  }
  .infographicdatablock{
      max-width: 274px;
      margin-bottom: 26px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer1{
      width: 66px;
      height: 66px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer2{
      width: 50px;
      height: 50px;
  }
  #infographic .infographicdatablock .infographicdata h6{
      font-size: 13.49px;
      padding-left: 8px;
      margin: 15.5px 0px; 
  }
  .infographicdatablock[data-step="1"]{
      margin-left: -125px;
      max-width: 274px;
      margin-top: 40px;
  }
  .infographicdatablock[data-step="2"]{
      margin-left: -125px;
  }
  .infographicdatablock[data-step="3"]{
      margin-left: -125px;
      max-width: 274px;
  }
  .infographicdatablock[data-step="4"]{
      margin-left: -125px;
  }
  .infographicdatablock[data-step="5"]{
      margin-left: -125px;
  }

  .infographicdatablock[data-step="1"] img{
      width: 30px;
      height: 30px;
      margin: 9px 0 0 8px;
  }
  .infographicdatablock[data-step="2"] img{
      width: 33px;
      height: 30px;
      margin: 10px 0 0 8px;
  }
  .infographicdatablock[data-step="3"] img{
      width: 34px;
      height: 32px;
      margin: 9px 0 0 8px;
  }
  .infographicdatablock[data-step="4"] img{
      width: 35px;
      height: 31px;
      margin: 9px 0 0 8px;
  }  
  .infographicdatablock[data-step="5"] img{
      width: 35px;
      height: 30px;
      margin: 11px 0 0 7px;
  }

  #infographic .infographicdatablock[data-step="2"] .infographicdata h6{
      padding-left: 10px;
  }
  #infographic .infographicdatablock[data-step="5"] .infographicdata h6{
      padding-left: 10px;
  }
}

@media screen and (max-width: 320px) 
{
  #infographic .circle{
      display: none;
  }
  .titlecircle{
      width: 235px;
      display: grid;
      place-content: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }
  .titleinnercircle .titlewhychooseus{
      font-size: 1.2rem;
      letter-spacing: 0.5px;
      margin-right: 3px;
  }
  .titleinnercircle i{
      font-size: 25.5px;
  }
  .infographicdatablock{
      max-width: 235px;
      margin-bottom: 25px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer1{
      width: 62px;
      height: 62px;
  }
  .infographicdatablock .infographicdata .infographicimgcontainer2{
      width: 46px;
      height: 46px;
  }
  #infographic .infographicdatablock .infographicdata h6{
      font-size: 12px;
      padding-left: 5px;
      margin: 14px 0px; 
  }
  .infographicdatablock[data-step="1"]{
      margin-left: -107px;
      max-width: 235px;
      margin-top: 40px;
  }
  .infographicdatablock[data-step="2"]{
      margin-left: -107px;
  }
  .infographicdatablock[data-step="3"]{
      margin-left: -107px;
      max-width: 235px;
  }
  .infographicdatablock[data-step="4"]{
      margin-left: -107px;
  }
  .infographicdatablock[data-step="5"]{
      margin-left: -107px;
  }

  .infographicdatablock[data-step="1"] img{
      width: 29px;
      height: 29px;
      margin: 9px 0 0 8px;
  }
  .infographicdatablock[data-step="2"] img{
      width: 32px;
      height: 28px;
      margin: 10px 0 0 8px;
  }
  .infographicdatablock[data-step="3"] img{
      width: 32px;
      height: 30px;
      margin: 9px 0 0 7px;
  }
  .infographicdatablock[data-step="4"] img{
      width: 33px;
      height: 29px;
      margin: 9px 0 0 7px;
  }  
  .infographicdatablock[data-step="5"] img{
      width: 32px;
      height: 29px;
      margin: 11px 0 0 7px;
  }

  #infographic .infographicdatablock[data-step="2"] .infographicdata h6{
      padding-left: 5px;
  }
  #infographic .infographicdatablock[data-step="5"] .infographicdata h6{
      padding-left: 5px;
  }
}

/*================================= OUR TECHNOLOGY =================================*/
.ourtechnology_generalproduction h1{
    font-size: calc(1.4rem + 1.5vw);
    color: #00FA9A;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.ourtechnology_generalproduction h2{
    color: black;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    color: black;
    text-align: center;
    padding-top: 10px; 
}
.ourtechnology_generalproduction p{
    text-align: justify;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
}
.ourtechnologybtn{
    outline: 1px solid #00FA9A;
    color: #00FA9A;
    font-size: 18px;
}
.ourtechnologybtn:hover{
    background-color: #00FA9A;
    color: white;
}
.ourtechnology_arrow_image{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.completeprocess_bg{
    background-color: #00FA9A;
    padding-top: 35px;
    padding-bottom: 10px;
}
.img_heatflow, .img_generalproduction_horizontal, .img_generalproduction_vertical,
.img_reactormodel_horizontal, .img_reactormodel_vertical{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------------------------*/
.ourtechnologytitle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    font-size: calc(1.375rem + 1.5vw);
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    text-shadow: 2px 2px 10px #666362;
}
.ourtechnologyarrow{
    font-size: 34px;
    text-shadow: 2px 2px 10px #666362;
}
.ourtechnology_microwave, .ourtechnology_generalproduction1, .ourtechnology_reactor{
    background-image: url(images/aboutcompany.png);
    background-position: center;
    background-size: cover;
    position: relative;
}
.ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 200px 0px 240px;
}
.ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(1.3rem + 1.2vw);
    color: black;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    padding-bottom: 20px;
}
.ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    text-align: justify;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    padding-bottom: 50px;
}
/*============================ OUR TECHNOLOGY MEDIA QUERIES =========================*/
@media screen and (min-width: 1401px) 
{
  .ourtechnology_generalproduction p{
    font-size: 18px;
    padding: 0px 130px;
  }
  .img_heatflow{
    width: 700px;
    height: 381px;
  }
  .img_generalproduction_horizontal{
    width: 1384px;
    height: 507px;
  }
  .img_generalproduction_vertical{
    display: none;
  }
  .img_reactormodel_horizontal{
    width: 900px;
    height: 420px;
  }
  .img_reactormodel_vertical{
    display: none;
  }
}
@media screen and (max-width: 1400px) 
{
  .ourtechnology_generalproduction p{
    font-size: 18px;
    padding: 0px 110px;
  }
  .img_heatflow{
    width: 700px;
    height: 381px;
  }
  .img_generalproduction_horizontal{
    width: 1184px;
    height: 434px;
  }
  .img_generalproduction_vertical{
    display: none;
  }
  .img_reactormodel_horizontal{
    width: 900px;
    height: 420px;
  }
  .img_reactormodel_vertical{
    display: none;
  }

  .ourtechnology_generalproduction1 p{
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) 
{
  .ourtechnology_generalproduction p{
    font-size: 18px;
    padding: 0 80px;
  }
  .img_heatflow{
    width: 650px;
    height: 355px;
  }
  .img_generalproduction_horizontal{
    width: 976px;
    height: 358px;
  }
  .img_reactormodel_horizontal{
    width: 850px;
    height: 403px;
  }

  .ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 120px 0px 120px;
  }
  .ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(1.15rem + 1.2vw);
  }
  .ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) 
{
  .ourtechnology_generalproduction h2{
    font-size: calc(1.15rem + .9vw);
  }
  .ourtechnology_generalproduction p{
    font-size: 17px;
    padding: 0 60px;
  }
  .ourtechnologybtn{
    font-size: 17px;
  }
  .img_heatflow{
    width: 600px;
    height: 325px;
  }
  .img_generalproduction_horizontal{
    width: 752px;
    height: 276px;
  }
  .img_reactormodel_horizontal{
    width: 700px;
    height: 331px;
  }

  .ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 80px 0px 80px;
  }
  .ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(1rem + 1.2vw);
  }
  .ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    font-size: 17px;
  }  
}

@media screen and (max-width: 767px) 
{
  .ourtechnology_generalproduction h1{
    font-size: calc(1.33rem + 1.5vw);
  }
  .ourtechnology_generalproduction h2{
    font-size: calc(0.85rem + .9vw);
  }
  .ourtechnology_generalproduction p{
    font-size: 16px;
    padding: 0 40px;
  }
  .ourtechnologybtn{
    font-size: 16px;
  }
  .img_heatflow{
    width: 500px;
    height: 274px;
  }
  .img_generalproduction_horizontal{
    width: 560px;
    height: 205px;
  }
  .img_reactormodel_horizontal{
    width: 575px;
    height: 272px;
  }

  .ourtechnologyarrow{
    font-size: 31px;
  }
  .ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 45px 0px 45px;
  }
  .ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(0.85rem + 1.2vw);
  }
  .ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) 
{
  .ourtechnology_generalproduction h1{
    font-size: calc(1.25rem + 1.5vw);
  }
  .ourtechnology_generalproduction h2{
    font-size: calc(0.75rem + .9vw);
    padding-bottom: 4px;
  }
  .ourtechnology_generalproduction p{
    font-size: 15px;
    padding: 0 20px;
  }
  .ourtechnologybtn{
    font-size: 15px;
  }
  .ourtechnology_arrow_image{
    width: 145px;
    height: 35px;
  }
  .completeprocess_bg{
    background-color: #00FA9A;
    padding-top: 25px;
    padding-bottom: 10px;
  }
  .img_heatflow{
    width: 400px;
    height: 218px;
  }
  .img_generalproduction_horizontal{
    display: none;
  }
  .img_generalproduction_vertical{
    display: block;
    /*width: 409px;
    height: 943px;*/
    padding: 0 22px;
  }
  .img_reactormodel_horizontal{
    display: none;
  }
  .img_reactormodel_vertical{
    display: block;
    /*width: 410px;
    height: 334px;*/
    padding: 0 15px;
  }

  .ourtechnologyarrow{
    font-size: 30px;
  }
  .ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 25px 0px 25px;
  }
  .ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(0.6rem + 1.2vw);
  }
  .ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    font-size: 15px;
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 425px) 
{
  .ourtechnology_generalproduction h1{
    font-size: calc(1.18rem + 1.5vw);
  }
  .ourtechnology_generalproduction h2{
    font-size: calc(0.7rem + 0.9vw);
    padding-bottom: 4px;
  }
  .ourtechnology_generalproduction p{
    font-size: 15px;
    padding: 0 14px;
  }
  .ourtechnologybtn{
    font-size: 14px;
  }
  .img_heatflow{
    width: 350px;
    height: 191px;
  }
  .img_generalproduction_vertical{
    display: block;
    /*width: 359px;
    height: 827px;*/
  }
  .img_reactormodel_vertical{
    display: block;
    /*width: 360px;
    height: 293px;*/
  }

  .ourtechnologyarrow{
    font-size: 28px;
  }
  .ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 7px 0px 7px;
  }
  .ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(0.62rem + 1.2vw);
  }
  .ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    font-size: 15px;
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 375px) 
{
  .ourtechnology_generalproduction h1{
    font-size: calc(1.08rem + 1.5vw);
  }
  .ourtechnology_generalproduction h2{
    font-size: calc(0.62rem + 0.9vw);
    padding-bottom: 4px;
  }
  .ourtechnology_generalproduction p{
    font-size: 13px;
    padding: 0 13px;
  }
  .ourtechnologybtn{
    font-size: 13px;
  }
  .completeprocess_bg{
    padding-top: 27px;
  }
  .img_heatflow{
    width: 300px;
    height: 164px;
  }
  .img_generalproduction_vertical{
    display: block;
    /*width: 304px;
    height: 701px;*/
    padding: 0 18px;
  }
  .img_reactormodel_vertical{
    display: block;
    /*width: 305px;
    height: 249px;*/
    padding: 0 14px;
  }

  .ourtechnologyarrow{
    font-size: 26px;
  }
  .ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 6px 0px 6px;
  }
  .ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(0.51rem + 1.2vw);
  }
  .ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    font-size: 13px;
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 320px) 
{
  .ourtechnology_generalproduction h1{
    font-size: calc(0.98rem + 1.5vw);
  }
  .ourtechnology_generalproduction h2{
    font-size: calc(0.53rem + 0.9vw); /*for big .54*/
    padding-bottom: 4px;
  }
  .ourtechnology_generalproduction p{
    font-size: 12px;
    padding: 0 13px;
  }
  .ourtechnologybtn{
    font-size: 12px;
  }
  .completeprocess_bg{
    padding-top: 28px;
  }
  .img_heatflow{
    width: 255px;
    height: 140px;
  }
  .img_generalproduction_vertical{
    display: block;
    /*width: 265px;
    height: 611px;*/
  }
  .img_reactormodel_vertical{
    display: block;
    /*width: 264px;
    height: 215px;*/
  }

  .ourtechnologyarrow{
    font-size: 24px;
  }
  .ourtechnology_microwave .row, .ourtechnology_generalproduction1 .row, .ourtechnology_reactor .row{
    padding: 20px 0px 0px 0px;
  }
  .ourtechnology_microwave h1, .ourtechnology_generalproduction1 h1, .ourtechnology_reactor h1{
    font-size: calc(0.48rem + 1.2vw);
  }
  .ourtechnology_microwave p, .ourtechnology_generalproduction1 p, .ourtechnology_reactor p{
    font-size: 12px;
    padding-bottom: 0px;
  }
}

/*---------------------------News article------------------------------------*/
#news_article .row{
    padding: 60px 0;
}
.newsarticle h1{
    font-size: calc(2.4rem + 1.5vw);
    color: black;
    padding-top: 60px;
    padding-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.newsarticle p{
    text-align: justify;
    padding-right: 15px;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
}

/*-------------------------------------news media QUERIES--------------------------------------*/
@media screen and (min-width: 1401px) 
{
    .newsarticle{
      padding-left: 130px;
      padding-right: 20px;
    }
    .newsarticle_image{
      padding-right: 128px;
    }
}
@media screen and (max-width: 1399px) 
{
    .newsarticle{
      padding-left: 111px;
      padding-right: 20px;
    }
    .newsarticle_image{
      padding-right: 112px;
    }
}
@media screen and (max-width: 1199px) 
{
    .newsarticle{
      padding-left: 72px;
    }
    .newsarticle h1{
      font-size: calc(2.2rem + 1.5vw);
      padding-top: 35px;
    }
    .newsarticle p{
      font-size: 17.9px;
    }
    .newsarticle_image{
      padding-right: 72px;
    }   
}
@media screen and (max-width: 991px) 
{
    .newsarticle{
      padding-left: 32px;
      padding-right: 10px;
    }
    .newsarticle h1{
      font-size: calc(1.6rem + 1.5vw);
      padding-top: 20px;
    }
    .newsarticle p{
      padding-right: 10px;
      font-size: 15.4px;
    }
    .newsarticle_image{
      padding-right: 32px;
    }   
}
@media screen and (max-width: 767px) 
{
    #news_article .row{
      padding: 50px 0;
    }
    .newsarticle{
      padding-left: 0;
      padding-right: 0;
    }
    .newsarticle h1{
      font-size: calc(1.6rem + 1.5vw);
      padding: 20px 0;
    }
    .newsarticle p{
      padding: 0 40px 8px 40px;
      font-size: 16px;
    }
    .newsarticle_image{
      padding: 0 47px;
    }
}
@media screen and (max-width: 575px) 
{
    #news_article .row{
      padding: 45px 0;
    }
    .newsarticle{
      padding-left: 0;
      padding-right: 0;
    }
    .newsarticle h1{
      font-size: calc(1.5rem + 1.5vw);
      padding: 20px 0;
    }
    .newsarticle p{
      padding: 0 20px 8px 20px;
      font-size: 15px;
    }
    .newsarticle_image{
      padding: 0 24px;
    }
}
@media screen and (max-width: 425px) 
{
    #news_article .row{
      padding: 45px 0;
    }
    .newsarticle{
      padding-left: 0;
      padding-right: 0;
    }
    .newsarticle h1{
      font-size: calc(1.3rem + 1.5vw);
      padding: 20px 0;
    }
    .newsarticle p{
      padding: 0 14px 8px 14px;
      font-size: 15px;
    }
    .newsarticle_image{
      padding: 0 18px;
    }
}
@media screen and (max-width: 375px) 
{
    #news_article .row{
      padding: 45px 0;
    }
    .newsarticle{
      padding-left: 0;
      padding-right: 0;
    }
    .newsarticle h1{
      font-size: calc(1.15rem + 1.5vw);
      padding: 20px 0;
    }
    .newsarticle p{
      padding: 0 13px 8px 13px;
      font-size: 13px;
    }
    .newsarticle_image{
      padding: 0 17px;
    }
}
@media screen and (max-width: 320px) 
{
    #news_article .row{
      padding: 37px 0;
    }
    .newsarticle{
      padding-left: 0;
      padding-right: 0;
    }
    .newsarticle h1{
      font-size: calc(1rem + 1.5vw);
      padding: 20px 0;
    }
    .newsarticle p{
      padding: 0 13px 8px 13px;
      font-size: 12px;
    }
    .newsarticle_image{
      padding: 0 17px;
    }
}

/*================================ STAKEHOLDER =================================*/
.outerstakeholder{
    position: relative;
    padding: 20px 0px 20px 0px;
}
.innerstakeholder{
    position: absolute;
    width: 42%;
    height: 100%;
    background-color: #00D6E5;
    top: 0;
    left: -7%;
    transform: skew(327deg);
}
.stakeholder_logotitle{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.stakeholderimagecontainer{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-top: 7px;
}
.stakeholderimagecontainer img{
    transition: .5s;
}
.stakeholderimagecontainer:hover img{
    transform: scale(1.1);
}
.stakeholderimg_sine{
    width: 180px;
    height: 180px;
}
.stakeholderimg_birac{
    width: 206px;
    height: 180px;
    object-fit: contain;
}
.stakeholderimg_incubein{
    width: 206px;
    height: 180px;
    object-fit: contain;
}
.stakeholderimagecontainer .overlayer{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #000, transparent);
    transform: scale(1);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.stakeholderimagecontainer:hover .overlayer{
    transform: scale(1);
}
.stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 125px;
}
.stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 3px 10px;
}
.stakeholdertitle{
    position: relative;
    width: 80%;
    top: 40%;
    transform: translateY(-40%);
    padding-bottom: 12px;
    font-size: calc(1.3rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center;
}
.stakeholdertitle span{
    position: absolute;
    left: 18%;
    top: 0;
    width: 60%;
    height: 100%;
    border-bottom: 2px solid #005f66;
}
.stakeholderimagecontainer .caption .list-inline-item i{
    transition: 0.4s;
}
.stakeholderimagecontainer .caption .list-inline-item:hover i{
    color: #0ef;
}
/*========================= STAKEHOLDER MEDIA QUERIES ==============================*/
@media screen and (min-width: 1401px) 
{
  .stakeholdercontainer2_padding{
    padding-left: 0;
  }
}
@media screen and (max-width: 1400px) 
{
  .stakeholdercontainer2_padding{
    padding-left: 0;
  }
}
@media screen and (max-width: 1199px) 
{
  .innerstakeholder{
    position: absolute;
    width: 38%;
    height: 100%;
    background-color: #00D6E5;
    top: 0;
    left: -7%;
    transform: skew(327deg);
  }
  .stakeholder_logotitle{
    font-size: 15.5px;
  }
  .stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 105px;
  }
  .stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 2px 8px;
  }
  .stakeholdertitle{
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 12px;
    font-size: calc(1.1rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    text-align: left;
  }
  .stakeholdertitle span{
    position: absolute;
    left: 8%;
    top: 0;
    width: 60%;
    height: 100%;
    border-bottom: 2px solid #005f66;
  }
  .stakeholdercontainer1_padding{
    padding-right: 0;
  }
  .stakeholdercontainer2_padding{
    padding-right: 0;
    padding-left: 12px;
  }
  .stakeholdercontainer3_padding{
    padding-right: 0;
  }
  .stakeholdercontainer4_padding{
    padding-left: 0;
  }
  .stakeholderimg_sine{
    width: 150px;
    height: 150px;
  }
  .stakeholderimg_birac{
    width: 180px;
    height: 150px;
    object-fit: contain;
  }
  .stakeholderimg_incubein{
    width: 160px;
    height: 150px;
    object-fit: contain;
  }
}

@media screen and (max-width: 991px) 
{
  .innerstakeholder{
    position: absolute;
    width: 39%;
    height: 100%;
    background-color: #00D6E5;
    top: 0;
    left: -7%;
    transform: skew(335deg);
  }
  .stakeholder_logotitle{
    font-size: 14px;
  }
  .stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 93px;
  }
  .stakeholderimagecontainer .overlayer .list-inline .list-inline-item:not(:last-child){
    margin-right: 0.4rem;
  }
  .stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 0.5px 7px;
  }
  .stakeholderimagecontainer .overlayer .list-inline i{
    font-size: 14px;    
  }
  .stakeholdertitle{
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 12px;
    font-size: calc(0.95rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    text-align: left;
  }
  .stakeholdertitle span{
    position: absolute;
    left: 8%;
    top: 0;
    width: 60%;
    height: 100%;
    border-bottom: 2px solid #005f66;
  }
  .stakeholdercontainer1_padding{
    padding-right: 0;
  }
  .stakeholdercontainer2_padding{
    padding-right: 0;
    padding-left: 12px;
  }
  .stakeholdercontainer3_padding{
    padding-right: 0;
  }
  .stakeholdercontainer4_padding{
    padding-left: 0;
  }
  .stakeholderimg_sine{
    width: 132px;
    height: 132px;
  }
  .stakeholderimg_birac{
    width: 176px;
    height: 132px;
    object-fit: contain;
  }
  .stakeholderimg_incubein{
    width: 160px;
    height: 132px;
    object-fit: contain;
  }
}

@media screen and (max-width: 767px) 
{
  .innerstakeholder{
    position: absolute;
    width: 39%;
    height: 100%;
    background-color: #00D6E5;
    top: 0;
    left: -7%;
    transform: skew(335deg);
  }
  .stakeholder_logotitle{
    font-size: 11.5px;
  }
  .stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 75px;
  }
  .stakeholderimagecontainer .overlayer .list-inline .list-inline-item:not(:last-child){
    margin-right: 0.15rem;
  }
  .stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 0px 6.5px;
    border: 0px;
  }
  .stakeholderimagecontainer .overlayer .list-inline i{
    font-size: 11.5px;    
  }
  .stakeholdertitle{
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 12px;
    font-size: calc(0.75rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin-left: -4px;
  }
  .stakeholdertitle span{
    position: absolute;
    left: 8%;
    top: 0;
    width: 65%;
    height: 100%;
    border-bottom: 2px solid #005f66;
  }
  .stakeholdercontainer1_padding{
    padding-right: 0;
  }
  .stakeholdercontainer2_padding{
    padding-right: 6px;
    padding-left: 6px;
  }
  .stakeholdercontainer3_padding{
    padding-right: 0;
  }
  .stakeholdercontainer4_padding{
    padding-left: 0;
  }
  .stakeholderimage_column{
    padding: 0 6px;
  }
  .stakeholderimg_sine{
    width: 110px;
    height: 110px;
  }
  .stakeholderimg_birac{
    width: 140px;
    height: 110px;
    object-fit: contain;
  }
  .stakeholderimg_incubein{
    width: 120px;
    height: 110px;
    object-fit: contain;
  }
}
@media screen and (max-width: 575px) 
{
  .innerstakeholder{
    display: none;
  }
  .stakeholder_logotitle{
    font-size: 12px;
  }
  .stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 70px;
  }
  .stakeholderimagecontainer .overlayer .list-inline .list-inline-item:not(:last-child){
    margin-right: 0.15rem;
  }
  .stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 0px 6.5px;
    border: 0px;
  }
  .stakeholderimagecontainer .overlayer .list-inline i{
    font-size: 11.5px;    
  }
  .stakeholdertitle{
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 12px;
    font-size: calc(1rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-left: -4px;
    color: #00d6e5;
  }
  .stakeholdertitle span{
    position: unset;
    width: 33%;
    border-bottom: 2px solid #00d6e5;
    display: block;
    margin: 9px auto 0;
  }
  .stakeholdercontainer1_padding{
    padding: 8px 12px 6px 12px;
  }
  .stakeholdercontainer2_padding{
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 6px;
  }
  .stakeholdercontainer3_padding{
    padding-right: 0;
  }
  .stakeholdercontainer4_padding{
    padding-left: 0;
  }
  .stakeholderimage_column{
    padding: 0 6px;
    flex: 0 0 auto;       /*For converting 12 into 4 divs || col-xs having 12 divs by default*/
    width: 33.33333333%;
  }
  .stakeholderimg_sine{
    width: 105px;
    height: 105px;
  }
  .stakeholderimg_birac{
    width: 135px;
    height: 105px;
    object-fit: contain;
  }
  .stakeholderimg_incubein{
    width: 115px;
    height: 105px;
    object-fit: contain;
  }
}
@media screen and (max-width: 425px) 
{
  .innerstakeholder{
    display: none;
  }
  .stakeholder_logotitle{
    font-size: 11px;
  }
  .stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 67px;
  }
  .stakeholderimagecontainer .overlayer .list-inline .list-inline-item:not(:last-child){
    margin-right: 0.1rem;
  }
  .stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 0px 7px;
    border: 0px;
  }
  .stakeholderimagecontainer .overlayer .list-inline i{
    font-size: 11px;    
  }
  .stakeholdertitle{
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 12px;
    font-size: calc(0.9rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-left: -4px;
    color: #00d6e5;
  }
  .stakeholdertitle span{
    position: unset;
    width: 33%;
    border-bottom: 2px solid #00d6e5;
    display: block;
    margin: 9px auto 0;
  }
  .stakeholdercontainer1_padding{
    padding: 8px 5px 3px 5px;
  }
  .stakeholdercontainer2_padding{
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 6px;
  }
  .stakeholdercontainer3_padding{
    padding-right: 0;
  }
  .stakeholdercontainer4_padding{
    padding-left: 0;
  }
  .stakeholderimage_column{
    padding: 0 6px;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .stakeholderimg_sine{
    width: 102px;
    height: 102px;
  }
  .stakeholderimg_birac{
    width: 132px;
    height: 102px;
    object-fit: contain;
  }
  .stakeholderimg_incubein{
    width: 112px;
    height: 102px;
    object-fit: contain;
  }
}
@media screen and (max-width: 375px) 
{
  .innerstakeholder{
    display: none;
  }
  .stakeholder_logotitle{
    font-size: 10px;
  }
  .stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 58px;
  }
  .stakeholderimagecontainer .overlayer .list-inline .list-inline-item:not(:last-child){
    margin-right: 0.05rem;
  }
  .stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 0px 6px;
    border: 0px;
    position: relative;
    width: 21px;
    height: 21px;
  }
  .stakeholderimagecontainer .overlayer .list-inline i{
    font-size: 10.4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
  }
  .stakeholdertitle{
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 12px;
    font-size: calc(0.8rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-left: -4px;
    color: #00d6e5;
  }
  .stakeholdertitle span{
    position: unset;
    width: 33%;
    border-bottom: 2px solid #00d6e5;
    display: block;
    margin: 9px auto 0;
  }
  .stakeholdercontainer1_padding{
    padding: 5px 5px 0px 5px;
  }
  .stakeholdercontainer2_padding{
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 6px;
  }
  .stakeholdercontainer3_padding{
    padding-right: 0;
  }
  .stakeholdercontainer4_padding{
    padding-left: 0;
  }
  .stakeholderimage_column{
    padding: 0 5px;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .stakeholderimg_sine{
    width: 92px;
    height: 92px;
  }
  .stakeholderimg_birac{
    width: 124px;
    height: 92px;
    object-fit: contain;
  }
  .stakeholderimg_incubein{
    width: 104px;
    height: 92px;
    object-fit: contain;
  }
}
@media screen and (max-width: 320px) 
{
  .outerstakeholder{
    padding: 20px 0px 15px 0px;
  }
  .innerstakeholder{
    display: none;
  }
  .stakeholder_logotitle{
    font-size: 8px;
  }
  .stakeholderimagecontainer .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 49px;
  }
  .stakeholderimagecontainer .overlayer .list-inline .list-inline-item:not(:last-child){
    margin-right: 0rem;
  }
  .stakeholderimagecontainer .overlayer .list-inline .bg-white{
    padding: 0px 6px;
    border: 0px;
    position: relative;
    width: 18.5px;
    height: 18.5px;
    border-radius: 0.3rem;
  }
  .stakeholderimagecontainer .overlayer .list-inline i{
    font-size: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
  }
  .stakeholdertitle{
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 12px;
    font-size: calc(0.8rem + 1.5vw);
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-left: -4px;
    color: #00d6e5;
  }
  .stakeholdertitle span{
    position: unset;
    width: 33%;
    border-bottom: 2px solid #00d6e5;
    display: block;
    margin: 9px auto 0;
  }
  .stakeholdercontainer1_padding{
    padding: 2px 5px 0px 5px;
  }
  .stakeholdercontainer2_padding{
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 6px;
  }
  .stakeholdercontainer3_padding{
    padding-right: 0;
  }
  .stakeholdercontainer4_padding{
    padding-left: 0;
  }
  .stakeholderimage_column{
    padding: 0 4.5px;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .stakeholderimg_sine{
    width: 80px;
    height: 80px;
  }
  .stakeholderimg_birac{
    width: 115px;
    height: 80px;
    object-fit: contain;
  }
  .stakeholderimg_incubein{
    width: 90px;
    height: 80px;
    object-fit: contain;
  }
}

/*================================= CONTACT US =================================*/
.contactus{
    background-color: rgb(2,70,96,1);
    font-family: 'Quicksand', sans-serif;
    font-size: 17px;
}
.contactus .row{
    padding: 70px 29px 30px 29px;
}
.contactus_wrapperbox{
    background-color: #00546C;
    height: 212px;
    border-radius: 10px;
}
.contactus_wrapperbox i{
    font-size: 2.5em;
}
.contactus_linkedin{
    padding: 8px 0px 16px 0px;
}
.contactus_linkedin a{
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    background-color: #0A66C2;
    position: relative;
}
.contactus_linkedin a i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3em;
}

/*============================ CONTACT US MEDIA QUERIES =========================*/
@media screen and (max-width: 1199px) 
{
    .contactus .row{
      padding: 70px 15px 30px 15px;
    }
    .contactus_wrapperbox{
      height: 220px;
    }
}
@media screen and (max-width: 991px) 
{
    .contactus{
      font-size: 16px;
    }
    .contactus .row{
      padding: 70px 0px 30px 0px;
    }
    .contactus_col_padding{
      padding: 0 8px;
    }
    .contactus_wrapperbox{
      height: 215px;
    }
    .contactus_wrapperbox i{
    font-size: 2.4em;
  }
}
@media screen and (max-width: 767px) 
{
    .contactus{
      font-size: 13.2px;
    }
    .contactus .row{
      padding: 55px 0px 30px 0px;
    }
    .contactus_col_padding{
      padding: 0 3px;
    }
    .contactus_wrapperbox{
      height: 197px;
    }
    .contactus_wrapperbox i{
      font-size: 2.25em;
    }
    .contactus_linkedin a{
      width: 42px;
      height: 42px;
    }
    .contactus_linkedin a i{
      font-size: 1.3em;
    }
}
@media screen and (max-width: 575px) 
{
    .contactus{
      font-size: 14px;
    }
    .contactus .row{
      padding: 50px 0px 30px 0px;
    }
    .contactus_col_padding{
      padding: 0 3px;
    }
    .contactus_wrapperbox{
      height: 178px;
      width: 90%;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
    }
    .contactus_wrapperbox i{
      font-size: 2.3em;
    }
    .contactus_linkedin{
      padding: 0px 0px 16px 0px;
    }
    .contactus_linkedin a{
      width: 40px;
      height: 40px;
    }
    .contactus_linkedin a i{
      font-size: 1.22em;
    }
}
@media screen and (max-width: 425px) 
{
    .contactus{
      font-size: 14px;
    }
    .contactus .row{
      padding: 50px 0px 30px 0px;
    }
    .contactus_col_padding{
      padding: 0 3px;
    }
    .contactus_wrapperbox{
      height: 178px;
      width: 90%;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
    }
    .contactus_wrapperbox i{
      font-size: 2.3em;
    }
}
@media screen and (max-width: 375px) 
{
    .contactus{
      font-size: 12.6px;
    }
    .contactus .row{
      padding: 50px 0px 30px 0px;
    }
    .contactus_col_padding{
      padding: 0 3px;
    }
    .contactus_wrapperbox{
      height: 174px;
      width: 92%;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
    }
    .contactus_wrapperbox i{
      font-size: 2.3em;
    }
    .contactus_linkedin a{
      width: 35px;
      height: 35px;
    }
    .contactus_linkedin a i{
      font-size: 1.2em;
    }
}
@media screen and (max-width: 320px) 
{
    .contactus{
      font-size: 11.1px;
    }
    .contactus .row{
      padding: 40px 0px 30px 0px;
    }
    .contactus_col_padding{
      padding: 0 3px;
    }
    .contactus_wrapperbox{
      height: 162px;
      width: 93%;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
    }
    .contactus_wrapperbox i{
      font-size: 2.25em;
    }
    .contactus_linkedin a{
      width: 30px;
      height: 30px;
    }
    .contactus_linkedin a i{
      font-size: 1.17em;
    }
}