.expert-thank-you-bg, .service-thank-you-template-section {
    margin-top: 50px;
    background-image: url("../images/thank-bg-square.svg");
    background-size: 75%;
    background-position: -101%;
    background-repeat: no-repeat;
    background-position-y: -210px;
    padding-block: 35px;
}
.contact-icons .whatsapps:hover span {
 border-bottom: 1px solid #fff;
 text-decoration: none !important;
}

.service-thank-you-template-section{
   margin-top: -25px !important;
}
.thankyou-section .breadcrumb-color{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin: 15px 0px;
   align-items: center;
}
.thankyou-section .breadcrumb-color ul li a{
   display: flex;
   align-items: center;
}
.thankyou-section .address{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 30px 0px;
}
.thankyou-section .contact-icons a span{
 border-bottom: 1px solid purple;
}

.thankyou-section .bottom-section{
   padding: 40px 0px;
}
.thankyou-section p.trusted-partner, .thankyou-section p.track-the-status{
     width: 30% !important;
     margin: auto;
}
.thankyou-section p.event-grow{
 width: 47%;
 margin: auto;
}
.thankyou-section img{
   width: 200px;
}
.thankyou-section p{
   margin-bottom: 0px;
}
.thankyou-section .breadcrumb-color .contact-icons .btn.btn-md-outline-primary{
   background-color: transparent !important;
}
.thankyou-section .breadcrumb-color .contact-icons .btn.btn-md-outline-primary:hover{
   background-color: var(--purple) !important;
}
.thankyou-section .breadcrumb-color .contact-icons .btn.btn-md-outline-primary:hover span{
   color: white !important;
}
.thankyou-section .breadcrumb-color .contact-icons{
   background: rgba(255, 255, 255, 0.23);
   padding: 0px 15px;
}
ul {
   padding-left: 0px;
}
ul li{
   list-style: none;
}

@media (max-width: 992px) {
   .thankyou-section .address .col-md-3{
       align-self: center;
       width: fit-content;
  }
  .thankyou-section p.track-the-status{
    width: 68% !important;
    margin: auto;
  }
  .thankyou-section p.event-grow {
     width: 90%;
     margin: auto;
   }
  .thankyou-section p.expert-offer{
    width: 65% !important;
    margin: auto;
  }
  .thankyou-section p.trusted-partner{
    width: 67% !important;
    margin: auto;
  }
}

@media (max-width: 620px) {
   .thankyou-section .breadcrumb-color{
   flex-wrap: nowrap;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: end;
   margin-bottom: 50px;
   }
   .thankyou-section .address .col-md-3{
   align-self: center;
   width: fit-content;
   margin-top: 30px;
   }
   .thankyou-section{
   background-size: 132%;
   background-position: 105%;
   background-position-y: -133px;
   }
   .thankyou-section .contact-icons .btn-md-outline-primary{
   padding: 8px 15px;
   }
   .thankyou-section .contact-icons a span{
   font-size: 10px !important;
   }
   .thankyou-section p.thank-you{
       margin: auto;
       width: 100%;
   }
   .thankyou-section p.trusted-partner, .thankyou-section p.track-the-status{
     width: 100% !important;
   }
   .thankyou-section p.expert-offer{
    width: 85% !important;
    margin: auto;
   }
   .thankyou-section img {
     width: 55%;
   }
   .thankyou-section .address{
       flex-direction: column-reverse;
   }
   .thankyou-section .address svg.ellipse{
       margin: auto;
       display: block;
   }
   .thankyou-section .address ul{
       width: 65%;
       margin: auto;
   }
   .thankyou-section .breadcrumb-color h3{
   font-size: 22px !important;
   line-height: 30px !important;
   }
   .thankyou-section p{
   font-size: 14px !important;
   line-height: 22px !important;
   }
   .thankyou-section .address ul li{
   font-size: 14px !important;
   line-height: 22px !important;
   }
   .thankyou-section .address ul li a{
   font-size: 14px !important;
   line-height: 22px !important;
   }
   .thankyou-section .bottom-section a{
   font-size: 13px !important;
   line-height: 22px !important;
   }
   .thankyou-section .breadcrumb-color .contact-icons{
   padding: 0px;
   }
   .thankyou-section .breadcrumb-color ul{
        padding-left: 0px;
        margin-bottom: 0;
   }
}

@media (max-width: 992px) {
    .thankyou-section .address .col-md-3{
        align-self: center;
        width: fit-content;
   }
}


.thankyou-section .breadcrumb-color ul{
    margin-bottom: 0;
}


@media (max-width : 600px){
 .expert-thank-you-bg, .service-thank-you-template-section {
    background-size: 87%;
    background-position-y: 0;
    background-position-x: -134px;
 }
}

.purple-hover:hover{
   background-color: var(--purple) !important;
  
}

.purple-hover:hover span{
   color: #fff!important;
}