<!DOCTYPE html>
<html>
    <head>
        <!--<link href="https://fonts.googleapis.com/css?family=Inter&display=swap" rel="stylesheet" />-->
        <link href="./css/main.css" rel="stylesheet" />
        <title>Document</title>
        <style>
            * {
                box-sizing: border-box;
            }

            body {
                font-size: 14px;
            }

            .v7_42 {
                width: 600px;
                height: 1395px;
                background: rgba(243,244,248,1);
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 0px;
                overflow: hidden;
            }

            .v7_43 {
                width: 600px;
                height: 400px;
                background: url("../images/v7_43.png");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 0px;
                overflow: hidden;
            }

            .v7_44 {
                width: 550px;
                height: 876px;
                background: rgba(255,255,255,1);
                opacity: 1;
                position: absolute;
                top: 333px;
                left: 25px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                overflow: hidden;
            }

            .v7_45 {
                width: 42px;
                color: rgba(34,93,231,1);
                position: absolute;
                top: 40px;
                left: 289px;
                font-family: Inter;
                font-weight: Bold;
                font-size: 18px;
                opacity: 1;
                text-align: left;
            }

            .name {
                color: #fff;
            }

            .v7_51 {
                width: 407px;
                color: rgba(5,11,32,1);
                position: absolute;
                top: 383px;
                left: 96px;
                font-family: Inter;
                font-weight: Semi Bold;
                font-size: 24px;
                opacity: 1;
                text-align: center;
            }

            .v7_52 {
                width: 140px;
                color: rgba(34,93,231,1);
                position: absolute;
                top: 472px;
                left: 75px;
                font-family: Inter;
                font-weight: Semi Bold;
                font-size: 16px;
                opacity: 1;
                text-align: left;
            }

            .v7_53 {
                width: 450px;
                color: rgba(5,11,32,1);
                position: absolute;
                top: 500px;
                left: 75px;
                font-family: Inter;
                font-weight: Regular;
                font-size: 16px;
                opacity: 1;
                text-align: left;
            }

            .v7_54 {
                width: 316px;
                color: rgba(5,11,32,1);
                position: absolute;
                top: 669px;
                left: 75px;
                font-family: Inter;
                font-weight: Italic;
                font-size: 14px;
                opacity: 0.6000000238418579;
                text-align: left;
            }

            .v7_55 {
                width: 322px;
                color: rgba(5,11,32,1);
                position: absolute;
                top: 600px;
                left: 139px;
                font-family: Inter;
                font-weight: Regular;
                font-size: 40px;
                opacity: 1;
                text-align: left;
            }

            .v7_56 {
                width: 292px;
                color: url("../images/v7_56.png");
                position: absolute;
                top: 1249px;
                left: 154px;
                font-size: 16px;
                opacity: 1;
                text-align: center;
            }

            .v7_57 {
                width: 148px;
                height: 40px;
                background: url("../images/v7_57.png");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                margin: 14px;
                opacity: 1;
                position: absolute;
                top: 1315px;
                left: 226px;
                overflow: hidden;
            }

            .v7_58 {
                width: 40px;
                height: 40px;
                background: rgba(148,156,175,1);
                padding: 10px 10px;
                margin: 10px;
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 0px;
                border-top-left-radius: 30px;
                border-top-right-radius: 30px;
                border-bottom-left-radius: 30px;
                border-bottom-right-radius: 30px;
                overflow: hidden;
            }

            .v7_59 {
                width: 9px;
                height: 18px;
                background: rgba(255,255,255,1);
                opacity: 1;
                position: absolute;
                top: 11px;
                left: 16px;
            }

            .v7_60 {
                width: 40px;
                height: 40px;
                background: rgba(148,156,175,1);
                padding: 10px 10px;
                margin: 10px;
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 54px;
                border-top-left-radius: 30px;
                border-top-right-radius: 30px;
                border-bottom-left-radius: 30px;
                border-bottom-right-radius: 30px;
                overflow: hidden;
            }

            .v7_61 {
                width: 16px;
                height: 13px;
                background: rgba(255,255,255,1);
                opacity: 1;
                position: absolute;
                top: 13px;
                left: 12px;
            }

            .v7_62 {
                width: 40px;
                height: 40px;
                background: rgba(148,156,175,1);
                padding: 10px 10px;
                margin: 10px;
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 108px;
                border-top-left-radius: 30px;
                border-top-right-radius: 30px;
                border-bottom-left-radius: 30px;
                border-bottom-right-radius: 30px;
                overflow: hidden;
            }

            .v7_63 {
                width: 16px;
                height: 16px;
                background: rgba(255,255,255,1);
                opacity: 1;
                position: absolute;
                top: 12px;
                left: 12px;
                overflow: hidden;
            }

            .v7_64 {
                width: 16px;
                height: 16px;
                background: rgba(255,255,255,1);
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 0px;
            }

            .v7_65 {
                width: 7px;
                height: 7px;
                background: rgba(255,255,255,1);
                opacity: 1;
                position: absolute;
                top: 4px;
                left: 4px;
            }

            .v7_66 {
                width: 1px;
                height: 1px;
                background: rgba(255,255,255,1);
                opacity: 1;
                position: absolute;
                top: 3px;
                left: 12px;
            }

            .v7_67 {
                width: 180px;
                height: 180px;
                background: rgba(34,93,231,1);
                opacity: 0.10000000149011612;
                position: absolute;
                top: 759px;
                left: 75px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                overflow: hidden;
            }

            .v7_68 {
                width: 180px;
                height: 180px;
                background: rgba(34,93,231,1);
                opacity: 0.10000000149011612;
                position: absolute;
                top: 979px;
                left: 345px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                overflow: hidden;
            }

            .v7_69 {
                width: 250px;
                color: rgba(5,11,32,1);
                position: absolute;
                top: 791px;
                left: 275px;
                opacity: 1;
                text-align: left;
            }

            .v7_70 {
                width: 250px;
                color: rgba(5,11,32,1);
                position: absolute;
                top: 1011px;
                left: 75px;
                opacity: 1;
                text-align: left;
            }

            .v7_71 {
                width: 550px;
                background: url("../images/v7_71.png");
                opacity: 1;
                position: absolute;
                top: 719px;
                left: 25px;
                border: 1px solid rgba(223,226,231,1);
            }

            .v7_72 {
                width: 56px;
                height: 56px;
                background: url("../images/v7_72.png");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                opacity: 1;
                position: absolute;
                top: 821px;
                left: 193px;
                overflow: hidden;
            }

            .v7_73 {
                width: 56px;
                height: 56px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 0px;
            }

            .v7_74 {
                width: 7px;
                height: 7px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 6px;
                left: 43px;
            }

            .v7_75 {
                width: 7px;
                height: 7px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 6px;
                left: 21px;
            }

            .v7_76 {
                width: 7px;
                height: 7px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 6px;
                left: 32px;
            }

            .v7_77 {
                width: 9px;
                height: 1px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 15px;
                left: 20px;
            }

            .v7_78 {
                width: 9px;
                height: 1px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 15px;
                left: 42px;
            }

            .v7_79 {
                width: 9px;
                height: 1px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 15px;
                left: 31px;
            }

            .v7_80 {
                width: 9px;
                height: 13px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 5px;
                left: 4px;
            }

            .v7_81 {
                width: 27px;
                height: 27px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 24px;
                left: 14px;
            }

            .v7_82 {
                width: 1px;
                height: 1px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 13px;
                left: 8px;
            }

            .v7_83 {
                width: 8px;
                height: 10px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 30px;
                left: 25px;
            }

            .v7_84 {
                width: 56px;
                height: 56px;
                background: url("../images/v7_84.png");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                opacity: 1;
                position: absolute;
                top: 1041px;
                left: 407px;
                overflow: hidden;
            }

            .v7_85 {
                width: 56px;
                height: 56px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 0px;
                left: 0px;
            }

            .v7_86 {
                width: 7px;
                height: 7px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 34px;
                left: 4px;
            }

            .v7_87 {
                width: 7px;
                height: 7px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 34px;
                left: 25px;
            }

            .v7_88 {
                width: 7px;
                height: 7px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 34px;
                left: 14px;
            }

            .v7_89 {
                width: 7px;
                height: 7px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 34px;
                left: 35px;
            }

            .v7_90 {
                width: 7px;
                height: 1px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 40px;
                left: 45px;
            }

            .v7_91 {
                width: 4px;
                height: 4px;
                background: rgba(34,93,231,1);
                opacity: 1;
                position: absolute;
                top: 24px;
                left: 12px;
            }

        </style>
    </head>
    <body>
        <div class="v7_42">
            <div class="v7_43"></div>
            <div class="v7_44"></div>
            <span class="v7_45">CRM</span>
            <div class="name"></div>
            <span class="v7_51">
                You have received fresh OTP to
                complete your registration process
            </span>
            <span class="v7_52">Hello Nicolas Rito,</span>
            <span class="v7_53">We're excited to have you join CRM. Please use the OTP provided below to finalize your registration and authenticate your account;</span>
            <span class="v7_54">* Remember, never share this OTP with anyone.</span>
            <span class="v7_55">6   0   4   3   4   4</span>
            <span class="v7_56">
                Customer Management System (CRM)
                Unsubscribe
            </span>
            <div class="v7_57">
                <div class="v7_58">
                    <div class="v7_59"></div>
                </div>
                <div class="v7_60">
                    <div class="v7_61"></div>
                </div>
                <div class="v7_62">
                    <div class="v7_63">
                        <div class="v7_64"></div>
                        <div class="v7_65">
                        </div><div class="v7_66">
                        </div>
                    </div>
                </div>
            </div>
            <div class="v7_67"></div>
            <div class="v7_68"></div>
            <span class="v7_69">
                What is OTP?
                OTP stands for "One-Time Password," a unique code sent to authenticate and secure online transactions or access to accounts, typically valid for a single use and for a limited time.
            </span>
            <span class="v7_70">
                Why OTP is necessary?
                OTP is crucial for enhancing security by providing a temporary, unique code, ensuring that only authorized person can access sensitive information or perform specific actions.
            </span>
            <div class="v7_71"></div>
            <div class="v7_72">
                <div class="v7_73"></div>
                <div class="v7_74"></div>
                <div class="v7_75"></div>
                <div class="v7_76"></div>
                <div class="v7_77"></div>
                <div class="v7_78"></div>
                <div class="v7_79"></div>
                <div class="v7_80"></div>
                <div class="v7_81"></div>
                <div class="v7_82"></div>
                <div class="v7_83"></div>
            </div>
            <div class="v7_84">
                <div class="v7_85"></div>
                <div class="v7_86"></div>
                <div class="v7_87"></div>
                <div class="v7_88"></div>
                <div class="v7_89"></div>
                <div class="v7_90"></div>
                <div class="v7_91"></div>
            </div>
        </div>
    </body>
</html>