.service-second-section {
 padding: 4rem;
 width: 100%;
}
.inside-sss {
 display: flex
;
 flex-direction: column;
 align-items: center;
}
.inside-sss h1 {
 font-family: anton;
 font-size: 95px;
 text-align: center;
 width: 70%;
 letter-spacing: 1px;
 margin: 1rem 0;
 line-height: 110px;
 font-weight: 500;
}
.inside-sss p {
 font-family: unbounded;
 text-align: center;
 width: 70%;
 color: #676565;
}
.inside-sss a{
 margin: 2rem 0;
}
.service-desc {
 width: 100%;
 padding: 4rem;
 background: #252525;
 border-radius: 75px 75px 0 0;
}
.inside-service-desc {
 display: flex;
 flex-direction: column;
 width: 100%;
}
.service-sc {
 display: flex;
 justify-content: space-between;
 border-bottom: 5px solid #a3a3a3;
 padding: 4rem 0;
}
.ssc-right {
 width: 60%;
 padding: 2rem;
 font-family: unbounded;
 font-size: 14px;
}
.tags-section {
 display: flex;
 justify-content: flex-start;
 width: 100%;
 margin-bottom: 2rem;
 flex-wrap: wrap;
}
.ssc-left {
 font-family: anton;
 font-size: 30px;
}
.ssc-left h1 {
 font-weight: 500;
 color: #fff;
}
.tag{
 background: #fff;
 padding: 1rem;
 border-radius: 30px;
 margin-right: 1rem;
 margin-bottom: 1rem;
 transition: color 0.3s ease;
 position: relative;
 overflow: hidden;
 /* transition-timing-function: cubic-bezier(0.38, 0.005, 0.215, 1); */
}
.tag::before {
 content: '';
 position: absolute;
 width: 10px;
 height: 10px;
 background-color: #000;
 border-radius: 50%;
 top: 45%;
 z-index: -1;
 left: 50%;
 opacity: 0;
 transform: scale(0);
 transform-origin: center center;
 transition: transform 0.8s cubic-bezier(0.38, 0.005, 0.215, 1), opacity 0.2s cubic-bezier(0.38, 0.005, 0.215, 1);
 transition: all 0.3s ease;
 transform-origin: center center;
 /* transition-delay: 10s; */
}
.tag p{
 z-index: 100;
 position: relative;
}
.tag:hover::before{
 width: 100%;
 height: 100%;
 z-index: 1;
 top: 0;
 left: 0;
 opacity: 1;
 border-radius: 30px;
 transform: scale(1);
}
.tag:hover p{
 color: #fff;
 z-index: 100;
}
.ssc-p{
 color: #a3a3a3;
 text-align: justify;
 font-size: 13px;
 line-height: 22px;
 font-weight: 300;
 margin: 2rem 0;
}

@media (max-width: 1024px){
 .inside-sss h1 {
  font-size: 80px;
  width: 85%;
  line-height: 95px;
}
.inside-common-hero h1 {
 font-size: 7rem;
}
}

@media (max-width: 900px){
 .inside-sss h1 {
  font-size: 65px;
  width: 100%;
  line-height: 72px;
}
.inside-common-hero h1 {
 font-size: 6rem;
}
 .ssc-right {
   width: 65%;
}
}

@media (max-width: 765px){
 .service-second-section {
  padding: 2rem;
  width: 100%;
}
.inside-sss h1 {
 font-size: 55px;
 width: 100%;
 line-height: 65px;
}

.inside-sss p {
    width: 100%;
    font-size: 14px;
}
.ssc-left {
 font-family: anton;
 font-size: 25px;
}
.tag {
 padding: 0.8rem;
 font-size: 13px;
}
.ssc-right {
 padding: 1rem;
}
.service-desc {
 padding: 4rem 2rem;
}
.service-sc {
 padding: 2rem 0;
}
.ssc-left {
 width: 40%;
}
.ssc-p {
  margin: 1rem 0;
}
.ssc-left {
 font-size: 20px;
}
}

@media (max-width: 600px) {
 .inside-common-hero h1 {
  font-size: 5rem;
}
.service-sc {
 flex-direction: column;
}
.ssc-right {
 width: 100%;
 margin: 1rem 0;
 padding: 0;
}
.ssc-left h1 {
  font-weight: 500;
  color: #fff;
  font-size: 35px;
  margin: 1rem 0;
}
.ssc-left {
 width: 100%;
}
}


@media (max-width: 465px) {
  .ssc-left h1 {
    font-size: 28px;
    margin: 1rem 0;
  }
}

@media (max-width: 420px){
  .tag {
    padding: 0.7rem;
    font-size: 10px;
}
.tags-section {
  margin-bottom: 1rem;
}
.service-sc {
  padding: 1rem 0;
}
}