.elementor-4495 .elementor-element.elementor-element-7d08214{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-4495 .dialog-widget-content{animation-duration:0.3s;background-color:#FFFFFF;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4495{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4495 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-4495 .dialog-close-button{display:flex;}@media(max-width:767px){.elementor-4495 .elementor-element.elementor-element-7d08214{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-c7da4a2 */.college-search-box{
position:relative;
width: 500px;
margin: auto;
}

#collegeResults{
    height: 400px;
overflow: auto;
}

#collegeGhost,
#collegeSearch{
width:100%;
padding:12px;
font-size:16px;
border-radius:8px;
border:1px solid #ddd;
}

/* ghost style */
#collegeGhost{
position:absolute;
left:0;
top:0;
color:#bbb;
background:transparent;
pointer-events:none;
}

/* real input */
#collegeSearch{
position:relative;
background:transparent;
color: black;
}

#collegeSearch, #collegeGhost{
    height: 60px;
    border-radius: 100px;
    padding: 0 48px !important;
}

#collegeSearch, #collegeGhost{
padding-left:40px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:24px center;
background-size:18px;
}

@media only screen and (max-width: 767px){
    .college-search-box{
position:relative;
width: 100%;
margin: auto;
}

#collegeResults{
    height: 65vh;
overflow: auto;
}
}

@media only screen and (max-width: 1024px){
    #collegeResults{
    height: 65vh;
overflow: auto;
}
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-4495 .dialog-close-button {
    display: flex;
    border: 1px solid #0000000f;
    padding: 5px;
    border-radius: 50%;
    background: #f7f7f7;/* End custom CSS */