.why-google-ads-section{
    gap: 200px;
}

/* google-ads-half-circle */

.google-ads-circle{
    width: 400px;
    height: 800px;
    border-top-right-radius: 400px;
    border-bottom-right-radius: 400px;
    background-color: var(--circle-lightpink);
    rotate: 180deg;
}

.google-ads-circle:hover{
    background-color: var(--circle-darkpink);
}

/* google-ads-services-section */

.google-ads-services-section{
    gap: 200px;
}

/* .google-ads-services-section-animation */

.google-ads-list-style{
    width: 4px;
    height: 60px;
    background-color: rgba(233, 32, 79, 0.2);
    animation: colorSequence 14s ease infinite;
    animation-play-state: initial;
}
.google-service-list div:first-child .google-ads-list-style{
    animation-timing-function: cubic-bezier(0,0,0.8,1);
}
.google-service-list div:nth-child(2) .google-ads-list-style{
    animation-timing-function: cubic-bezier(0.60,-0.20,1,1);
}
.google-service-list div:last-child .google-ads-list-style{
    animation-timing-function: cubic-bezier(1, -0.50, 1, 1);
}

@keyframes colorSequence {
    from {
        background-color: rgba(233, 32, 79, 0.2);
    }
    to {
        background-color: rgba(233, 32, 79, 1);
    }
}
  
.image-fader img {
    position: absolute;
    left: 0;
    animation-name: imagefade;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-duration: 14s;
  }
  
  @keyframes imagefade {
    0% {
      opacity:1;
    }
    25% {
      opacity:1;
    }
    50% {
      opacity:0;
    }
    75% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  .image-fader img:nth-of-type(1) {
    animation-delay: 10s;
  }
  .image-fader img:nth-of-type(2) {
    animation-delay: 7s;
  }
  .image-fader img:nth-of-type(3) {
    animation-delay: 3s;
  }

/* media-query-starts-here */

@media screen and (max-width: 1440px){
    .google-ads-circle {
        width: 300px;
        height: 600px;
        border-top-right-radius: 300px;
        border-bottom-right-radius: 300px;
    }
    .why-google-ads-section {
        gap: 130px;
    }
    .google-ads-services-section {
        gap: 80px;
        padding: 100px 0;
    }
    .google-ads-services-section img {
        height: 600px;
        width: 430px;
    }
    .google-ads-list-style{
        height: 40px;
    }
}

@media screen and (max-width: 1024px){
    .google-ads-circle {
        width: 250px;
        height: 445px;
        border-top-right-radius: 250px;
        border-bottom-right-radius: 250px;
    }
    .why-google-ads-section {
        gap: 40px;
    }
}
@media screen and (max-width: 991px){
    .google-ads-main-section{
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .google-ads-desc{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .google-ads-circle{
        display: none;
    }
    .why-google-ads-section {
        gap: 0;
    }
    .google-ads-services-section img {
        height: 400px;
        width: 250px;
    }
    .google-ads-services-section {
        gap: 25px;
    }
    .google-ads-services-section{
        flex-wrap: wrap;
        justify-content: center;
    }
    .google-ads-services-section img {
        height: 350px;
        width: 300px;
    }
    .google-ads-img{
        background-color: #f5f5f5;
    }
    .image-fader{
        height: 50vh;
    }
    .image-fader img{
        height: 100%;
        left: auto;
        padding: 20px;
    }
}

@media screen and (max-width: 600px){
    .google-ads-services-section{
        padding: 60px 0;
    }
}