﻿
a#learn-more-link {
  font-weight: 700;
  background: var(--main-items-color);
  color: var(--main-btn-text-color);
  /*border: 2px solid var(--main-items-color);*/
  border-radius: 30px;
  text-align: center;
  height: auto;
  width: auto;
  align-items: center;
  /*margin-left: 15px;*/
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 100%;
  padding: 8px 24px;
  cursor: pointer;
  text-decoration: none;
}

a#learn-more-link:hover {
  background: var(--main-btn-bg-hover);
  /*border: 2px solid var(--main-btn-bg-hover);*/
  /*box-shadow: 0 0 10px var(--main-items-color); */
}

a#learn-more-link:focus{
  background: var(--main-btn-bg-focus);
  outline: 2px solid var(--main-btn-border-focus);
}

a#learn-more-link:active{
  background: var(--main-btn-bg-active);
  color: var(--main-btn-text-active);
  outline: none;
  /*border: 2px solid var(--main-btn-bg-active);*/
}

a#learn-more-link:after {
  display: inline-block;
  background-image: url("../images/double-arrow.svg");
  background-size: 100% 100%;
  width: 18px;
  height: 14px;
  content: '';
}

.indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #CCCCCC;
  box-shadow: 0 2px 1px white; }
  .indicator:not(:last-child) {
    margin-right: 10px; }
  .indicator.active {
    background-color: var(--main-items-color); }
  
  .text-center{
    text-align: center;
  }

/* home-tagline-section*/
section.home-tagline-section {
  /*background-image: url("../images/companyImage.png");*/
  /*background-repeat: no-repeat;*/
  /*background-position-x: calc(80%);*/
  /*background-size: 500px 500px; */
}
section.home-tagline-section .header {
  /*margin: 50px 0 80px; */
}
section.home-tagline-section .home-tagline-content-container {
  display: flex;
  max-width: 1280px;
  /*margin: 40px auto 0;*/
  /*background-image: url("../images/companyImage.png");*/
  background-repeat: no-repeat;
  background-position-x: calc(100%);
  background-size: 50% 100%;
  height:auto;
}
/*section.home-tagline-section .home-tagline-content-container .home-tagline-text-container {*/
/*  width: 730px;*/
/*  margin-right: 50px; }*/
section.home-tagline-section .home-tagline-content-container .home-tagline-img {
  width: 225px;
  /*height: 440px; */
}

section.home-tagline-section .home-tagline-content-container .home-tagline-description {
  display: flex;
  /*flex-direction: row;*/
}

@media(min-width:1024px){
  section.home-tagline-section .home-tagline-content-container .home-tagline-text-container {
    /*width: 730px;*/
    margin-right: 50px; }
}

@media(min-width:768px){
  section.home-tagline-section .home-tagline-content-container .home-tagline-description {
    flex-direction: row;
  }
}

@media(min-width:768px) and (max-width: 1023px){
  section.home-tagline-section .home-tagline-content-container .home-tagline-text-container {
    width:100%;
    margin-right: 50px; }
  section.home-tagline-section .home-tagline-content-container .home-tagline-description {
    flex-direction: row;
  }
  section.home-tagline-section .home-tagline-content-container .home-tagline-description h3 {
    
  }
}

@media(max-width:767px){
  section.home-tagline-section .home-tagline-content-container .home-tagline-text-container {
    width: auto;
     }
  section.home-tagline-section .home-tagline-content-container .home-tagline-description {
    flex-direction: column;
    gap:16px;
    align-items: center;
  }
  section.home-tagline-section .header {
    /*margin: 50px 0 80px; */
    max-width:410px;
  }

  .home-partnership-advantage .advantage-title{
    text-align: center;  
  }
}

section.home-tagline-section .home-tagline-content-container .home-tagline-description .caption-text {
  width: 60%;
  align-self: center;
  font-size: 24px;
}

section.home-tagline-section .home-tagline-content-container .home-tagline-description .learn-more-text {
  align-self: center;
}

@media (min-width:768px){
  /*section.home-tagline-section .home-tagline-content-container .home-tagline-description .learn-more-text {*/
  /*  width: 60%;*/
  /*}*/

  /*section.home-tagline-section .header{*/
  /*  width: 730px;*/
  /*}*/
}

@media (min-width:1024px){
  section.home-tagline-section .home-tagline-content-container .home-tagline-description .learn-more-text {
    width: 90%;
  }
}

@media (min-width:768px) and (max-width:1023px){
  section.home-tagline-section .home-tagline-content-container .home-tagline-description .learn-more-text {
    width: auto;
    flex-basis: 40%;
    display: flex;
    justify-content: end;
  }
}

/*section.background-color-section {*/
/*  background-color: var(--main-bg-color);*/
/*}*/

.section-image-border-image{
  content: " ";
  height:70px;
  background-image: url("../images/section-curves.svg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  resize: both;
}

.rotate180{
  transform: rotate(180deg);
}


.tell-us-link{
  margin: 40px 0;  
}

  
/*@media only screen and (max-width: 1023px) {*/
/*  !*.home-tagline-section {*!*/
/*  !*  display: none; } *!*/
/*}*/
  
/*@media only screen and (min-width: 375px) and (max-width: 1023px) {*/
/*@media only screen and (max-width: 1023px) {*/
/*  section.home-partnership-container,*/
/*  section.home-competencies-section ~ div.section-image-border-bottom,*/
/*  section.home-technologies-section*/
/*  {*/
/*    !*margin-bottom: 30px !important;  *!*/
/*  }*/
/*  !*section.home-tagline-section .home-tagline-content-container{*!*/
/*  !*  background: none;*!*/
/*  !*  flex-direction: column-reverse;  *!*/
/*  !*}*!*/
/*}*/

/*@media (max-width: 767px){*/
/*  section.home-tagline-section .home-tagline-content-container .home-tagline-img{*/
/*    background-image: url("../images/companyImage.png");*/
/*    background-repeat: no-repeat;*/
/*    background-position-x: 50%;*/
/*    background-size: contain;*/
/*    height: 60vw;*/
/*    width: auto;*/
/*  }*/
/*}*/

@media (min-width: 768px) and (max-width: 1023px){
  section.home-tagline-section .header{
    margin: 20px 0 25px;
    width: 710px;
  }
  
  /*section.home-tagline-section .home-tagline-content-container {*/
  /*  */
  /*}*/
  /*section.home-tagline-section .home-tagline-content-container .home-tagline-img{*/
  /*  background-image: url("../images/companyImage.png");*/
  /*  background-repeat: no-repeat;*/
  /*  background-position-x: calc(50%);*/
  /*  background-position-y: 29%;*/
  /*  background-size: 740px 580px;*/
  /*  height: 380px;*/
  /*  width: auto;*/
  /*}*/
}

@media (min-width: 1024px){
  section.home-tagline-section .home-tagline-content-container{
    /*height:510px;  */
    padding: 50px 0 40px 0;
  }
  section.home-tagline-section {
    /*height:510px;*/
  }
}

@media (min-width: 1024px) and (max-width:1279px){
  section.home-tagline-section .home-tagline-content-container .home-tagline-text-container {
    width: 760px;
  }
  section.home-tagline-section .home-tagline-content-container {
    display: flex;
    /*margin: 40px auto 0;*/
    /*background-image: url("../images/companyImage.png");*/
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    /*background-size: 455px 360px;*/
    /*background-size: 480px 100%;*/
    background-size: 480px 80%;
    margin: 30px 0;
    /*height: 510px;*/
  }
  section.home-tagline-section .header {
    /*margin: 50px 0 30px;*/
    margin:0 0 40px;
    width: 710px;
  }

  flex-direction: column-reverse;
}

@media (min-width: 1280px){
  section.home-tagline-section .header {
    width: 730px;
    /*margin: 50px 0 80px;*/
  }
}



/* home-partnership-section*/
section.home-partnership-section {
  .home-partnership-container {
    width: 100%;
    /*height: 340px;*/
    .partnership-img {
      background-repeat: no-repeat;
      background-position-x: calc(100%);
      background-size: 500px 341px;
      height: 100%;
      /*width: 500px;*/
      float: left;
    }
    .partnership-text {
      flex-basis: 52%;
      align-self: center;
      font-size: 20px;
    }
    
    .home-partnership-advantage .advantage-image {
      background-repeat: no-repeat;
      /*background-position-x: calc(100% );*/
      background-size: 220px 120px;
      height: 120px;
      /*width: 300px;*/
    }
  }
  
  .home-partnership-container.tailored-section{
    display:flex;
    padding: 40px 0 50px 0;
    justify-content: space-between;
    flex-direction: column;
  }

}

@media(max-width:767px){
  section.home-partnership-section .home-partnership-container.tailored-section .partnership-img {
    background-position-x: 50%;
    background-size: contain;
    flex-grow: 1;
    flex-basis: 50vw;
  }
  .home-partnership-advantage .advantage-image {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-size: 220px 120px;
    height: 120px;
    width: auto;
  }
}
@media(min-width:768px){
  section.home-partnership-section .home-partnership-container.tailored-section .partnership-img {
    background-position-x: 50%;
    background-size: contain;
    flex-grow: 1;
    height:395px;
  }
}

section.home-partnership-section .container-wrapper .home-partnership-container.consulting-section {
  display: flex;
  flex-direction: column-reverse;
}

section.home-partnership-section .container-wrapper .home-partnership-container.consulting-section .partnership-img {
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;

  background-position:center;
}

@media(min-width:768px){
  section.home-partnership-section .container-wrapper .home-partnership-container.consulting-section .partnership-img {
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    
    /*width: 100%;*/
    /*background-position:center;*/
    height: 280px;
  }  
}



@media (min-width: 1440px){
  /*section.home-partnership-section{*/
  /*  padding: 50px 0 50px 0;*/
  /*}*/
  
  section.home-partnership-section .container-wrapper{
    display: flex;
    flex-direction: column;
  }
  section.home-partnership-section .container-wrapper .home-partnership-container{
    /*padding:30px 0 30px 0;*/
    /*display: grid;*/
    /*grid-template-columns: 40% 60%;*/
    /*height: 300px;*/
  }
  /*section.home-partnership-section .container-wrapper .home-partnership-container.tailored-section{*/
  /*  display:flex;*/
  /*  !*display: grid;*!*/
  /*  !*grid-template-columns: 40% 60%;*!*/
  /*  !*height: 300px;*!*/
  /*  padding: 40px 0 50px 0;*/
  /*}*/
  
  /*section.home-partnership-section .container-wrapper .home-partnership-container.tailored-section{*/
  /*  display:flex;*/
  /*  !*display: grid;*!*/
  /*  !*grid-template-columns: 40% 60%;*!*/
  /*  !*height: 300px;*!*/
  /*  padding: 40px 0 50px 0;*/
  /*  justify-content: space-between;*/
  /*}*/
  /*section.home-partnership-section .container-wrapper .home-partnership-container.tailored-section .partnership-img {*/
  /*  background-repeat: no-repeat;*/
  /*  background-position-x: 100%;*/
  /*  background-size: 100% 100%;*/
  /*  !*width: 100%;*!*/
  /*  float: left;*/
  /*  !*padding: 10px 70px;*!*/
  /*  flex-basis: 40%;*/
  /*}*/
  
  /*section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section{*/
  /*  display: flex;*/
  /*  padding: 30px 0;*/
  /*  justify-content: space-between;*/
  /*}*/
  
  /*section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section .home-partnership-advantage{*/
  /*  width:30%;*/
  /*}*/
  
  /*section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section .advantage-image{*/
  /*  background-size: 50% 90%;*/
  /*  width: 100%;*/
  /*  height: 40%;*/
  /*}*/
  
  /*section.home-partnership-section .container-wrapper .home-partnership-container.consulting-section{*/
  /*  display: flex;*/
  /*  align-items: center;*/
  /*  justify-content: space-between;*/
  /*}*/
  /*section.home-partnership-section .container-wrapper .home-partnership-container.consulting-section .partnership-img {*/
  /*  background-repeat: no-repeat;*/
  /*  background-position-x: calc(100%);*/
  /*  background-size: 100% 100%;*/
  /*  height: 80%;*/
  /*  width: 45%;*/
  /*  padding: 10px;*/
  /*}*/
}



@media (min-width: 1280px){
  section.home-partnership-section{
    padding: 50px 0 50px 0;
  }

  section.home-partnership-section .container-wrapper .home-partnership-container.tailored-section{
    display:flex;
    /*display: grid;*/
    /*grid-template-columns: 40% 60%;*/
    /*height: 300px;*/
    /*padding: 40px 0 50px 0;*/
    /*justify-content: space-between;*/
    flex-direction: row;
    align-items: center;
  }
  section.home-partnership-section .container-wrapper .home-partnership-container.tailored-section .partnership-img {
    background-repeat: no-repeat;
    /*background-position-x: 100%;*/
    /*background-size: 100% 100%;*/
    background-position-y: 50%;
    background-size: 90% 90%;
    width: 500px;
    height: 340px;
  }

  section.home-partnership-section .container-wrapper .home-partnership-container.tailored-section .partnership-text {
    flex-basis: 56%;
    align-self: center;
  }

  section.home-partnership-section .container-wrapper .home-partnership-container.consulting-section{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  section.home-partnership-section .container-wrapper .home-partnership-container.consulting-section .partnership-img {
    background-repeat: no-repeat;
    background-position-x: calc(100%);
    background-size: 100% 100%;
    height: 200px;
    width: 40%;
    padding: 10px;
  }
}

@media (max-width: 767px) {
  section.home-partnership-section{
    padding: 50px 0 50px 0;
  }
  section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section {
    display: flex;
    flex-direction: column;
    padding: 30px 0;
    justify-content: center;
    align-items: center;
  }
  section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section .home-partnership-advantage{
    flex:50%;
    flex-grow:0;
  }
}

@media (min-width: 768px) {
  section.home-partnership-section{
    padding: 50px 0 50px 0;
  }
  section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section {
    display: flex;
    padding: 30px 0;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section .home-partnership-advantage{
    flex:30%;
    flex-grow:0;
  }
}

@media (min-width: 1024px){
  section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section{
    display: flex;
    flex-wrap: nowrap;
    padding: 30px 0;
    justify-content: space-between;
    gap: 20px;
  }
  
  section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section .home-partnership-advantage{
    width:30%;
  }
  
  section.home-partnership-section .container-wrapper .home-partnership-container.advantages-section .advantage-image{
    background-size: 220px 120px;
    /*width: 100%;*/
    /*height: 40%;*/
  }
}


/* home-competenties-section*/
section.home-competencies-section {
  .home-competencies-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    /*height: 400px;*/
    justify-content: center;
    gap: 40px;
    .competencies-text{
      flex-basis: 150%;
    }
    .competencies-img {
      background-repeat: no-repeat;
      background-position-x: 50%;
      width: 100%;
      height: 320px;
      background-size: contain;
    }
    
    .home-competence{
      /*width:50%;*/
      height:500px;
      flex-basis: 40%;
      border: white 1px solid;
      border-radius: 10px;
      background-color: white;
      padding:24px;
      filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.25));
      /*max-height:620px;*/
      .competence-image{
        height:300px;
        /*height: 50%;*/
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width:100%;
        
      }
    }
  }
  .competencies-list-header{
    padding-bottom: 20px;
  }
}

@media (min-width: 1280px){
  section.home-competencies-section .home-competencies-container .home-competence{
    width:500px;
    /*height:500px;*/
    /*flex-basis: 40%;*/
    /*border: white 10px solid;*/
    /*border-radius: 10px;*/
    /*background-color: white;*/
    /*!*max-height:620px;*!*/
    /*.competence-image{*/
    /*  height:300px;*/
    /*  !*height: 50%;*!*/
    /*  background-size: 100% 100%;*/
    /*  background-repeat: no-repeat;*/
    /*  width:100%;*/
    
    /*}*/
  }
}
@media (min-width: 1024px) {
  section.home-competencies-section .home-competencies-container {
    flex-direction: row;
    height: 400px;
  }
  section.home-competencies-section .home-competencies-container .competencies-img {
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 100%;
  }
}

@media (min-width: 768px){
  section.home-competencies-section .home-competencies-container .home-competence{
    width:620px;
    /*height:500px;*/
    /*flex-basis: 40%;*/
    /*border: white 10px solid;*/
    /*border-radius: 10px;*/
    /*background-color: white;*/
    /*!*max-height:620px;*!*/
    /*.competence-image{*/
    /*  height:300px;*/
    /*  height: 50%;*/
    /*  background-size: 100% 100%;*/
    /*  background-repeat: no-repeat;*/
    /*  width:100%;*/
    
    /*}*/
  }
}

@media (max-width: 767px){
  section.home-competencies-section .home-competencies-container .home-competence{
    width:80%;
    /*height:500px;*/
    /*flex-basis: 40%;*/
    /*border: white 10px solid;*/
    /*border-radius: 10px;*/
    /*background-color: white;*/
    /*max-height:620px;*/
    .competence-image{
      height: 40vw;
      /*height: 50%;*/
      /*background-size: 100% 100%;*/
      /*background-repeat: no-repeat;*/
      /*width:100%;*/

    }
  }
}

section.home-competencies-section .container-wrapper .home-competencies-container.competencies-list{
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media(min-width:1280px) {
  section.home-competencies-section .container-wrapper .home-competencies-container.competencies-list{
    flex-direction: row;
  } 
}

section.home-technologies-section {
  .home-technologies-header {
    width: 100%;
    justify-content: center;
    display: grid;
    /*grid-template-columns:100%;*/
    padding-bottom: 30px;
    padding-top: 30px;

    .technology-text {

    }

    .technology-header-image {
      background-size: contain;
      background-repeat: no-repeat;
      /*background-position-x: 60%;*/
    }
  }
  
  .home-technologies-container {
    width: 100%;
    justify-content: center;
    display: grid;
    /*grid-template-columns:100%;*/
    padding-bottom: 30px;
    padding-top: 30px;


  }
  
  .home-technologies-container .technology-section{
    /*flex-basis: 50%;*/
    /*width: 70%;*/
    flex-basis: 600px;
  } 
    
  .home-technologies-container .technology-images{
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: flex-start;
      margin-left:30px;
  
    }

    .home-technologies-container .technology-images .technology-image{
      width: fit-content;
      height: fit-content;
      padding: 15px;
    }
}

@media(min-width:1024px) {
  .home-technologies-container {
    grid-template-columns:32% 68%;
  }
}

@media(max-width:1023px){
  .home-technologies-container {
    grid-template-columns:100%;
  }
}

@media(min-width:768px) {
  
  .home-technologies-header {
    grid-template-columns:40% 60%;
  }

  .home-technologies-header .technology-header-image {
    background-position-x: 60%;
    height: auto;
  }
}

@media(max-width:767px){
  
  .home-technologies-header {
    grid-template-columns:100%;
  }

  .home-technologies-header .technology-header-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 40vw;
    background-position-x: 50%;
  }
}

