.agentsHero{margin-bottom:80px}@media only screen and (min-width:80rem){.agentsHero{margin-bottom:106px}}@media only screen and (min-width:64rem){.agentsHero .textBox .contentBox{max-width:526px}}.agentsHero .textBox .semiTitle{font-size:16px;color:#737373;margin-bottom:8px}.agentsHero .textBox .semiTitle i{color:#2d2d2e;font-family:HankenGroteskRegular}.agentsHero .textBox .title{color:#737373}.agentsHero .textBox .title span{color:#2d2d2e;text-transform:capitalize}.agentsHero .textBox .text{font-size:16px;line-height:28px;margin-bottom:32px}.agentsSection .searchBox{display:flex;align-items:center;position:relative}@media only screen and (min-width:64rem){.agentsSection .searchBox{width:375px}}@media only screen and (min-width:80rem){.agentsSection .searchBox{width:532px}}.agentsSection .searchBox .inputBox{border:1px solid #c3c3c3;padding:10px 56px 10px 16px;font-size:16px;flex:1;border-radius:8px 0 0 8px}@media only screen and (min-width:64rem){.agentsSection .searchBox .inputBox{background:url(/_next/static/media/searchIcon.34526769.svg) no-repeat;padding:10px 16px 10px 40px;background-position:15px}}@media only screen and (min-width:80rem){.agentsSection .searchBox .inputBox{padding:13px 16px 13px 40px}}.agentsSection .searchBox .searchBtn{display:flex;align-items:center;padding:12px 16px;font-size:14px;line-height:22px;gap:10px;border-radius:0 8px 8px 0;position:absolute;right:2px;top:4px}@media only screen and (min-width:64rem){.agentsSection .searchBox .searchBtn{position:relative;background:#2d2d2e;color:#fff;top:auto;right:auto}}@media only screen and (min-width:80rem){.agentsSection .searchBox .searchBtn{padding:14px 24px;font-size:16px;line-height:24px}}.agentsSection .btn{border:1px solid #737373;padding:8px 16px;font-size:14px;line-height:28px;border-radius:8px;white-space:nowrap;text-transform:uppercase}@media only screen and (min-width:80rem){.agentsSection .btn{padding:11px 24px;font-size:16px}}.agentsSection .btn.active{background:#eaeaea}.agentsSection .btn.fill{background:#2d2d2e;border:1px solid #2d2d2e;color:#fff}.agentsSection .dropdownBox{position:relative}.agentsSection .dropdownBox .dropdownBtn{display:flex;align-items:center;justify-content:space-between;gap:16px}.agentsSection .dropdownBox .dropdownContent{position:absolute;top:100%;right:0;width:200px;border-radius:8px;background:#f4f2ef;border:1px solid #c3c3c3;padding:24px;z-index:2;transition:.3s;visibility:hidden;opacity:0}.agentsSection .dropdownBox .dropdownContent .item{cursor:pointer;padding:5px 0;margin-bottom:5px;text-transform:uppercase}.agentsSection .dropdownBox .dropdownContent .item:last-child{margin-bottom:0}.agentsSection .dropdownBox.active .dropdownContent{visibility:visible;opacity:1;top:calc(100% + 10px)}.agentsProfileSection{padding-top:90px}@media only screen and (min-width:64rem){.agentsProfileSection{padding-top:96px}}.agentsProfileSection .topBar{padding:0 16px;position:fixed;top:16px;width:100%;z-index:3;left:0;right:0;transition:.3s ease-in-out}@media only screen and (min-width:64rem){.agentsProfileSection .topBar{padding:0 40px}}.agentsProfileSection .topBar .topBarBox{max-width:1272px;margin:0 auto;border-radius:16px;background:#fff;padding:20px 16px}@media only screen and (min-width:64rem){.agentsProfileSection .topBar .topBarBox{padding:20px 40px}}.agentsProfileSection .topBar.scrolled-up{top:16px}.agentsProfileSection .topBar:not(.scrolled-up){top:-100px}@media only screen and (min-width:64rem){.agentsProfileSection .topBar{top:96px}}.agentsProfileSection .detailsBox{margin:24px 0 100px;gap:32px;display:flex;flex-wrap:wrap}@media only screen and (min-width:48rem){.agentsProfileSection .detailsBox{margin:32px 0 140px;gap:48px}}.agentsProfileSection .detailsBox .profileImage{flex:0 0 100%;position:relative}.agentsProfileSection .detailsBox .profileImage:after{content:"";background:linear-gradient(180deg,rgba(0,0,0,0) 68.86%,rgba(0,0,0,.9));height:100%;bottom:0;left:0;width:100%;position:absolute}.agentsProfileSection .detailsBox .profileImage .logoTag{position:absolute;bottom:24px;left:32px;z-index:1}@media only screen and (min-width:48rem){.agentsProfileSection .detailsBox .profileImage{flex:0 0 363px;max-width:363px}}.agentsProfileSection .detailsBox .profileImage img{height:100%;width:100%;object-fit:cover}.agentsProfileSection .detailsBox .profileDetails{flex:0 0 100%}@media only screen and (min-width:48rem){.agentsProfileSection .detailsBox .profileDetails{flex:1}}.agentsProfileSection .detailsBox .profileDetails .tags{color:#737373}.agentsProfileSection .detailsBox .profileDetails .tags .tag{display:block;border:1px solid #d9d9d9;background:#fff;border-radius:8px;padding:10px;color:#737373;font-size:12px;line-height:16px}@media only screen and (min-width:48rem){.agentsProfileSection .detailsBox .profileDetails .tags .tag{font-size:14px;line-height:18px}}.agentsProfileSection .detailsBox .profileDetails .actionBox .btn{padding:14px;border-radius:8px}