@import url("/css/main.css");


/* font size */
.sec4_para, .sec3_para , .sec2_content
{
  font-size: 20px;
}

/* .sec2_content
{
  font-size: 22px;
} */

/* mobile device font size */

@media only screen and (max-width: 600px) {
  .header_title {
    font-size: 28px;
  }

  .header_para {
    font-size: 18px;
  }
}

/* tab device font size */

@media only screen and (min-width: 600px) and (max-width: 1300px) {
  .header_title {
    font-size: 3rem;
  }

  .header_para {
    font-size: 1rem;
  }
}


.header {
  width: 100%;
  height: 100vh;
  background-image: url(../images/banner_bg2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}



.header_title {
  padding-top: 80px;
  padding-left: 100px;
}

.h_right_content {
  margin-top: 20px;
  /* padding-bottom: 50px; */
}

.header_para {
  margin-top: 30px;
  padding-left: 100px;
  padding-right: 20px;
  line-height: 1.5 !important;
  letter-spacing: 1px;
}

.header_para a,
.sec3_para a,
.sec4_para a {
  margin-top: 20px;
}

.left_content,
.contact_details {
  color: white;
}


.service h3,
.sec3_title,
.sec4_title,
.form_title,
.blog_sec h2,
.sec4_mtitle,
.cta_sec h2,
.sec2_content h3  {
  color: #0078D5;
}

.sec2_content h3 {
  margin-top: 100px;
}

.our_field {
  margin-top: 60px;
}

.cubebg1
{
  background: url(/images/it_cube.svg)no-repeat;
  background-size: contain;
  background-position: top center;
}

.cubebg2
{
  background: url(/images/research_cube.svg)no-repeat;
  background-size: contain;
  background-position: top center;
}

.cubebg3
{
  background: url(/images/marketing_cube.svg)no-repeat;
  background-size: contain;
  background-position: top center;
}

.cube1
{
  animation-name: float;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes float { 
  from { transform: translate(0,  0px); }
  25%  { transform: translate(0, 15px); }
  to   { transform: translate(0, -0px); } 
}

.cube2
{
  animation-name: float2;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes float2 { 
  from { transform: translate(0,  0px); }
  45%  { transform: translate(0, 25px); }
  to   { transform: translate(0, -0px); } 
}

.cube3
{
  animation-name: float3;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes float3 { 
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, 35px); }
  to   { transform: translate(0, -0px); } 
}


.trainings_sec,
.website_footer {
  margin-top: 150px;
}

.carousel-indicators{
  bottom: -30px;
}

.carousel-indicators li {
  background-color: rgba(0, 121, 213, 0.481);
}

.carousel-indicators .active{
  background-color: #0078D5;
}

.carousel{
  height: 500px;
}


/* .sec3_para,
.sec4_para {
  margin-top: 30px;
} */

.trainings_sec {
  position: relative;
}

.sec4_mtitle {
  margin-bottom: 100px
}


.sec4_artwork {
  background-image: url(../images/sec4_iconbg.svg);
  color: white;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;

}

.bg_shape, .bg_shape1 {
  position: absolute;
  top: 10%;
  z-index: -1;  
  animation-name: bg_shape;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
}

@keyframes bg_shape {
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, 15px); }
  to   { transform: translate(0, -0px); }    
}

.tech_icons {
  height: 80vh;
}

.sec4_row {
  padding-left: 150px;
  padding-right: 150px;
}

.blog_sec {
  margin-top: 80px;
}

.blog_sec h2 {
  padding-bottom: 50px;
}

.bg_shape1 {
  position: absolute;
  top: 10%;
  z-index: -1;
}


/* mobile device */

@media only screen and (max-width: 600px) {


  .header {
    width: 100%;
    height: 100vh;
    background-image: url(../images/mobile_assets/m_banner.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .header_title {
    padding-top: 20px;
    padding-left: 0px;
  }

  .h_right_content {
    display: none;
  }

  .header_para {

    padding-left: 10px;
    padding-right: 10px;
  }

  .left_content {
    height: 70vh;
  }

  .service img {
    padding: 0px 80px;
  }

  .sec3_content {
    padding: 50px;
  }

  .trainings_sec,
  .cta_sec{
    margin-top: 70px;
  }

  .sec4_artwork {
    background-image: url(../images/sec4_iconbg.svg);
    color: white;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;

  }

  .sec4_mtitle {
    display: block;
    color: #0078D5;
    margin-bottom: 50px;
  }


  .sec4_content {
    padding: 0px 30px;
  }

  .sec4_row h4 {
    font-size: 18px;
  }

  .tech_icons {
    height: auto;
  }

  .carousel{
    height: 100%;
  }

  .blog_sec {
    margin-top: 80px;
  }

} 

@media only screen and (min-width: 500px) and (max-width: 767px) {
  .sec4_row {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec4_row {
    padding-left: 180px;
    padding-right: 180px;
  }
}

@media only screen and (max-width: 500px) {
  .sec4_row {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 350px) {
  .sec4_row {
    padding-left: 10px;
    padding-right: 10px;
  }
}





/* tab potrait view */

@media only screen and (min-width: 600px) and (max-width: 991px) {
  .header {
    width: 100%;
    height: 100vh;
    background-image: url(../images/tab_assets/t_banner-02.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .left_content {
    height: 75vh;
  }

  .header_title {
    padding-top: 80px;
    padding-left: 0px;
  }

  .h_right_content {
    display: none;
  }

  .header_para {
    margin-top: 400px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .our_field {
    margin-top: 150px;
  }



  .sec3_artwork img {
    width: 60vh;
  }

  .tech_icons {
    height: 100vh;
  }

  /* .carousel-indicators{
    bottom: 100px;
  } */
  
  .carousel{
    height: 100%;
  }


  .blog_sec {
    margin-top: 50px;
  }

}


/* tab landscape view */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* .header {
    width: 100%;
    height: auto;
    background-image: url(../images/banner_bg2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  } */

  .header_title {
    padding-top: 60px;
    padding-left: 60px;
  }

  .h_right_content {
    margin-top: 10px;
  }

  .header_para {
    margin-top: 30px;
    padding-left: 60px;
    padding-right: 20px;
  }

  .left_content
{
  padding-bottom: 50px;
}

  .sec4_row {
    padding-left: 100px;
    padding-right: 100px;
  }


  .sec_5 {
    background: url(../images/form_card2.png);
    min-width: 100%;
    min-height: 42vh;
    background-size: 100% 110%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 80px;
  }

}


@media only screen and (min-width: 1366px){
.header {
  width: 100%;
  height: 100vh;
  background-image: url(../images/final_bg4.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.h_right_content {
  padding-right: 50px;
}
}