.elementor-7204 .elementor-element.elementor-element-8a62e96{--display:flex;--padding-top:70px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7204 .elementor-element.elementor-element-52a4577{text-align:center;}.elementor-7204 .elementor-element.elementor-element-52a4577 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-weight:900;}.elementor-7204 .elementor-element.elementor-element-46879a0{--display:flex;}.elementor-7204 .elementor-element.elementor-element-e6c884f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-7204 .elementor-element.elementor-element-e6c884f{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-7204 .elementor-element.elementor-element-e6c884f{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}/* Start custom CSS for text-editor, class: .elementor-element-1431821 */.alphabet-list {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: rem;
    padding: 0.2rem !important;
    list-style-type: none;
    margin: 0 !important;
}

.letter {
    display: flex
;
font-family: Quicksand;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 1rem;
    background-color: white;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 50%;
    transition: background-color 0.3s, color 0.3s;
    text-decoration: none;
}

/* Responsive behavior for larger screens */
@media (min-width: 1024px) {
    .alphabet-list {
       /* justify-content: space-between;*/
    }

    .letter {
        width: 3rem;
        height: 3rem;
    }
}

/* Responsive behavior for smaller screens */
@media (max-width: 768px) {
    .letter {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.2rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6c884f */.dictionary-letter-header {
  scroll-margin-top: 100px; 
}

.dictionary-group-list {
	list-style: none!important;
	margin: 0!important;
}

.alphabetical-dictionary-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 50px;
}

@media (max-width: 767px) {
.alphabetical-dictionary-list{
    grid-template-columns: 1fr;
}
}/* End custom CSS */