:root {
    --orange-color: #ff7f00;
    --black-color: #384347;
    --blue-color: #f7f8ff;
}
html{
    position: relative;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    position: relative;
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
h1, h2{
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6, p, a, span{
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

.responsive{
    width: 100%;
    height: auto;
    position: relative;
}

.theme-btn,
.theme-btn::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-btn {
    width: fit-content;
    background: none;
    border: 1px solid var(--orange-color);
    border-radius: 50px 0 50px 50px;
    color: #fff;
    display: block;
    background-color: var(--orange-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    padding: 10px 25px;
    position: relative;
    text-transform: capitalize;
    margin-top: 22px !important;
}

.theme-btn:hover {
    border-radius: 50px;
    color: #fff;
}

.theme-btn:focus{
    outline: none;
    box-shadow: none;
}
.sec-title span{
    color: var(--orange-color);
}
.banner-sec{
    position: relative;
    width: 100%;
    height: auto;
    background-color: var(--blue-color);
    padding: 40px 0px;
    background-image: url('resume-getting-rejected/wave-bg.png');
    background-position: center center;
    background-size: cover;
}
.banner-sec .banner-img img{
    width: 100%;
    height: auto;
    z-index: 3;
}
.banner-sec .banner-content h1{
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.2px;
    color: var(--black-color);
    margin-bottom: 20px;
}
.banner-sec .banner-content p{
    font-size: 18px;
    color: #000;
    margin-right: 10px;
    margin-bottom: 20px;
}
.section{
    padding: 80px 0;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.info-content-area{
    padding: 0px 40px;
}
.info-content-area h2{
    max-width: 90%;
}
.bg-blue{
    background-color: var(--blue-color);
}

@media (max-width: 991px) {
	.theme-btn{
		font-size: 14px;
		padding: 9px 20px;
	}
	.banner-sec .banner-content h2{
		font-size: 32px;
		line-height: 36px;
	}
	.banner-sec .banner-content p{
		margin-right: 0px;
		font-size: 16px;
	}
	.info-img-area img{
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 25px;
	}
	.section{
		padding: 50px 0;
	}
	.info-content-area{
		padding: 0;
	}
}
@media (max-width: 576px) {
	.theme-btn{
		font-size: 14px;
		padding: 8px 16px;
		display: block;
	}
	.banner-sec .banner-content h2{
		font-size: 24px;
		margin-left: 25px;
   		margin-right: 25px;
    	line-height: 30px;
    	text-align: center;
    	margin-bottom: 15px;
	}
	.banner-sec .banner-content p{
		margin-right: 0px;
		font-size: 16px;
	}
	.info-content-area h2{
		max-width: 100%;
	}
	.banner-sec .banner-content h1{
		font-size: 30px;
		line-height: 38px;
	}
	.section{
		padding: 40px 0;
	}
}