@font-face {   font-family: "AvertaPESemiBold";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPESemiBold/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPESemiBold/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPELightItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPELightItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPELightItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBold";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEBold/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEBold/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEThin";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEThin/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEThin/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraThinItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraThinItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraThinItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPELight";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPELight/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPELight/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraBold";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraBold/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraBold/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBoldItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEBoldItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEBoldItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraThin";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraThin/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraThin/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPE";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPE/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPE/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBlack";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEBlack/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEBlack/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPESemiBoldItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPESemiBoldItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPESemiBoldItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEThinItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEThinItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEThinItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBlackItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEBlackItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEBlackItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraBoldItalic";   src: url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraBoldItalic/font.woff2') format('woff2'), url('https://www.resumetarget.com/new/webFonts/AvertaPEExtraBoldItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPESemiBold";   src: url('https://resumetarget.com/new/webFonts/AvertaPESemiBold/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPESemiBold/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPELightItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPELightItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPELightItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBold";   src: url('https://resumetarget.com/new/webFonts/AvertaPEBold/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEBold/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEThin";   src: url('https://resumetarget.com/new/webFonts/AvertaPEThin/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEThin/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraThinItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPEExtraThinItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEExtraThinItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPELight";   src: url('https://resumetarget.com/new/webFonts/AvertaPELight/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPELight/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraBold";   src: url('https://resumetarget.com/new/webFonts/AvertaPEExtraBold/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEExtraBold/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBoldItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPEBoldItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEBoldItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraThin";   src: url('https://resumetarget.com/new/webFonts/AvertaPEExtraThin/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEExtraThin/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPE";   src: url('https://resumetarget.com/new/webFonts/AvertaPE/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPE/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBlack";   src: url('https://resumetarget.com/new/webFonts/AvertaPEBlack/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEBlack/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPESemiBoldItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPESemiBoldItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPESemiBoldItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPEItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEThinItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPEThinItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEThinItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEBlackItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPEBlackItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEBlackItalic/font.woff') format('woff');   font-display: swap; } @font-face {   font-family: "AvertaPEExtraBoldItalic";   src: url('https://resumetarget.com/new/webFonts/AvertaPEExtraBoldItalic/font.woff2') format('woff2'), url('https://resumetarget.com/new/webFonts/AvertaPEExtraBoldItalic/font.woff') format('woff');   font-display: swap; } #professional-text {   font-size: 13px !important; } #nav-item-text1 {   font-size: 13px !important; } body>div.wrapper.container-header-top.w3_bg>div>div>div.col-md-3.w3_bg {   font-size: 13px !important; } .nav-item {   font-size: 13px !important; } body {   margin: 0;   padding: 0;   font-family: 'AvertaPE';   background-color: white;   color: #2E313B; }  div {   font-size: 17px; } p {   font-size: 17px; } .wrapper1 {   max-width: 1600px;   margin: 0 auto; } h1, h2, h3, h4, h5, h6, p, ul, label {   margin: 0;   padding: 0; } .checkbox1 {   width: 18px !important; } a {   cursor: pointer;   text-decoration: none;   color: inherit; } .pl-0 {   padding-left: 0px !important; } .desktop-break-tag {   display: block; } .mobile-break-tag {   display: none; } .wouldI {   background-color: #F6FBF8 !important; } #hero-section {   height: 600px;   background-color: #18214E;   padding: 20px 90px; } .hero-section-wrapper {   display: flex;   justify-content: space-between;   align-items: center;   max-width: 1400px !important; } .hero-section-content {   display: flex;   color: white;   flex-direction: column;   gap: 32px;   width: 55%;   height: 100%; } .review-text {   color: white !important;   font-weight: 600;   font-size: 18px; } .review-text2 {   color: white !important;   font-weight: 600;   font-size: 18px; } .review-1 {   display: flex;   align-items: center;   gap: 4px; } .review-1 img {   width: 150px; } .location-highlight {   font-weight: bold;   color: #02C153 } .hero-section-info {   display: flex;   flex-direction: column; } .seen {   color: white;   font-size: 20px;   font-weight: 400;   text-align: start;   width: 155%; } .index-sticky-sec-headers {   font-size: 24px !important; } .hero-section-left-div {   display: flex;   flex-direction: column; } .hero-section-info img {   width: 30%; } .hero-section-info h1 {   font-weight: 400;   font-size: 20px;   padding-top: 15px; } .hero-section-heading h2 {   font-family: 'AvertaPEBold';   font-size: 56px;   color: #ffffff; } .highlight {   color: #02C153;   font-family: 'AvertaPEExtraBold'; }  .hero-highlight {   color: #02C153;   font-weight: 700; } .hero-section-buttons {   display: flex;   gap: 32px;   align-items: center;   margin-top: 15px; } .hero-section-buttons a {   text-decoration: none; } .hiw-buttons {   display: flex;   gap: 32px;   align-items: center;   margin-top: 15px;   align-self: center; } .hiw-buttons a {   text-decoration: none; } .hiw-buttons2 {   display: flex;   gap: 32px;   align-items: center;   margin-top: 15px;   align-self: center; } .hiw-buttons2 a {   text-decoration: none; } .how-it-works-wrapper a {   text-decoration: underline; } .r-info-3 a {   text-decoration: none; } .ready-content a {   text-decoration: none; } .w-220 {   width: 220px !important; } .hero-section-button1 {   flex-shrink: 0;   background: var(--RT-Green, #02C153);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #FFF;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   transition: background-color 0.3s ease, box-shadow 0.3s ease;   text-decoration: none !important;   border: none;   align-items: center;   margin-bottom: 40px; }  .sample-learn-more-button {   flex-shrink: 0;   background: var(--RT-Green, #1F295E);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #FFF !important;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   transition: background-color 0.3s ease, box-shadow 0.3s ease;   text-decoration: none !important;   border: none;   align-items: center;   margin: 0 auto;   margin-bottom: 40px; } .sample-learn-more-button:hover {   flex-shrink: 0;   border: 2px solid #1F295E;   background: var(--Light-Green, #F6FBF8);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #1F295E !important;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   text-decoration: none !important; }  .hero-section-button5 {   flex-shrink: 0;   background: #1DC3D3;   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #FFF;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   transition: background-color 0.3s ease, box-shadow 0.3s ease;   text-decoration: none !important; } .hero-section-button6 {   flex-shrink: 0;   background: #FFC145;   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #1C2633;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   transition: background-color 0.3s ease, box-shadow 0.3s ease;   text-decoration: none !important; }  .hero-section-button2 {   flex-shrink: 0;   border: 2px solid #02C153;   background: var(--Light-Green, #F6FBF8);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #02C153;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   transition: background-color 0.3s ease, box-shadow 0.3s ease;   text-decoration: none !important; } .kr-header-button2 {   flex-shrink: 0;   border: 3px solid #02C153;   background: var(--Light-Green, #F6FBF8);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #02C153;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   transition: background-color 0.3s ease, box-shadow 0.3s ease;   text-decoration: none !important; }  .hero-section-button1:hover {   flex-shrink: 0;   border: 2px solid #02C153;   background: var(--Light-Green, #F6FBF8);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #02C153;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   text-decoration: none !important; } .hero-section-button5:hover {   flex-shrink: 0;   border: 2px solid #1DC3D3;   background: var(--Light-Green, #F6FBF8);   display: flex;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #1DC3D3;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   text-decoration: none !important; } .hero-section-button6:hover {   flex-shrink: 0;   border: 3px solid #FFC145;   background: #FFFDFD;   display: flex;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #1C2633;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   text-decoration: none !important; }  .hero-section-button1:hover>.icon1 {   filter: drop-shadow(#02C153 0px 50px);   transform: translateY(-50px); } .hero-section-button2:hover>.icon2 {   filter: drop-shadow(#02C153 0px 50px);   transform: translateY(-50px); } .hero-section-button2:hover {   width: 265px;   height: 50px;   flex-shrink: 0;   background: var(--RT-Green, #02C153);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #FFF;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   text-decoration: none !important; } .kr-header-button2:hover>.icon2 {   filter: drop-shadow(#02C153 0px 50px);   transform: translateY(-50px); } .kr-header-button2:hover {   background: var(--RT-Green, #02C153);   display: flex;   width: 265px;   height: 50px;   flex-direction: column;   justify-content: center;   flex-shrink: 0;   color: #FFF;   text-align: center;   font-family: 'AvertaPE';   font-size: 20px;   font-style: normal;   font-weight: 600;   line-height: normal;   text-transform: capitalize;   text-decoration: none !important; } .hero-section-aside {   width: 50%; } .hero-section-aside>img:last-child {   display: none; } .hero-section-aside img {   width: 100%; } .hero-section-aside-box {   width: 100%;   display: flex;   position: relative;   justify-content: center;   align-items: center;   gap: 4px } .hero-aside-left {   position: relative; } .relative {   position: relative; } .hero-section-msg {   background-color: white;   display: flex;   align-items: center;   gap: 4px;   justify-content: center;   border-radius: 10px;   width: 226px;   padding: 4 6;   position: absolute;   top: 75%;   left: -25%;   font-weight: 600;   font-size: 17px; } .tick-image {   width: 28px;   position: absolute;   left: -30%;   top: 68%; } .hero-aside-right {   position: relative;   display: flex;   flex-direction: column;   gap: 36px; } .hero-img1 {   width: 70%; } .hero-img2 {   width: 85%; } .hero-img3 {   width: 85%; } .hero-section-msg2 {   font-size: 17px;   background-color: white;   display: flex;   align-items: center;   justify-content: center;   border-radius: 10px;   width: 230px;   padding: 2 10;   position: absolute;   top: 25%;   left: -23%;   font-weight: 600;   gap: 4px; }  .job-offer-msg {   background-color: white;   display: flex;   align-items: center;   gap: 12px;   border-radius: 10px;   width: 231px;   padding: 5 10;   position: absolute;   bottom: -5%;   left: -15%;   font-size: 17px; } .hero-section-msg3 {   display: flex;   flex-direction: column;   font-size: 17px;   align-items: start; } .hero-section-msg3 h4 {   font-size: 14px;   font-weight: 600 !important; }  .resume-container {   padding: 70px 80px; } .resume-containe3 {   padding: 0px 80px 70px 80px; } #resume-section {   background-color: white;   padding: 80px 20px 0px 20px; } #resume-method {   background-color: white;   padding: 0px 20px; }  #resume-sectionhp {   background-color: white;   padding: 80px 20px }  #resume-section2 {   background-color: #F6FBF8;   margin-bottom: 60px; } #resume-section3 {   background-color: #F6FBF8;   margin: 60px 0px; } #resume-section4 {   background-color: #F6FBF8; } .resume-container2 {   padding: 60px 20px 30px 20px; } .resume-container3 {   padding: 100px 20px 100px 20px; } .al-start {   align-items: start !important; } .resume-wrapper {   display: flex;   justify-content: space-between;   align-items: center;   max-width: 1200px !important; } .resume-info {   width: 50%;   display: flex;   flex-direction: column; } .resume-info2 {   width: 60% !important;   display: flex;   flex-direction: column;   gap: 25px; } .resume-info5 {   width: 55% !important;   display: flex;   flex-direction: column;   gap: 20px; } .resume-pic {   width: 45%; } .resume-pic-abs {   width: 51% !important; } .resume-pic3 {   width: 45% !important; } .resume-pic5 {   width: 40% !important; } .resume-pic img {   width: 100%; } .resume-pic3 img {   width: 90%; } .resume-pic-abs img {   width: 100%; } .resume-pic5>img {   width: 100%; } .resume-pic2 {   padding-top: 3px !important;   width: 35% !important; } .resume-pic2 img {   width: 100%; } .resume-info-header {   font-size: 32px;   line-height: 40px;   font-weight: 500; } .resume-info-header2 {   display: none; } .resume-info-header3 {   display: none; } .r-info-1 {   display: flex;   flex-direction: column;   gap: 10px;   padding-bottom: 15px; } .r-info-1 p {   font-size: 17px; } .r-info-2 {   display: flex;   flex-direction: column;   gap: 20px; } .kr-info-2 {   display: flex;   flex-direction: column;   gap: 20px;   Width: 90%; } .r-boxes4 {   display: flex;   align-items: center;   gap: 20px; } .r-boxes4>h4 {   font-size: 18px;   font-weight: 600; } .r-boxes5 {   display: flex;   align-items: center;   gap: 20px; } .r-boxes5>h4 {   font-size: 17px; } .diff-boxes {   display: flex;   flex-direction: column;   gap: 8px;   width: 80%;   margin: 0 auto;   padding-top: 20px; } .diff-boxes2 {   display: flex;   flex-direction: column;   gap: 8px;   width: 90%;   margin: 0 auto;   padding-top: 20px; } .ind-box-wrap {   display: flex;   justify-content: space-between;   align-items: start; } .ind-box-cont {   display: flex;   flex-direction: column;   gap: 10px;   width: 28%; } .grey-text {   color: #777980 !important; } .r-boxes {   display: flex;   gap: 20px;   align-items: start; } .r-boxes-2 {   display: flex;   gap: 20px;   align-items: start; } .r-addons {   display: flex;   gap: 20px;   align-items: start; } .r-boxes-header {   font-size: 20px !important;   font-weight: 600 !important;   padding-top: 0px !important; } .r-info-3 {   display: flex;   flex-direction: column;   gap: 40px;   padding-top: 14px; } #compare-section {   background-color: white; } .compare-wrapper {   padding: 120px; } .how-we-compare {   display: flex;   justify-content: center;   align-items: center;   gap: 60px; } .reasons-struggle {   font-weight: 600;   font-size: 42px; } .w-91 {   width: 91% !important; } .w-89 {   width: 89% !important; } .w-80 {   width: 80% !important; } .w-92 {   width: 92% !important; } .w-94 {   width: 94% !important; } .resume-wrapper2 {   display: flex;   justify-content: space-between;   align-items: center;   max-width: 1200px !important; } .resume-wrapper3 {   display: flex;   justify-content: space-between;   align-items: start; } .resume-wrapper5 {   display: flex;   justify-content: space-between;   align-items: start; } .resume-wrapper4 {   display: flex;   align-items: center;   background-color: #1F295E;   color: white;   padding: 12px 0px;   border-radius: 10px; } .resume-wrapper4 img {   width: 20%; }  .kr-wrapper-ins-div {   color: white !important;   width: 80% !important;   font-size: 22px;   font-weight: 500;   text-align: left !important; } .kr-wrapper {   display: flex;   flex-direction: column;   max-width: 1100px !important;   gap: 30px;   margin: 0 auto; }  .whyus-q {   display: flex;   flex-direction: column;   max-width: 1100px !important;   gap: 30px;   margin: 0 auto; } .kr-wrapper3 {   display: flex;   flex-direction: column;   max-width: 1100px !important;   gap: 30px;   margin: 0 auto;   padding-bottom: 80px; } .kr-cust {   gap: 12px !important;   max-width: 1200px !important; }  .ma {   margin: 0 auto;   padding-bottom: 40px !important; } .mw-950 {   max-width: 950px; } .mw-900 {   max-width: 1200px !important;   margin: 0 auto;   width: 100%;   padding: 0px 20px; } .mw1200 {   max-width: 1200px !important; } .orange-full {   width: 100%;   height: 2px;   background-color: #FF8A00;   display: block; } .kr-wrapper2 {   display: flex;   flex-direction: column;   max-width: 1100px !important;   gap: 30px;   margin: 0 auto; }  .kr-wrapper-ins {   width: 70%;   margin: 0 auto;   display: flex;   align-items: center;   gap: 20px; } .mobile-hidden {   display: block !important; } .desktop-hidden {   display: none !important; } .kr-wrapper>div h5 {   display: none; } .kr-wrapper3>div h5 {   display: none; } .kr-wrapper>div h2 {   font-size: 32px;   font-weight: 500;   text-align: center; } .whyus-q>div h2 {   font-size: 32px;   font-weight: 500;   text-align: left; } .kr-wrapper3>div h2 {   font-size: 45px;   font-weight: 500;   text-align: center; } .kr-wrapper2>div h2 {   font-size: 45px;   font-weight: 500;   text-align: center; }  .kr-wrapper2>div div {   text-align: center;   width: 90%;   margin: 0 auto; } .all-caps {   font-variant: small-caps; } .kr-wrapper3>div>div {   width: 77.5%;   margin: 0 auto;   font-size: 17px;   font-weight: 400;   text-align: center;   color: #2E313B;   padding-top: 10px;   padding-bottom: 15px; }  .kr-wrapper>div>div {   width: 77.5%;   margin: 0 auto;   font-size: 17px;   font-weight: 400;   text-align: center;   color: #2E313B;   padding-top: 10px;   padding-bottom: 15px; } .whyus-q>div>div {   width: 77.5%;   margin: 0 auto;   font-size: 17px;   font-weight: 400;   text-align: center;   color: #2E313B;   padding-top: 10px;   padding-bottom: 15px; }  .career-container {   background-color: white;   padding: 0px 80px;   padding-top: 10px;   padding-bottom: 60px; } .career-header {   color: #2e313b;   font-size: 32px; } .career-cards-container {   display: flex;   justify-content: space-between; } .career-card {   width: 30%;   background-color: #F6FBF8;   display: flex;   flex-direction: column;   justify-content: space-between;   height: 450px;   cursor: pointer;   border-radius: 20px;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   padding-bottom: 12px; } .ac {   align-items: center; } .career-card-img {   width: 390px; } .career-card>img:first-child {   height: 280px !important; } .careeer-card-img {   border-top-left-radius: 20px;   border-top-right-radius: 20px; } .career-wrapper {   display: flex;   flex-direction: column;   gap: 24px;   justify-content: center;   max-width: 1300px !important; } .career-button {   display: flex;   align-items: center;   gap: 16px; } .career-card>div:nth-child(2) {   margin: 0 20px;   font-size: 18px;   font-weight: 600; } .career-card>div:nth-child(3) {   margin: 0 20px;   font-size: 18px;   font-weight: 600; } #reviews-section {   background-color: #F6FBF8; } #reviews-section1 {   background-color: #ffffff; } .reviews-container {   padding: 60px 112px; } .reviews-container1 {   padding: 60px 112px 60px 112px; } .reviews-container2 {   padding: 0px 50px 60px 50px; } .reviews-wrapper {   align-items: center;   display: flex;   flex-direction: column;   gap: 12px; } .reviews-wrapper2 {   align-items: center;   display: flex;   flex-direction: column;   gap: 12px;   padding-top: 60px; } .industry-wrapper2 {   align-items: center;   display: flex;   flex-direction: column;   gap: 12px;   padding-bottom: 60px; } .reviews-header {   font-size: 32px;   text-align: center; } #videos-section {   background-color: #18214E;   overflow-x: hidden; } .videos-container {   padding: 60px 30px; } .videos-wrapper {   display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   text-align: center;   color: white;   gap: 48px;   max-width: 1200px !important; } .videos-header h2 {   font-size: 56px;   Color: #ffffff;   line-height: 45px; } .videos-header div {   font-size: 20px;   font-weight: 400;   padding-top: 20px; } .videos-box {   display: flex;   flex-wrap: wrap;   row-gap: 32px;   width: 80%;   justify-content: space-between; }  .video {   position: relative;   width: 30%;   transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.5s ease-in-out;   transform-origin: center; } .video:hover {   transform: scale(1.1) rotate(3deg); }  .video-img {   width: 100%; } .play-button {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   width: 25% !important; } .partnership-header {   width: 100%;   display: flex;   align-items: center;   justify-content: space-between; } .partnership-header2 {   width: 100%;   display: flex;   flex-direction: column;   gap: 12px; } .partnership-header h4 {   font-size: 22px; } .partnership-header2 h3 {   font-size: 35px; } .line {   display: block;   width: 30%;   height: 2px;   background-color: #FF8A00; } .scroller {   max-width: 1300px; } .out-logo-img {   width: 245px; } .mw-1250 {   max-width: 1250px;   margin: 0 auto;   width: 100%;   padding: 0px 20px; } .scroller__inner {   padding-block: 1rem;   display: flex;   flex-wrap: wrap;   gap: 3rem;   align-items: center; } .sam-img {   height: 300px;   cursor: pointer; } .sam-img-spec {   scale: 1.1;   aspect-ratio: 1.1;   height: 350px !important; }   .scroller[data-animated="true"] {   overflow: hidden;   -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);   mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); } .scroller[data-animated="true"] .scroller__inner {   width: max-content;   flex-wrap: nowrap;   animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite; } .scroller[data-direction="right"] {   --_animation-direction: reverse; } .scroller[data-direction="left"] {   --_animation-direction: forwards; } .scroller[data-speed="fast"] {   --_animation-duration: 40s; } .scroller[data-speed="slow"] {   --_animation-duration: 60s; }  #how-it-works-section {   background-color: #F6FBF8; } .how-it-works-container {   padding: 60px 80px; } .how-it-works-container2 {   padding: 0px 80px; } .how-it-works-wrapper {   max-width: 1200px !important;   display: flex;   flex-direction: column;   align-items: center;   text-align: center;   gap: 25px; } .works-header h2 {   font-size: 32px;   font-weight: 500; } .ds-works-header-div {   padding-top: 12px;   width: 60%;   margin: 0 auto; } .step-cards-wrapper {   width: 100%;   display: flex;   flex-wrap: wrap;   row-gap: 36px;   align-items: stretch;   justify-content: space-between; } .step-card {   width: 22.5%;   background-color: white;   display: flex;   flex-direction: column;   gap: 8px;   border-radius: 10px;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   align-items: center;   text-align: center;   padding-bottom: 20px; } .img-width-450 {   width: 450px !important; } .img-width-400 {   width: 450px !important; }  .img-width-350 {   width: 350px !important; } .step-card2 {   width: 22.5%;   background-color: #18214E;   display: flex;   flex-direction: column;   gap: 8px;   border-radius: 10px;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   padding-bottom: 20px;   align-items: center;   text-align: center;   color: white; } .step-card2 img {   width: 80%; }  .step-card-header {   display: flex;   align-items: center;   justify-content: center;   height: 40px;   border-top-right-radius: 10px;   border-top-left-radius: 10px;   background-color: #18214E;   width: 100%;   ;   border-bottom: 2px solid #02C153;   color: #FFF;   text-align: center;   font-family: 'AvertaPE';   font-size: 22px;   font-style: normal;   font-weight: 600;   line-height: normal;   font-variant: all-small-caps; } .step-card img {   width: 80%; } .step-card h4 {   font-size: 22px;   font-weight: 600; } .step-card2 h4 {   font-size: 22px;   font-weight: 600; } .step-card img {   padding: 0px 10px; } .step-card h4 {   padding: 0px 10px; } .step-card:nth-child(4) {   padding: 0px 10px; } .step-card2 h4 {   padding: 0px 10px; }  .sub-copy {   padding: 0px 10px;   color: #777980;   font-weight: 600; } .step-card2 :last-child {   color: white !important; } .last-parag {   width: 85% !important; } .how-it-works-wrapper>:nth-last-child(1) {   width: 65%;   color: #777980;   font-size: 17px; } .step2-card-header {   height: 40px;   opacity: 0; } #ready-section {   margin: 60px 40px; } .ready-wrapper {   position: relative;   background-color: #1F295E;   display: flex;   justify-content: center;   align-items: center;   gap: 24px;   border-radius: 10px;   max-width: 1200px !important; } .list-industry {   margin-bottom: 8px;   margin-left: 40px;   padding-left: 30px;   position: relative;   text-align: start; } .ready-content {   width: 50%;   display: flex;   flex-direction: column;   gap: 16px;   color: white;   font-size: 32px; } .ready-content h1 {   font-weight: 400; }  .ready-img-cont img {   margin-bottom: -100px; }  #switch-sec {   width: 100%;   background-color: white;   position: relative; }  .switch-container {   max-width: 1600px;   margin: 0 auto;   width: 95%;   display: flex;   flex-direction: column;   gap: 95px;   align-items: center;   padding-bottom: 50px;   position: relative;   padding-top: 180px; } .-mt-50 {   margin-top: -50px; } .switch-container p {   margin: 0;   padding: 0; } .barCont {   height: 130px;   position: absolute;   top: 0;   width: 100%;   max-width: 1600px;   z-index: 150;   left: 50%;   transform: translateX(-50%);   background-color: white; }  .switch-bar {   width: 90%;   background-color: #F6FBF8;   height: 60px;   border-radius: 10px;   display: flex;   max-width: 100%;   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); } .switch-bar-ds {   width: 100%;   background-color: #F6FBF8;   height: 70px;   border-radius: 10px;   display: flex;   max-width: 100%;   gap: 4px; } .switch-bar-ds2 {   width: 100%;   background-color: #1F295E;   height: 70px;   border-radius: 10px;   display: flex;   max-width: 100%;   gap: 0px; }  .switch-bar-ds3 {   width: 100%;   background-color: #106695;   height: 60px;   border-radius: 10px;   display: flex;   max-width: 100%;   gap: 4px; }  .switch-bar-ds>a {   font-size: 18px;   font-weight: 600;   color: #18214E;   height: 100%;   display: flex;   align-items: center;   justify-content: center;   text-align: center;   flex: 1;   border-radius: 10px;   cursor: pointer;   text-decoration: none;   line-height: normal; } .switch-bar-ds2>a {   font-size: 18px;   font-weight: 600;   color: white;   height: 100%;   display: flex;   align-items: center;   justify-content: center;   text-align: center;   flex: 1;   border-radius: 10px;   cursor: pointer;   text-decoration: none;   line-height: normal; } .switch-bar-ds3>a {   font-size: 18px;   font-weight: 600;   color: white;   height: 100%;   display: flex;   align-items: center;   justify-content: center;   text-align: center;   flex: 1;   border-radius: 10px;   cursor: pointer;   text-decoration: none;   line-height: normal; } .dropdown-hidden-link {   display: none; } .switch-bar-ds a:hover {   background-color: #02C153;   color: white !important;   border-radius: 10px; }  .switch-bar-ds2 a:hover {   background-color: #02C153;   color: white !important;   border-radius: 10px; } .switch-bar-ds3 a:hover {   background-color: #FFC145;   color: black !important;   border-radius: 10px; }  .switch-bar>div {   font-size: 22px;   font-weight: 600;   color: #18214E;   height: 100%;   display: flex;   align-items: center;   justify-content: center;   text-align: center;   flex: 1;   border-radius: 10px;   cursor: pointer;   line-height: 1; }  .selected-switch-option {   background-color: #18214E;   color: white !important;   -webkit-box-shadow: -2px 4px 5px 0px rgba(191, 191, 191, 1);   -moz-box-shadow: -2px 4px 5px 0px rgba(191, 191, 191, 1);   box-shadow: -2px 4px 5px 0px rgba(191, 191, 191, 1); } .selected-switch-option2 {   display: flex;   align-items: center;   justify-content: space-between;   background-color: #02C153;   color: white !important;   border-radius: 10px; } .selected-switch-option3 {   display: flex;   align-items: center;   justify-content: space-between;   background-color: #02C153;   color: white !important;   border-radius: 10px;   padding: 15px;   cursor: pointer;   font-size: 18px;   font-weight: 700;   text-align: left; } .selected-switch-option6 {   display: flex;   align-items: center;   justify-content: space-between;   background-color: #FFC145;   color: black !important;   border-radius: 10px; } .selected-switch-option5 {   display: flex;   align-items: center;   justify-content: space-between;   background-color: #1DC3D3;   color: white !important;   border-radius: 10px;   padding: 15px;   cursor: pointer;   font-size: 18px;   font-weight: 700;   text-align: left; } .selected-switch-option4 {   display: flex;   align-items: center;   justify-content: space-between;   background-color: #02C153;   color: white !important;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   padding: 15px;   cursor: pointer;   font-size: 18px;   font-weight: 700;   text-align: left; } .dropdown-ds-menu a:hover {   background-color: #02C153;   color: white; } .dropdown-ds2-menu a:hover {   background-color: #1DC3D3;   color: white; } .border-radius-adjusted {   border-bottom-left-radius: 0;   border-bottom-right-radius: 0; } .pb-4x4 {   padding-bottom: 10px !important; } .switch-part {   display: flex;   gap: 6.5%;   max-width: 1100px;   padding-bottom: 40px; } .switch-ph-div {   width: 35%;   display: flex;   flex-direction: column;   gap: 0px;   font-size: 20px;   font-weight: 600;   color: #2e313b; } .switch-ph-div2 {   width: 30%;   display: flex;   flex-direction: column;   gap: 0px;   font-size: 20px;   font-weight: 600;   color: #2e313b; } .switch-ph-div2 img {   width: 100%; } .switch-ph-div img {   width: 100%; } .switch-ph-div>div {   display: none; } .switch-ph-div>div>p {   font-size: 17px; } .switch-ph-div2>div {   display: none; } .switch-ph-div2>div>p {   font-size: 17px; } .swithc-oth-div {   display: flex;   flex-direction: column;   gap: 10px;   width: 65.5%;   padding-top: 20px; } .swithc-oth-div>h3 {   margin: 0;   padding: 0; } .swithc-oth-div>h3>div {   font-size: 32px;   color: #2e313b;   font-weight: 600; } .swithc-oth-div p {   font-size: 17px;   font-weight: 400;   color: #2e313b; } .checkk-div:first-of-type {   margin-top: 20px; } .checkk-div {   display: flex;   gap: 17px;   align-items: flex-start; } .checkk-div>div {   display: flex;   flex-direction: column;   gap: 10px; } .checkk-div h6 {   color: #2e313b;   font-size: 20px;   font-weight: 600;   margin: 0; } .checkk-div>div>p:nth-child(3) {   margin-top: 10px; } .checkk-div {   margin-top: 15px; } .rev-div {   display: flex;   gap: 20px;   align-items: center;   max-width: 665px;   margin-top: -20px; } .rev-left img {   height: 130px; } .-mt-30 {   margin-top: -30px; } .rev-right {   display: flex;   flex-direction: column;   gap: 10px; } .sm-pt-20 {   padding-top: 20px; } .rev-right>div {   color: #2E313B;   font-size: 22px;   font-weight: 400; } .rev-right>div:nth-child(2) {   font-size: 17px;   font-weight: 300;   color: #777980; } .bulb-div {   background-color: #1F295E;   border-radius: 20px;   height: 92px;   display: flex;   align-items: center;   justify-content: flex-end;   position: relative;   width: 100%;   max-width: 700px;   margin-top: 20px;   padding-right: 35px;   padding-left: 25px; } .bulb-div>div:nth-child(2) {   color: white;   font-size: 22px;   width: 88%; } .bulb-div>div:nth-child(1) {   position: absolute;   top: 50%;   display: flex;   align-items: center;   justify-content: center;   background-color: #FF8A00;   left: 30px;   transform: translate(-25%, -50%);   height: 80px;   width: 80px;   border-radius: 50%; } .btnalign {   display: flex;   flex-direction: column; } .bulb-div img {   height: 86px; } .switch2 {   justify-content: flex-end; } .switch4 {   justify-content: flex-end; } .batoni {   display: flex;   justify-content: flex-start;   padding-top: 40px;   align-self: center;   z-index: 1000; } .batoni a {   text-decoration: none; } .industryb {   display: flex;   justify-content: flex-start;   padding-top: 0px;   align-self: center;   z-index: 1000;   padding-bottom: 40px; } .ndustryb a {   text-decoration: none; } .batoni2 {   display: flex;   justify-content: flex-start; } .batoni2 a {   text-decoration: none; } .w-285 {   width: 285px !important; } #career-advice-section {   padding-top: 30px !important; }  #recruit-section {   padding: 60px 40px; } #recruit-section2 {   padding: 0px 40px;   padding-bottom: 20px;   padding-top: 140px; } #recruit-section3 {   padding: 60px 40px; } #recruit-section4 {   background-color: #F6FBF8;   padding: 0px 40px;   padding-bottom: 20px; } #industry-section {   background-color: #fff;   padding: 0px 40px;   padding-bottom: 20px; }  #recruit-section5 {   padding: 0px 40px;   padding-bottom: 80px;   padding-top: 60px; } #sample-resume-section {   padding: 0px 40px;   padding-bottom: 80px;   padding-top: 60px;   max-width: 1200px;   margin: 0 auto; }  .recruit-wrapper {   display: flex;   justify-content: space-between;   align-items: center;   max-width: 1200px;   margin: 0 auto; } .recruit-wrapper2 {   display: flex;   align-items: center;   max-width: 1200px;   margin: 0 auto; } .recruit-wrapper5 {   display: flex;   justify-content: space-between;   align-items: center;   margin: 0 auto;   padding: 0px 60px; } .recruit-wrapper3 {   max-width: 1200px;   margin: 0 auto;   display: flex;   gap: 32px; } .recruit-wrapper6 {   max-width: 1100px;   margin: 0 auto;   display: flex;   gap: 32px;   padding-bottom: 80px;   padding-top: 80px; }  .recruit-wrapper4 {   max-width: 1200px;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 32px;   padding-top: 60px;   padding-bottom: 40px; } .Industry-wrapper {   max-width: 1200px;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 40px;   padding-top: 60px;   padding-bottom: 40px; } .Industry-wrapper h2 {   font-size: 32px;   font-weight: 500;   line-height: 40px; } .recruit-wrapper3-bottom {   display: flex;   justify-content: space-between;   align-items: center; } .industry-wrapper3-top {   padding-bottom: 0px; } .recruit-info {   width: 57.5%;   display: flex;   flex-direction: column;   gap: 32px;   padding-left: 35px; }  .recruit-info2 {   width: 65%;   display: flex;   flex-direction: column;   gap: 32px;   padding-left: 35px; } .recruit-info5 {   width: 60%;   display: flex;   flex-direction: column;   gap: 32px; } .recruit-info3 {   width: 51%;   display: flex;   flex-direction: column;   gap: 32px;   padding-left: 35px; } .w-60 {   width: 60% !important;   padding-left: 0px !important; } .w-40 {   width: 40% !important; } .recruit-info4 {   width: 56%;   display: flex;   flex-direction: column;   gap: 32px; } .ri-shorten {   width: 50% !important; } .re-info h2 {   font-weight: 500;   font-size: 32px;   line-height: 40px; } .re-industry1 h2 {   font-weight: 500;   font-size: 32px;   line-height: 40px; } .re-info2 {   display: none; } .re-info3 {   display: none; } .re-info4 {   display: none; } .re-info {   display: flex;   flex-direction: column;   gap: 20px;   font-size: 18px;   font-weight: 400; } .re-industry1 {   display: flex;   flex-direction: column;   gap: 20px;   font-size: 17px;   font-weight: 400; } .re-boxes {   display: flex;   align-items: center;   gap: 20px;   font-size: 18px;   font-weight: 400; } .re-button {   display: flex;   align-items: center;   justify-content: space-between;   gap: 11px;   color: white;   padding: 8px 32px;   background-color: #02C153;   font-size: 24px;   font-weight: 600;   transition: background-color 0.3s ease;   border: #02C153 solid 2px;   overflow: hidden;   width: 210px; } .form-container p {   font-size: 17px;   color: #777980;   font-weight: 400; } .form-container h6 {   font-size: 17px;   color: #2E313B;   font-weight: 400; } .form-container a {   text-decoration: none; } .form-container2 p {   font-size: 17px;   color: #777980;   font-weight: 400; } .form-container2 a {   text-decoration: none; } .form-padding-fixed {   padding: 50px 30px !important; }  .recruit-info a {   text-decoration: none; } .recruit-info2 a {   text-decoration: none; } .recruit-info5 a {   text-decoration: none; } .recruit-info3 a {   text-decoration: none; } .recruit-info4 a {   text-decoration: none; } .fm-boldest {   font-family: 'AvertaPEExtraBold' !important; } .form-p {   width: 80%;   font-size: 12px !important; } .re-button:hover {   background-color: white;   border: #02C153 solid 2px;   color: #02C153; } .re-button:hover>.icon1 {   filter: drop-shadow(#02C153 0px 50px);   transform: translateY(-50px); } .recruit-pic {   width: 40%; } .recruit-pic img {   width: 100%; } .recruit-pic2 {   width: 30%;   position: relative; } .recruit-pic2 img {   width: 100%; } .recruit-pic3 {   width: 45%; } .recruit-pic3 img {   width: 80%; } .recruit-pic4 {   position: relative;   display: flex;   justify-content: end;   width: 38%; } .recruit-pic4>img {   width: 100%;   margin: 0 auto; } .recruit-pic5 {   width: 30%;   position: relative;   cursor: pointer; } .industry-pic1 {   width: 40%;   position: relative;   cursor: pointer; } .recruit-pic5 img {   width: 100%; } .industry-pic1 img {   width: 100%; } .recruit-pic6 {   width: 35%;   position: relative; } .pb-16 {   padding-bottom: 16px; } .rec-pic-12 {   width: 100%; } #signup-section {   background-image: url(https://www.resumetarget.ca/new/./images/signupbackground.png);   height: 1207px;   width: 100%;   background-repeat: no-repeat;   background-size: cover;   background-position: center; }  .signup-wrapper {   display: flex;   justify-content: center;   align-items: center;   height: 100%; }  .signup-box {   margin-top: -150px;   background-color: #1F295E;   height: 600px;   width: 100%;   display: flex;   justify-content: space-between;   align-items: center;   padding: 0px 120px;   color: white; } .signup-wrapper2 {   display: flex;   justify-content: space-between;   align-items: center;   max-width: 1150px;   margin: 0 auto; } .signup-info {   width: 51.5%;   display: flex;   flex-direction: column;   gap: 32px; } .snup-info h1 {   font-weight: 600;   font-size: 56px; } .snup-info-2 {   display: none; } .snup-info p {   font-size: 24px;   font-weight: 400; } .snup-info {   display: flex;   flex-direction: column;   gap: 20px;   font-size: 24px;   font-weight: 300; } .re-info span {   color: #02C153;   font-family: "AvertaPEExtraBold";   font-size: 32px; }  .re-info2 span {   color: #02C153;   font-family: "AvertaPEExtraBold";   font-size: 42px; } .snup-info span {   color: #02C153;   font-family: "AvertaPEExtraBold";   font-size: 56px; } .free {   color: white !important;   font-size: 24px !important;   font-weight: 600 !important; } .form-container {   width: 44%;   background-color: #F6FBF8;   display: flex;   flex-direction: column;   color: black;   padding: 30px;   text-align: center;   border-radius: 10px;   gap: 20px;   align-items: center;   max-width: 1200px !important; } .form-container2 {   width: 44%;   background-color: #F6FBF8;   display: flex;   flex-direction: column;   color: black;   padding: 70px 30px;   text-align: center;   border-radius: 10px;   gap: 24px;   align-items: center;   max-width: 1200px !important; }  .form-header {   display: flex;   flex-direction: column;   gap: 8px;   width: 100%; } .form-header h4 {   color: #2E313B;   font-size: 24px;   font-weight: 600; } .form-header p {   font-weight: 400;   font-size: 17px;   color: #2E313B; } .input-container {   width: 100%;   display: flex;   flex-direction: column;   align-items: center;   gap: 12px; } .input-container input {   border: #D9D9D9 1px solid;   padding: 20px 8px;   width: 100%;   transition: border-color 0.2s;   font-size: 18px; } .bb {   border-bottom: red 1px solid !important; }  .formButton2 {   display: none; } .form2Button2 {   display: none; } .input-div1 {   border: #D9D9D9 1px solid;   padding: 20px 8px;   width: 100%;   transition: border-color 0.2s;   font-size: 17px;   text-align: left;   color: #777980;   display: flex;   align-items: center;   justify-content: space-between;   cursor: pointer;   gap: 8px;   background-color: white; } .input-div2 {   border: #D9D9D9 1px solid;   padding: 20px 8px;   width: 100%;   transition: border-color 0.2s;   font-size: 17px;   text-align: left;   color: #777980;   display: flex;   align-items: center;   justify-content: space-between;   cursor: pointer;   gap: 8px;   background-color: white; } .text-16{   font-size: 16px !important; } .input-div3 {   border: #D9D9D9 1px solid;   padding: 20px 8px;   width: 100%;   transition: border-color 0.2s;   font-size: 17px;   text-align: left;   color: #777980;   display: flex;   align-items: center;   justify-content: space-between;   cursor: pointer;   gap: 8px;   background-color: white; } .input-div4 {   border: hsl(0, 0%, 85%) 1px solid;   height: 70px;   width: 100%;   transition: border-color 0.2s;   font-size: 17px;   text-align: left;   color: #777980;   display: flex;   align-items: center;   cursor: pointer;   gap: 16px;   background-color: white;   padding: 0px 10px; } .input-div5 {   border: hsl(0, 0%, 85%) 1px solid;   height: 70px;   width: 100%;   transition: border-color 0.2s;   font-size: 17px;   text-align: left;   color: #777980;   display: flex;   align-items: center;   cursor: pointer;   gap: 16px;   background-color: white;   padding: 0px 10px; } .tcsm {   text-align: left; } .jcc {   display: flex;   justify-content: center; } .cv-writing-img2 {   width: 37.5%; } .cv-writing-content {   padding-left: 0;   width: 55% !important; } .input::placeholder {   font-family: 'AvertaPE';   padding: 2px;   color: #777980;   font-size: 17px;   font-weight: 500; } .input-num1 {   display: flex;   flex-direction: column;   align-items: center;   gap: 12px;   width: 100%; } .input2-num1 {   display: flex;   flex-direction: column;   align-items: center;   gap: 12px;   width: 100%; } #error-message1, #error-messagee1 {   font-size: 0.8em;   color: red;   text-align: left; } #error-message2, #error-messagee2 {   color: red;   text-align: left; } #error-message3, #error-messagee3 {   color: red;   text-align: left; } .input-num2 {   display: flex;   flex-direction: column;   align-items: center;   gap: 12px;   width: 100%;   display: none; } .input2-num2 {   display: flex;   flex-direction: column;   align-items: center;   gap: 12px;   width: 100%;   display: none; } .upload-input {   display: none; } .upload-label {   display: flex;   align-items: center;   width: 100%;   height: 100%;   z-index: 120;   cursor: pointer; } .text-35 {   font-size: 32px !important; } .selected-states, .selectedd-states {   display: flex;   flex-wrap: wrap;   gap: 8px;   margin-bottom: 8px;   align-items: center; } .selected-state, .selectedd-state {   background-color: #f0f0f0;   padding: 4px 8px;   border-radius: 4px;   display: flex;   align-items: center;   gap: 4px; } .selected-state span, .selectedd-state span {   cursor: pointer;   color: red;   font-size: 20px; } .selected-states1, .selectedd-states1 {   display: flex;   flex-wrap: wrap;   gap: 8px;   margin-bottom: 8px; } .selected-state1, .selectedd-state1 {   background-color: #f0f0f0;   padding: 4px 8px;   border-radius: 4px;   display: flex;   align-items: center;   gap: 4px; }  .selected-states2, .selectedd-states2 {   display: flex;   flex-wrap: wrap;   gap: 8px;   margin-bottom: 8px; } .selected-state2, .selectedd-state2 {   background-color: #f0f0f0;   padding: 4px 8px;   border-radius: 4px;   display: flex;   align-items: center;   gap: 4px; }  .circle1 {   width: 45px;   height: 37px;   background-color: #02C153;   border-radius: 9999px;   display: flex;   align-items: center;   justify-content: center;   color: white;   font-size: 24px;   font-weight: 600; } .circle2 {   width: 45px;   height: 37px;   background-color: #D9D9D9;   border-radius: 9999px;   display: flex;   align-items: center;   justify-content: center;   color: white;   font-size: 24px;   font-weight: 600; } .line2 {   width: 100%;   height: 3px;   background-color: #D9D9D9;   display: block; } .steps-container {   width: 100%;   display: flex;   align-items: center; } .r-parent {   display: flex;   justify-content: end; } .bell-img {   width: 32px; } .pp-image {   width: 48px; } .seen2 {   display: none; } .bg-blue {   background-color: #1F295E !important; } .bg-F6FBF8 {   background-color: #F6FBF8 !important; } .custom-review-h1 {   font-size: 35px !important;   color: #2E313B !important;   font-weight: 600 !important; } .text-black {   color: #2E313B !important; } .partner-program-wrapper {   background-image: url(https://www.resumetarget.ca/new/./images/bg-2.png);   width: 95%;   height: 451px;   background-repeat: no-repeat;   background-position: center;   background-size: cover;   display: flex;   flex-direction: column;   justify-content: space-between;   align-items: center;   text-align: center;   padding: 60px 0px;   color: white;   max-width: 1300px;   margin: 0 auto;   margin-bottom: 50px; } .rpp {   border: #FF8A00 3px solid;   padding: 4px 24px;   text-align: center;   display: flex;   justify-content: center;   align-items: center;   color: white;   font-size: 24px;   font-weight: 600; } .rpp-text {   display: flex;   flex-direction: column;   gap: 14px;   align-items: center; } .rpp-text h1 {   font-size: 45px;   font-weight: 600; } .rpp-text p {   font-size: 24px;   width: 60%;   text-align: center; } .select2 {   width: 100%; } .rpp-button {   display: flex;   align-items: center;   justify-content: space-between;   gap: 11px;   color: white;   padding: 8px 32px;   background-color: #02C153;   font-size: 24px;   font-weight: 600;   transition: background-color 0.3s ease;   border: #02C153 solid 2px;   overflow: hidden;   width: 240px;   text-decoration: none; } .partner-program-wrapper a:hover {   text-decoration: none; } .rpp-button:hover {   background-color: white;   border: #02C153 solid 2px;   color: #02C153; } .rpp-button:hover>.icon1 {   filter: drop-shadow(#02C153 0px 50px);   transform: translateY(-50px); } .rpp a {   text-decoration: none; } .snup-info-2 span {   color: #02C153;   font-weight: 800;   font-size: 56px; } #hiw-section {   background-color: #1F295E;   padding: 60px 60px 0px 60px; }  #hiw-section2 {   background-color: #1F295E;   padding: 100px 60px; } .hiw-container {   display: flex;   flex-direction: column;   align-items: center;   text-align: center;   gap: 16px;   color: white;   margin: 0 auto;   max-width: 1100px; } .hiw-review {   display: flex;   flex-direction: column;   align-items: center;   justify-content: center; } .hiw-container h1 {   padding: 20px 0px;   font-size: 56px;   font-weight: 600;   width: 93%; } .hiw-sm-header {   font-size: 24px !important;   font-weight: 600;   color: #FF8A00;   font-variant: small-caps; } .hiw-review h4 {   font-size: 24px;   font-weight: 400;   width: 100%; } .da {   width: 80px; } #step1Sect {   padding-left: 60px;   padding-right: 60px;   padding-top: 60px;   padding-bottom: 30px; } .step1-conatinerr {   margin: 0 auto;   max-width: 1200px;   display: flex;   justify-content: space-between;   align-items: flex-start; } .step1-left {   width: 35%; } .step1-left img {   width: 100%; } .step1-right {   width: 62.5%;   display: flex;   flex-direction: column;   gap: 18px; } .step1-counter {   font-size: 24px;   color: #1F295E;   font-weight: 800; } .s1-right-top {   display: flex;   align-items: flex-start;   gap: 4px; } .s1-right-top-left {   display: flex;   flex-direction: column;   gap: 16px;   width: 85%; } .step1-line {   display: block;   height: 2px;   width: 100%;   background-color: #02C153; } #play-lottie {   width: 100px;   height: 100px;   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); } #lottie1 {   width: 80%;   height: 205px; } #lottie2 {   width: 80%;   height: 205px; } #lottie3 {   width: 80%;   height: 205px; } #lottie4 {   width: 80%;   height: 205px; } #lottie6 {   width: 70px;   height: 70px; } .step1-right h1 {   font-size: 32px;   font-weight: 600;   color: #1F295E; }  .step1-dropdown-container {   display: flex;   flex-direction: column;   gap: 4px; } .hiw-dropdown-wrapper {   cursor: pointer; } .hiw-dropdown1 {   display: flex;   gap: 64px;   align-items: center;   padding: 20px 30px;   height: 90px; } .hiw-box-left-content {   display: flex;   align-items: center;   gap: 16px;   width: 80%; } #lottie7 {   width: 65px;   height: 65px; }  #lottie8 {   width: 65px;   height: 65px; } #lottie9 {   width: 65px;   height: 65px; } .hiw-box-left-content p {   width: 88%;   font-size: 20px;   font-weight: 600; } .hiw-dropdown-wrapper:hover {   background-color: #18214E;   color: white; } .tipuric {   background-color: #F6FBF8 !important;   color: #2E313B !important; } .hiw-dropdown-wrapper {   display: flex;   flex-direction: column;   gap: 16px; } #hiw-p-cont1 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; }  #hiw-p-cont2 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; } #hiw-p-cont3 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; } .rdlo {   text-decoration: underline;   color: #18214E; } .gap-24 {   gap: 24px; } .h-256 {   height: 256px;   align-items: center;   justify-content: center; } .lo-options-wrapper:last-child a {   text-decoration: underline; } .lo-options-wrapper3:last-child a {   text-decoration: underline; } .lo-options-wrapper2:last-child a {   text-decoration: underline; } .lo-options-wrapper2-last-div {   width: 90%;   margin: 0 auto; } .rotate {   transform: rotate(180deg);   transition: transform 0.3s ease; }  .rotate-back {   transform: rotate(0deg);   transition: transform 0.3s ease-in-out; } .alignbtn {   display: flex;   flex-direction: column;   align-items: center; }  #step2Sect {   padding-top: 80px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 30px; } .step1-conatinerr h2 {   font-size: 32px;   line-height: 40px; } .step2-conatinerr h2 {   font-size: 32px;   line-height: 40px; } .step3-conatinerr h2 {   font-size: 32px;   line-height: 40px; } .step4-conatinerr h2 {   font-size: 32px;   line-height: 40px; } .step2-conatinerr {   margin: 0 auto;   max-width: 1200px;   display: flex;   justify-content: space-between;   align-items: flex-start; }  .step2-right {   width: 59%;   display: flex;   flex-direction: column;   gap: 16px; } .step2-left {   width: 38.5%;   padding-top: 35px; } .step2-left img {   width: 100%; } #lottie11 {   width: 65px;   height: 65px; }  #lottie12 {   width: 65px;   height: 65px; } #lottie13 {   width: 65px;   height: 65px; } #hiw-p-cont4 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; } #popup-video-iframe {   width: 100%; } #video-iframe{   position: relative; }  #hiw-p-cont5 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; }  #hiw-p-cont6 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; } #hiw-p-cont7 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; }  #hiw-p-cont8 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; } #hiw-p-cont9 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; } #lottie10 {   width: 70px;   height: 70px; } .step2-right h1 {   font-size: 32px;   font-weight: 600;   color: #1F295E; } .s2-right-top {   display: flex;   align-items: center;   gap: 4px; } .bg-greenish {   background-color: #F6FBF8;   color: #2E313B; } #wait-days-section {   padding: 60px 30px; } .wait-days-wrapper {   background: var(--Blue-1, #1F295E);   width: 95%;   border-radius: 10px;   display: flex;   justify-content: space-between;   align-items: center;   padding: 50px 90px;   color: white;   max-width: 1050px;   margin: 0 auto; } .wait-days-left {   display: flex;   width: 75%;   flex-direction: column;   gap: 26px; } .wait-days-left h2 {   Font-size: 32px;   color: #ffffff; } .wait-days-left :nth-child(1) {   display: flex;   flex-direction: column;   gap: 12px;   line-height: 40px; } .wait-days-left :nth-child(1) h1 {   font-size: 32px;   font-weight: 600; } .wait-days-left :nth-child(2) {   display: flex;   flex-direction: column;   gap: 16px; } .wait-days-left :nth-child(2) h4 {   font-size: 20px;   font-weight: 400; } .wait-days-right {   width: 22.5%; } #lottie14 {   width: 190px;   height: 190px; } #step3Sect {   padding: 30px; } .step3-conatinerr {   margin: 0 auto;   max-width: 1200px;   display: flex;   justify-content: space-between;   align-items: flex-start; } .pb-60 {   padding-bottom: 60px !important; } .pb-100 {   padding-bottom: 100px !important; } .step3-left {   width: 44%;   padding-top: 5px; } .step3-left img {   width: 100%; } .step3-right {   width: 62%;   display: flex;   flex-direction: column;   gap: 12px; } .w-70 {   width: 70% !important; } .mx-0 {   margin: 0 !important; } .w-75 {   width: 75% !important; } .step3-counter {   font-size: 30px;   color: #1F295E;   font-weight: 800; } .step3-right h1 {   font-size: 32px;   font-weight: 600;   color: #1F295E; } #lottie15 {   width: 70px;   height: 70px; }  #lottie16 {   width: 65px;   height: 65px; }  #lottie17 {   width: 65px;   height: 65px; } #lottie18 {   width: 65px;   height: 65px; } #step4Sect {   padding: 80px 30px; }  .step4-conatinerr {   margin: 0 auto;   max-width: 1200px;   display: flex;   justify-content: space-between;   align-items: center; }  .step4-right {   width: 65%;   display: flex;   flex-direction: column;   gap: 22px; } .step4-left {   width: 30.5%; } .step4-left img {   width: 100%; } .step4-right h1 {   font-size: 32px;   font-weight: 600;   color: #1F295E; } .confidently-mini-header {   color: #2E313B;   text-align: center;   font-size: 17px;   width: 95%;   margin: 0 auto; } .confidently-wrapper {   display: flex;   flex-direction: column;   gap: 24px; } .confidently-stats-wrapper {   display: flex;   justify-content: space-between;   align-items: center;   width: 95% !important; } .condfidently-stats-item {   width: 47.5%;   display: flex;   align-items: center;   gap: 16px;   background-color: #1F295E;   padding: 10px;   border-radius: 10px; } .condfidently-stats-item>p {   color: white;   text-align: left;   font-size: 22px;   font-weight: 600; } .condfidently-stats-item>img {   width: 30%; } #hiw-p-cont10 {   display: none;   flex-direction: column;   gap: 20px;   padding-left: 30px;   padding-right: 30px;   padding-bottom: 20px; }  #lottie19 {   width: 65px;   height: 65px; } .step4-rocket {   background-color: #1F295E;   display: flex;   flex-direction: column;   gap: 8px;   border-radius: 10px;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   padding: 20px 30px;   align-items: center;   text-align: center;   color: white; } .step4-rocket h4 {   font-size: 30px;   font-weight: 600; } #lottie20 {   width: 350px;   height: 350px; } .step4-rocket h4 {   font-size: 22px; } #lets-connect-section {   padding: 60px 30px;   background-color: #1F295E; } .mx-auto {   margin: 0 auto; } .lets-connect-container {   display: flex;   flex-direction: column;   max-width: 1300px;   margin: 0 auto;   gap: 48px; } .lets-connect-container h4 {   color: #FFF;   text-align: center;   font-size: 35px;   font-style: normal;   font-weight: 500;   line-height: normal;   font-variant: all-small-caps; } .lets-connect-container :nth-child(2)>div {   display: flex;   align-items: center;   gap: 12px;   width: 30%; } .cu-div {   display: flex;   align-items: center;   gap: 12px;   width: 30%; } .lets-connect-container :nth-child(2)>div p {   font-size: 24px;   font-weight: 600;   color: white; } .interview-time-wrapper {   display: flex;   flex-direction: column;   gap: 12px;   width: 65%;   margin: 0 auto; } .int-item1 {   display: flex;   background-color: #18214E;   color: white;   gap: 24px;   padding: 5px 20px;   align-items: center; } .int-item1>p {   font-size: 18px;   font-weight: 600;   width: 110px; } .int-item1>div {   font-size: 17px;   font-weight: 400; } .int-item2 {   display: flex;   background-color: #18214E;   color: white;   gap: 24px;   padding: 5px 20px;   align-items: start;   height: 65px; } .int-item2>p {   font-size: 18px;   font-weight: 600;   width: 110px; } .int-item2>div {   font-size: 17px;   font-weight: 400; } .int-item3 {   display: flex;   background-color: #18214E;   color: white;   gap: 24px;   padding: 5px 20px;   align-items: start;   height: 110px; } .int-item3>p {   font-size: 18px;   font-weight: 600;   width: 110px; } .int-item3>div {   font-size: 17px;   font-weight: 400; } #lottie21 {   width: 95px;   height: 95px; } #lottie22 {   width: 95px;   height: 95px; } #lottie23 {   width: 95px;   height: 95px; } .lc-div {   display: flex;   justify-content: space-between; } .lc-div a {   color: white;   display: flex;   align-items: center;   text-decoration: none;   font-size: 24px;   font-weight: 600;   gap: 12px; } #real-stories-section {   position: relative; } .real-stories-header {   height: 340px;   padding-top: 60px;   background-color: #1F295E; } .real-stories-bottom {   display: flex;   justify-content: center;   align-items: end;   height: 340px;   padding-top: 60px; } .real-stories-header h2 {   font-size: 56px;   font-weight: 500;   text-align: center;   color: white; } .real-slide-container {   width: 100%;   height: auto;   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); } .swiper-container {   width: 100%;   max-width: 1400px;   padding: 0px 8px; } .swiper-wrapper {   max-width: 1000px !important;   padding: 5px 0px; } .swiper-slide {   display: flex;   justify-content: center;   align-items: center; } .real-wrapper {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -38%); } .real-card-image {   position: relative;   width: 100%;   background-color: white;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   border: #FF8A00 2px solid; } .real-card-image .real-card-img {   height: 300px;   width: 100%;   border-top-left-radius: 8px;   border-top-right-radius: 8px;   object-fit: cover; } .swiper-container {   width: 90%;   display: flex;   margin: 0 auto; } .real-card {   border-radius: 10px;   background: #F6FBF8;   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);   width: 100% !important;   cursor: pointer; } .real-card-content {   height: 155px;   position: relative; } .real-card-content p {   position: absolute;   top: 50%;   transform: translateY(-50%);   color: #2E313B;   text-align: center;   font-size: 20px;   font-weight: 600;   padding: 8px 12px; } .swiper-button-next:after, .swiper-button-prev:after {   color: #02C153 !important; } .swiper-button-next, .swiper-button-prev {   color: #02C153 !important;   transform: translateY(-50%); } .switch-ph-div2>div>p {   display: flex;   flex-direction: column;   gap: 6px; } .hiddentexxt {   display: none;   width: 100%; } .asc {   align-self: center; } .recruit-info p {   font-size: 17px; } .recruit-info2 p {   font-size: 17px; } .recruit-info5 p {   font-size: 17px; }  .recruit-info3 p {   font-size: 17px; } .recruit-info4 p {   font-size: 17px; } .re-boxes div {   font-size: 17px; } .swiper-batton {   position: absolute !important;   right: 10px !important; } .swiper-batton2 {   position: absolute !important;   left: 10px !important; } .pt-30 {   padding-top: 30px; } .custom-swiper-div {   position: relative;   max-width: 1200px;   margin: 0 auto;   height: 150px; } .custom-active-slide {   transform: scale(1.05) !important;   transition: transform 0.3s; } .swiper-container {   height: calc(100% + 390px); } .swiper-slide {   height: 100%; } #faqs-section {   padding: 0px 30px;   padding-bottom: 60px; } .faqs-container {   max-width: 1100px;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 46px; } .faqs-wrapper {   display: flex;   flex-direction: column;   gap: 25px; } .faqs-header {   text-align: center;   color: #2E313B;   text-align: center;   font-size: 54px;   font-style: normal;   font-weight: 500;   line-height: normal; } .faq-box {   border: 1px solid #000;   cursor: pointer;   display: flex;   flex-direction: column; } .faq-box-top {   display: flex;   justify-content: space-between;   align-items: center;   gap: 12px;   padding: 30px 12px; } .faq-box-top img {   order: 2; }  .faq-box-top p {   font-size: 20px;   font-weight: 600;   width: 95%;   margin: 0 auto;   order: 1; } .faq-box-bottom {   background-color: #F6FBF8;   display: none;   border-top: 2px solid black; } .faq-box-top p {   color: #2E313B;   font-size: 20px; } .faq-box-bottom {   display: hidden;   flex-direction: column;   gap: 32px;   padding: 32px; } .faq-box-bottom-div {   display: flex;   flex-direction: column;   gap: 16px; } .faq-box-bottom-div ul {   padding-left: 32px; } .faq-box.open {   display: flex; } .r-boxes>div h4 {   text-align: start;   font-size: 20px;   font-weight: 600; } .r-addons>div h4 {   text-align: start;   font-size: 18px;   font-weight: 600;   padding-bottom: 10px; } .r-boxes2>div h4 {   text-align: start;   font-size: 18px;   font-weight: 600;   padding-bottom: 10px; } .r-boxes>div div {   text-align: start;   font-size: 17px;   font-weight: 400;   color: #2E313B;   padding-top: 10px;   line-height: 1.5; }  .r-addons>div div {   text-align: start;   font-size: 17px;   font-weight: 400;   color: #2E313B;   padding-top: 10px;   line-height: 1.5; } .r-boxes-2>div div {   text-align: start;   font-size: 20px;   font-weight: 400;   color: #2E313B;   padding-top: 10px;   line-height: 1.5; } .pt-0-must {   padding-top: 0px !important; } .order-card2 {   background-color: #F6FBF8;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   border-radius: 10px; } .order-card2-wrapper {   display: flex;   flex-direction: column;   align-items: center;   text-align: center;   padding: 40px 20px;   gap: 20px; } .order-card2-wrapper h4 {   color: #2E313B;   font-size: 24px;   font-weight: 600;   font-variant: all-small-caps; } .order-card2-wrapper div {   color: #777980;   text-align: center;   font-size: 17px;   font-weight: 500; } .order-card2-div a {   text-decoration: underline; } .order-card2-wrapper h2 {   color: #FF8A00;   text-align: center;   font-size: 60px;   font-style: normal;   font-family: "AvertaPEBold"; } .order-card3 {   width: 35%; } .order-card3-wrapper {   display: flex;   flex-direction: column;   align-items: center;   text-align: center;   padding: 40px 20px;   gap: 20px; } .order-card3-wrapper h4 {   color: #2E313B;   font-size: 24px;   font-weight: 600;   font-variant: all-small-caps; } .card3-header {   font-size: 24px !important;   font-variant: normal !important; } .order-card3-wrapper div {   color: #777980;   text-align: center;   font-size: 17px;   font-weight: 500; } .order-card3-wrapper h2 {   color: #FF8A00;   text-align: center;   font-size: 60px;   font-style: normal;   font-family: "AvertaPEBold"; } .order-card3-wrapper p {   font-size: 12px; } .lo-options-flex {   display: flex;   width: 100%;   justify-content: center;   align-items: center; } .order-card3:first-of-type {   border-right: 1px solid #18214E; } .br-blue {   border-right: 1px solid #18214E; }  .order-card4-wrapper {   display: flex;   flex-direction: column;   align-items: center;   text-align: center;   padding: 40px 20px;   gap: 20px; } .tl {   text-align: left !important; } .current-mini-header {   color: #2E313B !important;   text-align: center !important;   font-size: 25px !important;   font-weight: 600 !important;   font-variant: all-small-caps; } .order-card4-wrapper h4 {   color: #2E313B;   font-size: 24px;   font-weight: 600;   font-variant: all-small-caps; } .order-card4-wrapper div {   color: #2E313B;   text-align: center;   font-size: 17px;   font-weight: 500; } .eau-post-header {   font-size: 15px !important;   font-weight: 600 !important; } .extrabold {   font-family: "AvertaPEExtraBold"; } .bold {   font-family: "AvertaPEBold" !important;   color: #2E313B !important;   font-size: 16px !important; } .font-bold {   font-family: "AvertaPEBold" !important; } .batoni-position {   align-self: flex-start !important; } .order-card4-div a {   text-decoration: underline; } .order-card4-wrapper h2 {   color: #FF8A00;   text-align: center;   font-size: 60px;   font-style: normal;   font-family: "AvertaPEBold";   display: flex; } .most-popular {   display: flex;   width: 100%;   align-items: center;   justify-content: center; } .card2-header {   border-top-left-radius: 10px;   border-top-right-radius: 10px;   height: 60px;   background-color: #02C153;   display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   color: white;   font-weight: 800;   gap: 4px; } .card3-header-price {   display: none !important;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   height: 40px;   background-color: #F6FBF8;   display: flex;   justify-content: center;   align-items: center;   color: #1F295E;   font-weight: 600; } .w-27 {   width: 27% !important; } .price-sm {   font-size: 30px !important; } .pricing-cards-wrapper {   display: flex;   justify-content: space-between;   padding-left: 20px;   padding-right: 20px;   padding-top: 60px; } .lo-options-wrapper {   display: flex;   flex-direction: column;   background-color: #F6FBF8;   max-width: 1250px;   width: 110%;   margin: 0 auto;   position: absolute;   top: 55%;   left: 50%;   transform: translate(-50%, -50%);   color: black;   border-radius: 10px;   padding: 10px 0px; } .lo-options-wrapper3 {   display: flex;   flex-direction: column;   background-color: #F6FBF8;   max-width: 1300px;   width: 108%;   margin: 0 auto;   position: absolute;   top: 55%;   left: 50%;   transform: translate(-50%, -50%);   color: black;   border-radius: 10px;   padding: 10px 0px; } .lo-options-wrapper div {   text-align: center;   color: #2E313B;   text-align: center;   font-size: 17px;   font-style: normal;   font-weight: 400;   padding: 10px 5px; } .lo-options-wrapper3 div {   text-align: center;   color: #2E313B;   text-align: center;   font-size: 17px;   font-style: normal;   font-weight: 400;   padding: 10px 5px; } .lo-options-wrapper2 {   display: flex;   flex-direction: column;   background-color: #F6FBF8;   max-width: 1250px;   width: 110%;   margin: 0 auto;   color: black;   border-radius: 10px;   padding: 10px 0px;   margin-left: -5%;   position: absolute;   bottom: 20;   transform: translateY(1%); } .lo-options-wrapper2 div {   text-align: center;   color: #2E313B;   text-align: center;   font-size: 17px;   font-style: normal;   font-weight: 400;   padding: 10px 0; } #ds-starting-page {   background-color: #1F295E;   padding: 60px 30px; } .ds-starting-container {   max-width: 1300px;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 32px; } .ds-starting-container2 {   max-width: 1150px;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 32px; } .ds-starting-container3 {   max-width: 1200px;   width: 110%;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 32px;   margin-left: -5%; } .ds-starting-container4 {   max-width: 1200px;   width: 110%;   margin: 0 auto;   display: flex;   flex-direction: row;   gap: 35px;   margin-left: -2%;   flex-wrap: wrap;   row-gap: 35px;   align-items: center; }  .navbar-div-ds {   display: flex;   flex-direction: column;   gap: 10px; } .sub-copy a {   text-decoration: underline; } .saos {   color: white;   font-size: 18px;   font-weight: 500; } .ds-starting-header {   font-size: 56px;   font-weight: 500;   text-align: center;   color: white;   width: 64%;   margin: 0 auto;   margin-top: 45px; } .ds-starting-header span {   font-size: 56px;   font-family: 'AvertaPEExtraBold';   text-align: center;   color: #02C153; } .ds-header-larger {   width: 90% !important; } #ds-video-section {   position: relative;   margin: 0 auto;   padding-bottom: 60px; } .ds-video-section:nth-child(2) {   max-width: 1100px;   width: 100%; } .ds-video-container {   max-width: 1100px;   width: 100%;   margin: 0 auto; } .ds-video-container2 {   max-width: 950px;   width: 100%;   margin: 0 auto; } .ds-video-container3 {   max-width: 1200px;   width: 100%;   margin: 0 auto;   display: block; } .scorecard-cont {   display: flex;   z-index: 33;   padding: 0px 15px; } .ds-video-container3>p {   text-align: center;   font-size: 12px;   color: #777980;   padding: 40px 12px;   padding-top: 30px; } .ds-video-container4 {   max-width: 1300px;   width: 100%;   margin: 0 auto;   padding: 0 50px; } .ds-video-container4>p {   text-align: center;   font-size: 12px;   color: #777980;   padding: 40px 12px;   padding-top: 30px; } .div-w-border-orange {   border: 2px #FF8A00 solid;   width: 80%;   margin: 0 auto;   padding: 20px 0px;   position: relative;   height: 260px;   color: white;   margin-top: -2px;   border-radius: 10px; } .div-w-border-orange h4 {   font-size: 35px;   font-weight: 500;   text-align: center;   font-family: 'AvertaPE';   font-variant: all-small-caps; } .div-w-border-orange2 {   border: 2px #FF8A00 solid;   width: 100%;   padding: 20px 0px;   position: relative;   height: 450px;   color: white;   margin-top: -2px;   border-radius: 10px; } .div-w-border-orange2 h4 {   font-size: 35px;   font-weight: 500;   text-align: center;   font-family: 'AvertaPE';   font-variant: all-small-caps; } .div-w-border-orange2 h1 {   font-size: 35px;   font-weight: 500;   text-align: center;   font-family: 'AvertaPE';   font-variant: all-small-caps; } .input.invalid {   border-bottom: 1px solid red; } .error-message, .error-messagee {   color: red;   font-size: 0.8em;   margin-top: 5px;   text-align: left; } .error1 {   border-bottom: 1px solid red; }  .input-pare {   width: 100%;   display: flex;   flex-direction: column; } input[type="checkbox"] {   cursor: pointer;   width: 18px !important; } .options-container1 {   display: flex;   flex-direction: column;   gap: 6px;   background-color: white;   display: none;   color: #2E313B; } .show {   display: flex !important; } .borderbottomradiusnone {   border-bottom-left-radius: 0px;   border-bottom-right-radius: 0px; } .borderbottomradius {   border-bottom-left-radius: 10px;   border-bottom-right-radius: 10px; } .options-container2 {   display: flex;   flex-direction: column;   gap: 6px;   background-color: white;   max-height: 140px;   overflow-y: auto;   display: none;   color: #2E313B; } .options-container3 {   display: flex;   flex-direction: column;   gap: 6px;   background-color: white;   max-height: 140px;   overflow-y: auto;   display: none;   color: #2E313B; } .option-wrapper {   width: 100%;   display: flex;   gap: 16px;   padding: 20px 8px;   font-size: 20px;   border-bottom: 1px solid #02C153;   cursor: pointer;   transition: transform 0.3s ease;   z-index: 20; } .option-wrapper label {   cursor: pointer;   z-index: 1; } .option-wrapper:hover {   background-color: #02C153;   color: white; } .option-wrapper1 {   width: 100%;   display: flex;   gap: 16px;   padding: 20px 8px;   font-size: 20px;   border-bottom: 1px solid #02C153;   cursor: pointer;   transition: transform 0.3s ease;   z-index: 20; } .option-wrapper1 label {   cursor: pointer;   z-index: 1; } .option-wrapper1:hover {   background-color: #02C153;   color: white; } .option-wrapper2 {   width: 100%;   display: flex;   gap: 16px;   padding: 20px 8px;   font-size: 17px;   border-bottom: 1px solid #02C153;   cursor: pointer;   transition: transform 0.3s ease;   z-index: 20; } .option-wrapper2 label {   cursor: pointer;   z-index: 1; } .option-wrapper2:hover {   background-color: #02C153;   color: white; } .div-w-border-orange iframe {   position: absolute;   top: 65%;   left: 50%;   transform: translate(-50%, -35%); } .blue-div {   position: absolute;   height: 70%;   width: 100%;   background-color: #1F295E;   margin-top: -2px; } .blue-div2 {   position: absolute;   height: 50%;   width: 100%;   background-color: #1F295E;   margin-top: -2px; } .blue-div3 {   position: absolute;   height: 25%;   width: 100%;   background-color: #1F295E;   margin-top: -2px; } .dropdown-ds {   display: none;   flex-direction: column;   background-color: #F6FBF8;   border-radius: 10px; } .dropdown-ds-menu {   display: none;   flex-direction: column;   background-color: #F6FBF8;   border-radius: 10px; } .dropdown-ds-menu a {   padding: 10px;   text-align: left;   font-size: 18px;   font-weight: 700;   color: #18214E;   text-decoration: none;   cursor: pointer;   width: 100%; } .dropdown-ds2 {   display: none;   flex-direction: column;   background-color: #18214E;   border-radius: 10px;   width: 80%;   margin: 0 auto; } .dropdown-ds2-menu {   display: none;   flex-direction: column;   background-color: #18214E;   border-radius: 10px; } .dropdown-ds2-menu a {   padding: 10px;   text-align: left;   font-size: 18px;   font-weight: 700;   color: white;   text-decoration: none;   cursor: pointer;   width: 100%; } .arrow {   transform: rotate(180deg) 0.3s ease-in-out !important; } .ds-sticky-headers {   background-color: white;   width: 100%;   border-bottom: 2px solid #02C153; } .ds-sticky-headers2 {   background-color: white;   width: 100%;   display: none;   flex-direction: column; } .orange-discount-div {   background-color: #FF8A00;   display: flex;   align-items: center;   justify-content: center;   text-align: center;   padding: 8px; } .orange-discount {   font-size: 24px;   color: #2E313B;   font-weight: 600; } .ds-sticky-container {   margin: 0 auto;   display: flex;   background-color: white;   width: 100%;   max-width: 1350px;   padding-top: 10px; } .ds-sticky-container a {   text-decoration: none; } .aos-div {   border: #02C153 2px solid;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   font-size: 18px;   font-weight: 600;   text-align: center;   padding: 8px 16px;   border-bottom: 0px;   display: flex;   align-items: center;   justify-content: center;   font-variant: all-small-caps; } .aos-div2 {   font-size: 18px;   font-weight: 600;   text-align: center;   padding: 8px 16px;   background-color: #F6FBF8;   color: #2E313B;   display: flex;   align-items: center;   justify-content: center;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   font-variant: all-small-caps; } .bp-div {   font-size: 18px;   font-weight: 600;   text-align: center;   padding: 8px 16px;   background-color: #F6FBF8;   color: #2E313B;   display: flex;   align-items: center;   justify-content: center;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   font-variant: all-small-caps; } .bp-div2 {   border: #02C153 2px solid;   border-top-left-radius: 10px;   border-top-right-radius: 10px;   font-size: 18px;   font-weight: 600;   text-align: center;   padding: 8px 16px;   border-bottom: 0px;   display: flex;   align-items: center;   justify-content: center;   font-variant: all-small-caps; } .bp-div2 img {   padding-top: 4px; }  .h1-dropdown-saos {   width: 100%;   text-align: left; } .lo-sub-copy {   margin-top: 10px !important;   width: 85% !important; }  .video-overlay {   position: relative;   width: 560px;   height: 315px; } .video-overlay::before {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: transparent;   cursor: pointer; } .thankyou-wrap h4 {   font-weight: 600;   font-size: 24px;   text-align: center; } .thankyou-wrap p {   text-align: center; } .thankyou-wrap {   display: flex;   flex-direction: column;   gap: 36px;   align-items: center; } .thankyou-wrap img {   width: 30%; } .video-overlay {   position: relative;   width: 560px;   height: 315px; } .video-overlay::before {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: transparent;   cursor: pointer; } .popup {   display: none;   position: fixed;   z-index: 1;   left: 0;   top: 0;   width: 100%;   height: 100%;   overflow: auto;   background-color: rgba(0, 0, 0, 0.5); } .no-scroll {   overflow: hidden; } .popup-content {   background-color: #fefefe;   position: fixed;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   padding: 0;   border: 1px solid #888;   max-width: 560px;   width: 100%; } .packages-wrapp {   display: flex;   flex-direction: column;   gap: 10px; } .lead-gen {   display: flex;   flex-direction: column;   gap: 10px; } .packages-wrapp h1 {   font-size: 56px;   color: white; }  .lead-gen h2 {   font-size: 46px;   color: white;   padding: 0px 15px;   text-align: center;   font-weight: 500; } .packages-wrapp p {   color: white;   font-size: 18px; } .lead-gen p {   color: white;   font-size: 20px;   Padding: 15px 15px;   text-align: center; } .packages-wrapp a {   text-decoration: underline; } .packages-wrapp-main {   display: flex;   flex-direction: column;   gap: 45px;   align-items: center; } .packages-wrapp-main h1 {   font-size: 56px;   color: white;   font-weight: 600;   text-align: center; } .packages-wrapp-main>div:last-child {   display: flex;   flex-direction: column;   align-items: center; } .packages-wrapp-main>div>p {   color: #FFF;   text-align: center;   font-size: 24px;   font-weight: 500; } .packages-wrapp-main>div>a {   text-decoration: underline;   color: #02C153;   font-size: 24px;   font-weight: 600;   line-height: normal;   text-align: center; } .packages-wrapp-main>a:hover {   color: darkgreen; } .card1 {   position: relative;   width: 32%;   background-color: white;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   border-radius: 10px;   height: auto; } .card1-bottom {   display: flex;   flex-direction: column;   align-items: center;   gap: 12px; } .card1-bottom p {   width: 100px;   font-size: 18px;   text-align: center;   padding-bottom: 8px;   border-bottom: 1px solid #1F295E; } .card4-bottom {   display: flex;   flex-direction: column;   align-items: start;   gap: 12px; } .card4-bottom p {   width: 100px;   font-size: 18px;   text-align: center;   padding-bottom: 8px;   border-bottom: 1px solid #2E313B; }  .card2 {   position: relative;   width: 32%;   background-color: white;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   border-radius: 10px;   height: auto;   margin-top: -60px;   padding-bottom: 40px; } .card2-bottom {   display: flex;   flex-direction: column;   align-items: center;   gap: 12px; } .card2-bottom>p {   width: 100px;   font-size: 18px;   text-align: center;   padding-bottom: 8px;   border-bottom: 1px solid #2E313B;   color: #2E313B; } .card5-bottom {   display: flex;   flex-direction: column;   align-items: start;   gap: 12px; } .card5-bottom>p {   width: 100px;   font-size: 18px;   text-align: center;   padding-bottom: 8px;   border-bottom: 1px solid #2E313B;   color: #2E313B; } .card3 {   position: relative;   width: 32%;   background-color: white;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   border-radius: 10px;   height: auto; } .card3-linkedin {   position: relative;   width: 32%;   background-color: white;   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);   border-radius: 10px;   height: auto; padding-bottom: 40px; }  .card3-bottom {   display: flex;   flex-direction: column;   align-items: center;   gap: 12px; } .card3-bottom>p {   width: 100px;   font-size: 18px;   text-align: center;   padding-bottom: 8px;   border-bottom: 1px solid #2E313B;   color: #2E313B; } .card6-bottom {   display: flex;   flex-direction: column;   align-items: start;   gap: 12px; } .card6-bottom>p {   width: 100px;   font-size: 18px;   text-align: center;   padding-bottom: 8px;   border-bottom: 1px solid #2E313B;   color: #2E313B; } .r-boxes2 {   display: flex;   align-items: start;   gap: 10px; } .r-boxes2>div h4 {   text-align: start;   font-size: 15px;   font-weight: 400;   padding: 0px; } .r-boxes3 {   display: flex;   align-items: start;   gap: 10px;   padding-top: 16px;   padding-left: 20px;   padding-right: 20px; } .r-boxes3-div {   display: flex;   flex-direction: column;   gap: 12px; } .pick-one-rl {   display: flex;   flex-direction: column;   gap: 8px; } .p-60-min {   font-size: 16px !important;   font-weight: 400;   color: #2E313B; } .pick-one-rl>div {   display: flex;   align-items: center;   gap: 8px; } .pick-one-rl a {   text-decoration: underline; } .pick-all-rl {   display: flex;   gap: 10px; } .pick-all-rl a {   text-decoration: underline; } .r-boxes3>div h4 {   text-align: start;   font-size: 17px;   font-weight: 400; } .card1-ticks {   display: flex;   flex-direction: column;   gap: 16px;   padding: 0 20px; } .card2-ticks {   display: flex;   flex-direction: column;   gap: 16px;   padding: 0 20px;   opacity: 1; } .card3-ticks {   display: flex;   flex-direction: column;   gap: 16px;   padding: 0 20px;   opacity: 1; } .recruit-orange-div {   background-color: #FF8A00;   display: flex;   align-items: center;   gap: 12px;   position: absolute;   top: 50%;   left: 0%;   padding: 0 12px;   border-radius: 10px; } .recruit-orange-div>a {   text-decoration: underline;   color: #2E313B;   font-size: 22px;   font-weight: 600; }  .student-add-on-services-container {   padding: 60px 50px; } .student-add-on-services-container2 {   padding: 0px 50px 100px 50px; } .student-add-on-services-container2>h1:first-child {   max-width: 1100px;   width: 100%;   text-align: center;   font-size: 32px;   margin: 0 auto;   font-weight: 600; } .student-add-on-services-container2 h5 {   display: none; } .student-add-on-services-container2 h4 {   font-size: 17px;   max-width: 1100px;   width: 100%;   text-align: center;   margin: 0 auto;   padding: 16px 0px; } .student-link:hover {   color: white !important; } .student-add-on-services-wrapper {   max-width: 1100px;   border: 2px solid #FF8A00;   width: 100%;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 32px;   padding: 30px 0px;   position: relative;   height: 700;   border-radius: 10px; } .student-add-on-services-wrapper h4 {   font-size: 24px;   font-weight: 600;   text-align: center;   color: #2E313B; } .student-add-on-services-wrapper2 {   max-width: 1100px;   border: 2px solid #FF8A00;   width: 100%;   margin: 0 auto;   display: flex;   flex-direction: column;   gap: 32px;   padding: 30px 0px;   position: relative;   height: 1120px;   border-radius: 10px; } .student-add-on-services-wrapper2 h4 {   font-size: 24px;   font-weight: 600;   text-align: center;   color: #2E313B; } .pap-content>h2 {   font-size: 32px;   font-weight: 500;   width: 70%;   text-align: center;   margin: 0 auto;   line-height: 40px; } .second-resume-focus, .resume-refresh, .interview-coaching, .resume-distribution, .linkedin-optimization, .cv-writing, .rush-services {   display: none; }  .flex {   display: flex; } .gap-30 {   gap: 30px !important; } .tc {   text-align: center !important; } .lo-options-wrapper-mini-div {   color: #777980 !important; } .learn-more-link {   text-decoration: underline !important;   color: #2E313B;   font-size: 18px;   font-weight: 600;   display: flex;   align-items: center; } .learn-more-link>img {   padding-left: 16px; } .blue-card-div>h4 {   color: white;   font-size: 30px;   font-variant: all-small-caps;   font-weight: 600;   text-align: center; } .blue-card-div>p {   color: white;   font-size: 20px;   font-weight: 500;   text-align: center; } .blue-card-div {   display: flex;   flex-direction: column;   gap: 16px;   justify-content: center; } .blue-card>img {   width: 200px;   position: absolute;   top: -70px; } .blue-card {   background-color: #18214E;   padding: 0px 20px;   position: relative;   border-radius: 10px;   height: 400px;   display: flex;   justify-content: center;   align-self: center; }  .industries-cont {   display: flex;   flex-direction: column;   gap: 32px; } .industries-cv-wrapper {   display: flex;   flex-direction: column;   gap: 32px;   width: 95%;   margin: 0 auto; } .industries-cv-wrapper>h4 {   color: #2E313B;   font-size: 20px;   font-weight: 600; } .usaVSeng-cont {   background-color: #18214E;   display: flex;   gap: 32px;   align-items: center;   padding: 10px 20px;   width: 100%;   margin: 0 auto;   border-radius: 10px;   margin: 20px 0px; } .usaVSeng-cont>img {   width: 200px; } .usaVSeng-cont>p {   width: 85%;   font-size: 22px;   color: white;   font-weight: 600; } #cvvsres-section {   background-color: #F6FBF8; } .difference-cont {   display: flex;   flex-direction: column;   gap: 16px;   max-width: 1200px;   width: 100%;   padding: 50px 40px;   margin: 0 auto; } .difference-cont>h1 {   text-align: center;   font-size: 45px;   font-weight: 600; } .diff-content {   display: flex;   align-items: start;   gap: 48px;   border: 2px #FF8A00 solid;   border-radius: 10px;   padding: 20px 0px;   margin-top: 450px; } .diff-content>div {   width: 50%;   display: flex;   flex-direction: column; } .diff-content>div>img {   width: 100%;   margin: 0 auto;   margin-top: -410px; } .diff-content>div p {   width: 80%;   margin: 0 auto;   font-size: 17px; } .diff-content-right {   width: 50%;   display: flex;   flex-direction: column; } .diff-content-right>img {   width: 100%;   margin: 0 auto;   margin-top: -410px !important; } .diff-content-right p {   width: 90% !important;   margin: 0 auto;   font-size: 17px; } .clients-working-section {   padding: 30px 0px;   background-color: #02C153;   color: white;   overflow: hidden;   width: 100%;   display: flex;   flex-direction: column;   gap: 16px;   align-items: center; } .clients-working-section2 {   padding: 30px 0px;   background-color: white;   color: #2E313B;   overflow: hidden;   width: 100%;   display: flex;   flex-direction: column;   gap: 16px;   align-items: center;   max-width: 1200px;   margin: 0 auto; } .clients-working-section3 {   color: #2E313B;   overflow: hidden;   width: 100%;   display: flex;   flex-direction: column;   gap: 16px;   align-items: center; } .tac {   text-align: center !important;   justify-content: center; } .sr-prof-header {   color: #02C153;   font-size: 32px;   font-family: "AvertaPEExtraBold";   line-height: normal;   width: 85%;   margin: 0 auto; }  .pricing-bundle-dropdown {   border-radius: 10px;   background-color: #F6FBF8;   width: 300px;   height: auto;   display: flex;   flex-direction: column;   cursor: pointer;   position: relative; } .pricing-bundle-div-dropdown {   width: 100%;   display: flex;   align-items: center;   height: 62.5px;   padding: 0px 15px;   justify-content: space-between } .pricing-bundle-div-dropdown>p:first-child {   color: #2E313B;   font-size: 20px;   font-weight: 600; } .dropdown-content {   display: none;   flex-direction: column;   position: absolute;   width: 100%;   top: 62.5px;   background-color: #F6FBF8;   border-radius: 0 0 10px 10px;   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);   z-index: 1000; } .dropdown-content>a:hover {   background-color: #02C153; } .dropdown-content>a:hover h4 {   color: white; } .dropdown-content>a:hover p {   color: white; } .dropdown-content>a {   text-decoration: none;   color: #2E313B;   font-size: 17px;   border-top: 1px solid #02C153;   display: flex;   flex-direction: column;   padding: 0px 20px;   height: 62.5px;   justify-content: center;   text-align: start; } .dropdown-content>a>p {   color: #000;   font-size: 12px;   font-weight: 400; } .dropdown-content>a>h4 {   color: #000;   font-size: 17px;   font-weight: 600; } .prices-div-prices {   display: flex;   flex-direction: column;   gap: 6px;   width: 90%;   margin: 0 auto; } .dropdown-content-border {   border: 1px solid #1F295E;   border-top: 0px; } .dropdown-content-border2 {   border: 1px solid #1F295E;   border-radius: 10px; }  .orde-1 {   order: 0 !important; } .w-full {   width: 100% !important; } .prices-div-prices>p {   font-weight: 600;   text-align: start;   color: #2E313B; } .career-level-cards {   display: flex;   flex-direction: column;   width: 30%;   gap: 25px;   background-color: #F6FBF8;   padding: 16px 0px;   border-radius: 10px;   z-index: 2; } .career-level-cards-header h4 {   padding: 0px;   font-size: 20px;   font-weight: 600;   font-variant: all-small-caps; } .career-level-cards-header p {   text-align: center;   font-size: 14px; } .small-p-fs {   font-size: 18px !important;   padding-bottom: 15px; } .batton-w-180-sm {   width: 265px !important; } .clc-last-card {   background-color: #18214E !important;   padding: 30px;   height: 500px;   justify-content: center;   gap: 30px; } .clc-last-card h3 {   color: #FFF;   text-align: center;   font-size: 20px;   font-weight: 600;   font-variant: all-small-caps;   letter-spacing: 1px; } .color-white {   color: white !important; } .color-18214E {   color: #18214E } .color-white>a {   text-decoration: underline; } .take-our-quiz-pr {   color: #02C153 !important;   text-align: center;   width: 100%;   text-decoration: underline;   color: #02C153;   font-size: 24px;   font-weight: 600;   line-height: normal;   text-align: center; } .div-take-our {   text-align: center;   padding-top: 80px; } .div-take-our>p {   color: black;   text-align: center;   font-size: 24px;   font-weight: 500; } .success-stories-box {   background-color: white;   border: 3px solid #1F295E;   display: flex;   flex-direction: column;   align-items: center;   text-align: center;   width: 60%;   padding: 40px 20px;   gap: 18px;   border-radius: 10px; } .success-stories-box h3 {   color: #1F295E;   text-align: center;   font-size: 24px;   font-weight: 600;   position: relative; } .success-stories-box h3::after {   content: '';   display: block;   width: 40%;   height: 2px;   background-color: #FF8A00;   margin: 0 auto;   margin-top: 15px; } #testimonal-page-section {   background-image: url(https://www.resumetarget.ca/new/./images/CustomerTestimonial.png);   background-size: cover;   background-position: center;   background-repeat: no-repeat;   width: 100%;   height: 500px;   margin-top: 0px; } .testimonal-wrapper {   display: flex;   justify-content: center;   align-items: center;   height: 100%;   max-width: 1100px;   margin: 0 auto; } .success-stories-box h1 {   font-size: 42px;   color: #1F295E;   font-weight: 600; } .success-stories-box p {   color: #1F295E;   text-align: center;   font-size: 24px;   font-weight: 400;   width: 80%;   margin: 0 auto; } .success-stories-box img {   width: 220px; } #client-quote-section {   background-color: #F6FBF8;   padding: 40px 20px; } .client-quote-wrapper {   max-width: 900px;   display: flex;   flex-direction: column;   gap: 20px;   margin: 0 auto; } .client-quote-wrapper img {   width: 65px; } .client-quote-wrapper h3 {   font-size: 24px; } .client-quote-wrapper p {   text-align: right;   width: 77.5%;   margin: 0 auto; } .seamless {   font-family: "AvertaPEBoldItalic"; } #client-testimonal-links {   padding: 60px 20px;   position: relative; } .client-testimonal-container {   display: flex;   flex-wrap: wrap;   row-gap: 96px;   max-width: 1200px;   margin: 0 auto;   column-gap: 32px;   justify-content: center; } .client-testimonal-card {   display: flex;   width: 31.1%;   flex-direction: column;   gap: 12px;   border-radius: 10px;   background-color: white;   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);   padding-bottom: 20px;   transition: transform 0.3s ease;   text-decoration: none !important;   color: #2E313B !important;   z-index: 20; } .client-test-text-cont {   display: flex;   flex-direction: column;   gap: 16px;   width: 83%;   margin: 0 auto;   height: 100%;   justify-content: space-between; } .client-test-imgcont {   position: relative;   width: 100%; } .play-button-testimonal {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); } .client-test-imgcont img:first-child {   width: 100%; } .client-test-imgcont img:last-child {   width: 100px; } .client-test-text-cont h6 {   font-size: 20px;   font-weight: 600; } .client-testimonal-card:hover {   transform: scale(1.05);   text-decoration: none !important; } .read-client-story-sm {   display: flex;   justify-content: space-between;   align-items: center; } .read-client-story-sm>div:first-child {   font-weight: 600;   font-size: 20px; } .client-test-text-cont>p {   line-height: 1.3; } .wtt-nicholas {   width: 87% !important; } .fourth-card-testimonal {   position: relative;   width: 31.1%;   z-index: 1; } .middle {   width: 100% !important;   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   z-index: 2 !important; } .green-box {   background-color: #02C153;   width: 100%;   height: 100%;   position: absolute;   top: 48%;   left: 48%;   transform: translate(-52%, -52%);   border-radius: 10px;   z-index: -1;   height: 440px; } .kace-quote-parent {   width: 31.1%;   position: relative;   margin-left: -1.5%; } .kace-quote {   background-color: #F6FBF8;   border-radius: 10px;   display: flex;   flex-direction: column;   gap: 24px;   padding: 30px;   width: 100%;   height: 500px;   position: absolute;   left: 50%;   top: 50%;   transform: translate(-50%, -50%);   justify-content: center;   z-index: 1; } .kace-quote img {   width: 65px; }  .kace-quote p {   color: #777980;   font-size: 17px;   font-weight: 400; } .kace-quote h5 {   color: #2E313B;   font-size: 24px;   font-weight: 400; } .bg-shape-2 {   position: absolute;   right: 0px;   bottom: -70px;   width: 350px; } .bg-shape-3 {   position: absolute;   top: 60%;   left: 0px;   transform: translateY(-50%);   width: 170px; } .clients-main-section {   background-image: url(https://www.resumetarget.ca/new/./images/clients-bg-img.png);   background-size: cover;   background-position: center;   background-repeat: no-repeat;   width: 100%;   height: 460px;   position: relative;   margin-top: 0px; } .clients-main-wrapper2 {   display: flex;   justify-content: center;   align-items: center;   position: relative;   margin: 0px 5%; } .clients-overlay {   background-color: #18214E;   width: 100%;   height: 100%;   position: absolute; } .clients-main-container {   border: 2px #FF8A00 solid;   width: 100%;   margin-top: 10px;   border-radius: 10px;   position: absolute;   background-color: white;   padding-bottom: 20px;   margin: 0 auto;   max-width: 1070px;   top: 60%;   left: 50%;   transform: translate(-50%, -40%); } .clients-main-img-container {   width: 470px;   position: relative;   cursor: pointer;   transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.5s ease-in-out; } .clients-main-img-container img:last-child {   width: 100px; } .clients-main-img-container:hover {   transform: scale(1.1) rotate(3deg); } .client-imgg {   width: 100%; } .clients-main-content-container {   width: 55%;   display: flex;   flex-direction: column;   gap: 20px; } .clients-main-content-container h6 {   color: #1F295E;   font-size: 24px;   font-weight: 600; } .clients-main-content-container h1 {   color: #1F295E;   font-size: 35px;   font-weight: 600;   width: 80%; } .clients-main-content-container p {   color: #1F295E;   font-size: 20px;   width: 80%; } .clients-main-content-container h6::after {   content: '';   display: block;   width: 90px;   height: 2px;   background-color: #FF8A00;   margin-top: 20px; } .clients-main-wrapper {   display: flex;   align-items: center;   gap: 48px;   margin-left: -5%; } .meet-client-p {   max-width: 1070px;   width: 100%;   color: #2E313B;   font-size: 17px;   margin: 0 auto;   margin-top: 100px;   padding: 0px 20px; } #testimonal-explanation-section {   padding: 50px 20px; } .testimonal-explanation-container {   display: flex;   flex-direction: column;   gap: 50px;   max-width: 1070px;   width: 100%;   margin: 0 auto; } .proccess-part {   display: flex;   flex-direction: column;   gap: 20px; } .proccess-part-header {   display: flex;   width: 250px;   height: 45px;   align-items: center;   justify-content: center;   text-align: center;   color: #FFF;   text-align: center;   font-size: 20px;   font-family: "AvertaPESemiBold";   font-variant: all-small-caps;   background-color: #18214E;   border-top-left-radius: 10px;   border-top-right-radius: 10px; } .proccess-part-header-parent {   width: 100%;   border-bottom: 2px solid #FF8A00; } .proccess-part-content {   display: flex;   flex-direction: column;   gap: 16px; } .proccess-part-content h6 {   margin: 20px auto;   width: 80%;   text-align: center;   font-size: 20px;   font-weight: 400; } .testimonal-iframe {   width: 730px;   margin: 0 auto;   height: 415px; } .testimonal-iframe iframe {   width: 100%;   height: 100%; } .proccess-part-content>p a {   font-size: 17px;   font-family: "AvertaPEExtraBold";   text-decoration-line: underline;   color: #1F295E; } .bg-white-testimonal {   position: absolute;   height: 50%;   width: 100%;   background-color: white; } .testimonal-before-after {   background-color: #F6FBF8;   display: flex;   flex-direction: column;   gap: 48px;   position: relative;   width: 100%;   padding: 0px 20px;   padding-bottom: 60px;   overflow-x: hidden; } .testimonal-before {   width: 47.5%;   display: flex;   flex-direction: column; } .testimonal-before img {   width: 100%; } .testimonal-before-after-container {   display: flex;   align-items: center;   justify-content: space-between;   z-index: 100;   max-width: 1070px;   width: 100%;   margin: 0 auto; } .before-after-view {   display: flex;   justify-content: center;   gap: 20px;   align-items: center; }  #lottieeye {   width: 50px !important;   height: 50px !important; } .clients-parent {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   width: 100%; } #swara-footer, #swara-footer2 {   background-color: #1F295E; }  .swara-container {   max-width: 1200px;   width: 100%;   margin: 0 auto;   display: flex;   justify-content: space-between;   align-items: center;   padding: 40px 18px; } .lead-gen-container {   max-width: 1200px;   width: 100%;   margin: 0 auto;   text-align: center;   justify-content: space-between;   align-items: center;   padding: 80px 20px 20px 20px; }  .swara-container2 {   max-width: 1200px;   width: 100%;   margin: 0 auto;   display: flex;   justify-content: space-between;   align-items: start;   padding: 80px 18px;   position: relative; }  .swara-form {   width: 45%; } .swara-content {   width: 52%;   display: flex;   flex-direction: column;   gap: 12px; } .swara-content3 {   width: 52%;   display: flex;   flex-direction: column;   gap: 12px; } .swara-content h1 {   color: #FFF;   font-size: 45px;   font-weight: 600; } .swara-content3 h1 {   color: #FF8A00;   font-size: 20px;   font-weight: 700;   font-variant: all-small-caps; } .swara-content3 h2 {   color: #fff;   font-size: 45px;   font-weight: 500; }  .swara-content2 {   width: 52%;   display: flex;   flex-direction: column;   gap: 12px;   padding-top: 100px; } .swara-content2 h1 {   color: #FFF;   font-size: 45px;   font-weight: 600; } .swara-content2 p {   color: #FFF;   font-size: 20px;   color: white; } .krfooter {   max-width: 1300px;   width: 100%;   margin: 0 auto;   padding-top: 30px;   padding-bottom: 5px; } .krfooter h3 {   color: #000;   font-size: 18px;   font-weight: 400;   padding: 0px 20px } .swara-list {   width: 70%;   display: flex;   justify-content: space-between;   margin: 0 auto; } .swara-list ul {   width: 47.5%; } #kr-header {   background-color: white;   position: sticky;   top: -2;   background-color: white;   z-index: 5002; } .kr-container {   max-width: 1300px;   display: flex;   justify-content: space-between;   align-items: center;   margin: 0 auto;   padding: 30px 20px;   width: 100%; } .kr-container>img:first-child {   width: 255px; } .kr-container>a:last-child {   display: none; } .kr-header-smimg {   display: none } .border-blue-out {   border: 2px solid #1DC3D3 !important; } .underline-container {   position: relative;   display: inline-block; } .extrabold {   position: relative;   z-index: 1; } .underline-image {   position: absolute;   bottom: -10px;   left: 0;   width: 100%;   z-index: 0; } .b-30 {   bottom: -35px !important; } .white-div {   position: absolute;   top: 0;   left: 0;   height: 20%;   width: 100%;   background-color: white;   margin-top: -2px;   z-index: 1; } .yellow-highlight {   font-family: "AvertaPEExtraBold";   color: #FFC145 !important; } .bg-4E93B9 {   background-color: #4E93B9; } .cpw1 {   display: flex;   flex-direction: column;   gap: 8px; } .cpw2 {   display: flex;   align-items: center;   gap: 32px; }  .cpw2 img {   width: 15px; }  #out-form-section {   background-color: #106695;   margin-top: 40px;   position: relative; }  .out-footer-img {   position: absolute;   bottom: 0px;   left: 0px;   width: 57.5%; } .green-cube {   width: 150px;   height: 150px;   border-radius: 0px 0px 10px 0px;   opacity: 0.5;   background: var(--RT-Green, #02C153);   position: absolute;   top: 0;   left: 0; } .review-box-hidden {   display: none; }  .form-blue {   background-color: #A8C3E9 !important; } .triple-card {   display: flex;   flex-direction: column;   position: relative;   width: 32%;   height: 560px;   border-radius: 10px;   background: #FFF;   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);   padding: 20px;   align-items: center;   gap: 20px; } .triple-card-2 {   display: flex;   flex-direction: column;   position: relative;   width: 32%;   height: 350px;   border-radius: 10px;   background: #FFF;   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);   padding: 20px;   padding-top: 40px;   align-items: center;   gap: 20px; } #triple-lottie img {   width: 170px; } .triple-card h1 {   text-align: center;   font-size: 20px;   font-weight: 600;   text-align: center; } .triple-card-2 h1 {   text-align: center;   font-size: 20px;   font-weight: 600;   text-align: center; } .triple-p-div {   display: flex;   flex-direction: column;   gap: 12px;   width: 95%;   margin: 0 auto; } .triple-p-div p {   font-size: 17px;   font-weight: 400;   text-align: left; } .triple-button {   display: flex;   justify-content: center;   padding: 0px 12px;   padding-top: 40px;   padding-bottom: 40px; } .triple-paragraph {   width: 126%; } .triple-review {   justify-content: left !important;   padding-bottom: 15px; } .triple-review img {   width: 150px; } #triple-review-pages {   padding: 40px 20px 80px 20px;   max-width: 1200px;   width: 100%;   margin: 0 auto;   display: flex;   flex-direction: column;   align-items: center;   gap: 64px; } #why-choose-us-review {   padding: 0px 20px 80px 20px;   max-width: 1200px;   width: 100%;   margin: 0 auto;   display: flex;   flex-direction: column;   align-items: center;   gap: 64px; } .triple-review-cont {   background-color: #1F295E;   width: 80%;   margin: 0 auto;   border-radius: 10px;   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .triple-review-cont-wrap {   display: flex;   align-items: center;   padding: 20px;   position: relative;   margin-left: -5%; } .triple-review-cont-wrap>img {   width: 200px;   z-index: 2; } .triple-review-text>h5 {   font-size: 24px;   color: white; } .triple-review-text {   display: flex;   flex-direction: column;   gap: 8px;   padding-left: 5%; } .triple-review-text img {   width: 35px; } .triple-pages-cont {   display: flex;   flex-wrap: wrap;   gap: 16px;   row-gap: 16px;   width: 100%;   justify-content: center; } .triple-pages-cont a {   color: #2E313B;   text-align: center;   font-size: 24px;   font-family: "AvertaPEExtraBold";   font-variant: all-small-caps;   width: 49%;   height: 60px;   background-color: #F6FBF8;   display: flex;   align-items: center;   justify-content: center;   border: 1px solid black;   border-radius: 10px;   transition: all 0.3s ease-in-out; } .triple-pages-cont a:hover {   text-decoration: none !important;   background-color: #DFF1E8;   transform: scale(1.03); } .swara-h6 {   color: #FF8A00;   font-size: 26px;   font-weight: 700;   font-variant: all-small-caps; } #serving-job-section {   display: flex;   flex-direction: column;   gap: 48px;   align-items: center;   max-width: 1100px;   width: 100%;   margin: 0 auto;   padding: 60px 40px; } #serving-job-section h2 {   font-size: 32px;   font-weight: 500;   line-height: 40px; } .serving-job-cards {   display: flex;   justify-content: space-between;   align-items: center;   width: 100%; } .serving-card {   background-color: #F6FBF8;   display: flex;   flex-direction: column;   padding: 40px;   padding-top: 60px;   gap: 20px;   width: 47.5%;   border-radius: 10px; } .serving-card h6 {   font-size: 24px;   font-weight: 600; } .serving-div-1 {   display: flex;   align-items: start;   gap: 8px; } .serving-div-1 p {   font-size: 20px; } .serving-div-1 img {   width: 25px; } .serving-card-last {   font-size: 14px; } .scorecard2 {   display: flex;   flex-direction: column;   gap: 10px;   width: 25%;   z-index: 30;   align-items: center;   justify-content: center;   height: 170px; } .scorecard2 h5 {   font-size: 40px; } .scorecard2 p {   text-align: center;   font-size: 18px;   font-weight: 600; } .scorecards-wrapper {   display: flex;   align-items: center;   border: 3px solid #FF8A00;   width: 100%;   background-color: white;   z-index: 35;   flex-direction: column;   gap: 20px;   padding: 30px 10px;   border-radius: 10px; } .scorecards-wrapper-ins {   display: flex;   align-items: center;   width: 100%; } .scorecards-wrapper h4 {   text-align: center;   font-size: 24px;   font-weight: 800;   font-variant: all-small-caps; } #why-choose-us-section {   max-width: 1150px;   margin: 0 auto;   padding: 60px 20px; } #why-choose-us-section h2 {   font-size: 32px;   line-height: 40px;   font-weight: 500; } .why-p-div {   display: flex;   flex-direction: column;   padding-top: 10px;   gap: 10px; } .learn1 {   display: flex;   flex-direction: column;   justify-content: space-between;   height: 300px;   width: 49%;   align-items: center;   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);   transition: transform 0.3s ease, box-shadow 0.3s ease;   padding: 20px 0px;   border-radius: 10px; }  .learn-first {   display: flex;   flex-direction: column;   gap: 16px; } .learn-first img {   width: 100px;   margin: 0 auto; } .learn-first h6 {   text-align: center;   font-size: 20px;   font-weight: 600; } .learn-first p {   text-align: center;   width: 90%;   margin: 0 auto; } .learn-sec {   text-align: center;   font-size: 20px;   font-weight: 700; } .learn-cards-div {   display: flex;   flex-wrap: wrap;   row-gap: 32px;   justify-content: space-between;   padding-top: 50px; } .what-we-stand-wrapper {   max-width: 1200px;   margin: 0 auto;   width: 100%;   display: flex;   flex-direction: column;   gap: 90px;   padding: 30px;   padding-bottom: 60px;   padding-top: 60px; } .what-we-stand-wrapper h2 {   font-size: 32px;   font-weight: 600;   text-align: center;   width: 100%; } .stand-cont {   display: flex;   justify-content: space-between;   align-items: center;   flex-wrap: wrap;   row-gap: 60px; } .stand-div {   width: 24%;   border-radius: 10px;   background: #FFF;   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);   display: flex;   flex-direction: column;   height: 200px;   justify-content: space-between;   padding: 0px 10px;   padding-bottom: 30px; } .stand-div h6 {   color: #000;   text-align: center;   font-size: 20px;   font-weight: 600; } .stand-div p {   color: #000;   text-align: center;   font-size: 17px;   font-weight: 400; } .stand-div img {   width: 100px;   margin: 0 auto;   margin-top: -50px; } .wait-days-p-2 {   display: none; } .wait-days-p-1 {   display: block; } .text-32 {   font-size: 32px !important;   line-height: 40px; } .mmb-30 {   margin-bottom: -30px; } .triple-abs-img {   position: absolute;   bottom: 0px;   right: 0px;   display: block; } .review-custom-place {   display: none !important; } .review-custom-place2 {   display: flex;   align-items: center;   gap: 4px; } .form-blue {   background-color: #A8C3E9 !important; } #sample-resume-hero {   background-color: rgba(2, 193, 83, 0.1); } #sample-resume-section {   display: flex;   align-items: center;   width: 100%;   justify-content: space-between;   flex-direction: row-reverse; } .sample-video-column {   width: 40%;   display: flex;   flex-direction: column;   gap: 24px; } .sample-video>img {   width: 100%;   object-fit: cover;   cursor: pointer;   border-radius: 16px;   box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); } .download-icon {   transition: all 0.3s ease; } .hero-section-button1:hover .download-icon {   content: url(https://www.resumetarget.ca/new/../images/downl-green.png); } .template-download-btn {   width: 100% !important;   display: flex !important;   align-items: center;   gap: 12px;   flex-direction: row !important; } .sample-video-text {   display: flex;   flex-direction: column;   gap: 20px;   width: 55%; } .sample-video-text h6 {   color: #1F295E;   font-size: 17px;   font-weight: 600; } .sample-video-text a {   text-decoration: underline; } .sample-video-text h1 {   color: #292D34;   font-size: 42px;   line-height: 48px;   font-family: "AvertaPEBold"; } .resume-samples-info {   display: flex;   justify-content: space-between;   align-items: center; } .samples-info-amos {   display: flex;   gap: 8px; } .samples-info-amos img {   border-radius: 9999px;   object-fit: cover; } .samples-info-amos h6 {   font-family: "AvertaPEBold";   font-size: 16px; } .samples-info-amos a {   font-size: 11px; } #sample-resume-section>div.sample-video-text>div>div>div {   display: flex;   flex-direction: column;   gap: 4px; } .samples-span {   width: 2px;   height: 40px;   background-color: black;   opacity: 0.2;   display: block; } .samples-span2 {   width: 100%;   height: 2px;   background-color: black;   opacity: 0.2;   display: block; }  .sample-links {   display: flex;   align-items: center;   gap: 20px; } .sample-links img {   width: 40px;   height: 40px;   object-fit: cover; } .resume-samples-info h6 {   color: #292D34; } #sample-toc-section {   padding: 0px 40px;   padding-bottom: 80px;   padding-top: 60px;   max-width: 1300px;   margin: 0 auto;   display: flex;   justify-content: space-between;   align-items: start; }  .sample-toc-content {   display: flex;   flex-direction: column;   gap: 50px;   width: 60%; } .sample-section{   display: flex;   flex-direction: column;   gap: 50px;   width: 100%; } .sample-table-wrapper {   width: 30%;   gap: 48px;   display: flex;   flex-direction: column; } .sample-toc-div {   display: flex;   flex-direction: column;   gap: 20px;   position: relative; } .sample-toc-div a {   color: #02C153;   text-decoration: underline; } .sample-toc-div h2 {   font-size: 40px;   font-family: "AvertaPEBold";   color: #292D34; } .sample-toc-div h4, .sample-toc-div h3 {   font-size: 28px;   font-family: "AvertaPEBold";   color: #292D34;   line-height: 42px; } .sample-toc-div ul {   padding-left: 40px;   display: flex;   flex-direction: column;   gap: 5px; } .figures-from {   color: #7C828D;   font-size: 18px;   line-height: 27px; } .figures-from a {   color: #7C828D !important;   font-family: "AvertaPEBold"; } .sample-toc-div img {   object-fit: cover;   box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);   border-radius: 16px; } .sample-toc-div-button {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: white !important; } .sample-toc-div-button:hover {   color: #02C153 !important; } .samples-get-started {   display: flex;   flex-direction: column;   gap: 16px; } .toc-header {   font-size: 12px;   font-variant: small-caps;   color: #292D34;   font-family: "AvertaPEBold"; } .sample-table-of-contents {   display: flex;   flex-direction: column;  overflow-y: scroll;   max-height: 300px; } .sample-table-of-contents h5{   font-size: 15px;   color: #2E313B;   font-family: "AvertaPE";   display: flex;   gap: 4px;   align-items: center;   cursor: pointer;   padding: 8px 12px;   margin-top: 4px; } .sample-table-wrapper.sticky {   position: sticky;   top: 0;   z-index: 10; } .sample-table-of-contents h5.highlighted {   background-color: #f0f0f0;   border: 2px solid #007bff;   padding: 4px; } .samplepopup-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background-color: rgba(0, 0, 0, 0.5);   z-index: 1000; } .samplepopup-content {   position: fixed;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   background-color: white;   padding: 20px;   border-radius: 5px;   max-width: 90%;   max-height: 90%;   overflow-y: auto;   z-index: 1001; } .close-button {   position: absolute;   top: 10px;   right: 10px;   cursor: pointer;   font-size: 24px; } .sample-play-btn-div {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   background-color: #02C153;   width: 100px;   height: 40px;   border-radius: 90px;   display: flex;   align-items: center;   gap: 4px;   color: white;   font-family: "AvertaPEBold";   font-size: 18px;   justify-content: center;   animation: pulse 1.5s infinite ease-in-out; }  #root > div > div > div.h-full.w-full > div > div.absolute.top-0.h-\[8px\].w-full.z-\[1000\].flex{   background-color: yellow !important; }  @media only screen and (max-width:1024px) {   .out-footer-img {  width: 35%;   }   #hero-section {  height: auto;  background-color: #18214E;  padding: 60px 20px;  margin-bottom: 25px;   }   .hero-section-wrapper {  flex-direction: column;  align-items: center;  text-align: center;  gap: 32px;   }   .hero-img1 {  width: 100%;   }   .hero-img2 {  width: 100%;   }   .hero-img3 {  width: 100%;   }   .review-1 {  flex-direction: column;  justify-content: center;   } .cv-writing-content {  padding-left: 0;  width: 95% !important;   }   .hero-section-buttons {  justify-content: center;  gap: 20px;   }   .hero-section-info img {  width: 150px;   }   .hero-section-content {  width: 100%;   }   .hero-section-aside {  width: 100%;   }   .hero-section-aside>img:last-child {  display: none;   }   .hero-section-aside>img:first-child {  display: none;   }   .hidden-interview {  display: none;   }   .hidden-new {  display: none;   }   .confidently-stats-wrapper {  flex-direction: column;  gap: 24px;   }   .confidently-mini-header {  font-size: 12px;  width: 100%;   }   .condfidently-stats-item {  width: 100%;   }   .resume-wrapper {  flex-direction: column-reverse;  gap: 12px;   } .hero-section-info h1 {  padding-top: 32px;   }   .al-start {  align-items: center !important;   }   .resume-info {  width: 100%;   }   .bg-shape-2 {  bottom: -30px;   }   .resume-info2 {  width: 100% !important;   }   .resume-info5 {  width: 100% !important;   }   .resume-pic {  width: 90%;  display: flex;   }   .resume-pic2 {  width: 90% !important;  display: flex;   }   .resume-pic3 {  width: 90% !important;  display: flex;   }   .resume-pic-abs {  width: 90% !important;  display: flex;   }   .resume-pic5 {  width: 90% !important;  display: flex;   }   .ind-box-wrap {  flex-direction: column;  align-items: center;  gap: 10px;   }   .ind-box-cont {  width: 90%;  margin: 0 auto;   }   .resume-container {  padding: 40px 20px;   }   .resume-pic img {  width: 100%;  margin: 0 auto;   }   .resume-pic2 img {  width: 100%;  margin: 0 auto;   }   .resume-pic3 img {  width: 100%;  margin: 0 auto;   }   .resume-pic-abs img {  width: 100%;  margin: 0 auto;   }   .resume-pic5 img {  width: 100%;  margin: 0 auto;   }   .hero-section-aside-box {  gap: 64px;   }   .mobile-hidden {  display: none !important;   }   .desktop-hidden {  display: block !important;   }   .hero-aside-right {  gap: 72px;   }   .works-header h2 {  font-size: 32px;  line-height: 40px;  padding-bottom: 10px;   }   .resume-info-header {  display: none;   }   .resume-info-header2 {  display: block;  align-self: start;  font-weight: 500;  font-size: 32px;  line-height: 40px;   }   .kace-quote-parent {  width: 90%;  margin: 0 auto;   }   .kace-quote {  position: relative;  top: 0px;  left: 0px;  transform: translate(0px, 0px);  height: auto;   }   .resume-info-header3 {  order: 1;  display: block;  align-self: start;  font-weight: 500;  font-size: 32px;  line-height: 40px;   }   .resume-wrapper2 {  flex-direction: column;  gap: 24px;   }   .usaVSeng-cont {  flex-direction: column;  gap: 16px;   }   .triple-review-cont-wrap {  flex-direction: column;  gap: 16px;  margin-left: 0;   }   .usaVSeng-cont>p {  width: 95%;  font-size: 18px;  margin: 0 auto;  text-align: center;   }   .triple-review-text {  padding-left: 0;   }   .triple-review-text>h5 {  font-size: 24px;  margin: 0 auto;   }   .sr-prof-header {  font-size: 32px;  width: 100%;   } .resume-wrapper3 {  flex-direction: column;  gap: 24px;   }   .resume-wrapper5 {  flex-direction: column;  gap: 24px;  align-items: center;   }   .career-cards-container {  display: flex;  flex-direction: column;  align-items: center;  gap: 36px;   }   .career-card {  width: 100%;  height: auto;  justify-content: start;  gap: 16px;   }   .career-card>img:first-child {  height: auto !important;  aspect-ratio: 1.4;   }   .pb-4x4 {  padding-bottom: 16px !important;   }   .career-header {  text-align: center;  line-height: 40px;   }   .video {  position: relative;  width: 47.5%;   } .partners img {  width: 30%;   }   .step-card {  width: 47.5%;   }   .step-card2 {  width: 47.5%;   }   .ready-wrapper {  flex-direction: column;  padding: 30px 10px;   }   .ready-content {  width: 70%;  align-items: center;  justify-content: center;  text-align: center;   }   .recruit-wrapper {  flex-direction: column-reverse;  gap: 32px;   }   .recruit-wrapper2 {  flex-direction: column-reverse;  gap: 20px;   } .recruit-wrapper5 {  flex-direction: column-reverse;  gap: 32px;  padding: 0 10px;   }   .recruit-wrapper3 {  flex-direction: column-reverse;  gap: 32px;   }   .recruit-wrapper4 {  gap: 32px;   }   .Industry-wrapper {  gap: 32px;   }   .recruit-wrapper6 {  flex-direction: column-reverse;  gap: 32px;   } .recruit-wrapper33 {  flex-direction: column;  gap: 32px;   } .recruit-wrapper3-bottom {  flex-direction: column-reverse;  gap: 32px;   }   .recruit-info {  width: 100%;  padding-left: 0px;   }   .recruit-info2 {  width: 100%;  padding-left: 0px;   }   .recruit-info5 {  width: 100%;  padding-left: 0px;   }   .recruit-info3 {  width: 100%;  padding-left: 0px;   }   .int-item1 {  gap: 14px;  align-items: start;   }   .int-item2 {  gap: 14px;  height: 70px;   }   .int-item3 {  gap: 14px;   }   .int-item1>p {  width: 50%;  font-size: 17px;   }   .int-item2>p {  width: 50%;  font-size: 17px;   }   .int-item3>p {  width: 50%;  font-size: 17px;   }   .int-item1>div {  width: 50%;  font-size: 14px;   }   .int-item2>div {  width: 50%;  font-size: 14px;   }   .int-item3>div {  width: 50%;  font-size: 14px;   }   .interview-time-wrapper {  width: 80%;   }   .w-60 {  width: 100% !important;   }   .w-40 {  width: 100% !important;   }   .recruit-info4 {  width: 100%;  padding-left: 0px;   } .ri-shorten {  width: 100% !important;   }   .recruit-pic {  width: 80%;  margin: 0 auto;   }   .recruit-pic2 {  width: 90%;  margin: 0 auto;   }   .recruit-pic6 {  width: 90%;  margin: 0 auto;   }   .recruit-pic5 {  width: 90%;  margin: 0 auto;   }   .industry-pic1 {  width: 90%;  margin: 0 auto;   }   .industry-pic1 {  width: 90%;  margin: 0 auto;   }   .recruit-pic3 {  width: 90%;  margin: 0 auto;   }   .recruit-pic4 {  width: 90%;  margin: 0 auto;  order: 2;   }   .seen {  display: none;   }   .r-boxes {  width: 100% !important;   }   .r-addons {  width: 100% !important;   }   .r-boxes-2 {  width: 100% !important;   } .seen2 {  display: flex;  flex-direction: column;  color: white;  font-size: 17px;  font-weight: 400;  padding-top: 30px;  text-align: center;  width: 90%;   }   .hero-img1 {  width: 80%;   }   .hero-section-msg {  width: 190px;  font-size: 17px;  left: 5%   }   .hero-section-msg2 {  left: 0;  top: 32%;  font-size: 14px;  width: 220px;  gap: 24px;   }   .job-offer-msg {  left: -7%;   }   .tick-image {  left: 0;  top: 70%;   }   .re-info h2 {  display: none;   }   .re-industry1 h2 {  display: none;   }   .current-mini-header {  font-size: 18px !important;   }   .re-info3 {  display: block;  order: 1;  font-weight: 500;  align-self: flex-start;  font-size: 32px;  line-height: 40px;   }   .re-info3 span {  font-size: 32px;   }   .re-info4 {  display: block;  order: 1;  font-weight: 600;  font-size: 42px;  align-self: flex-start;  font-size: 22px;  order: 3;   }   .reasons-struggle {  display: block !important;  order: 1;  font-weight: 600;  align-self: flex-start;  font-size: 22px !important;  order: 3;   }   .reasons-struggle span {  font-size: 32px !important;   }   .re-info4 span {  font-size: 22px;   }   .re-info2 {  display: block;  order: 1;  font-weight: 600;  font-size: 42px;  align-self: flex-start;   }   .re-info2 span {  font-size: 42px;   } .join-buttn {  align-self: center;   }   .partner-program-wrapper {  padding: 50px 10px;   }   .rpp-text p {  width: 90%;   }   .signup-box {  height: 1400px;   }   .signup-wrapper2 {  flex-direction: column;  gap: 32px;   }   .form-container {  width: 640px;   }   .form-container2 {  width: 640px;   }   .signup-info {  width: 100%;   }   .cv-writing-img2 {  display: flex;  align-items: center;  justify-content: center;  margin: 0 auto;  width: 90%;   }   .snup-info-2 {  display: block;  font-weight: 600;  font-size: 56px;  text-align: center;   }   .signup-box {  margin-top: 0px;  padding: 30px;   } #signup-section {  height: 1900px;   }   .kr-wrapper {  gap: 24px;   }   .whyus-q {  gap: 24px;   }   .kr-wrapper3 {  gap: 24px;   } .w-220 {  width: 220px !important;   } .blue-card {  height: 450px;  margin-top: 20px;   }   .kr-wrapper2 {  gap: 24px;   }   .kr-wrapper3 {  gap: 24px;   }   .kr-info-2 {  padding-top: 0px;   } .kr-wrapper>div>div {  width: 100%;  text-align: start;  padding-top: 12px;   } .whyus-q>div>div {  width: 100%;  text-align: start;  padding-top: 12px;   }   .kr-wrapper3>div>div {  width: 100%;  text-align: start;  padding-top: 12px;   }   .kr-wrapper>div h2 {  font-size: 32px;  text-align: start;  line-height: 40px;   }   .whyus-q>div h2 {  font-size: 32px;  text-align: start;   }   .kr-wrapper3>div h2 {  font-size: 32px;  text-align: start;  line-height: 40px;   }   .kr-wrapper>div h5 {  display: flex;  font-size: 32px;  font-weight: 600;  text-align: center;  font-family: "AvertaPE";  align-items: center;  gap: 2px;  flex-direction: column;   } .whyus-q>div h5 {  display: flex;  font-size: 32px;  font-weight: 600;  text-align: center;  font-family: "AvertaPE";  align-items: center;  gap: 2px;  flex-direction: column;   } .kr-wrapper3>div h5 {  display: flex;  font-size: 32px;  font-weight: 600;  text-align: center;  font-family: "AvertaPE";  align-items: center;  gap: 2px;  flex-direction: column;   }   .kr-wrapper2>div h2 {  font-size: 45px;  text-align: center;   }   .kr-wrapper2>div div {  width: 100%;  text-align: start;   }   .kr-wrapper-ins-div {  font-size: 18px;   }   .order-card2 {  width: 100%;   }   .order-card3 {  width: 100%;   }   .faq-box-bottom {  padding: 16px;   }   .faq-box-bottom-div ul {  padding-left: 16px;   }   .switch-bar-ds {  display: none;   }   .switch-bar-ds2 {  display: none;   }   .switch-bar-ds3 {  display: none;   }   .dropdown-ds {  display: flex;   }   .dropdown-ds2 {  display: flex;   }   .dropdown.open .dropdown-ds-menu {  display: flex;   }   .dropdown.open .dropdown-ds2-menu {  display: flex;   } .ds-starting-header {  width: 100%;  font-size: 42px;   }   .ds-starting-header span {  font-size: 42px;   }   .img-width-450 {  width: 100% !important;   }   .img-width-400 {  width: 100% !important;   }   .div-w-border-orange {  width: 90%;  margin: 0 auto;   }   .div-w-border-orange2 {  width: 90%;  margin: 0 auto;  height: auto;  display: flex;  flex-direction: column;  gap: 24px;   }   .lo-options-flex {  flex-direction: column;  gap: 16px;  padding-top: 0px;  padding-bottom: 0px;   }   .lo-options-wrapper div {  gap: 16px;  padding: 2px;   }   .orange-discount {  font-size: 17px;   }   .lo-options-wrapper {  width: 90%;  padding: 8px 12px;  position: relative;  top: auto;  left: auto;  transform: translate(0px, 0px);  gap: 12px;   }   .lo-options-wrapper2 div {  gap: 16px;  padding: 2px;   }   .lo-options-wrapper2 {  margin: 0 auto;  width: 90%;  padding: 8px 12px;  position: relative;  bottom: auto;  transform: translateY(0px);  gap: 32px;   }   .lo-options-wrapper3 div {  gap: 16px;  padding: 2px;   }   .lo-options-wrapper3 {  width: 90%;  padding: 8px 12px;  position: relative;  top: auto;  left: auto;  transform: translate(0px, 0px);  gap: 12px;   }   #ds-starting-page {  padding-bottom: 30px;   }   .or-2 {  order: 2;   }   .or-3 {  order: 3;   }   .confidently-wrapper>h2 {  text-align: center !important;   }   .confidently-wrapper {  gap: 16px;   }   .condfidently-stats-item>p {  font-size: 17px;   }   #recruit-section3 {  padding: 60px 20px;   }   #recruit-section5 {  padding: 1px 20px;  padding-bottom: 60px;  padding-top: 40px;   }   #sample-resume-section {  padding: 1px 20px;  padding-bottom: 60px;  padding-top: 40px;  flex-direction: column-reverse;  gap: 24px;   }   #sample-toc-section {  padding: 1px 20px;  padding-bottom: 60px;  padding-top: 40px;  flex-direction: column-reverse;  gap: 80px;   }   .sample-video-text {  width: 100%;   }   .sample-video-column {  width: 100%   }   .resume-samples-info {  flex-direction: column;  gap: 12px;  align-items: start;   }   .samples-span {  height: 2px;  width: 100%;   }   .pb-100 {  padding-bottom: 30px !important;   }   #recruit-section4 {  padding: 1px 20px;  padding-bottom: 20px;   }   #industry-section {  padding: 1px 20px;  padding-bottom: 20px;   }   .ds-video-container4 {  padding: 0px;   }   .order-card3:first-of-type {  padding-bottom: 16px;  border-right: 0px solid #18214E;  border-bottom: 1px solid #18214E;   }   .br-blue {  border-right: 0px solid #18214E;  border-bottom: 1px solid #18214E;   }   .r-boxes>div div {  line-height: 1.5;   } .r-addons>div div {  line-height: 1.5;   }   .r-boxes2>div div {  line-height: 1.5;   } .r-boxes-2>div div {  line-height: 1.5;   }   .packages-wrapp {  gap: 24px;   }   .packages-wrapp-main {  gap: 24px;   }   .packages-wrapp h1 {  font-size: 42px;  text-align: center;   } .packages-wrapp p {  font-size: 17px;  text-align: center;  line-height: 1.7;   }   .lead-gen p {  font-size: 17px;  text-align: center;  line-height: 1.7;  padding: 15px;   }   .packages-wrapp-main h1 {  font-size: 42px;  text-align: center;   }   .packages-wrapp-main p {  font-size: 18px;  text-align: center;  line-height: 1.7;   }   .dropdown-content>a>p {  text-align: start;  font-size: 12px;   }   .dropdown-content>a>h4 {  font-size: 17px;  font-variant: normal;   }   .prices-div-prices {  width: 100%;   }   .pricing-cards-wrapper {  flex-direction: column;  gap: 36px;   }   .card1 {  width: 90%;  margin: 0 auto;  height: auto;  padding-bottom: 40px;  padding-top: 0px;  margin-top: 0;   }   .card2 {  width: 90%;  margin: 0 auto;  height: auto;  padding-bottom: 40px;   }   .card3 {  width: 90%;  margin: 0 auto;  height: auto;  padding-bottom: 40px;   }   .card1-bottom,   .card2-bottom,   .card3-bottom,   .card4-bottom,   .card5-bottom,   .card6-bottom {  align-items: start;   }   .card1-bottom p,   .card2-bottom p,   .card3-bottom p,   .card4-bottom p,   .card5-bottom p,   .card6-bottom p {  align-self: center;   }   .faqs-header {  font-size: 46px;   }   .student-add-on-services-container {  padding-left: 20px;  padding-right: 20px;   }   .student-add-on-services-container2 {  padding-left: 20px;  padding-right: 20px;   }   .student-add-on-services-wrapper {  gap: 24px;  width: 95%;  margin: 0 auto;  height: auto;   }   .student-add-on-services-wrapper2 {  gap: 24px;  width: 95%;  margin: 0 auto;  height: auto;   }   .lh17 {  line-height: 1.7;   }   .pap-content>h2 {  font-size: 32px;  width: 95%;   }   .student-add-on-services-wrapper>h4 {  font-size: 24px;  margin: 0 auto;  width: 80%;   }   .student-add-on-services-wrapper2>h4 {  font-size: 24px;  margin: 0 auto;  width: 80%;   }   .pap-content {  display: flex;  flex-direction: column;  gap: 32px;   }   .lo-sub-copy {  width: 100% !important;  text-align: center !important;   }   .w-91 {  width: 100% !important;   }   .w-89 {  width: 100% !important;   }   .sm-pt-20 {  padding-top: 20px;   }   .w-80 {  width: 100% !important;   }   .w-92 {  width: 100% !important;   }   .w-94 {  width: 100% !important;   }   .saos {  font-size: 17px;   }   .real-stories-header>h2 {  font-size: 46px;   }   .second-resume-focus,   .resume-refresh,   .interview-coaching,   .resume-distribution,   .linkedin-optimization,   .cv-writing,   .rush-services {  display: none;   }   .recruit-orange-div>a {  font-size: 17px;   }   .w-75 {  width: 100% !important;   }   .w-70 {  width: 100% !important;   } .w-27 {  width: 100% !important;   }   .current-mini-header {  text-align: center !important;  font-size: 18px !important;   }   .difference-cont {  padding: 50px 20px;   }   .difference-cont>h1 {  font-size: 24px;   }   .r-boxes5>h4 {  font-size: 17px;   }   .diff-content {  margin-top: 0px;  flex-direction: column;  align-items: center;  gap: 48px;   }   .diff-content>div {  width: 95%;  display: flex;  flex-direction: column;  gap: 16px;   }   .diff-boxes {  width: 95%;  padding-top: 0px;   }   .diff-boxes2 {  width: 95%;  padding-top: 0px;   }   .diff-content>div p {  width: 95%;  font-size: 17px;  padding-top: 0px;   }   .diff-content-right p {  width: 95% !important;  font-size: 17px;  padding-top: 0px;   }   .diff-content>div>img {  margin-top: 0px;  width: 80%;   }   .diff-content-right>img {  margin-top: 0px !important;  width: 80%;   }   .clients-working-wrapper {  gap: 36px;   }   .packages-wrapp-main>div>p {  font-size: 17px;   }   .div-take-our>p {  font-size: 17px;   }   .packages-wrapp-main>div>a {  font-size: 17px;   }   .take-our-quiz-pr {  font-size: 17px;   }   .pricing-bundle-div-dropdown>p:first-child {  font-size: 18px;   }   .ds-starting-container4 {  width: 95%;  margin: 0 auto;  gap: 32px;   }   .career-level-cards {  width: 47.5%;   }   .student-add-on-services-container2>h1:first-child {  font-size: 32px;   }   .student-add-on-services-container2 h5 {  font-size: 32px;  width: 100%;  text-align: center;  margin: 0 auto;  font-weight: 600;  display: block;   }   #lottieeye {  width: 40px !important;  height: 40px !important;   }   .small-p-fs {  font-size: 16px !important;   }   .client-testimonal-card {  width: 45%;   }   .fourth-card-testimonal {  width: 45%;   }   .success-stories-box h1 {  font-size: 42px;   }   .success-stories-box {  width: 85%;   }   .success-stories-box h3 {  font-size: 20px;   }   .success-stories-box p {  width: 100%;  font-size: 24px;   }   .client-quote-wrapper h3 {  font-size: 24px;   }   .client-quote-wrapper p {  width: 95%;   }   .kace-quote h5 {  font-size: 24px;   }   #client-quote-section {  padding: 10px;  width: 90%;  margin: 0 auto;   }   .kace-quote {  padding: 10px;   }   .testimonal-before-after-container {  flex-direction: column;  gap: 32px;   }   .testimonal-before {  width: 80%;   }   .clients-main-container {  position: relative;  bottom: 0px;  top: 50px;  left: 0px;  transform: translate(0px, 0px);  padding: 30px 0px;   }   .clients-main-wrapper {  flex-direction: column-reverse;  gap: 24px;  margin-left: 0px;  align-items: center;   }   .clients-main-content-container {  width: 100%;  text-align: center;  gap: 12px;   }   .clients-main-content-container h6::after {  margin: 0 auto;  margin-top: 16px;   }   .clients-main-content-container h1 {  width: 90%;  margin: 0 auto;  font-size: 24px;   }   .clients-main-content-container p {  margin: 0 auto;  width: 90%;  font-size: 18px;   }   .clients-main-content-container h6 {  font-size: 20px;   } .before-after-view {  gap: 16px;   }   .clients-main-section {  height: auto;   }   .clients-parent {  position: relative;  top: 0px;  left: 0px;  transform: translate(0px, 0px);   }   .clients-main-wrapper2 {  margin: 0px auto;  width: 95%;   }   .clients-main-img-container {  width: 80%;   }   .proccess-part-content h6 {  width: 90%;   }   .swara-container {  flex-direction: column-reverse;  gap: 32px;   }   .swara-container2 {  flex-direction: column;  gap: 32px;   }   .swara-form {  width: 100%;  margin: 0 auto;   }   .swara-content {  width: 90%;  margin: 0 auto;  text-align: center;  align-items: center;  gap: 32px;   }   .swara-content3 {  width: 90%;  margin: 0 auto;  text-align: center;  align-items: center;  gap: 32px;   }   .swara-content h1 {  text-align: center;  font-size: 45px;   }   .swara-content3 h1 {  color: #FF8A00;  font-size: 26px;  font-weight: 700;  font-variant: all-small-caps;   }   .swara-content h2 {  text-align: center;  font-size: 45px;  color: white;   }   .swara-content2 {  width: 90%;  margin: 0 auto;  text-align: center;  align-items: center;  gap: 32px;  padding-top: 0px;   }   .swara-content2 h1 {  text-align: center;  font-size: 24px;   }   .swara-content2 p {  text-align: center;  font-size: 17px;   }   .swara-list {  flex-direction: column;  width: 85%;  gap: 0px   }   .swara-list ul {  width: auto;  text-align: left;   }   .b-30 {  bottom: -25px !important;   } .orde-2 {  order: 2 !important   }   .orde-1 {  order: 1 !important;   }   .desktop-break-tag {  display: none;   }   .mobile-break-tag {  display: block;   }   .triple-card {  width: 90%;  margin: 0 auto;  height: auto;  padding: 15px;   }   .triple-card-2 {  width: 90%;  margin: 0 auto;  height: auto;  padding: 15px;   }   .resume-container2 {  padding: 0px 40px 60px 40px;   }   .resume-container3 {  padding: 60px 40px 60px 40px;   } .triple-paragraph {  width: auto;   }   .swara-h6 {  font-size: 20px;   }   #testimonal-page-section {  background-image: url(https://www.resumetarget.ca/new/./images/Customer\ Testimonial\ Page\ -\ Mobile\ Background\ Image.png);   }   .serving-job-cards {  flex-direction: column;  gap: 32px;  align-items: center;   }   #serving-job-section {  padding: 40px 10px;  gap: 24px;   }   #serving-job-section h2 {  font-size: 32px;   }   .serving-card {  width: 95%;  padding: 10px;  padding-top: 40px;   }   .serving-card h6 {  font-size: 22px;   }   .serving-div-1 p {  font-size: 18px;   }   .triple-review-cont {  width: 90%;   }   #why-choose-us-section {  padding: 20px;   } .why-p-div {  gap: 12px;   } #why-choose-us-section h1 {  font-size: 24px;   }   .learn-cards-div {  padding-top: 20px;   }   .learn1 {  width: 100%;  margin: 0 auto;  height: auto;  gap: 32px;  justify-content: center;   }   .learn-first p {  width: 95%;   }   .stand-div {  width: 95%;  margin: 0 auto;  height: auto;   }   .what-we-stand-wrapper {  gap: 60px;   }   .what-we-stand-wrapper h1 {  font-size: 32px;   }   .text-32 {  font-size: 32px !important;  line-height: 40px;   }   .text-46 {  font-size: 46px !important;   }   .triple-abs-img {  display: none;   }   .swiper-absolute-btn {  position: relative;  top: auto;   }   .forms-orange-text {  color: #FF8A00;  font-size: 20px;  font-weight: 700;  font-variant: all-small-caps;  text-align: center;  max-width: 1200px;  margin: 0 auto;  width: 100%;  padding-top: 30px;   }   .forms-text-header {  color: white;  font-size: 42px;  text-align: center;  max-width: 1200px;  margin: 0 auto;  width: 100%;  padding-top: 30px;  padding-left: 18px;  padding-right: 18px;  font-weight: 500;  line-height: 40px;   }   .review-custom-place2 {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 4px;   }   .review-custom-place2 {  display: none;   }   .batoni-position {  align-self: center !important;   }   .r-boxes>div h4 {  text-align: start;  font-size: 18px;  font-weight: 600;   }   .order-card4-wrapper h2 {  font-size: 44px;   }   .sample-video-text h1 {  font-size: 32px;  line-height: 30px;   }   .sample-toc-div h2 {  font-size: 26px;  line-height: 30px;   }   .sample-toc-div h4,   .sample-toc-div h3 {  font-size: 22px;  line-height: 24px;   }   .sample-toc-content {  width: 100%;   }   .sample-table-wrapper.sticky{  position: relative;  top: auto;   }   .sample-table-wrapper{  width: 100%;  gap: 60px;  display: none;   }   .samplepopup-content{  width: 350px;  height: auto;  padding: 40px;   } } @media only screen and (max-width:900px) {   .trtm {  font-size: 24px !important;   }   .-mt-30 {  margin-top: 0px;   }   .-mt-50 {  margin-top: 0px;   }   .barCont {  height: 100px;   }   .switch-container {  padding: 0;  gap: 50px;  padding-top: 150px;   }   .switch-bar {  flex-wrap: wrap;  padding: 0;  width: 100%;  height: auto;  height: 100px;  position: relative;  margin-top: 10px;   }   .index-sticky-sec-headers {  font-size: 17px !important;   } .mobile-vert {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  height: 85%;  background-color: rgba(31, 41, 94, 27%);  width: 1px;   }   .mobile-hor {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  width: 85%;  background-color: rgba(31, 41, 94, 27%);  height: 1px;   }   .switch-bar>div {  min-width: 50%;  height: 50px;  font-size: 17px;   }   .switch-bar>div:nth-child(1) {  border-radius: 10px 10px 0 10px;   }   .switch-bar>div:nth-child(2) {  border-radius: 10px 10px 10px 0px;   }   .switch-bar>div:nth-child(3) {  border-radius: 10px 0px 10px 10px;   }   .switch-bar>div:nth-child(4) {  border-radius: 0px 10px 10px 10px;   }   .switch-bar>div>div {  max-width: 150px;   }   .switch-part {  flex-direction: column;  gap: 20px;   }   .switch-ph-div {  width: 100%;  align-items: center;  order: -1;  flex-direction: row;  gap: 5%;   }   .switch-ph-div>div {  display: flex;  flex-direction: column;  gap: 10px;  width: 55%;  margin-top: 30px;   }   .switch-ph-div>div>p {  display: none;  font-size: 17px;  font-weight: 500;   }   .switch-ph-div2>div>p {  display: none;  font-size: 17px;  font-weight: 500;   }   .switch-ph-div img {  width: 40%;  margin: 0 auto;   }   .switch-ph-div2 {  width: 100%;  align-items: center;  order: -1;  flex-direction: row;  gap: 5%;   }   .switch-ph-div2>div {  display: flex;  flex-direction: column;  gap: 10px;  width: 55%;  margin-top: 30px;   }   .switch-ph-div2>div>p {  font-size: 17px;  font-weight: 500;   }   .switch-ph-div2 img {  width: 40%;  margin: 0 auto;   } .swithc-oth-div {  width: 95%;  align-items: center;  padding-top: 0;   }   .swithc-oth-div>h3 {  display: none;   }   .swithc-oth-div>P:nth-child(2) {  text-align: left;   }   .swithc-oth-div>p:nth-child(3) {  text-align: left;  width: 75%;  font-size: 17px;   }   .checkk-div {  width: 100%;   }   .checkk-div img {  height: 20px;   }   .checkk-div h6 {  font-size: 18px;   }   .checkk-div p {  font-size: 17px;   }   .rev-div {  width: 90%;  gap: 3%;  margin-top: 0;   }   .rev-div img {  height: 83px;   }   .bulb-div {  width: 90%;  font-size: 18px;  height: auto;  padding: 40px 0;  margin-top: 20px;  justify-content: flex-end;  padding-bottom: 30px;   }   .bulb-div>div:nth-child(1) {  height: 52px;  width: 52px;  left: 50%;  transform: translate(-50%, -50%);  top: 0px;   }   .bulb-div>div:nth-child(1) img {  height: 45px;   }   .bulb-div>div:nth-child(2) {  font-size: 17px;  width: 88%;  margin: 0 auto;   }   .swithc-oth-div>h3>div {  text-align: center;  font-size: 24px;   }   .switch1 .switch-ph-div>div h3,   .switch2 .switch-ph-div2>div h3,   .switch3 .switch-ph-div>div h3,   .switch4 .switch-ph-div>div h3 {  font-size: 24px;  font-weight: 600;   }   .rev-right>div {  font-size: 14px;   }   .rev-right>div:nth-child(2) {  font-size: 12px;   }   .ready-content h1 {  font-size: 24px;   }   .videos-header {  display: flex;  flex-direction: column;  gap: 8px;   }   .ca-break {  display: block;   }   #hiw-section {  padding: 30px 20px 0px 20px;   }   #hiw-section2 {  padding: 40px 20px;   }   .hiw-google {  width: 38%;   }   .hiw-container h1 {  font-size: 42px;  font-weight: 600;  width: 100%;   }   .hiw-sm-header {  font-size: 24px !important;  font-weight: 600;   }   .hiw-review h4 {  font-size: 24px;  font-weight: 400;  width: 100%;   }   .da {  width: 80px;   }   .elfsight-app-b8a966a0-97eb-424d-b2fd-440022c5bd7b {  display: none;   }   #step1sect {  padding: 20px;   }   .step1-conatinerr {  flex-direction: column-reverse;  gap: 16px;   }   .step1-right {  width: 95%;  gap: 12px;  margin: 0 auto;   }   .hiw-buttons {  flex-direction: column;  gap: 20px;   }   .hiw-buttons2 {  flex-direction: column;  gap: 16px;   }   .step1-left {  width: 75%;  margin: 0 auto;   }   .hiw-dropdown1 {  height: auto;  padding: 20px 10px;  gap: 16px;   }   .hiw-box-left-content {  width: 95%;   }   .step1-right h1 {  font-size: 32px;   }   .s1-right-top {  align-items: center;  gap: 7px;   }   .s1-right-top-left {  width: 80%;   }   #lottie6 {  width: 95px;  height: 95px;   }   .step2-conatinerr {  flex-direction: column;  gap: 16px;   }   .step2-right {  width: 95%;  gap: 12px;  margin: 0 auto;   }   .step2-left {  width: 75%;  margin: 0 auto;  padding-top: 0px;   }   .step2-right h1 {  font-size: 32px;   }   #lottie10 {  width: 95px;  height: 95px;   } .wait-days-wrapper {  flex-direction: column;  gap: 32px;  padding: 30px 10px;   }   .wait-days-left {  width: 95%;  text-align: center;  align-items: center;   }   .wait-days-right {  width: auto;   }   .wait-days-left :nth-child(1) h1 {  font-size: 32px;   }   .wait-days-left :nth-child(2) h4 {  font-size: 18px;   }   .wait-days-left :nth-child(1) {  gap: 24px;   }   .batoni2 a {  width: 220px;   }   .batoni2 a:hover {  width: 220px;   }   #wait-days-section {  padding: 30px;   }   #step3sect {  padding: 20px;   }   .step3-conatinerr {  flex-direction: column-reverse;  gap: 16px;   }   .step3-right {  width: 95%;  gap: 12px;  margin: 0 auto;   }   .step3-left {  width: 75%;  margin: 0 auto;   }   .step3-right h1 {  font-size: 32px;   }   #step2Sect {  padding: 20px;   }   .step4-conatinerr {  flex-direction: column;  gap: 32px;   }   .step4-right {  width: 95%;  gap: 12px;  margin: 0 auto;   }   .step4-left {  width: 90%;  margin: 0 auto;  padding-top: 0px;   }   .step4-right h1 {  font-size: 32px;   }   #lottie20 {  width: 90%;   }   #step4Sect {  padding: 20px;   }   .lets-connect-container {  align-items: center;  gap: 24px;   }   .lc-div {  flex-direction: column;  width: 95%;  align-items: center;  gap: 16px;   }   .lets-connect-container :nth-child(2)>div {  width: 100%;  justify-content: center;   }   .lets-connect-container :nth-child(2)>div p {  font-size: 17px;   }   .lets-connect-container h4 {  font-size: 32px;   }   .swiper-container {  padding: 0px 26px;   }   .hiw-box-left-content p {  font-size: 15px;   }   .hiddentexxt {  display: block;   }   .swiper-batton2 {  left: 10px !important;   }   .swiper-batton {  right: 10px !important;   }   .custom-active-slide {  transform: none !important;  transition: none;   }   .swiper-container {  height: auto   }   .swiper-slide {  height: auto   }   .lc-div a {  width: 300px;   }   .lc-div p {  font-size: 18px;   }   #lottie15 {  width: 95px;  height: 95px;   }   #lottie21 {  width: 64px;  height: 64px;   }   #lottie22 {  width: 64px;  height: 64px;   }   #lottie23 {  width: 64px;  height: 64px;   }   .client-testimonal-container {  row-gap: 32px;   }   #triple-review-pages {  gap: 32px;   }   .triple-pages-cont {  align-items: center;  justify-content: center;   }   .triple-pages-cont a {  width: 100%;  font-size: 22px;   }   .scorecards-wrapper-ins {  flex-direction: column;   }   .scorecard2 {  width: 100%;   }   .scorecards-wrapper {  width: 90%;  margin: 0 auto;   }   .wait-days-p-2 {  display: block;  text-align: center;  width: 95%;  margin: 0 auto;   }   .wait-days-p-1 {  display: none !important;   } .swiper-absolute-btn {  position: absolute;  top: 85%;  padding-top: 0px !important;   } } @media only screen and (max-width:760px) { .reviews-container {  padding: 50px 20px;   }   .reviews-container1 {  padding: 0px 20px 50px 20px;   }   .reviews-header {  font-size: 32px;  line-height: 40px;   }   .videos-box {  width: 95%;   }   .videos-header h2 {  font-size: 42px;   }   .partnership-header {  font-size: 17px;   }   .partnership-header h4 {  font-size: 17px;   } .partners img {  width: 40%;   } .career-container {  padding-left: 30px;  padding-right: 30px;  padding-bottom: 30px;   }   .step-cards-wrapper {  justify-content: center;   }   .step-card {  width: 80%;   }   .step-card2 {  width: 80%;   }   .how-it-works-container {  padding: 30px;   }   .how-it-works-container2 {  padding: 30px;   }   .how-it-works-wrapper>:nth-last-child(1) {  width: 85%;  font-size: 12px;   }   .break1on1 {  display: block;   }   .how-it-works-wrapper {  gap: 24px;   }   .ds-works-header-div {  width: 100%;   }   .career-level-cards {  width: 85%;  margin: 0 auto;   }   .clc-last-card {  height: auto;  padding: 30px;  gap: 12px;   }   .clc-last-card h3 {  font-size: 20px;   }   .fourth-card-testimonal {  width: 90%;  margin-top: 24px;   }   .client-testimonal-card {  width: 90%;   }   .middle {  position: relative;  transform: translate(0px, 0px);  top: 0;  left: 0;  gap: 36px;   }   .green-box {  height: auto;   }   .testimonal-iframe {  width: 300px;  height: 180px;   }  } @media only screen and (max-width:700px) {   .hero-section-aside-box {  gap: 4px;   }   .hero-section-info h1 {  font-size: 18px;   }   .hero-section-buttons {  display: flex;  flex-direction: column;  gap: 20px;   }   .hero-section-heading h1 {  font-size: 20px;   }   .hero-section-heading h2 {  font-size: 42px;  line-height: 45px;   }   .hero-img1 {  width: 80%;   }   .ready-img-cont {  display: flex;  flex-direction: column;  align-items: center;  width: 50%;   }   .ready-img-cont img {  width: 80%;   }   .hero-img1 {  width: 60%;   }   .hero-img2 {  width: 60%;   }   .hero-section-msg {  width: 138px;  padding: 2px 6px;  left: 5%;  font-size: 12px;   }   .tick-image {  left: 2%;  top: 70%;  width: 20px;   }   .hero-img3 {  width: 75%;   }   .hero-section-msg2 {  width: 150px;  padding: 2px 6px;  left: -15%;  font-size: 12px;  top: 30%;  gap: 4px;   }   .r-parent {  justify-content: start;   }   .job-offer-msg {  width: 148px;  padding: 2px 4px;  font-size: 8px;  gap: 4px;  left: 0%;   }   .hero-aside-left {  display: flex;  justify-content: center;   }   .bell-img {  width: 24px;   }   .pp-image {  width: 32px;   }   .hero-section-button1 {  width: 265px;   }   .hero-section-button5 {  width: 265px;   }   .hero-section-button6 {  width: 265px;   }   .hero-section-msg3 div {  font-size: 11px !important;   }   .re-info2 {  font-size: 22px;   }   .re-info2 span {  font-size: 22px;   }   .partner-program-wrapper {  padding: 30px 10px;   }   .h-256 {  height: auto;  padding: 20px;   }   .rpp-text h1 {  font-size: 24px;   }   .rpp-text p {  font-size: 18px;   }   .rpp {  padding: 4px 12px;  font-size: 18px;   }   .form-container {  width: 100%;  padding: 30px 18px;   }   .form-container2 {  width: 100%;  padding: 70px 18px;   }   .form-padding-fixed {  padding: 50px 18px !important;   }   .form-header h4 {  font-size: 20px;   }   .signup-box {  height: auto;  margin-top: 30%;   }   .snup-info-2 {  font-size: 24px;   }   .snup-info h1 {  font-size: 24px;   }   .snup-info span {  font-size: 24px;   }   .snup-info-2 span {  font-size: 24px;   }   .formButton {  width: 225px !important;   }   #recruit-section {  padding: 60px 20px;   }   #recruit-section2 {  padding: 1px 20px;  padding-bottom: 20px;  padding-top: 150px;   }   .real-card-content {  height: auto;  padding: 12px 16px;   }   .real-card-content p {  position: relative;  transform: translateY(0%);  font-size: 17px;  padding: 0;   } .real-card {  width: 100% !important;  margin: 0 auto   }   .real-stories-bottom {  margin-top: 0px;   }   .real-stories-header {  height: 300px;   }   .order-card2-wrapper {  padding: 30px 10px;   }   .order-card3-wrapper {  padding: 30px 10px;   }   .div-w-border-orange h4 {  font-size: 22px;   }   .div-w-border-orange2 h4 {  font-size: 22px;   }   .div-w-border-orange2 h1 {  font-size: 22px;   }   .div-w-border-orange iframe {  width: 80%;   }   .aos-div {  font-size: 17px;  padding: 4px 8px;   }   .aos-div2 {  font-size: 17px;  padding: 4px 8px;   }   .bp-div {  font-size: 17px;  padding: 4px 8px;   }   .bp-div2 {  font-size: 17px;  padding: 4px 8px;   }   .kr-wrapper-ins {  width: 95%;  flex-direction: column;  text-align: center;   }   .kr-wrapper-ins-div {  width: 95% !important;  text-align: center !important;   }   .resume-wrapper4 img {  width: 40%;   }   .review-text2 {  font-size: 18px;   }   .popup-content {  width: 85%;   }   .batton-w-180-sm {  width: 180px !important;   }   .kr-header-button2 {  display: none;   }   .kr-header-button2:hover {  font-size: 17px;  width: 150px;   }   .kr-container>img:first-child {  width: 200px;   }   .kr-container>a:last-child {  display: block;   }   .kr-header-smimg {  display: block;  width: 50px;   }   .out-footer-img {  width: 45%;   }   .h1-dropdown-saos {  text-align: center;   }   .scroller__inner {  gap: 30px;  padding-block: 0px   }   .mt-105 {  margin-top: 0px;   }   .samplepopup-content{  margin-top: 80px;   } } @media only screen and (max-width:575px) {   .hero-section-content {  margin-top: 80px;   }   #sample-resume-hero {  margin-top: 105px;   }   .hiw-container {  margin-top: 100px;   }   #ds-starting-page {  margin-top: 144px;   }   .out-logo-img {  width: 185px;   } #testimonal-page-section {  height: 112%;  margin-top: 125px;   }   .mt-105 {  margin-top: 105px;   } .clients-main-section {  margin-top: 110px;   } }  @media only screen and (max-width:500px) {   .switch-ph-div>div {  display: flex;  flex-direction: column;  gap: 10px;  width: 55%;  margin-top: 0px;   }   .switch-ph-div2>div {  display: flex;  flex-direction: column;  gap: 10px;  width: 55%;  margin-top: 0px;   } #signup-section {  height: 1900px;   }   .real-card {  margin-top: 50px;   } } @keyframes scroll {   0% {  transform: translateX(0);   }   100% {  transform: translateX(calc(-60%));   } } @keyframes scroll {   to {  transform: translate(calc(-50% - 0.5rem));   } } @keyframes pulse {   0% {  transform: translate(-50%, -50%) scale(1);  box-shadow: 0 0 0 0 rgba(2, 193, 83, 0.6);   }   50% {  transform: translate(-50%, -50%) scale(1.1);  box-shadow: 0 0 15px 5px rgba(2, 193, 83, 0.4);   }   100% {  transform: translate(-50%, -50%) scale(1);  box-shadow: 0 0 0 0 rgba(2, 193, 83, 0.6);   } }