#competitive-advantage ul {
  counter-reset: line-number;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 410px;
}
#competitive-advantage li {
  counter-increment: line-number;
    display: flex;
    align-content: center;
}
#competitive-advantage li:before {
    content:"#"counter(line-number);
    border:2px solid #c40d3b;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    color:#c40d3b;
    width:80px;
    min-width: 80px;
    height:80px;
    font-size: 40px;
    margin-right:15px;
    font-weight:300;
    position: relative;
    top:-5px;
}
@media screen and (max-width: 781px) {
    #competitive-advantage li:before {
    border:1px solid #c40d3b;    
    width:40px;
    min-width: 40px;
    height:40px;
    font-size: 20px;
}
}
#best-customer-service {
    margin: 200px auto;
}
#best-customer-service .shadow-box {
    padding-top: 0;
}
#best-customer-service > .wp-block-group__inner-container {
    position: relative;
}
#best-customer-service figure img {
    position:absolute;
    z-index: -1;
    border-radius: 8px;
}
#best-customer-service figure:nth-child(1) img {
    right:0;
    top:-150px;
    transform: translateX(calc(100% - 30px));
}
#best-customer-service figure:nth-child(2) img {
    left:0;
    top:0;
    transform: translateX(calc(-100% + 20px));
}
#best-customer-service figure:nth-child(3) img {
    left:0;
    bottom:0;
    transform: translateX(calc(-100% + 20px));
}
#best-customer-service figure:nth-child(4) img {
    right:0;
    bottom:200px;
    transform: translateX(calc(100% + 10px));
}
@media screen and (max-width: 1200px) {
#best-customer-service > .wp-block-group__inner-container {
  max-width: 520px;
}
#best-customer-service .inner-spacing-660 > .wp-block-group__inner-container {
    max-width: 400px;
     margin: auto;
}
}
@media screen and (max-width: 781px) {
#best-customer-service {
    margin: 50px auto;
}
    #best-customer-service figure{
    display:none;
}
    #best-customer-service > .wp-block-group__inner-container {
  max-width: none;
}
#best-customer-service .inner-spacing-660 > .wp-block-group__inner-container {
    max-width: none;
}
}
#center-of-attention {
    position: relative;
    padding: 220px;
    
}
#center-of-attention .wp-block-columns {
   margin: 0;
}
#center-of-attention .wp-block-column {
    width:150px;
    z-index: 5;
    line-height: 1.1em;
    height: 80px;
    cursor: pointer;
}
#center-of-attention .wp-block-column p {
    transition-property: all;
    transition-duration: .5s;
}
#center-of-attention .wp-block-column figure {
    transition-property: all;
    transition-duration: .5s;
    width:80px;
    height:80px;
    border-radius:50%;
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,.25);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 15px;
}
#center-of-attention .wp-block-column:hover p {
     color:#003a5c;
    font-weight: 700;
}
#center-of-attention .wp-block-column:hover figure {
     transform: scale(130%);
    background-color: #003a5c;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
     margin-bottom: 25px;
}
#center-of-attention .wp-block-column:hover figure img {
    transition-property: all;
    transition-duration: .5s;
     filter:  brightness(0) invert(1);
}
#center-of-attention .middle-circle {
    position: relative;
}

@media screen and (min-width: 551px) {
    #center-of-attention .middle-circle:before, #center-of-attention .middle-circle:after {
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    position: absolute;
    top:-8.37%;
    left:-8.37%;
    right:-8.37%;
    bottom:-8.37%;
    content:'';
    background-image: url("images/two-circles.svg?1");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#center-of-attention .middle-circle:after {
    top:-8.37%;
    left:-8.37%;
    right:-8.37%;
    bottom:-8.37%;
    background-image: url("images/one-circle.svg?2");
}
#center-of-attention .middle-circle.active:before {
   transform: rotate(360deg);
}
#center-of-attention .middle-circle.active:after {
   transform: rotate(-360deg);
}
    #center-of-attention .wp-block-columns {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
#center-of-attention .wp-block-column {
    position: absolute;
    top:50%;
    left:50%;
}
#center-of-attention .wp-block-column:nth-child(1) {
    transform: translate(calc(0px - 50%),calc(-399px - 50%));
}
#center-of-attention .wp-block-column:nth-child(2) {
    transform: translate(calc(162px - 50%),calc(-365px - 50%));
}
#center-of-attention .wp-block-column:nth-child(3) {
    transform: translate(calc(297px - 50%),calc(-267px - 50%));
}
#center-of-attention .wp-block-column:nth-child(4) {
    transform: translate(calc(380px - 50%),calc(-123px - 50%));
}
#center-of-attention .wp-block-column:nth-child(5) {
    transform: translate(calc(397px - 50%),calc(42px - 50%));
}
#center-of-attention .wp-block-column:nth-child(6) {
    transform: translate(calc(346px - 50%),calc(200px - 50%));
}
#center-of-attention .wp-block-column:nth-child(7) {
    transform: translate(calc(235px - 50%),calc(323px - 50%));
}
#center-of-attention .wp-block-column:nth-child(8) {
    transform: translate(calc(83px - 50%),calc(391px - 50%));
}
#center-of-attention .wp-block-column:nth-child(9) {
    transform: translate(calc(-83px - 50%),calc(391px - 50%));
}
#center-of-attention .wp-block-column:nth-child(10) {
    transform: translate(calc(-235px - 50%),calc(323px - 50%));
}
#center-of-attention .wp-block-column:nth-child(11) {
    transform: translate(calc(-346px - 50%),calc(200px - 50%));
}
#center-of-attention .wp-block-column:nth-child(12) {
    transform: translate(calc(-397px - 50%),calc(42px - 50%));
}
#center-of-attention .wp-block-column:nth-child(13) {
    transform: translate(calc(-380px - 50%),calc(-123px - 50%));
}
#center-of-attention .wp-block-column:nth-child(14) {
    transform: translate(calc(-297px - 50%),calc(-267px - 50%));
}
#center-of-attention .wp-block-column:nth-child(15) {
    transform: translate(calc(-162px - 50%),calc(-365px - 50%));
}
}
@media screen and (max-width: 950px) {
    #center-of-attention .wp-block-columns {
transform: scale(75%);
    }
    #center-of-attention {
    position: relative;
    padding: 120px 0;
        max-width: 360px;
        margin: auto;
    
}
}
@media screen and (max-width: 750px) {
    #center-of-attention .wp-block-columns {
transform: scale(60%);
    }
    #center-of-attention {
    position: relative;
        max-width: 280px;
    
}
}
@media screen and (max-width: 550px) {
    #center-of-attention .wp-block-columns {
transform: none;
    }
    #center-of-attention {
    padding: 20px;
        max-width: none;
    
}
        #center-of-attention .wp-block-columns {
            margin-top: 50px;
            display: flex !important;
            flex-wrap: wrap !important;
            flex-direction: row !important;
            gap:20px !important;
    }
      #center-of-attention .wp-block-column {
            flex-basis: calc(50% - 10px) !important;
          width:auto;
    height: auto;
    }
    #center-of-attention .wp-block-column p {
    opacity:1;
}
   
}

