.carousel4 {
  min-width: 1312px;
  margin: 0 auto;

  position: relative;
  width: calc(80% - 60px);
}

.activator4 {
  display: none;
}

.controls4 {
  width:9%;
 
  display: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
  top: 12px;
  right: 0;
  left: 90%;
  bottom: 0;
}

.controls4:last-of-type {
  justify-content: flex-start;
}

.control4 {
  cursor: pointer;
  background-color: #eaf6ff;
  color: #017cc1;
  border-radius: 100%;
  
  font-size: 52px;
  height: 55px;
  justify-content: center;
  transition: 0.3s all;
  width: 55px;
  z-index: 1;
  text-align: center;
  line-height: 50px;
}

.control4:hover {
  background-color: #017cc1;
  color: #ffffff;
}

.activator4:nth-of-type(1):checked ~ .controls4:nth-of-type(1) {
  display: flex;
}

.activator4:nth-of-type(1):checked ~ .screen4 .track4 {
  transform: translateX(0%);
}

.activator4:nth-of-type(2):checked ~ .controls4:nth-of-type(2) {
  display: flex;
}

.activator4:nth-of-type(2):checked ~ .screen4 .track4 {
  transform: translateX(-100%);
}

.activator4:nth-of-type(3):checked ~ .controls4:nth-of-type(3) {
  display: flex;
}

.activator4:nth-of-type(3):checked ~ .screen4 .track4 {
  transform: translateX(-200%);
}

.activator4:nth-of-type(4):checked ~ .controls4:nth-of-type(4) {
  display: flex;
}

.activator4:nth-of-type(4):checked ~ .screen4 .track4 {
  transform: translateX(-300%);
}


.screen4 {
height:505px;
  overflow: hidden;
  margin-left: 0px;
  margin-right: 0px;
  margin-top:64px;
  padding: 0px 0;
}

.track4 {
  font-size: 0;
  transition: all 0.75s ease 0s;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.item4 {
  display: inline-flex;
  vertical-align: top;
  white-space: normal;
  transition: 250ms all;
  padding: 0 4px;
}

.item4:hover {
  margin: 0 0px;

}

.item4--desktop-in-1 {
  width: 100%;
}

.item4--desktop-in-2 {
  width: 50%;
}

.item4--desktop-in-3 {
  width: 33.3%;
}

.item4--desktop-in-4 {
  width: 25%;
}

.item4--desktop-in-5 {
  width: 20%;
}

.demo-container4 {
height:593px;
  display: flex;
  position: absolute;
  top: 0px;
  align-items: center;
  bottom: 0;
  left: 0;
  right: 0;
}

.demo-content4 {
  color: #fff;
  display: flex;
  font-family: Nunito;
  font-weight: 100;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 56px;
  width: 100%;
}

.slide-box4 {width:656px;height:420px;box-sizing:content-box;}

.slide-box4 img {
width:100%;
height:265px;
border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;}

.slide-title4 {
width:244px;
font-size:22px;
color:#017CC1;
font-family: 'Nunito', sans-serif;
position:relative;
display: table;
text-align:left;
margin-top:20px;

font-style: normal;
font-weight: 700;
line-height: 22px; /* 100% */}

.slide-title4 A:link{color:#017CC1;text-decoration:none;}
.slide-title4 A:active{color:#017CC1;text-decoration:none;}
.slide-title4 A:visited{color:#017CC1;text-decoration:none;}
.slide-title4 A:hover{color:#00C6BF;text-decoration:none;}
.slide-title4 A:focus{color:#017CC1;text-decoration:none;}

.slide-btn4 {width:100%;margin:0px;}

.slide-btntext4 {width:350px;height:22px;position:relative;color:#141414;margin-top:6px;

font-family: Nunito;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}


.teh1 {
width:394px; 
height:505px;
padding:0px 0px;
background-color:#F0F6F9;
color:#4F4F4F;
position:relative;
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 400;
border-radius: 5px;
display: block;margin:0px;
}

.tehpre {width: 357px;
color:#017CC1;
margin: 0 auto;
font-family: Nunito;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
padding-top:18px;

}

.tehtext {
color: var(--blue, #017CC1);
/* 32 semi */
font-family: Nunito;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 40px; /* 125% */
width: 357px;
margin:4px auto;
}

.tehop {
width: 357px;
margin:4px auto;
color: var(--grey, #4F4F4F);
/* 16 reg */
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
width: 357px;
}


@media (max-width: 1440px) {
.carousel4 {
    min-width: 1230px;
    margin: 0;

}

}