﻿body.business-partner-in-insurance {
  padding-top: 50px;
  background-color: #fff;
}

.business-damage-management--image {
  height: 550px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.business-partner-in-insurance .business-text-icons {
  padding: 120px 0 130px 0;
}

.business-partner-in-insurance--cards {
  background-color: #edecf4;
  padding: 100px 0;
}

.business-partner-in-insurance--cards > h4 {
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 60px;
}

.business-partner-in-insurance--cards > p {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.business-partner-in-insurance--green {
  background: linear-gradient(104.29deg, #e3ffe9 4.09%, #ccfef2 99.55%);
  padding: 100px 0;
}

.business-partner-in-insurance--green > h4 {
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 25px;
}

.business-partner-in-insurance--green > p {
  font-size: 400px;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 45px;
}

.business-partner-in-insurance--green--wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 25px 30px;
}

.business-partner-in-insurance--green--item {
  display: flex;
  gap: 40px;
  background-color: #fff;
  align-items: center;
  padding: 35px 30px;
  border-radius: 15px;
  box-shadow: 10px 10px 1px 0px rgba(55, 73, 87, 0.1);
}

.business-partner-in-insurance--green--item p {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.business-partner-in-insurance--green--item svg {
  flex-shrink: 0;
}

.business-agent-cards {
  padding: 120px 0;
}

.business-agent-cards.rapidasig-business--grid {
  width: 1390px;
}

.business-agent-cards > h4 {
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 60px;
}

.business-agent-cards--wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
}

.business-agent-cards--item {
  padding: 20px;
}

.business-agent-cards--item > svg {
  margin-bottom: 20px;
}

.business-agent-cards--item p {
  font-size: 20px;
  line-height: 30px;
}

.business-agent-cards--item p b {
  display: inline-block;
}

.business-agent-cards--item--yellow {
  background-color: #fffbef;
}

.business-agent-cards--item--yellow > svg {
  color: #fac734;
}

.business-agent-cards--item--blue {
  background-color: #eff6ff;
}

.business-agent-cards--item--blue > svg {
  color: #9bc9ff;
}

.business-agent-cards--item--green {
  background-color: #edfff1;
}

.business-agent-cards--item--green > svg {
  color: #50fb78;
}

.business-agent-cards--link-wrapper {
  display: flex;
  align-items: center;
}

.business-agent-cards--link {
  padding: 45px 30px;
  border: 2px dashed rgba(41, 207, 81, 0.6);
  border-radius: 200px;
  font-weight: 700;
  font-size: 20px;
  color: #23c048;
  text-align: center;
  transition: 0.3s ease-in-out;
}

.business-agent-cards--link:hover {
  border-radius: 0;
  border-style: solid;
  background-color: #23c048;
  color: #fff;
}

@media only screen and (min-width: 1300px) {
  body.business-partner-in-insurance {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 1300px) {
  .business-agent-cards--wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}

@media only screen and (max-width: 600px) {
  .business-damage-management--image {
    height: 150px;
  }

  .business-partner-in-insurance .business-text-icons {
    padding: 30px 0;
  }

  .business-partner-in-insurance--cards {
    padding: 30px 0;
  }

  .business-partner-in-insurance--cards > h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .business-partner-in-insurance--green {
    padding: 30px 0;
  }

  .business-partner-in-insurance--green > h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .business-partner-in-insurance--green > p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
  }

  .business-partner-in-insurance--green--wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }

  .business-partner-in-insurance--green--item {
    gap: 10px;
    padding: 10px;
  }

  .business-partner-in-insurance--green--item p {
    font-size: 14px;
    line-height: 20px;
  }

  .business-agent-cards {
    padding: 30px 0;
  }

  .business-agent-cards > h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .business-agent-cards--wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }

  .business-agent-cards--item > svg {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
  }

  .business-agent-cards--item > p {
    font-size: 14px;
    line-height: 20px;
  }

  .business-agent-cards--link {
    width: 100%;
    padding: 17px 15px;
    font-size: 16px;
  }

  .business-partner-in-insurance--cards > p {
    font-size: 14px;
    line-height: 20px;
  }

  .business-partner-in-insurance--cards > p > svg {
    width: 15px;
    flex-shrink: 0;
  }
}
