.resume12 * {
            margin: 0;
            padding: 0;
            font-family: Tahoma, Geneva, Verdana, sans-serif;
            color: #323a43;
            word-wrap: break-word;
            line-height: 18px;
        }

        body {
            margin: 0px;
        }

        .resume12 header {
            display: none;
        }

        .resume12 .container12 {
            display: flex;
            width: 100%;
            background-color: #ffff;
            padding-right: 1cm;
            min-height: 1124px;
        }

        .resume12 a {
            text-decoration: none;
            font-size: 14px;
            color: blue;
        }

        .resume12 p,
        .resume12 li {
            font-size: 14px;
            text-align: left;
        }

        /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
        /* left section */
        .resume12 .sidebar {
            /* width: 40%; */
            width: 294px;
            border-right: 2px solid white;
            margin-right: 20px;
            padding-top: 1cm;
            background-color: #fb8500;
            color: white;
            min-height: 1124px;
        }

        /* Profile Section */
        .resume12 .profile {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 30px;
        }


        .resume12 .profile img {
            width: 130px;
            height: 160px;
            border: 5px solid white;
        }

        .resume12 .sidebar h2 {
            font-size: 20px;
            text-transform: uppercase;
            border-bottom: 2px solid white;
            margin-bottom: 15px;
            padding-bottom: 8px;
            padding-left: 20px;
            color: white;
            letter-spacing: 2px;
            font-weight: 600;
        }

        .resume12 .contact {
            font-size: 15px;
            line-height: 20px;
        }

        .resume12 .contact ul li a,
        .resume12 .contact ul li span {
            color: white;
            letter-spacing: normal;
        }

        .resume12 .contact img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

        .resume12 ul li {
            font-size: 14px;
            margin-bottom: 15px;
            color: white;
            width: 254px;
            margin: 0px auto;
            margin-bottom: 10px;
            list-style: none;
        }


        .resume12 .contact,
        .resume12 .skill-section {
            margin-top: 3px;
        }

        .resume12 table {
            border-spacing: 0px 10px;
            width: 254px;
            margin: 0px auto;
            border-collapse: separate;
            /* float: left; */
        }

        .resume12 table td {
            vertical-align: top;
            float: left;
        }

        .resume12 table td img {
            width: 15px;
            height: 15px;
            margin-right: 15px;
        }

        .resume12 table td a, .resume12 table td span {
            word-break: break-all;
            color: white;
        }

        .resume12 table td span {
            word-break: break-all;
        }

        /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
        /* right section */
        .resume12 .right-section {
            /* width: 60%; */
            width: 460px;
            flex-grow: 1;
            padding-top: 1cm;
        }

        .resume12 .right-section h2 {
            font-size: 20px;
            text-transform: uppercase;
            border-bottom: 2px solid #323a43;
            margin-bottom: 15px;
            padding-bottom: 5px;
            color: orange;
            font-weight: 600;
        }


        /* profile-info */
        .resume12 .profile-info h1 {
            font-size: 30px;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 5px;
            border-bottom: none;
            padding-bottom: 0px;
            letter-spacing: 3px;
            line-height: 40px;
        }

        .resume12 .profile-info h1 span {
            color: orange;
        }

        .resume12 .profile-info p {
            font-size: 20px;
            letter-spacing: 2px;
        }

        .resume12 .about h2 span,
        .resume12 .education-section h2 span,
        .resume12 .experience h2 span {
            color: #1599e9;
        }

        .resume12 .work-experience p {
            font-size: 0.9em;
            line-height: 1.6;
            margin-bottom: 10px;
        }

        .resume12 .about,
        .resume12 .education-section,
        .resume12 .experience {
            margin-top: 20px;
        }

        .resume12 .education-section .college-name {
            font-weight: 600;
        }

        .resume12 .education-section .education,
        .resume12 .experience .job {
            margin-bottom: 10px;
            break-inside: avoid;
        }

        .right-section p {
            line-height: 25px;
        }

        .resume12 .skill {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }

        .resume12 .progress-bar {
            width: 200px;
            height: 20px;
            background-color: #ddd;
        }

        .resume12 .progress {
            height: 100%;
            background-color: orange;
        }

        /* stars rating */
        .resume12 .star-skill {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }

        .resume12 .star-container {
            display: flex;
            width: 150px;
        }

        .resume12 .star-container img {
            width: 15px;
            height: 15px;
            margin-right: 10px;
        }

        .resume12 a:hover{
            color: #fb8500 !important;
            cursor: pointer;
        }

        .resume12 .contact a:hover,
        .resume12 .contact span:hover {
            color: #002efb !important;
            cursor: pointer;
        }


        @media print {

            .resume12 .container {
                padding-right: 0px;
            }

            .resume12 .sidebar {
                height: 1170px;
            }

            .resume12 .contact img {
                width: 15px;
            }

            .resume12 header {
                position: running(header);
                height: 30px;
                display: block;
            }

            .resume12 header a {
                text-decoration: none;
            }

            .resume12 header img {
                height: 30px;
                width: 150px;
            }

            @page {
                size: A4;
                margin: 1cm;


                @bottom-center {
                    content: element(header);
                }
            }

            @page: first {
                margin: 0 1cm 1cm 0;
                /* top right bottom left */
            }
        }