@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

        .resume7 * {
            margin: 0;
            padding: 0;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            /* color: black; */
            word-break: break-all;
            font-size: 14px;
            line-height: 18px;
        }

        body {
            margin: 0px;
        }

        .resume7 header {
            display: none;
        }

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

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


        .resume7 .contact-info a {
            text-decoration: none;
            letter-spacing: normal;
        }

        .resume7 {
            display: flex;
            flex-direction: column;
            padding: 0.5cm;
            background-color: white;
            min-height: 1124px;
        }

        /* Header */
        .resume7 .header-frame {
            position: relative;
        }

        .resume7 .resume-header {
            background-color: #2b3b4b;
            padding: 20px 0px;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 755px;
            height: 170px;
            display: flex;
    flex-direction: column;
    justify-content: center;
        }

        .resume7 .resume-header h1 {
            font-size: 40px;
            font-weight: 500;
            color: #d2c39e;
            margin: 0px auto;
            text-transform: uppercase;
            line-height: 50px;
            width: 700px;
        }

        .resume7 .job-title {
            font-size: 18px;
            font-weight: 300;
            color: #d2c39e;
            margin: 0px auto;
            text-transform: uppercase;
            width: 700px;
            text-align: center;
            margin-bottom: 12px;
        }

        .resume7 .header-line {
            height: 2px;
            width: 60px;
            border-radius: 50px;
            background-color: #d2c39e;
            margin: 0px auto;
        }

        .resume7 .resume-main {
            display: flex;
            background-color: #ffff;
        }

        /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
        /* left section */
        .resume7 .sidebar {
            /* width: 40%; */
            width: 290px;
            padding-left: 10px;
            margin-right: 30px;
            border-right: 2px solid #d2c39e;
            margin-top: 172px;
        }

        .resume7 .section-title {
            position: relative;
            margin-bottom: 10px;
            display: flex;
            flex-direction: column;
        }

        .resume7 h2 {
            font-size: 20px;
            font-weight: 500;
            text-transform: uppercase;
            color: #b9a87d;
            padding-bottom: 8px;
            position: relative;
        }

        .resume7 h2::after {
            content: "";
            width: 60px;
            height: 2px;
            border-radius: 10px;
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #b9a87d;
        }

        .resume7 .contact-info,
        .resume7 .education-section,
        .resume7 .expertise {
            padding: 10px 0px;
        }

        .resume7 table {
            border-spacing: 0px 10px;
            width: 260px;
            border-collapse: separate;
        }

        .resume7 table td {
            word-break: break-all;
            vertical-align: top;
            font-size: 14px;
            float: left;
        }

        .resume7 table td a {
            color: black;
            text-decoration: none;
        }

        .resume7 table td a,
        .resume7 table td span{
            color: black;
        }

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

        .resume7 .education-section {
            border-top: 2px solid #d2c39e;
        }

        .resume7 .education-section .education {
            margin-bottom: 15px;
            padding-right: 8px;
        }

        .resume7 .education-section .college-name {
            font-weight: 700;
        }

        .resume7 .education-section p {
            margin: 5px 0px;
        }

        .resume7 .expertise {
            border-top: 2px solid #d2c39e;
        }

        .resume7 .expertise ul {
            display: flex;
            flex-wrap: wrap;
        }

        .resume7 .expertise li {
            list-style: none;
            border: 1px solid #b9a87d;
            padding: 2px 8px;
            border-radius: 10px;
            margin-right: 8px;
            margin-bottom: 8px;
        }

        .resume7 .sep-line {
            height: 1.5px;
            width: 100%;
            background-color: #d2c39e;
            border-radius: 50px;
            margin: 30px 0px 25px 0px;
        }

        /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
        /* Right section */
        .resume7 .right-column {
            /* width: 60%; */
            width: 434px;
            flex-grow: 1;
            padding-top: 10px;
            margin-top: 172px;
        }

        .resume7 .career-objective,
        .resume7 .experience {
            margin-bottom: 15px;
        }

        .resume7 .right-column {
            line-height: 22px;
        }

        .resume7 .job {
            margin-bottom: 8px;
            break-inside: avoid;
        }

        .resume7 .job a {
            color: blue;
        }

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

        .resume7 .progress-bar {
            width: 200px;
            height: 8px;
            border-radius: 20px;
            overflow: hidden;
            background-color: #ddd;
        }

        .resume7 .progress {
            height: 100%;
            background-color: #b9a87d;
        }


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

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

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


        .resume7 a:hover,
        .resume7 span:hover {
            color: #0069d2;
            cursor: pointer;
        }

        

        @media print {

            .resume7 {
                padding: 0cm;
            }

            .resume7 .sidebar {
                height: 950px;
            }

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

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

            .resume7 header img {
                height: 30px;
                width: 150px;
            }
            .resume7 .resume-header {
                height: 130px;
            }

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

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


        }