section {
  margin: 100px 0;
}

.desktop_practice_area_head {
    padding: 0px !important;
}

.desktop_practice_area_section {
    margin: 0px !important;
}

.feature-icon svg {
  width: 1rem;
  height: 1rem;
}

.text-container {
  text-align: center;
  background: #fff;
  /* max-width: 300px; */
  width: 250px;
  border-radius: 16px 16px 16px 70px;
  position: relative;
  padding: 10px 45px 10px 10px;
  height: 70px;
  align-items: center;
  display: flex;
}

/* .text-container::before {
  content: '';
  height: 90%;
  width: 80%;
  border-radius: 16px 16px 16px 70px;
  position: absolute;
  top: -10px;
  right: 0;
  background-color: #6a6ce6;
  z-index: -1;
} */

.headline {
  /* font-size: 14px;
  font-weight: 600;
  color: #131313;
  margin: 0 0 5px; */

  font-size: 12px;
    font-weight: 600;
    color: #131313;
    margin: 0 0 5px;
    text-align: center;
    flex: auto;
}

.circle-decoration {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  display: none;
}

.rotate90 {
  transform: rotate(90deg);
}

.circle-svg {
  width: 100%;
  height: 100%;
}

.flex-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-box {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-end;
}

.content-box {
    margin-right: 0px;
}

/* ===================1366x768============START LAPTOP VERSION CSS============================ */
/*LAYOUT 1*/

/* Small devices (phones) */
@media (max-width: 1366px) {
  .content-box {
        margin-right: 0px;
    }

    .our-wining-awards-area .single-wining-section p {
        margin: 15px 5px 10px;
    }

    .practice_area_div {
        padding: 25px;
    }
}

/* Medium devices (tablets) */
@media (min-width: 1367px) and (max-width: 1920px) {
    .content-box {
        margin-right: -70px;
    }

    .column-wrapper {
        margin-left: -70px;
    }
}

/* Large devices (desktops) */
/* @media (min-width: 1025px) {
  .content-box {
        margin-right: -70px;
    }
} */

.custom-flex-layout1 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.custom-flex-layout1::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout1:first-child,
.content-box .custom-flex-layout1:last-child{
  margin-right: -100px;
}

.content-box .custom-flex-layout1::before{
  left: calc(100% - 20px);
}


.content-box .custom-flex-layout1:nth-child(1)::after,
.column-wrapper .custom-flex-layout1:nth-child(1)::after{
  content: '';
  height: 285px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.content-box .custom-flex-layout1:nth-child(1)::after{
  top: 47%;
    left: calc(100% + 43px);
    transform: rotate(0deg);
}

/*END LAYOUT 1*/

/*LAYOUT 2*/
.custom-flex-layout2 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-right: -70px;
}

.custom-flex-layout2::before{
  content: '';
  height: 4px;
  width: 70px;
  background: #b71ae7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout2:first-child,
.content-box .custom-flex-layout2:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout2::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout2:nth-child(2) .custom-icon-wrapper{
  background: #b71ae7;
}

.content-box .custom-flex-layout2:nth-child(2)::after,
.column-wrapper .custom-flex-layout2:nth-child(2)::after{
  content: '';
  height: 205px;
  width: 4px;
  background-color: #b71ae7;
  position: absolute;
}

.content-box .custom-flex-layout2:nth-child(2)::after{
  top: 47%;
    left: calc(100% + 47px);
    transform: rotate(0deg);
}

/*END LAYOUT 2*/

/*LAYOUT 3*/
.custom-flex-layout3 {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    margin-right: -40px;
}

.custom-flex-layout3::before{
  content: '';
  height: 4px;
  width: 72px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout3:first-child,
.content-box .custom-flex-layout3:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout3::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout3:nth-child(3) .custom-icon-wrapper{
  background: #0d8b42;
}

.content-box .custom-flex-layout3:nth-child(3)::after,
.column-wrapper .custom-flex-layout3:nth-child(3)::after{
  content: '';
  height: 160px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.content-box .custom-flex-layout3:nth-child(3)::after{
  top: 47%;
    left: calc(100% + 49px);
    transform: rotate(0deg);
}
/*END LAYOUT 3*/

/*LAYOUT 4*/
.custom-flex-layout4 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-right: -10px;
}

.custom-flex-layout4::before{
  content: '';
  height: 4px;
  width: 70px;
  background: #68b844;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout4:first-child,
.content-box .custom-flex-layout4:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout4::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout4:nth-child(4) .custom-icon-wrapper{
  background: #68b844;
}

.content-box .custom-flex-layout4:nth-child(4)::after,
.column-wrapper .custom-flex-layout4:nth-child(4)::after{
  content: '';
  height: 160px;
  width: 4px;
  background-color: #68b844;
  position: absolute;
}

.content-box .custom-flex-layout4:nth-child(4)::after{
  top: 47%;
left: calc(100% + 48px);
transform: rotate(0deg);
}
/*END LAYOUT 4*/

/*LAYOUT 5*/
.custom-flex-layout5 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.custom-flex-layout5::before{
  content: '';
  height: 4px;
  width: 125px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout5:first-child,
.content-box .custom-flex-layout5:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout5::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout5:nth-child(5) .custom-icon-wrapper{
  background: #0d8b42;
}

.content-box .custom-flex-layout5:nth-child(5)::after,
.column-wrapper .custom-flex-layout5:nth-child(5)::after{
  content: '';
  height: 160px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.content-box .custom-flex-layout5:nth-child(5)::after{
  top: 47%;
    left: calc(100% + 90px);
    transform: rotate(0deg);
}
/*END LAYOUT 5*/

/*LAYOUT 6*/
.custom-flex-layout6 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.custom-flex-layout6::before{
  content: '';
  height: 4px;
  width: 125px;
  background: #61816f;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout6:first-child,
.content-box .custom-flex-layout6:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout6::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout6:nth-child(6) .custom-icon-wrapper{
  background: #61816f;
}

/* .content-box .custom-flex-layout9:nth-child(6)::after,
.column-wrapper .custom-flex-layout9:nth-child(6)::after{
  content: '';
  height: 160px;
  width: 4px;
  background-color: #61816f;
  position: absolute;
}

.content-box .custom-flex-layout9:nth-child(6)::after{
  top: 47%;
    left: calc(100% + 90px);
    transform: rotate(0deg);
} */
/*END LAYOUT 9*/

/*LAYOUT 7*/
.custom-flex-layout7 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-right: -10px;
}

.custom-flex-layout7::before{
  content: '';
  height: 4px;
  width: 72px;
  background: #abd361;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout7:first-child,
.content-box .custom-flex-layout7:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout7::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout7:nth-child(7) .custom-icon-wrapper{
  background: #abd361;
}

.content-box .custom-flex-layout7:nth-child(7)::after,
.column-wrapper .custom-flex-layout7:nth-child(7)::after{
  content: '';
  height: 23px;
  width: 4px;
  background-color: #61816f;
  position: absolute;
}

.content-box .custom-flex-layout7:nth-child(7)::after{
    top: 20%;
    left: calc(100% + 48px);
    transform: rotate(0deg);
}

/*END LAYOUT 7*/

/*LAYOUT 8*/
.custom-flex-layout8 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-right: -40px;
}

.custom-flex-layout8::before{
  content: '';
  height: 4px;
  width: 71px;
  background: #a484a8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout8:first-child,
.content-box .custom-flex-layout8:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout8::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout8:nth-child(8) .custom-icon-wrapper{
  background: #a484a8;
}

.content-box .custom-flex-layout8:nth-child(8)::after,
.column-wrapper .custom-flex-layout8:nth-child(8)::after{
  content: '';
  height: 90px;
  width: 4px;
  background-color: #a484a8;
  position: absolute;
}

.content-box .custom-flex-layout8:nth-child(8)::after{
    top: -76%;
    left: calc(100% + 48px);
    transform: rotate(0deg);
}
/*END LAYOUT 8*/


/*LAYOUT 9*/
.custom-flex-layout9 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-right: -70px;
}

.custom-flex-layout9::before{
  content: '';
  height: 4px;
  width: 70px;
  background: #a484a8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout9:first-child,
.content-box .custom-flex-layout9:last-child{
  margin-right: -60px;
}

.content-box .custom-flex-layout9::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout9:nth-child(9) .custom-icon-wrapper{
  background: #a484a8;
}

.content-box .custom-flex-layout9:nth-child(9)::after,
.column-wrapper .custom-flex-layout9:nth-child(9)::after{
  content: '';
  height: 205px;
  width: 4px;
  background-color: #a484a8;
  position: absolute;
}

.content-box .custom-flex-layout9:nth-child(9)::after{
  top: -240%;
    left: calc(100% + 47px);
    transform: rotate(0deg);
}
/*END LAYOUT 9*/



/*LAYOUT 10*/
.custom-flex-layout10 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.custom-flex-layout10::before{
  content: '';
  height: 4px;
  width: 67px;
  background: #880499;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.content-box .custom-flex-layout10:first-child,
.content-box .custom-flex-layout10:last-child{
  margin-right: -100px;
}

.content-box .custom-flex-layout10::before{
  left: calc(100% - 20px);
}

.content-box .custom-flex-layout10:nth-child(10) .custom-icon-wrapper{
  background: #880499;
}

.content-box .custom-flex-layout10:nth-child(10)::after,
.column-wrapper .custom-flex-layout10:nth-child(10)::after{
  content: '';
  height: 289px;
  width: 4px;
  background-color: #880499;
  position: absolute;
}

.content-box .custom-flex-layout10:nth-child(10)::after{
    top: -360%;
    left: calc(100% + 43px);
    transform: rotate(0deg);
}
/*END LAYOUT 10*/
/* ==============================RIGHT SIDE===================== */
/*LAYOUT 11*/
.custom-flex-layout11 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -100px;
}

.custom-flex-layout11::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout11:first-child,
.column-wrapper .custom-flex-layout11:last-child{
  margin-right: -100px;
}

.column-wrapper .custom-flex-layout11::before{
  right: calc(100% - 20px);
}

 .column-wrapper .custom-flex-layout11:nth-child(11) .custom-icon-wrapper{
  background: #0d8b42;
} 

.column-wrapper .custom-flex-layout11:nth-child(1)::after{
  content: '';
  height: 285px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout11:nth-child(1)::after{
  top: 47%;
    right: calc(100% + 43px);
    transform: rotate(0deg);
}

/*END LAYOUT 11*/

/*LAYOUT 12*/
.custom-flex-layout12 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -70px;
}

.custom-flex-layout12::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #b71ae7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout12:first-child,
.column-wrapper .custom-flex-layout12:last-child{
  margin-left: -70px;
}

.column-wrapper .custom-flex-layout12::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout12:nth-child(2) .custom-icon-wrapper{
  background: #b71ae7;
}

.column-wrapper .custom-flex-layout12:nth-child(2)::after{
  content: '';
  height: 285px;
  width: 4px;
  background-color: #b71ae7;
  position: absolute;
}

.column-wrapper .custom-flex-layout12:nth-child(2)::after{
    top: 47%;
    right: calc(100% + 45px);
    transform: rotate(0deg);
}

/*END LAYOUT 12*/

/*LAYOUT 13*/
.custom-flex-layout13 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -40px;
}

.custom-flex-layout13::before{
  content: '';
  height: 4px;
  width: 68px;
  background: #b71ae7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout13:first-child,
.column-wrapper .custom-flex-layout13:last-child{
  margin-right: -40px;
}

.column-wrapper .custom-flex-layout13::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout13:nth-child(3) .custom-icon-wrapper{
  background: #b71ae7;
}

.column-wrapper .custom-flex-layout13:nth-child(3)::after{
  content: '';
  height: 285px;
  width: 4px;
  background-color: #b71ae7;
  position: absolute;
}

.column-wrapper .custom-flex-layout13:nth-child(3)::after{
    top: 47%;
    right: calc(100% + 47px);
    transform: rotate(0deg);
}

/*END LAYOUT 13*/

/*LAYOUT 14*/
.custom-flex-layout14 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -10px;
}

.custom-flex-layout14::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout14:first-child,
.column-wrapper .custom-flex-layout14:last-child{
  margin-left: -100px;
}

.column-wrapper .custom-flex-layout14::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout14:nth-child(4) .custom-icon-wrapper{
  background: #0d8b42;
}

.column-wrapper .custom-flex-layout14:nth-child(4)::after{
  content: '';
  height: 34px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout14:nth-child(4)::after{
  top: 47%;
    right: calc(100% + 45px);
    transform: rotate(0deg);
}

/*END LAYOUT 14*/

/*LAYOUT 15*/
.custom-flex-layout15 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.custom-flex-layout15::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout15:first-child,
.column-wrapper .custom-flex-layout15:last-child{
  margin-left: -100px;
}

.column-wrapper .custom-flex-layout15::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout15:nth-child(5) .custom-icon-wrapper{
  background: #0d8b42;
}

/* .column-wrapper .custom-flex-layout15:nth-child(5)::after{
  content: '';
  height: 285px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout15:nth-child(5)::after{
  top: 47%;
    right: calc(100% + 43px);
    transform: rotate(0deg);
} */

/*END LAYOUT 15*/

/*LAYOUT 16*/
.custom-flex-layout16 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.custom-flex-layout16::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout16:first-child,
.column-wrapper .custom-flex-layout16:last-child{
  margin-left: -100px;
}

.column-wrapper .custom-flex-layout16::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout16:nth-child(6) .custom-icon-wrapper{
  background: #0d8b42;
}

/* .column-wrapper .custom-flex-layout16:nth-child(6)::after{
  content: '';
  height: 285px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout16:nth-child(6)::after{
  top: 47%;
    right: calc(100% + 43px);
    transform: rotate(0deg);
} */

/*END LAYOUT 16*/

/*LAYOUT 17*/
.custom-flex-layout17 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -10px;
}

.custom-flex-layout17::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout17:first-child,
.column-wrapper .custom-flex-layout17:last-child{
  margin-left: -100px;
}

.column-wrapper .custom-flex-layout17::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout17:nth-child(7) .custom-icon-wrapper{
  background: #0d8b42;
}

.column-wrapper .custom-flex-layout17:nth-child(7)::after{
  content: '';
  height: 26px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout17:nth-child(7)::after{
    top: 15%;
    right: calc(100% + 43px);
    transform: rotate(0deg);
}

/*END LAYOUT 17*/

/*LAYOUT 18*/
.custom-flex-layout18 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -40px;
}

.custom-flex-layout18::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout18:first-child,
.column-wrapper .custom-flex-layout18:last-child{
  margin-left: -100px;
}

.column-wrapper .custom-flex-layout18::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout18:nth-child(8) .custom-icon-wrapper{
  background: #0d8b42;
}

.column-wrapper .custom-flex-layout18:nth-child(8)::after{
  content: '';
  height: 93px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout18:nth-child(8)::after{
    top: -80%;
    right: calc(100% + 43px);
    transform: rotate(0deg);
}

/*END LAYOUT 18*/

/*LAYOUT 19*/
.custom-flex-layout19 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -70px;
}

.custom-flex-layout19::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout19:first-child,
.column-wrapper .custom-flex-layout19:last-child{
  margin-left: -100px;
}

.column-wrapper .custom-flex-layout19::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout19:nth-child(9) .custom-icon-wrapper{
  background: #0d8b42;
}

.column-wrapper .custom-flex-layout19:nth-child(9)::after{
  content: '';
  height: 170px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout19:nth-child(9)::after{
    top: -190%;
    right: calc(100% + 43px);
    transform: rotate(0deg);
}

/*END LAYOUT 19*/

/*LAYOUT 20*/
.custom-flex-layout20 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: -100px;
}

.custom-flex-layout20::before{
  content: '';
  height: 4px;
  width: 65px;
  background: #0d8b42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.column-wrapper .custom-flex-layout20:first-child,
.column-wrapper .custom-flex-layout20:last-child{
  margin-left: -100px;
}

.column-wrapper .custom-flex-layout20::before{
  right: calc(100% - 20px);
}

.column-wrapper .custom-flex-layout20:nth-child(10) .custom-icon-wrapper{
  background: #0d8b42;
}

.column-wrapper .custom-flex-layout20:nth-child(10)::after{
  content: '';
  height: 247px;
  width: 4px;
  background-color: #0d8b42;
  position: absolute;
}

.column-wrapper .custom-flex-layout20:nth-child(10)::after{
  top: -300%;
    right: calc(100% + 43px);
    transform: rotate(0deg);
}

/*END LAYOUT 20*/

/* ===================1366x768============END LAPTOP VERSION CSS============================ */

.content-box .custom-flex-layout1:nth-child(1) .custom-icon-wrapper{
  background: #0d8b42;
}
.content-box .custom-flex-layout2:nth-child(2) .custom-icon-wrapper{
  background: #b852e7;
}
.content-box .custom-flex-layout3:nth-child(3) .custom-icon-wrapper{
  background: #57cf20;
}
.content-box .custom-flex-layout4:nth-child(4) .custom-icon-wrapper{
  background: #ee9c22;
}
.content-box .custom-flex-layout5:nth-child(5) .custom-icon-wrapper{
  background: #7951a7;
}
.content-box .custom-flex-layout6:nth-child(6) .custom-icon-wrapper{
  background: #9956d1;
}
.content-box .custom-flex-layout7:nth-child(7) .custom-icon-wrapper{
  background: #ee9c22;
}
.content-box .custom-flex-layout8:nth-child(8) .custom-icon-wrapper{
  background: #57cf20;
}
.content-box .custom-flex-layout9:nth-child(9) .custom-icon-wrapper{
  background: #b852e7;
}
.content-box .custom-flex-layout10:nth-child(10) .custom-icon-wrapper{
  background: #0d8b42;
}

.custom-icon-wrapper {
    position: relative;
    flex-shrink: 0;
    border-radius: 16px 16px 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    width: 3.5rem;
    height: 3.5rem;
}


.content-box .custom-icon-wrapper {
  transform: rotate(-45deg);
  margin-left: -30px;
}

.custom-column {
  width: 33.33%;
  position: relative;
   z-index: 2;
}

.custom-square-box{
  height: 300px;
  width: 300px;
  padding: 50px;
  border-radius: 50%;
  background-image: conic-gradient(
  #8b718b 0deg 360deg
);
  mask: conic-gradient(#000 0 0)content-box exclude,conic-gradient(#000 0 0);
  margin: auto;
}

.custom-square-box span{
  color: #fff;
  position: absolute;
  top: 47%;
  left: 49%;
  transform: rotate(calc(60deg * var(--i))) translate(180px) rotate(calc(-60deg * var(--i)));
  font-size: 20px;
  font-weight: bold;
}

.logo-container{
  height: 240px;
  width: 240px;
  padding: 10px;
  border-radius: 50%;
  background-image: conic-gradient(
  transparent 0deg 2deg,
  #ddc919 2deg 58deg,
  transparent 58deg 62deg,
  #c54f18 62deg 118deg,
  transparent 118deg 122deg,
  #ce2f91 122deg 178deg,
  transparent 178deg 182deg,
  #6933cc 182deg 238deg,
  transparent 238deg 242deg,
  #4442c9 242deg 298deg,
  transparent 298deg 302deg,
  #0d8b42 302deg 358deg,
  transparent 358deg 360deg,
  #c54f18 62deg 118deg,
  transparent 118deg 122deg,
  #ce2f91 122deg 178deg,
  transparent 178deg 182deg,
  #6933cc 182deg 238deg,
  transparent 238deg 242deg,
  #4442c9 242deg 298deg,
  transparent 298deg 302deg,
);

  mask: conic-gradient(#000 0 0)content-box exclude,conic-gradient(#000 0 0);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
}

.text-content{
  height: 200px;
  width: 200px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.text-content h1{
  font-size: 18px;
}
.text-content p{
  font-size: 14px;
}


.column-wrapper {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  gap: 15px;
  width: 33.3333%;
}

.column-wrapper .custom-flex-layout:first-child,
.column-wrapper .custom-flex-layout:last-child{
  margin-left: -60px;
}

.column-wrapper .custom-icon-wrapper {
  transform: rotate(135deg);
  margin-right: -30px;
}

.column-wrapper .custom-flex-layout11:nth-child(1) .custom-icon-wrapper{
  background: #0d8b42;
}
.column-wrapper .custom-flex-layout12:nth-child(2) .custom-icon-wrapper{
  background: #b852e7;
}
.column-wrapper .custom-flex-layout13:nth-child(3) .custom-icon-wrapper{
  background: #57cf20;
}
.column-wrapper .custom-flex-layout14:nth-child(4) .custom-icon-wrapper{
  background: #ee9c22;
}
.column-wrapper .custom-flex-layout15:nth-child(5) .custom-icon-wrapper{
  background: #7951a7;
}
.column-wrapper .custom-flex-layout16:nth-child(6) .custom-icon-wrapper{
  background: #9956d1;
}
.column-wrapper .custom-flex-layout17:nth-child(7) .custom-icon-wrapper{
  background: #ee9c22;
}
.column-wrapper .custom-flex-layout18:nth-child(8) .custom-icon-wrapper{
  background: #57cf20;
}
.column-wrapper .custom-flex-layout19:nth-child(9) .custom-icon-wrapper{
  background: #b852e7;
}
.column-wrapper .custom-flex-layout20:nth-child(10) .custom-icon-wrapper{
  background: #0d8b42;
}

/* .column-wrapper .custom-flex-layout:nth-child(1) .custom-icon-wrapper{
  background: #ddc919;
}
.column-wrapper .custom-flex-layout:nth-child(2) .custom-icon-wrapper{
  background: #c54f18;
}
.column-wrapper .custom-flex-layout:nth-child(3) .custom-icon-wrapper{
  background: #ce2f91;
}
.column-wrapper .custom-flex-layout:nth-child(4) .custom-icon-wrapper{
  background: #ddc919;
}
.column-wrapper .custom-flex-layout:nth-child(5) .custom-icon-wrapper{
  background: #c54f18;
} */


.column-wrapper .custom-flex-layout::before{
  right: calc(100% - 20px);
}


.content-box .custom-flex-layout:nth-child(3)::after{
  top: 9%;
  left: calc(100% + 130px);
  transform: rotate(40deg);
}
.column-wrapper .custom-flex-layout:nth-child(1)::after{
  top: 44%;
  right: calc(100% + 130px);
  transform: rotate(40deg);
}
.column-wrapper .custom-flex-layout:nth-child(3)::after{
  top: 9%;
  right: calc(100% + 130px);
  transform: rotate(140deg);
}

.text-block-prac-area {
  /* text-align: center;
  background: #fff;
  max-width: 300px;
  border-radius: 16px 16px 70px 16px;
  position: relative;
  padding: 8px 32px; */

    text-align: center;
    background: #fff;
    width: 250px;
    border-radius: 16px 16px 70px 16px;
    position: relative;
    padding: 10px 10px 10px 45px;
    height: 70px;
    align-items: center;
    display: flex
;
}

/* .text-block-prac-area::before {
  content: '';
  height: 90%;
  width: 80%;
  border-radius: 16px 16px 70px 16px;
  position: absolute;
  top: -10px;
  left: 0;
  background-color: #6a6ce6;
  z-index: -1;
} */