.keyword-bottom {
    bottom: 20% !important;
    right: 20% !important;
}
.keyword-top {
    top: 25% !important;
    left: 23% !important;
}
@media (max-width: 768px){
    .page-header-keywords {
        position: absolute;
        top: 30vw !important;
        width: 100%;
        height: 5rem
    }
    .keyword-bottom {
        bottom: 56% !important;
        right: 15% !important;
    }   
    .keyword-top{
        top: 10% !important;
        left: 10% !important;
    }
    .Headbr{
    color: white !important;
    font-family: obviously-variable, sans-serif !important;
    font-variation-settings: "wght" 700, "wdth" 100, "ital" 0 !important;
     font-size: 9vw !important;
   
    /* font-weight: bolder; */
  } 
  .full-height-pink-block{
    padding: 0 !important;
    gap: 0 !important;
  }
  .sectionFaq .Headbr {
    text-align: center !important;
    font-size: 9vw !important;

    
  }
}
@media (max-width: 1024px){
    .keyword-bottom {
        bottom: 37% ;
        right: 20% ;
    }   
    .s-keyword-heading{
        font-size: 30px
    }
}
@media (min-width: 1920px){
    .keyword-bottom {
        bottom: 37% !important;
        right: 20%  !important;
    }   
    .s-keyword-heading{
        font-size: 36px !important;
    }
    .keyword-top{
        top: 10% !important;
        left: 20% !important;
    }
}


.serviceSection{
/* border: 1px solid red; */
padding: 40px 60px;
}
.insideService{
/* border: 1px solid red; */
display: flex;
flex-direction: column;

}
.sectionFaq h3{
    color: white !important;
    font-family: obviously-variable, sans-serif !important;
    font-variation-settings: "wght" 700,  "ital" 0;
    font-weight: bolder;
    
}
.downService{
    /* border: 1px solid red; */
    display: grid;
      grid-template-columns: repeat(4, 1fr) ; 
      gap: 20px; 
      padding: 20px;
      color: white;
      
}
@media (min-width: 1536px) {
    .downService{
        /* border: 1px solid red; */
        display: grid;
        grid-template-columns: repeat(4, 1fr); }
    }
@media (max-width: 1024px) {
        .downService{
            /* border: 1px solid red; */
            display: grid;
              grid-template-columns: repeat(2, 1fr); 
            }
    
    }
@media (max-width: 768px) {
    .downService{
        /* border: 1px solid red; */
        display: grid;
          grid-template-columns: repeat(1, 1fr); 
      padding: 0px;
    }
    .serviceSection{
/* border: 1px solid red; */
padding: 0px 20px 50px 20px;
}
}


.gridCheck{
    border: 1px solid white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 20px 10px;
    transition: all 0.3s ease-in-out ;
    
}
.gridCheck:hover{
   
       background-color: #6000A4;
       transform: translateY(-10px);
       cursor: pointer;



}

.gridCheck:hover span{
    
    color: white;
    transition: all 0.3s ease-in-out ;

    
}
.round{
    border: 3px solid #6000A4;
    height: 80px;
    width:  80px;
    border-radius: 100%;
    background-color: white;
    /* background-color: #FFFF33; */
}
.purple{
    /* border: 1px solid red; */
    height: 80px;
    width:  80px;
    border-radius: 100%;
    background-color: white;
    /* background-color: #01FF9D; */
}
.purple img{
    /* border: 1px solid red; */
    height: 100%;
    width:  100%;
    padding: 18px;
    
}
.round img{
    /* border: 1px solid red; */
    height: 100%;
    width:  100%;
    padding: 18px;
    
}
.gridCheck h3{
    color: white !important;
    font-family: obviously-variable, sans-serif !important;
    font-variation-settings: "wght" 600,  "ital" 0;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    height: 35px;
    line-height: 18px;

}
.gridCheck p{
    height: 60px;
    /* border: 1px solid red; */
    text-align: center;
    color: white;

    
    

}
.clamp-text {
    display: -webkit-box;
    --webkit-line-clamp: 3;
    --webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .card-link {
    text-decoration: none;
    color: inherit;
    display: block;
  }
  .gridCheck span{
 color: #FFFF33;
 transition: all 0.3s ease-in-out ;


  }
  .Headbr{
    color: white !important;
    font-family: obviously-variable, sans-serif !important;
    font-variation-settings: "wght" 700, "wdth" 100, "ital" 0 !important;
     font-size: 7vw !important;
   
    /* font-weight: bolder; */
  }
@media (min-width: 1920px){
   .gridCheck{
    border: 1px solid white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 20px 10px;
    transition: all 0.3s ease-in-out ;
    
}
.gridCheck:hover{
   
       background-color: #6000A4;
       transform: translateY(-10px);
       cursor: pointer;



}

.gridCheck:hover span{
    
    color: white;
    transition: all 0.3s ease-in-out ;

    
}
.round{
    border: 3px solid #6000A4;
    width:  100px !important;
    height: 100px !important;
    border-radius: 100%;
    background-color: white;
    /* background-color: #FFFF33; */
}
.purple{
    /* border: 1px solid red; */
    height: 80px;
    width:  80px;
    border-radius: 100%;
    background-color: white;
    /* background-color: #01FF9D; */
}
.purple img{
    /* border: 1px solid red; */
    height: 100%;
    width:  100%;
    padding: 18px;
    
}
.round img{
    /* border: 1px solid red; */
    height: 100%;
    width:  100%;
    padding: 18px;
    
}
.gridCheck h3{
    color: white !important;
    font-family: obviously-variable, sans-serif !important;
    font-variation-settings: "wght" 600,  "ital" 0;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    height: 60px !important;
    line-height: 1.9rem !important;
    font-size: 1.2vw !important;

}
.gridCheck p{
    font-size: 1.2vw !important;

    height: 80px !important;
    /* border: 1px solid red; */
    text-align: center;
    color: white;

    
    

}
.clamp-text {
    display: -webkit-box;
    --webkit-line-clamp: 3;
    --webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .card-link {
    text-decoration: none;
    color: inherit;
    display: block;
  }
  .gridCheck span{
 color: #FFFF33;
 transition: all 0.3s ease-in-out ;
 font-size: 1.2vw !important;


  }
  .Headbr{
    color: white !important;
    font-family: obviously-variable, sans-serif !important;
    font-variation-settings: "wght" 700, "wdth" 100, "ital" 0 !important;
     font-size: 7vw !important;
   
    /* font-weight: bolder; */
  } 
}