.hidden {
    display: none !important;
}

.addmap {
    padding: 50px 0;
}

.addmap-top {
    margin: 0 0 32px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.addmap-switch {
    border-radius: 29px;
    background: #E4EDFC;
    height: 55px;
    display: flex;
    gap: 9px;
    padding: 6px;
}

.addmap-switch-item {
    height: 43px;
    line-height: 43px;
    color: #001773;
    font-size: 18px;
    border-radius: 29px;
    padding: 0 32px;
    cursor: pointer;
}

.addmap-switch-item:hover {
    color: #fff;
    background: #4593ff65;
}

.addmap-switch-item.active {
    height: 43px;
    color: #fff;
    background: #4591FF;
}

.addmap-filters{
    display: flex;
    gap: 15px;
}
.addmap-drops {
    display: none;
}

.addmap-drop {
    position: relative;
}

.addmap-drop-current {
    border-radius: 29px;
    border: 1px solid rgba(0, 4, 133, 0.50);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    height: 43px;
    line-height: 43px;
    color: #000485;
    font-size: 18px;
    padding: 0 25px;
    align-items: center;
    cursor: pointer;
}

.addmap-drop-current > span {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    width: 100px;
    height: 43px;
    white-space: nowrap;
}

.addmap-drop-current::after {
    content: "";
    width: 9px;
    height: 7px;
    display: block;
    background: url('../svg/polygon-1.svg') no-repeat;
    margin: 3px 0 0 0;
}

.addmap-drop-pop {
    border: 1px solid rgba(0, 4, 133, 0.50);
    position: absolute;
    background: #fff;
    border-radius: 7px;
    width: 302px;
    top: 47px;
    left: -67px;
    padding: 4px 0;
    z-index: 20;
    display: none;
    height: 268px;
    overflow-y: scroll;
}

.addmap-drop-pop>div {
    padding: 12px 15px;
    line-height: 19px;
    font-size: 18px;
    cursor: pointer;
}

.addmap-drop-pop>div:hover {
    background-color: #000C3D;
    color:#fff;
    border-radius: 3px;
}


#addmap-type {
    margin-right: 12px;
}

#addmap-discipline {}

#addmap-view {
    margin-left: auto;
}

#addmap-clear {
    margin: 0 0 3px 5px;
    cursor: pointer;
    font-weight: normal;
    color: #000485;
    font-size: 20px;
    border-bottom: 1px solid #000485;
    font-weight: 600;
}
.addmap-cnt {}

.addmapuni {
    display: flex;
    flex-wrap: wrap;
    gap: 1.4%;
}

.addmapuni-item {
    display: flex;
    width: 23.95%;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #000485;
    background: #FFF;
    box-shadow: 7px 7px 0px -1px #91B9FF;
    flex-direction: column;
    padding: 27px 29px 21px;
    font-size: 18px;
    text-align: center;
    margin: 0 0 25px;
}

.addmapuni-item.hide {
    display: none;
}

.elementor .addmapuni-item>img {
    height: 45px !important;
    width: auto !important;
}

.addmapuni-item-title {
    font-weight: bold;
    margin: 0 0 2px;
    text-align: center;
    width: 100%;
}

.addmapuni-item-description {
    margin: 0 0 25px;
}

.addmap-btn {
    max-width: 240px;
    border-radius: 29px;
    border: 1px solid rgba(0, 4, 133, 0.50);
    color: #000485;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    height: 44px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-top: auto;
}

.addmap-btn:hover {
    background: #4593ff37;
}


.addmap-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}


.addmapstu {
    display: flex;
    flex-wrap: wrap;
    gap: 1.4%;
}

.addmapstu-nav {}

.addmapstu-item {
    display: flex;
    width: 23.95%;
    align-items: flex-start;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #000485;
    background: #FFF;
    box-shadow: 7px 7px 0px -1px #91B9FF;
    flex-direction: column;
    padding: 24px 27px 21px;
    font-size: 18px;
    text-align: center;
    color: #000485;
    margin: 0 0 25px;
}

.addmapstu-item.hide {
    display: none;
}

.addmapstu-item-top {
    gap: 19px;
    display: flex;
    margin: 0 0 10px;
}


.addmapstu-item-info{
    height: 46px;
    overflow: hidden;
    position: relative;
    transition: height 0.3s ease;
}
.addmapstu-item-info.opened{
    height: auto;
}
.addmapstu-item-description {
    font-size: 18px;
    margin: 0 0 10px;
    color: #000c3d;
    text-align: left;
    padding: 0 20px 0 0;
    min-height: 40px;
}
.addmapstu-item-info-drop{
    position: absolute;
    top: 10px;
    right: -11px;
    background: url(https://admissions.interstride.com/static/media/accordion-arrow.dd428b73a7e88ab0d7333ea2eb55ae48.svg) center center /  88% no-repeat;
    width: 40px;
    cursor: pointer;
    height: 30px;
}

.addmapstu-item-left {
    width: 72px;
}

.addmapstu-item-left-avatar {
    width: 72px;
    height: 72px;
    background-color: #D9D9D9;
    border-radius: 50%;
    margin: 0 0 12px;
    overflow: hidden;
    font-size: 24px;
    line-height: 72px;
    color: #fff;
}

.addmapstu-item-left-university {
    max-width: 100%;
    width: 100%;
}

.addmapstu-item-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
}

.addmapstu-item-right-title {
    font-size: 18px;
    font-weight: 600;
}

.addmapstu-item-right-discipline {
    font-size: 16px;
    margin: 0 0 17px;
}

.addmapstu-item-right-country {
    font-size: 13px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.addmapstu-item-right-country-placeholder {
    border-radius: 3px;
    background: #D9D9D9;
    width: 27px;
    height: 16px;
}
.addmapstu-item-right-country-placeholder img{
    width: 100% !important;    
    height: 100% !important;
}

.addmapstu-item .addmap-btn {
    margin: auto auto 0;
    display: block;
}

.addmapstu-map {
    display: flex;
    height: 800px;
    border: 1px solid #000485;
    box-shadow: 7px 7px 0px -1px #000485;
    border-radius: 20px;
    overflow: hidden;
    align-items: center;
    background: #fff;
}

.addmapstu-map .map {
    width: calc(100% - 337px);
    background: url(../png/map-min.png) center center / 120% auto no-repeat;
    height: 100%;
    position: relative;
}

.addmapstu-map .list {
    width: 337px;
    height: 100%;
    overflow-y: scroll;
    border-radius: 20px;
    border: 1px solid #000485;
    background: #FFF;
}

.addmapstu-map .list .addmapstu-item {
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    border-radius: 0;
    padding-bottom: 30px;
    margin: 4px 0 0;
}

.hide-priority {
    display: none !important;
}

.map-item {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #000485;
}

/* Democratic Republic of the Congo */
.point1 {
    top: 70%;
    left: 57%;
}

/* Brazil */
.point2 {
    top: 74%;
    left: 33%;
}

/* Jordan */
.point3 {
    left: 61.5%;
    top: 55%;
}

/* Serbia */
.point4 {
    top: 50%;
    left: 56%;
}

/* Romania */
.point5 {
    top: 48%;
    left: 57.5%;
}

/* Spain */
.point6 {
    top: 51%;
    left: 48.5%;
}

/* Greece */
.point7 {
    left: 57%;
    top: 53%;
}

/* Vietnam */
.point8 {
    top: 63%;
    left: 84%;
}

/* India */
.point9 {
    top: 60%;
    left: 75%;
}

/* Taiwan */
.point11 {
    top: 59.2%;
    left: 88.4%;
}

/* China */
.point12 {
    top: 54.5%;
    left: 83%;
}

/* United States */
.point13 {
    top: 52%;
    left: 17%;
}

/* Zimbabwe */
.point14 {
    top: 76.5%;
    left: 59%;
}

/* Hong Kong */
.point15 {
    top: 59.7%;
    left: 86.3%;
}

.addmapstu-item:nth-child(5n+1) .addmapstu-item-left-avatar {
    background-color: #A62A21;
}

.addmapstu-item:nth-child(5n+2) .addmapstu-item-left-avatar {
    background-color: #0B51C1;
}

.addmapstu-item:nth-child(5n+3) .addmapstu-item-left-avatar {
    background-color: #3A6024;
}

.addmapstu-item:nth-child(5n+4) .addmapstu-item-left-avatar {
    background-color: #7E3794;
}

.addmapstu-item:nth-child(5n) .addmapstu-item-left-avatar {
    background-color: #A81563;
}

@media screen and (max-width: 1360px) {

    .addmap {
        padding: 50px 16px 50px;
    }

    .addmapuni-item {
        width: 32.4%;
    }

    .addmapstu-item {
        width: 32.4%;
    }

    .addmap-top {
        flex-direction: column;
        gap: 18px;
    }

    #addmap-view {
         margin-left: 0; 
    }

    .addmapstu-map .map {
        height: 530px;
    }

}

@media screen and (max-width: 1023px) {

    .addmapuni {
        gap: 3%;
    }

    .addmapstu{
        gap: 3%;
    }

    .addmapuni-item {
        width: 48.5%;
    }

    .addmapstu-item {
        width: 48.5%;
    }

    .addmapstu-map{
        width: 740px;
        margin: 0 auto;
    }

    .addmapstu-map .map {
        height: 300px;
    }

}

@media screen and (max-width: 767px) {

    .addmapstu-map {
        flex-direction: column;
        width: 360px;
    }
    .addmapstu-map .map {
        height: 410px;
        width: 100%;
    }
    .addmapstu-map .list {
        width: 100%;
    }

}

@media screen and (max-width: 640px) {

    .addmapuni-item {
        width: 100%;
    }

    .addmapstu-item {
        width: 100%;
    }

    .addmap-filters {
        gap: 10px;
        flex-direction: column;
    }
    .addmap {
        padding: 50px 8px 50px;
    }
    .map-item {
        transform: scale(0.5);
    }
    .addmapstu-map .map {
        background-size: 123% auto ;
    }
}

@media screen and (max-width: 370px) {

    .addmaps