@font-face {
    font-family: "NewYork";
    src: url("../components/assets/fonts/NewYork.otf?v=3");
    font-display: block;
    font-weight: 300;
}

@font-face {
    font-family: "edwardianscriptitc";
    src: url("../components/assets/fonts/edwardianscriptitc.ttf?v=3");
    font-display: block;
    font-weight: 300;
}

@font-face {
    font-family: "AIAEverest Regular";
    src: url("../components/assets/fonts/AIAEverest-Regular.otf?v=3");
    font-display: block;
    font-weight: 400;
}

@font-face {
    font-family: "AIAEverest Medium";
    src: url("../components/assets/fonts/AIAEverest-Medium.otf?v=3");
    font-display: block;
    font-weight: 500;
}

/* img {
    display: block;
}

html, body {
    margin: 0px;
    padding: 0px;
} */

#page {
    aspect-ratio: 1000 / 1574;
    max-height: 100vh;
    max-width: 100vh;
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
    color: black;
    z-index:1;
}

#aia-logo{
    position: absolute;
    top: 2vh;       /* distance from top */
    right: 4vh;     /* distance from right */
    aspect-ratio: 1 / 1;
    width: 13.3vh;
    height: 13.3vh;
    overflow: hidden;
}

#aia-logo img{
    width: 100%;
}

#agent-photo-box {
    position: absolute;
    left: 0px;
    right: 0px;
    /* padding-top: 10px; */
    aspect-ratio: 1 / 1;
    width: 19.7vh;
    height: 19.7vh;
    border-radius: 200px;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 13.2%;
}

#agent-photo-box img {
    width: 100%;
}

#agent-photo-box svg {
    width: 80%;
}

#award-wrapper {
    position: absolute;
    /* top: 20vh; */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5vh;
}
  
#award-wrapper.one-award {
    gap: 0;
}
  
#award-wrapper #diamond,
#award-wrapper #star {
    width: 7vh;
}

#award-wrapper #diamond {
    width: 7vh;
    margin-top: 1vh; /* adjust this value to move it more or less */
}  
  
#award-wrapper img {
    width: 100%;
}
/* #page #star {
    position: absolute;
    width: 5vh;
    top: 65vh;
    right: 17vh;
}

#page #star img {
    width: 100%;
}

#page #diamond {
    position: absolute;
    width: 5vh;
    top: 65vh;
    left: 17vh;
}

#page #diamond img {
    width: 100%;
} */

#page #text {
    text-align: center;
    position: absolute;
    left: 8%;
    right: 8%;
    top: 43%;
}

#page #text #award-logo{
    /* padding-top: 10px; */ /*original*/
}

#page #text #preferred-name {
    font-family: 'AIAEverest Medium';
    font-size: 3.0vh;
    line-height: 3.75vh;
}

#page #text #agency-name {
    font-family: 'AIAEverest Regular';
    font-size: 2.6vh;
    line-height: 3vh;
}

#page #text #award-logo #agency-name {
    padding: 2% 0%;
}

#page #text #no-award-logo  #agency-name {
    padding: 2% 0% 0% 0%;
}

#page #text #award-fansty-text {
    aspect-ratio: 800 / 172;
    max-height: 100vh;
    max-width: 100vh;
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
    color: black;
    width: 60%;
    margin: 0px auto;
    margin-top: 6px;
}

/* #text #award-fansty-text img {
    width: 100%;
} */

#page #text #mdrt-badge {
    padding: 2vh;
    /* padding: 30px; */ /*original*/
}

#page #text #no-award-logo {
    padding: 2%;
}

#page #text #award-title {
    width: 70%;
    margin: 0px auto;
    font-size: 2.0vh;
    font-family: 'AIAEverest Regular';
    font-weight: 600;
    line-height: 1.3;
}

#page #text #no-award-logo #award-title {
    padding: 2% 0%;
}

#page #text #award-title-2 {
    width: 90%;
    margin: 0px auto;
    font-size: 2.3vh;
    font-family: 'AIAEverest Regular';
    font-weight: 800;
    line-height: 1.3;
}

#page #text #no-award-logo #award-title-2 {
    padding-top: 2.5vh;
}

#page #text #mdrt-badge #award-mdrt-title{
    width: 80%;
    margin: 0px auto;
    font-size: 2.0vh;
    font-family: 'AIAEverest Regular';
    font-weight: 600;
    /* padding: 2% 0%; */
    line-height: 1.3;
    padding-top: 2.0vh; 
     /* padding-top: 3.0vh; */ /*original*/
    /* padding-top: 40px; */
}
 
#page #text #award-title img {
    width: 100%
}

#page #button {
    position: absolute;
    right: 100px;
    top: 100px;
    display: flex;
    gap: 30px;

}

#page #mdrt .cert-mdrt-pins {
    max-height: 100px !important;
    gap: 5px !important;
}

#page #mdrt .cert-mdrt-pins #mdrt-pin {
    width: 4.5vh !important;
    /* width: 70px !important; */
}

#page #mdrt .cert-mdrt-pins {
    /* border: 1px red solid; */
    margin-top: 1.5vh;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    width: auto;
}

#page #mdrt .cert-mdrt-pins #mdrt-pin {
    /* border: 1px blue solid; */
    /* flex-shrink: 0; */
    /* width: 11dvw; */
    /* height: 9dvh; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

#page #mdrt .cert-mdrt-pins #mdrt-pin img {
    width: 110%;
}

#page #mdrt .cert-mdrt-pins .advisor-pin img {
    width: 100% !important;
}

#page .cert-mdrt-pins #pin-count {
    margin-top: 5px !important;
    /* padding: 2px 7px !important; */
    font-size: 0.75vh !important;
    /* font-size: 10% !important; */
    color: black;
    text-align: center;
    text-align: center;
    margin-top: 0;
}

#page .cert-mdrt-pins #pin-count p{
    font-weight: 800 !important;
}

#page .cert-mdrt-pins #pin-count span{
    font-weight: 800 !important;
}