body {

            font-family: 'Varela Round', sans-serif;

        }

        

        .kycblock {

            margin: 6% 0;

            box-shadow: 0 8px 16px #d4d4d4;

            padding: 5% 5%;

        }

        

        .kycblock h5 {

            font-weight: bold;

            color: #1a50a9

;

        }

        

        .sec-title {

            text-align: center;

            max-width: 664px;

            margin: 0 auto 40px;

        }

        

        .sec-title h2 {

            padding-bottom: 20px;

            margin-bottom: 20px;

            position: relative;

            top: -6px;

        }

        

        h2 {

            font-size: 30px;

            color: #232323;

        }

        

        .sec-title h2 .sec-title-border {

            width: 130px;

            position: absolute;

            bottom: 0;

            left: 0;

            border-top: 2px solid #222;

            right: 0;

            height: 0;

            margin: auto;

        }

        

        .sec-title h2 .sec-title-border span {

            width: 9px;

            height: 9px;

            position: relative;

            display: inline-block;

            margin: 0 1px;

            bottom: 24.3px;

        }

        

        .sec-title h2 .sec-title-border span::before {

            background: #222;

            content: "";

            position: absolute;

            top: 0;

            left: 0;

            height: 100%;

            width: 100%;

            transform: rotate(45deg);

        }

        

        .photoframe {

            border: 1px solid #dadada;

           width: 159px;

height: 144px;

            padding: 26px 14px;

            box-shadow: 0 2px 3px #e0e0e0;

        }

        

        .photoframe p {

            font-family: 'Varela Round', sans-serif;

       font-size: 15px;

        }

        

        .kycblock .form-control {

            margin-bottom: 2%;

        }

        

        .kycblock label {

            margin-top: 2%;

            margin-bottom: 0px;

            font-size: 15px;

        }

        

        .d_block p {

            text-align: justify;

        }

        

        .notesec ul {

            display: contents;

        }

        

        .notesec ul li {

               position: relative;

    line-height: 33px;

    list-style: disc;

    list-style-image: none;

    list-style-image: none;

    list-style-image: none;

    padding-left: 0;

    color: #8f8f8f;

    font-size: 15px !important;

    text-align: justify;

        }

        

        .notesec ul li::before {

            content: url("../../404.html");

            position: absolute;

            left: 0;

            top: 5px;

        }

        

        .kycblock {

            background-image: url("../../404.html");

            background-repeat: no-repeat;

            background-position: top right;

            position: relative;

        }

        

        /*risk*/

        

        .riskprofile [type="radio"]:checked,

        .riskprofile [type="radio"]:not(:checked) {

            position: absolute;

            left: -9999px;

        }

        

        .riskprofile [type="radio"]:checked + label,

        .riskprofile [type="radio"]:not(:checked) + label {

            position: relative;

            padding-left: 28px;

            cursor: pointer;

            line-height: 20px;

            display: inline-block;

            color: #666;

        }

        

        .riskprofile [type="radio"]:checked + label:before,

        .riskprofile [type="radio"]:not(:checked) + label:before {

            content: '';

            position: absolute;

            left: 1px;

			top: 1px;

            width: 18px;

            height: 18px;

            border: 1px solid #ddd;

            border-radius: 100%;

            background: #fff;

        }

        

        .riskprofile [type="radio"]:checked + label:after,

        .riskprofile [type="radio"]:not(:checked) + label:after {

            content: '';

            width: 12px;

            height: 12px;

            background: #F87DA9;

            position: absolute;

            top: 4px;

            left: 4px;

            border-radius: 100%;

            -webkit-transition: all 0.2s ease;

            transition: all 0.2s ease;

        }

        

        .riskprofile [type="radio"]:not(:checked) + label:after {

            opacity: 0;

            -webkit-transform: scale(0);

            transform: scale(0);

        }

        

        .riskprofile [type="radio"]:checked + label:after {

            opacity: 1;

            -webkit-transform: scale(1);

            transform: scale(1);

        }
        .sec-title {
    text-align: center;
    max-width: 664px;
    margin: 0 auto 10px;
}

        @media only screen and (max-width: 600px) {
.photoframe{
    display: none;
}
.kycblock {

    background-image: none;

    background-repeat: no-repeat;

    background-position: top right;

    position: relative;


}

    .riskblockimg {

    display: none;

}
}