@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

.pop0jrt{
    color: inherit;
    text-decoration: none;
    .head {
        background: linear-gradient(90deg, #003772 0%, #0053AA 46.32%, #0053AA 55.39%, #003772 98.56%);
        padding: 13px;
        color: #FFF;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        margin-top: 58px;
    }
    .jdrt{
        position: relative;
        .jyrs{
            width: 100%;
        }
    }
    .jhdgfgt {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: calc(100% - 50%);
        right: calc(100% - 100%);
        transform: translate(40.7%, -62%) rotate(-90deg);
        .erser{
            width: 45.147px;
            height: 45.644px;
            margin-right: 6px;
            rotate: 90deg;
        }
        .jhdrt {
            border-radius: 8px;
            background: #003772;
            width: 226.73px;
            height: 50px;
            color: #FFF;
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            display: flex;
            align-items: center;
            justify-content: center;
            img{
                rotate: 93deg;
                animation: phonering 1s infinite ease-in-out;
                margin-right: 3px ;
            }
        }
    }
    .bok-1 {
        background: linear-gradient(90deg, #003772 0%, #0053AA 46.32%, #0053AA 55.39%, #003772 98.56%);
        padding: 10px;
        color: #FFF;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        margin-top: 15px;
    }
    .jsd5rd {
        color: #303030;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: center;
        margin-top: 28px;
    }
    .vcjrt {
        border-radius: 8px;
        background: #003772;
        width: 293px;
        height: 50px;
        color: #FFF;
        font-family: Poppins;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 12px auto;
        img{
            margin-right: 10px;
            animation: phonering 1s infinite ease-in-out;
            
        }
    }
    .jser{
        color: #303030;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }
    
}
@keyframes phonering {
    0%, 100%, 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10%, 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    
    20%, 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
}