*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
body{
    font-family: Barlow, sans-serif;
    height: 100%;
    margin: 0;
    line-height: inherit;
}
html { overflow-y: scroll; overflow-x:hidden; }

a {
    color: inherit;
    text-decoration: inherit;
}

.header{
    display: flex;
    background-color: white;
  width: 100%;
    gap: 10px;
    z-index: 9999999;
    height: 100px;
    margin-left: auto;
    align-items: center;
    max-width: 1500px;
    margin-right: auto;
    padding: 20px;
    font-size: 19px;
    color: #000;
    font-weight: 400;
    justify-content: space-between;
}
.nav-item:hover{
    color:#197acf;
}
.nav-logo{
    aspect-ratio: 5.88;
    object-fit: auto;
    object-position: center;
    width: 146px;
    max-width: 100%;
    margin: auto 0;
}
.nav-items{
    display: flex;
    align-items: center;
    gap: 20px;
}
.nav-item{
    font-style: italic;
    align-self: stretch;
    margin: auto 0;
    list-style: none;
}
.nav-button{
    border-radius: 29px;
    background-color: #197acf;
    justify-content: center;
    padding: 20px 32px;
    color: white;
    text-align: center;
 
}
.nav-button1{
    margin: 10px;
    max-width: 260px;
    border-radius: 29px;
    background-color: #197acf;
    justify-content: center;
    padding: 20px;
    text-align: center;
    color: white;
    display:none;
}
.swiper{
    width:87%;
    margin-right: unset!important;
}
.swiper-wrapper{
    height:auto!important;
}
.b-footer{
    background-color: #0069c5;
    margin-top: 61px;
    width: 100%;
    align-items: center;
    color: #fff;
    justify-content: center;
    text-align: center;
    padding: 18px 60px;
    font: 400 18px Barlow, sans-serif;
}
footer{
    background-color: #197acf;
    display: flex;
    width: 100%;
    position: relative;
    padding-top: 72px;
    flex-direction: column;
}
.t-footer{
    align-self: center;
    width: 100%;
    max-width: 1500px;
    padding: 0 20px;
}
.t-inner{

}
.t-item{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 25%;
    float: left;
    padding: 20px;
    margin-left: 0px;
}
.t-item-inner{
 
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        font-size: 19px;
        color: #fff;
        font-weight: 400;
}
.t-logo{
    aspect-ratio: 5.88;
    object-fit: auto;
    object-position: center;
    width: 200px;
    max-width: 100%;
}
.c-first{
    margin-top: 30px!important;
}
.t-contact{
    display: flex;
    gap: 16px;
    margin-top: 10px;
}
.t-contact2{
    display: flex;
    margin-top: 15px;
    gap: 16px;
    line-height: 142%;
}
.t-contact img{
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 24px;
    fill: #b1dcff;
}
.t-contact-txt{
    font-family: Barlow, sans-serif;
    font-style: italic;
    flex-grow: 1;
    flex-basis: auto;
    margin: auto 0;
}
.t-item-list{
    display: flex;
    flex-direction: column;
    align-self: stretch;
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    margin: auto 0;
}
.l-first{
    border-color: rgba(177, 220, 255, 1);
    border-style: solid;
    border-width: 1px;
    background-color: #b1dcff;
    height: 1px;
    width: 20%;
    margin-top:20px!important;
}
.t-item-list-item{
    font-style: italic;
    margin-top: 12px;
}
.t-social{
    display: flex;
    margin-top: 25px;
    gap:15px;
}
.t-social img{
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 32px;
    fill: #b1dcff;
}
.s-first{
    border-color: rgba(177, 220, 255, 1);
    border-style: solid;
    border-width: 1px;
    background-color: #b1dcff;
    height: 1px;
    width: 20%;
}
.contact-s{
    background-color: #f5f5f5;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 90px;
    position: relative;
}
.contact-inner{
    width: 100%;
    max-width: 1500px;
    margin: 12px 0;
}
.contact-inner-i{
    gap: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-i-1{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 44%;
    margin-left: 0px;
}
.contact-i-2{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 56%;
    margin-left: 0px;
}
.contact-i-1-inner{
    display: flex;
    flex-direction: column;
}
.contact-i-1-headline{
    align-self: start;
    display: flex;
    gap: 16px;
    font-size: 33px;
    color: #197acf;
    font-weight: 300;
}
.contact-poml{
    border-color: rgba(25, 122, 207, 1);
    border-style: solid;
    border-width: 1px;
    background-color: #197acf;
    width: 40px;
    height: 1px;
    margin: auto 0;
}
.contact-i-1-n{
    flex-grow: 1;
    flex-basis: auto;
}
.contact-i-1-text{
    color: #000;
    margin-top: 39px;
    font: 400 15px Roboto, sans-serif;
}
.contact-i-1 img{
    aspect-ratio: 1.49;
    object-fit: auto;
    object-position: center;
    width: 100%;
    margin-top: 43px;
}
.contact-i-2-inner{
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    font-size: 20px;
    color: #197acf;
    font-weight: 400;
}
.contact-i-2-name{
    display: flex;
    gap: 20px;
}
.contact-i-f-name {
    align-items: start;
    justify-content: center;
    flex-grow: 1;
}
.contact-i-f-name input{
    font-style: italic;
    background-color: #fff;
    font-size:18px;

    width: fit-content;
    padding: 24px 30px;
    width:100%;
}
.contact-i-f-tel{
    align-items: start;
    justify-content: center;
}
.contact-i-f-tel input{
    font-style: italic;
    background-color: #fff;
    margin-top: 25px;
    align-items: start;
    font-size:18px;

    justify-content: center;
    padding: 24px 30px;
    width:100%;

}
.contact-i-f-zpr textarea{
    font-style: italic;
    background-color: #fff;
    margin-top: 25px;
    align-items: start;
    padding: 28px 30px 116px;
    font-size:18px;
    width:100%;
    resize:none;

}
.contact-f-btn{
    border-radius: 29px;
    box-shadow: 0px 10px 15px 0px rgba(97, 181, 255, 0.6);
    background-color: #197acf;
    align-self: start;
    margin-top: 41px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.45px;
    justify-content: center;
    padding: 22px 55px;
    font: 15px Barlow, sans-serif;
}


.div-15 {
    align-self: start;
    display: flex;
    margin-top: 25px;
    gap: 14px;
    font-size: 15px;
    color: #000;
  }
  .div-16 {
    background-color: #fff;
    width: 19px;
    height: 19px;
  }
  .div-17 {
    font-family: Roboto, sans-serif;
    flex-grow: 1;
    flex-basis: auto;
  }
  .star-2{
    position: absolute;
    right: 0;
    bottom: 73%;
  }
  .star-1{
    position: absolute;
    left: 0;
    bottom: 86%;
  }
  .section-1{
    background-color: #197acf;
    align-self: stretch;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 71px 60px;
  }
  .section-1-inner{
    width: 100%;
    max-width: 1200px;
    padding: 0 1px;
  }
  .section-1-c{
    gap: 20px;
    display: flex;
  }
  .section-1-column1{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 65%;
    margin-left: 0px;
  }
  .section-1-column2{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 35%;
    margin-left: 20px;
  }
  .section-1-column2 img{
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 100%;
  }
  .section-1-txt{
    display: flex;
    flex-direction: column;
    align-self: stretch;
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    margin: auto 0;
  }
  .section-1-head{
    display: flex;
    gap: 16px;
    font-size: 33px;
    font-weight: 300;
  }
  .section-1-head-1{
    border-color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    width: 40px;
    height: 2px;
    margin: auto 0;
  }
  .section-1-head-2{
    flex-grow: 1;
    flex-basis: auto;
  }

.section-1-text{
    line-height: 22px;
    margin-top: 33px;
}
.section-1-btn{
    border-radius: 29px;
    box-shadow: 0px 10px 15px 0px rgba(97, 181, 255, 0.6);
    background-color: #fff;
    align-self: start;
    margin-top: 68px;
    color: #197acf;
    text-transform: uppercase;
    letter-spacing: 0.45px;
    justify-content: center;
    padding: 22px 49px;
}
.section-2{
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 60px;
}
.section-2-inner{
    display: flex;
    margin-top: 9px;
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
    padding:10px;
}
.section-2-head {
    display: flex;
    gap: 16px;
    margin-left: auto;
    font-size: 33px;
    margin-right: auto;
    font-weight: 300;
    color: #197acf;
}
.section-2-head-1 {
    border-color: #197acf;
    border-style: solid;
    border-width: 1px;
    color: #197acf;
    width: 40px;
    height: 2px;
    margin: auto 0;
}
.section-2-head-2 {
    flex-grow: 1;
    flex-basis: auto;
}
.section-2-items{
    margin-top: 63px;
}
.section-2-items-inner{
    width: 50%;
    float: left;
    padding: 25Px;
}
.section-2-item{
  
    padding:20px;

}

.section-2-item-inner{
    gap: 20px;
    display: flex;
    align-items: center;
}
.section-2-item-img{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 15%;
    margin-left: 0px;
}
.section-2-item-img img{
    object-fit: contain;
    max-height: 69px;
}
.section-2-item-txt{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 85%;
    margin-left: 20px;

}
.section-2-item-txt-inner{
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}
.section-2-item-txt-headline{
    color: #b1dcff;
    letter-spacing: 0.63px;
    font: italic 600 24px Barlow, sans-serif;

}
.section-2-item-txt-sub{
    color: #fff;
    margin-top: 20px;
    font: 400 15px / 22px Roboto, sans-serif;
}


 .clients-section{
    text-align: center;
    /* padding: 60px; */
    overflow: auto;
    margin-top: 100px;
    margin-bottom: 100px;
 }
 .clients-inner{
    position: relative;
    margin-top: 45px;
    overflow: auto;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
 }
 .clients-item{

  
 }
 .clients-item img{
    float: left;
    object-fit: contain;
    padding: 10px;
    width: 100%;
    align-self: stretch;
    max-height: 170px;
 }
 .clients-separate{
    border-color: rgba(236, 236, 236, 1);
    border-style: solid;
    border-width: 1px;
    background-color: #ececec;
    align-self: stretch;
    width: 1px;
    height: auto;
    margin-bottom: 30px;

    height: 170px;
 }
.clients-headline{
    color: #197acf;
    font: 500 57px Barlow, sans-serif;
}
.photos-section{
    overflow: auto;
}
.photos-inner{

    display: flex;
    max-width: 1600;
    margin-left: auto;
    margin-right: auto;
}
.photo-item{
    position: relative;
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 33.33%;
    margin-left: 0px;
}
.team-section{
    text-align: center;
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    position: relative;
    margin-bottom: 75px;
}
.team-headline{
    color: #197acf;
    align-self: center;
    margin-bottom: 45px;
    font: 500 57px Barlow, sans-serif;
}
.team-inner{
    margin-bottom: 75px;
}
.team-items{
    margin-top: 45px;
    width: 100%;
}
.team-items{
    gap: 10px;
    display: flex;
    justify-content: center;
}
.team-item{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 100%;
    margin: 12px;
    float: left;
}
.team-item-headline{
    color: #000;
    text-align: center;
    padding-top:8px;
    /* margin-top: 28px; */
    font: 700 21px Barlow, sans-serif;
}
.team-item-subtext{
    color: #197acf;
    text-align: center;
    margin-top: 11px;
    font: italic 400 18px / 22px Barlow, -apple-system, Roboto, Helvetica, sans-serif;
}
::-webkit-scrollbar { display: none; }
.swiper-slide{
    margin-top: auto;
}

.photo1b{
    display:none;
}
.photo-1{
   
    font-family: Barlow, sans-serif;
    border-radius: 29px;
    bottom: 2vw;
    position: absolute;
    left: 50%;
    width: 232px;
    transform: translate(-50%, -50%);
text-align: center;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    font-size: 14px;
    color: #1af2da;
    right: auto;
    border-color: #1af2da;
    border-style: solid;
    border-width: 1px;
    justify-content: center;
    padding: 18px;
   
}
.photo-1:hover{
    font-family: Barlow, sans-serif;
    border-radius: 29px;
    bottom: 2vw;
    position: absolute;
    left: 50%;
    width: 232px;
    /* top: 50%; */
    text-align: center;

    transform: translate(-50%, -50%);
    /* left: 50%; */
    /* transform: translate(35%, 0); */
    /* left: 0; */
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #1af2da;
    font-size: 14px;
    color: white;
    right: auto;
    border-color: #1af2da;
    border-style: solid;
    border-width: 1px;
    justify-content: center;
    padding: 18px;
}
.photo-2{
    text-align: center;

    font-family: Barlow, sans-serif;
    border-radius: 29px;
    bottom: 2vw;
        position: absolute;
    left: 50%;
    width: 232px;
    transform: translate(-50%, -50%);

    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    font-size: 14px;
    color: #e1f067;
    right: auto;
    border-color: #e1f067;
    border-style: solid;
    border-width: 1px;
    justify-content: center;
    padding: 18px;
   
}
.photo-2:hover{
    text-align: center;

    font-family: Barlow, sans-serif;
    border-radius: 29px;
    bottom: 2vw;
    position: absolute;
    left: 50%;
    width: 232px;
    /* top: 50%; */
    transform: translate(-50%, -50%);
    /* left: 50%; */
    /* transform: translate(35%, 0); */
    /* left: 0; */
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #e1f067;
    font-size: 14px;
    color: black;
    right: auto;
    border-color: #e1f067;
    border-style: solid;
    border-width: 1px;
    justify-content: center;
    padding: 18px;
}
.photo-3{
   
    font-family: Barlow, sans-serif;
    border-radius: 29px;
    bottom: 2vw;
    position: absolute;
    left: 50%;
    width: 232px;
    transform: translate(-50%, -50%);
    text-align: center;

    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    font-size: 14px;
    color: #eb6312;
    right: auto;
    border-color: rgba(235, 99, 18, 1);
    border-style: solid;
    border-width: 1px;
    justify-content: center;
    padding: 18px;
   
}
.photo-3:hover{
    text-align: center;

    font-family: Barlow, sans-serif;
    border-radius: 29px;
    bottom: 2vw;
    position: absolute;
    left: 50%;
    width: 232px;
    /* top: 50%; */
    transform: translate(-50%, -50%);
    /* left: 50%; */
    /* transform: translate(35%, 0); */
    /* left: 0; */
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #eb6312;
    font-size: 14px;
    color: white;
    right: auto;
    border-color: rgba(235, 99, 18, 1);
    border-style: solid;
    border-width: 1px;
    justify-content: center;
    padding: 18px;
}
.ts-section{
    padding: 100px 0px 60px 60px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.ts-headline{
    align-self: end;
    margin-right: 41px;
    text-align: center;
    color: #197acf;
    font: 500 57px Barlow, sans-serif;
}
.ts-inner{
    display: flex;
    align-items: center;
    margin-left: auto;
    position: relative;
}
.ts-column-1{
    display: flex;
    flex-direction: column;
    line-height: normal;
    max-width: 900px;
    width: 70%;
    margin-left: 0px;
    align-items: flex-end;
    justify-content: flex-end;

}
.ts-column-1-inner{

    margin-left: auto;
    margin-right: auto;
    font-size: 33px;
    color: #197acf;
    font-weight: 300;
    margin: auto;
    padding: 0 20px;
}
.ts-column-1-item{
    margin-top: 82px;
    width: 50%;
    float: left;
    padding: 10px;
    height: 200px;
}
.ts-item-part1{
    align-self: start;
    display: flex;
    margin-top: 7px;
    gap: 16px;
    white-space: nowrap;
}
.ts-item-part1-line{
    border-color: rgba(25, 122, 207, 1);
    border-style: solid;
    border-width: 1px;
    background-color: #197acf;
    width: 41px;
    height: 1px;
    margin: auto 0;
}
.ts-item-part1-headline{

}
.swiper-container{
 
    min-height: 0;
    min-width: 0;
    max-width: 100vw; 
    width: 100%;
    overflow: hidden;
  }
   
  .swiper-slide{
    width: auto;
    flex-shrink: 0;
    display: block;
    height: 100%;
    max-height: 100%;
  }
  
  .swiper-wrapper{
    max-height: 100%;
    height: 100%;
    display: flex;
  }
  
.ts-item-part2{
    margin-top: 33px;
    gap: 20px;
    font-size: 16px;
    color: #909090;
    font-weight: 400;
}

.ts-column-2{
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 35%;
    position: absolute;
    margin-left: 20px;
    right: 0;
}
.ts-column-2 img{
    width: 100%;
}
@media (min-width: 1090px) and (max-width: 1270px) {
    .header{
        padding: 10px;
    font-size: 16px;
    }
    .nav-items{
        gap: 12px;
    }
    .nav-button{
        margin-left: 10px;
    }
}
@media (min-width: 993px) and (max-width: 1089px) {
    .header{
        padding: 4px;
    font-size: 15px;
    }
    .nav-items{
        gap: 7px;
    }

    .header{
        gap:0px;
    }
}
.l-second{
    margin-top:25px;
}
@media (min-width: 993px) and (max-width: 1200px) {
    .t-footer{
        padding: 0 10px;
    }
    .t-item{
        padding: 15px;
    }
}
@media (min-width: 720px) and (max-width: 859px) {
    .star-1{
        bottom: 93.5%;
    }
}
@media (min-width: 720px) and (max-width: 992px) {
  
    .star-2{
        bottom:81.5%;
    }
    .t-item{
        width:50%;
        padding:10px;
    }
}
@media (min-width: 200px) and (max-width: 719px) {
    .star-1{
        bottom: 94%;
        width: 100px;
    }
    .star-2{
        bottom: 89.5%;
        width: 100px;
    }
    .t-item {
        width: 100%;
        padding: 10px;
        align-items: center;
        justify-content: center;
    }
    .t-item-inner{
        align-items: center;
        justify-content: center;
    }
    .t-item-list{

        align-items: center;
        justify-content: center;
    }
    .t-contact{
        margin-top:20px;
    }
}
@media (min-width: 860px) and (max-width: 1199px) {
    .contact-s{
        padding: 100px 40px 40px 40px;
    }
    
}
@media (min-width: 200px) and (max-width: 859px) {
    .contact-f-btn{
        margin-left:auto;
        margin-right: auto;
    }
    .contact-s{
        padding: 100px 10px 90px 10px;
    }
    .contact-inner{
        padding:10px;
    }
   
.contact-inner-i{
    display:block;
}
.contact-i-1,.contact-i-2{
    margin-top:30px;
    width: 100%;
}
}
@media (min-width: 930px) and (max-width: 1100px) {
    .team-section{
        padding: 0px 30px 80px 30px;
        overflow:auto;
    }
    .team-items{
        display:block;
    }
    .team-item{
        width: 100%;
        padding: 12px;
        margin:0px;
    }
    .team-inner{
        overflow:auto;
    }
}
@media (min-width: 560px) and (max-width: 929px) {
    .team-section{
        padding: 0px 20px 80px 20px;
        overflow:auto;
    }
    .team-items{
        display:block;
    }
    .team-item{
        width: 100%;
        padding: 7%;
        margin:0px;
    }
    .team-inner{
        overflow:auto;
    }
}
@media (min-width: 450px) and (max-width: 559px) {
    .team-section{
        padding: 0px 10px 80px 10px;
        overflow:auto;
    }
    .team-items{
        display:block;
    }
    .team-item{
        width: 100%;
        padding: 10Px;
        margin:0px;
    }
    .team-inner{
        overflow:auto;
    }
}
@media (min-width: 200px) and (max-width: 449px) {
    .team-section{
        padding: 0px 0px 80px 0px;
        overflow:auto;
    }
    .team-items{
        display:block;
    }
    .team-item{
        width: 100%;
        padding: 10Px;
        margin:0px;
    }
    .team-inner{
        overflow:auto;
    }
    .team-item-headline{
        font: 700 18px Barlow, sans-serif;
    }
    .team-item-subtext{
        font: italic 400 16px / 18px Barlow, -apple-system, Roboto, Helvetica, sans-serif;
    }
}
@media (min-width: 992px) and (max-width: 1320px) {
    .ts-column-1-inner{
        padding:0px;
    }
    .ts-column-1{
        width: 75%;
    }
    .ts-column-2{
        right: 0;
    position: absolute;
    width: 35%;
    }
    .ts-column-1-item{
        margin-top:42Px;
    }
    .ts-section {
        padding: 100px 0px 60px 10px;
    }
    .ts-column-1-inner{
        font-size: 27px;
        padding: 10px;
    }
}
@media (min-width: 776px) and (max-width: 991px) {
    .ts-column-1-inner{
        padding:0px;
    }
    .ts-column-1{
        width: 75%;
    }
    .ts-column-2{
        right: 0;
    position: absolute;
    width: 40%;
    }
    .ts-item-part1-line{
        width: 21px;
    }
    .ts-column-1-item{
        margin-top: 32Px;
        padding: 10px;
        height: 210px;
    }
    .ts-section {
        padding: 100px 0px 60px 0px;
    }
    .ts-column-1-inner{
        font-size: 22px;
        padding: 10px;
    }
    .ts-item-part1 {
        align-self: start;
        display: flex;
        margin-top: 7px;
        gap: 6px;
        white-space: nowrap;
    }
}
@media (min-width: 550px) and (max-width: 775px) {
    .ts-headline{
        margin-right: 0px;
    }
    .ts-column-1-inner{
        padding:0px;
    }
    .ts-column-1{
        width: 100%;
    }
    .ts-column-2{
       display:none;
    }
    .ts-item-part1-line{
        width: 21px;
    }
    .ts-column-1-item{
        margin-top: 32Px;
        padding: 10px;
        height: 210px;
    }
    .ts-section {
        padding: 100px 0px 60px 0px;
    }
    .ts-column-1-inner{
        font-size: 22px;
        padding: 0px;
    }
    .ts-item-part1 {
        align-self: start;
        display: flex;
        margin-top: 7px;
        gap: 6px;
        white-space: nowrap;
    }
}
@media (min-width: 200px) and (max-width: 549px) {
    .ts-headline{
        margin-right: 0px;
    }
    .ts-column-1-inner{
        padding:0px;
    }
    .ts-column-1{
        width: 100%;
    }
    .ts-column-2{
       display:none;
    }
    .ts-item-part1-line{
        width: 21px;
    }
    .ts-column-1-item{
        margin-top: 0Px;
        padding: 10px;
        height: auto;
        width: 100%;
    }
    .ts-section {
        padding: 60px 0px 60px 0px;
    }
    .ts-column-1-inner{
        font-size: 22px;
        padding: 0px;
    }
    .ts-item-part1 {
        align-self: start;
        display: flex;
        margin-top: 7px;
        gap: 6px;
        white-space: nowrap;
    }
}
@media (min-width: 786px) and (max-width: 1100px) {
    .photo-2,.photo-1,.photo-3,.photo-1:hover,.photo-2:hover,.photo-3:hover{
        bottom: 1.25vw;
        padding: 14px;
        font-size: 14px;
        width: 202px;
    }
}
@media (min-width: 550px) and (max-width: 785px) {
.photo-item{
    width:50%;
    float:left;
}
.photos-inner{
    display:block;
}
.photo-2,.photo-1,.photo-3,.photo-1:hover,.photo-2:hover,.photo-3:hover{
    bottom: 1.75vw;
    padding: 15px;
    font-size: 14px;
    width: 232px;
}
}
@media (min-width: 460px) and (max-width: 549px) {
    .photo-item{
        width:50%;
        float:left;
    }
    .photos-inner{
        display:block;
    }
    .photo-2,.photo-1,.photo-3,.photo-1:hover,.photo-2:hover,.photo-3:hover{
        bottom: 1.5vw;
        padding: 14px;
        font-size: 14px;
        width: 222px;
    }
}
@media (min-width: 200px) and (max-width: 459px) {
    .photo-item{
        width:100%;
        float:left;
    }
    .photos-inner{
        display:block;
    }
    .photo-2,.photo-1,.photo-3,.photo-1:hover,.photo-2:hover,.photo-3:hover{
        bottom: 5vw;
        padding: 16px;
        font-size: 15px;
        width: 232px;
    }
}
@media (min-width: 993px) {
.nav-schovat{
    display: none!important;
}

    .menu-icon{
        display: none!important;
    }

}
@media (max-width: 993px) {

    .photo1a{
        display:none;
    }
    .photo1b{
        display: block;
    }
   

}
@media (min-width: 768px) and (max-width: 992px) {

   
    .clients-item img{
        width: 100%;
    }

}
@media (min-width: 600px) and (max-width: 767px) {
 
    .clients-item img{
        width: 100%;
    }
 
}
@media (min-width: 200px) and (max-width: 599px) {

    .clients-item img{
        width: 100%;
        height: 150px;
    }

}
@media (min-width: 699px) and (max-width: 992px) {

    .section-2-items-inner{
        padding:0px;
    }
    .section-2{
        padding:20px;
    }
    .section-2-item{
        padding:0px;
    }
    .section-2-item-inner{
        gap:10px;
        padding: 12px;
    }
    .section-2-item-txt-headline{
        font: italic 600 22px Barlow, sans-serif;
    }
}
@media (min-width: 420px) and (max-width: 698px) {

    .section-2-items-inner{
        width: 100%;
        padding: 10px;
    }
    .section-2{
        padding:20px;
    }
    .section-2-item{
        padding:0px;
    }
    .section-2-item-inner{
        gap:10px;
    }
}
@media (min-width: 200px) and (max-width: 419px) {

    .section-2-items-inner{
        width: 100%;
        padding: 10px;
    }
    .section-2{
        padding:0px;
    }
    .section-2-item{
        padding:0px;
    }
    .section-2-item-inner{
        gap:5px;
    }
    .section-2-item-txt-headline {

        font: italic 600 20px Barlow, sans-serif;
    }
    .section-2-item-txt-sub{
        font: 400 14px / 20px Roboto, sans-serif;
    }
}
.nav-active{
    display: block!important;
    align-items: center;
    gap: 20px!important;
    position: absolute!important;
    top: 4.5rem!important;
    left: 0!important;
    background: #222831!important;
    z-index: 9999999 !important;
    width: 100%!important;
    left: 0!important;
}
.nav-active li{
    color: #fff;
    padding: 1rem 1.5rem;
    display: block;
}
.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
  }
  
  .header .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
  }
  
  .header .menu-icon .navicon:before,
  .header .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
  }
  
  .header .menu-icon .navicon:before {
    top: 5px;
  }
  
  .header .menu-icon .navicon:after {
    top: -5px;
  }
  
  /* menu btn */
  
  .header .menu-btn {
    display: none;
  }
  
  .header .menu-btn:checked ~ .menu {
    max-height: 240px;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  @media (min-width: 200px) and (max-width: 992px) {
    .nav-items{
        display: none;
    }
}
@media (min-width: 200px) and (max-width: 600px) {
    .nav-button{
        display: none;
    }
    .nav-button1{
        display:block;
    }
}
@media (min-width: 768px) and (max-width: 993px) {
.section-1{
    padding: 50px 20px;
}
.section-1-column2{
    width: 40%;
}
.section-1-btn{
    margin-top: 28px;
}
}
@media (min-width: 500px) and (max-width: 767px) {
    .section-1{
        padding: 50px 20px;
    }
    .section-1-column2{
        width: 40%;
        margin-left: auto;
        margin-right: auto;
    }
    .section-1-btn{
        margin-top: 28px;
    }
    .section-1-c{
        flex-direction: column-reverse;
    }
    .section-1-column1{
        width:100%;
        margin-top:20px;
    }
    }
    @media (min-width: 200px) and (max-width: 499px) {
        .section-1{
            padding: 50px 20px;
        }
        .section-1-column2{
            width: 65%;
            margin-left: auto;
            margin-right: auto;
        }
        .section-1-btn{
            margin-top: 28px;
        }
        .section-1-c{
            flex-direction: column-reverse;
        }
        .section-1-column1{
            width:100%;
            margin-top:20px;
        }
        .section-1-head{
            gap: 8px;
    font-size: 28px;
        }
        }
        @media (max-width: 580px) {
            .clients-headline{
                font: 500 33px Barlow, sans-serif;
                margin-bottom: 45px;
            }
            .ts-headline{
                font: 500 33px Barlow, sans-serif;
                margin-bottom: 45px;
            }
            .team-headline{
                font: 500 33px Barlow, sans-serif;

            }
        }
        .caro-btns{
            z-index: 99;
          position: absolute;
          bottom: 15vw;
                      right: 4rem;
                          max-width: 141px;
          max-height: 61px;
      
        }
        .caro-btns-inner{
              width: 141px;
          height: 61px;

            position: relative;
          display: inline-flex;
          vertical-align: middle;
        
        }
        .caro-btn1{
            position: relative;
            flex: 1 1 auto;
            width: 50%;
            border-color: transparent;
            line-height: 1;
            color: black;
            border: 1px solid transparent;
            background-color: white;
            border-top-left-radius: 33px;
            border-bottom-left-radius: 33px;
          }
            .caro-btn2{
                position: relative;
                flex: 1 1 auto;
                width: 50%;
                border-color: transparent;
                line-height: 1;
                color: black;
                border: 1px solid transparent;
                background-color: white;
                border-top-right-radius: 33px;
                border-bottom-right-radius: 33px;
          }
          .caro-btn1 span, .caro-btn2 span{
            display: inline-flex;
    vertical-align: top;
    width: 41px;
    height: 30px;
          }
          .caro-btn1 svg, .caro-btn2 svg{
            width: 100%;
            height: 100%;
            fill: black;
          }
          .caro-btn2 span {
            margin-right: 15px;
        }
        .caro-btn1 span {
            margin-left: 15px;
        }
        .caro-btn1:hover,.caro-btn2:hover{
            border-color: #197acf;
            border: #197acf;
            background-color: #197acf;
        }

        .swiper-pagination{
            display:none;
            bottom: 8vw!important;
    right: 4vw!important;
    left: unset!important;
    width: auto!important;
        }
        .swiper-pagination-bullet{
            width:12px!important;
            height:12px!important;
        }
        @media (max-width: 993px) {


        .caro-btns{
display:none;
        }
        .swiper-pagination{
            display:block;
        }
    }
    .form-checkbox {
        display: flex;
        overflow: auto;
        margin-top: 20px;
        align-items: center;
    }
    .big-checkbox {
        width: 32px;
        height: 32px;
        accent-color: #197acf;
        margin-left: 0px;
        display: flex;
        position: absolute;
    }
    .maxwidth {
        width: calc(100% - 32px);
        float: right;
        font-size: 18px;
      
        color: black;
        margin-left: 42px;
    }
    @media (max-width: 620px) {
        .section-2-head div:first-child{
display: none;
        }
        .section-2-head {
            text-align: center;
        }
        .section-2-head-1{
            display: none;
        }
        }
        .section-14{
            position: relative;
   
            overflow: hidden;
      
        }
.section-14-h1{

    
    color: #e5e7eb;
    width: 13%;
    position: absolute;
    font-size: 8vw;
    /* overflow: visible; */
    font-weight: 300;
    /* width: 100px; */
    white-space: nowrap;
    transform: rotateZ(90deg);
    top: -5%;
    /* transform: rotateX(180deg); */
}
.section-14 img{
    float: right;
    width: 87%;
    margin-bottom: -6%;
    margin-right: 20px;
    object-fit: contain;
    border-top-left-radius: 20px;
    margin-right: 0;
}
.section-14-h2{
 position: relative;

 color: #197acf;

 overflow: auto;
 margin: -5% 0px -5% 0px;
 z-index: 1000;

 width: 100%;


 top: 0;

 font-size: 15.75vw;


 
}
@media (min-width: 1300px) and (max-width: 1550px){
    .star-1 {
        position: absolute;
        left: 0;
        bottom: 87%;
    }
}
@media (min-width: 1551px){
    .star-1 {
        position: absolute;
        left: 0;
        bottom: 88%;
    }
}
@media (min-width: 993px){
.header-inner{
    display: flex;
    justify-content: space-between;
    width: 1500px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    gap:60px;
}
.header{
   
}
   

}
@media (max-width: 992px){
    .header-inner{
        display: flex;
        justify-content: space-between;
        width: 1500px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        gap:10px;
    }
    .header{
       
    }
       
    
    }
    .alert{
        margin-bottom: 10px;
        text-align: center;
    }

    @media (min-width: 1300px){

        .team-item img {
            height: 350px;
            object-fit: contain;
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media (min-width: 1100px) and (max-width: 1299px){
    
        .team-item img {
            height: 320px;
            object-fit: contain;
       
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media (min-width: 420px) and (max-width: 1099px){
    
        .team-item img {
            height: 300px;
            object-fit: contain;
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media (min-width: 380px) and (max-width: 419px){
    
        .team-item img {
            height: 280px;
            object-fit: contain;
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media (min-width: 330px) and (max-width: 379px){
    
        .team-item img {
            height: 265px;
            object-fit: contain;
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media (min-width: 230px) and (max-width: 329px){
    
        .team-item img {
            height: 250px;
            object-fit: contain;
            margin-left: auto;
            margin-right: auto;
        }
    }
    /* Nová verze */
    .section-8{
        background-color: black;
    align-self: stretch;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 90px;
    margin-top: 70px;
    margin-bottom: 130px;
    }
    .section-8-inner{
        width: 100%;
        max-width: 1200px;
        padding: 0 1px;
    }
    .section-8-column2{
        display: flex;
        flex-direction: column;
        line-height: normal;
    }
    .section-8-column2 img{
        aspect-ratio: 1;
        position: absolute;
        width: 650px;
        object-fit: contain;
        object-position: center;
        margin-left: -85px;
        margin-top: -67px;
    }
    .section-8-column1 {
        display: flex;
        flex-direction: column;
        line-height: normal;
        width: 45%;
        margin-left: 0px;
        float: inline-end;
    }
    .section-8-txt {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        font-size: 17px;
        text-align: left;
        color: #fff;
        font-weight: 400;
        margin: auto 0;
    }
    .section-8-text {
        line-height: 22px;
        margin-top: 33px;
    }
    .section-8-btn{
        border-radius: 29px;
        /* box-shadow: 0px 10px 15px 0px rgba(97, 181, 255, 0.6); */
        background-color: #197acf;
        align-self: start;
        margin-top: 48px;
        color: white;
        text-transform: uppercase;
        letter-spacing: 0.45px;
        justify-content: center;
        padding: 22px 49px;
    }
    @media (min-width: 1101px) and (max-width: 1199px){
        .section-8-column2 img {
            aspect-ratio: 1;
            position: absolute;
            width: 560px;
            object-fit: contain;
            object-position: center;
            margin-left: -45px;
            margin-top: 25px;
        }
        .section-8 {
            background-color: black;
            align-self: stretch;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 80px;
            margin-top: 70px;
            margin-bottom: 130px;
        }
    }

    @media (min-width: 992px) and (max-width: 1100px){
        .section-8-column2 img {
            aspect-ratio: 1;
            position: absolute;
            width: 520px;
            object-fit: contain;
            object-position: center;
            margin-left: -60px;
            margin-top: 45px;
        }
        .section-8 {
            background-color: black;
            align-self: stretch;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 80px;
            margin-top: 70px;
            margin-bottom: 130px;
        }
    }
    @media (min-width: 876px) and (max-width: 991px){
        .section-8-column2 img {
            aspect-ratio: 1;
            position: absolute;
            width: 480px;
            object-fit: contain;
            object-position: center;
            margin-left: -35px;
            margin-top: 90px;
        }
        .section-8 {
            background-color: black;
            align-self: stretch;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 50px;
            margin-top: 70px;
            margin-bottom: 130px;
        }
    }
    @media (min-width: 520px) and (max-width: 875px){
        .section-8-column2 img {
            aspect-ratio: 1;
            position: absolute;
            width: 480px;
            object-fit: contain;
            object-position: center;
            margin-left: -55px;
            margin-top: -330px;
        }
        .section-8 {
            background-color: black;
            align-self: stretch;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 80px;
            margin-top: 180px;
            margin-bottom: 130px;
        }
        .section-8-column1 {
            display: flex;
            flex-direction: column;
            line-height: normal;
            width: 100%;
            margin-left: 0px;
            float: inline-end;
            margin-top: 100px;
        }
    }
    @media (min-width: 400px) and (max-width: 519px){
        .section-8-column2 img {
            aspect-ratio: 1;
            position: absolute;
            width: 380px;
            object-fit: contain;
            object-position: center;
            margin-left: -20px;
            margin-top: -300px;
        
        }
        .section-8 {
            background-color: black;
            align-self: stretch;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 30px;
            margin-top: 240px;
            margin-bottom: 130px;
        }
        .section-8-column1 {
            display: flex;
            flex-direction: column;
            line-height: normal;
            width: 100%;
            margin-left: 0px;
            float: inline-end;
            margin-top: 50px;
        }
    }
    @media (max-width: 399px){
        .section-8-column2 img {
            aspect-ratio: 1;
            position: absolute;
            width: 350px;
            object-fit: contain;
            object-position: center;
            margin-left: -25px;
            margin-top: -280px;
        
        }
        .section-8 {
            background-color: black;
            align-self: stretch;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 30px;
            margin-top: 200px;
            margin-bottom: 130px;
        }
        .section-8-column1 {
            display: flex;
            flex-direction: column;
            line-height: normal;
            width: 100%;
            margin-left: 0px;
            float: inline-end;
            margin-top: 50px;
        }
    }
    button:hover{opacity:0.9;}
    .nav-button:hover{opacity:0.9;}
    .section-8-btn:hover{opacity:0.9;}
    .section-1-btn:hover{opacity:0.9;}
    .zpet-tlacitko:hover{opacity:0.8;}