/*
Theme Name: Twenty Nineteen Child
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready,block-patterns
Version: 3.0.1734022105
Updated: 2024-12-12 16:48:25

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --blue: #1e3e6b;
    --dark-blue: #0d1b2f;
    --gold: #d3a159;
    --light-gold: #f6ecde;
}

html {
    scroll-behavior: smooth;
}

*, html, body {
    margin: 0;
    padding: 0;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.uppercase {
    text-transform: uppercase;
}

/* Background */
.bg-blue {
    background-color: var(--blue);
}

.bg-dark-blue {
    background-color: var(--dark-blue);
}

.bg-gold {
    background-color: var(--gold);
}

.bg-light-gold {
    background-color: var(--light-gold);
}

/* Colors */
.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white li,
.text-white a {
    color: var(--white);
}

.text-blue,
.text-blue h1,
.text-blue h2,
.text-blue h3,
.text-blue h4,
.text-blue h5,
.text-blue h6,
.text-blue p,
.text-blue a {
    color: var(--blue);
}

.text-gold,
.text-gold h1,
.text-gold h2,
.text-gold h3,
.text-gold h4,
.text-gold h5,
.text-gold h6,
.text-gold p,
.text-gold a {
    color: var(--gold);
}

.text-light-gold,
.text-light-gold h1,
.text-light-gold h2,
.text-light-gold h3,
.text-light-gold h4,
.text-light-gold h5,
.text-light-gold h6,
.text-light-gold p,
.text-light-gold a {
    color: var(--light-gold);
}

.text-transform-normal,
.text-transform-normal h1,
.text-transform-normal h2,
.text-transform-normal h3,
.text-transform-normal h4,
.text-transform-normal h5,
.text-transform-normal h6,
.text-transform-normal p,
.text-transform-normal a {
    text-transform: lowercase;
}

.text-normal,
.text-normal h1,
.text-normal h2,
.text-normal h3,
.text-normal h4,
.text-normal h5,
.text-normal h6,
.text-normal p,
.text-normal a {
    font-weight: normal;
}

.sticky {
	background-color: var(--white);	
	box-shadow: 0 0 10px 0 #333;
}

.logo {
	width: 250px;
}

.sticky .logo {
	width: 200px;
}

.sticky .header-wrapper {
	padding: 15px 0;
}

.search i {
	font-size: 16px;
	color: var(--blue);
}

.heading-lg p {
    font-size: 24px;
    line-height: 30px;
}

h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
	display: none !important;
}

h1, h2, h3, h4, h5, h6, p, a, li {
    margin: 0;
}

ul {
    list-style: none;
	padding: 0;
}

a.link:hover,
nav a:hover {
    text-decoration: underline;
    font-weight: bold;
}

a {
    text-decoration: none;
}

a.link {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: var(--blue);
}

a.link:visited,
nav a:visited {
	color: var(--blue);
}

nav .text-white a:visited,
a:visited {
	color: var(--white);
}

nav a {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: var(--blue);
}

.light,
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6 {
    font-weight: normal;
}

.semibold,
.semibold h1,
.semibold h2,
.semibold h3,
.semibold h4,
.semibold h5,
.semibold h6 {
    font-weight: 600;
}

.bold,
.bold h1,
.bold h2,
.bold h3,
.bold h4,
.bold h5,
.bold h6 {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

a,
.btn,
.hyperlink {
    transition: 0.2s;
}

.box.hover:hover {
    transform: scale(1.03);
    text-decoration: none;
}

.box.hover:hover {
    background-color: var(--blue);
}

.box.hover:hover .icon-wrapper img {
    filter: brightness(0) invert(1);
}

.box.hover:hover .hyperlink-icon {
    background-color: var(--gold);
}

.box.hover:hover h5,
.box.hover:hover p {
    color: var(--white);
}

.btn:hover {
    transform: scale(1.03);
    text-decoration: none;
    box-shadow: 0 0 10px 0 #333;
}

.primary-btn {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: var(--blue);
    text-transform: uppercase;
    background-color: var(--gold);
    color: var(--white);
    border-radius: 10px;
    padding: 10px 50px;
}

.secondary-btn {

}

p, li {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    color: var(--blue);
}

.text-mb-20 p,
.text-mb-20 li{
    margin-bottom: 20px;
}

.small-text p {
    font-size: 16px;
}

h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    font-weight: bold;
    line-height: 65px;
    color: var(--blue);
    text-transform: uppercase;
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 45px;
    color: var(--blue);
    text-transform: uppercase;
}

.heading-lg,
.heading-lg h1,
.heading-lg h2,
.heading-lg h3,
.heading-lg h4,
.heading-lg h5,
.heading-lg h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    line-height: 65px;
}

h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    color: var(--blue);
    text-transform: uppercase;
}

h4 {
    font-family: 'Work Sans', sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    color: var(--white);
}

h5 {
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    color: var(--blue);
}

h6 {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    color: var(--blue);
}

.why-choose-list li {
    margin-bottom: 50px;
}

.why-choose-list.text-right li {
    text-align: right;
    position: relative;
}

.why-choose-list li::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 3px solid var(--gold);
    display: block;
    border-radius: 50%;
    top: 30%;
    position: absolute;
}

.why-choose-list.text-right li::before {
    right: 0;
}

.why-choose-list.text-left li {
    text-align: left;
    position: relative;
}

.why-choose-list.text-left li::before {
    left: 0;
}

.why-choose-list.text-right li {
    padding-right: 50px;
}

.why-choose-list.text-left li {
    padding-left: 50px;
}

.why-choose-list li {
    transition: 0.2s;
}

.why-choose-list li:hover {
    font-weight: bold;
}

.why-choose-list li:hover::before {
    background-color: var(--gold);
}

.heading-wrapper h6,
.position-wapper h6 {
    color: var(--gold);
}

#contact-info .heading-wrapper p {
    color: var(--gold);
}

#copyright p {
    font-size: 14px;
}

.form-wrapper input {
	width: 100%;
	margin-bottom: 10px;
}

.form-wrapper input::placeholder, .form-wrapper textarea {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
}

.form-wrapper textarea {
	height: 150px;
}

.form-wrapper input[type="submit"] {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: var(--blue);
    text-transform: uppercase;
    background-color: var(--gold);
    color: var(--white);
    border-radius: 10px;
	width: 100%;
}

.form-wrapper input[type="submit"]:hover {
    transform: scale(1.03);
    text-decoration: none;
    box-shadow: 0 0 10px 0 #333;
	color: var(--white);
}

/* Popup Styling */
#search-popup {
	top: 50px;
	left: 0;
	min-width: 400px;
	border-radius: 10px;
}

.search-submit {
	background-color: var(--gold);
	border-radius: 0 10px 10px 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-submit:hover {
	background-color: var(--blue);
}

.search-input {
	padding: 10px !important;
	width: 100%;
	height: 50px;
}

.search-input::placeholder,
.rmp-search-box::placeholder {
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
}

.error404 .page-header {
	padding-top: 200px !important;
}

.error404 .page-header, .error404 .page-content {
	max-width: 1400px;
	width: 100%;
	padding: 0 20px;
	text-align: center;
	margin: 0 auto !important;
}

.error404 .page-header h1 {
	color: var(--blue) !important;
}

.error404 .page-content form {
	width: 50%;
	margin: 50px auto;
}

.error-404 .search-submit {
	font-family: 'Poppins', sans-serif;
	width: 20%;
	background-color: var(--gold);
	padding: 0;
	margin: 20px auto 0 auto !important;
}

.error404 .page-content form input::placeholder {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
}

#services-content .row-item:nth-child(2n) {
	background-color: var(--light-gold);
}

#services-content .row-item:nth-child(2n) .container {
	flex-direction: row-reverse;
}

#services-content .row-item li {
	position: relative;
	padding-left: 30px;
}

#services-content .row-item li::before {
	content: '';
	width: 15px;
	height: 15px;
	border: 3px solid var(--gold);
	display: block;
	border-radius: 50%;
	top: 5px;
	left: 0;
	position: absolute;
}

/* Global Responsive */
@media only screen and (min-width: 1025px) {
	.hidden-desktop {
		display: none;
	}
}

@media only screen and (max-width: 1025px) {
	.visible-desktop {
		display: none;
	}
}

/* Custom Responsive */
@media only screen and (max-width: 1600px) {
	#sec-1 {
		padding-top: 200px;
		padding-bottom: 200px;
	}

	#sec-1 .person img {
		width: 70%;
	}

	#sec-1 .person {
		right: 5% !important;
	}
}

@media only screen and (max-width: 1366px) {
	#sec-1 .person {
		right: 0 !important;
	}

	#brand-promise-feat-img {
		min-height: 600px !important;
	}

	#sec-4 .box {
		padding: 50px;
	}
	
	br {
		display: none;
	}
	
	.form-wrapper textarea {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 1200px) {
	#search-popup {
		min-width: 350px;
	}
}

@media only screen and (max-width: 1200px) {
	#sec-1 .person {
		right: -7% !important;
	}
	
	#sec-2 .boxes-wrapper .box {
		width: 30%;
	}
}

@media only screen and (max-width: 1100px) {
	#sec-1 {
		padding-top: 150px;
		padding-bottom: 150px;
	}

	#sec-1 .content-wrapper {
		width: 50%;
		margin: 0 auto;
	}
	
	#sec-2 .certificate-wrapper .box img {
		width: 40px;
		margin: 0;
	}
	
	#sec-2 .certificate-wrapper {
		width: 90%;
	}

	#sec-2 .text-wrapper, #sec-2 .description-wrapper {
		padding: 0;
	}
	
	#sec-2 .description-wrapper img {
		margin: 0;
	}
	
	#search-popup {
		min-width: 300px;
	}

	.search-input,
	.search-submit {
		height: 40px;
	}
}

@media only screen and (max-width: 1024px) {
	 #sec-1 .content-wrapper {
		 width: 100%;
	}

	#sec-1 .person {
		display: none;
	}

	h1,
	.heading-lg h2 {
		font-size: 50px;
		line-height: 55px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 35px;
	}

	#sec-5 .col-1 {
		padding-right: 50px;
	}
	
	#sec-5 .col-1, #sec-5 .col-2 {
		width: 50%;
	}
	
	#sec-5 .col-1 .quote-icon-wrapper, #sec-5 .col-1 .heading-wrapper, #sec-5 .col-1 .description-wrapper {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 980px) {
	#sec-1 .person {
		right: -12% !important;
	}
	
	#sec-3 .about-content-wrapper {
		flex-direction: column;
	}

	#sec-3 .about-content-wrapper .col-1 {
		width: 50%;
		margin: 0 auto;
	}

	#sec-3 .about-content-wrapper .col-2 {
		width: 100%;
		padding: 0;
	}
	
	#sec-3 .about-content-wrapper .col-2 .sub-heading-wrapper, #sec-3 .about-content-wrapper .col-2 .heading-wrapper {
		margin-left: 0 !important;
	}
	
	#sec-3 .certificate-wrapper {
		flex-wrap: wrap;
	}
	
	#sec-3 .certificate-wrapper .certificate-item {
		width: 50%;
	}
	
	#sec-3 .certificate-wrapper {
		flex-wrap: wrap;
		gap: 20px 0;
	}
	
	#sec-4 .item-content-wrapper {
		flex-direction: column;
	}
	
	#sec-4 .item-content-wrapper .col-1, #sec-4 .item-content-wrapper .col-2, #sec-4 .item-content-wrapper .col-3 {
		width: 100%;
		margin: 0;
	}

	.why-choose-list.text-right li,
	.why-choose-list.text-left li {
		text-align: center;
		padding: 0 !important;
	}
	
	.why-choose-list.text-right li::before {
		top: -20px;
		right: 49% !important;
	}
	
	.why-choose-list.text-left li::before {
		top: -20px;
		left: 49% !important;
	}
	
	#sec-4 .item-content-wrapper .col-2 img {
		width: 25%;
	}
	
	#sec-4 .item-content-wrapper .col-2 {
		text-align: center;
		margin-bottom: 50px;
	}
	
	#sec-4 .heading-wrapper {
		margin-bottom: 20px;
	}
	
	h3 {
		font-size: 28px;
		line-height: 35px;
	}

	h4 {
		font-size: 20px;
		line-height: 25px;
	}
	
	#sec-6 .box {
		width: 100%;
	}

	#contact .col-1 {
		padding-right: 50px;
	}

	.error404 .page-content form {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#sec-2 .certificate-wrapper {
		width: 100%;
		flex-direction: column;
		gap: 30px;
	}

	#sec-2 .certificate-wrapper .box {
		width: 100%;
	}

	#sec-2 {
		top: 0 !important;
	}

	#sec-2 .content-wrapper .col-1, #sec-2 .content-wrapper .col-2 {
		width: 100%;
	}
	
	#sec-2 .content-wrapper {
		flex-direction: column;
		text-align: center;
	}
	
	#sec-2 .boxes-wrapper {
		flex-direction: column;
		gap: 50px;
	}

	#sec-2 .boxes-wrapper .box {
		width: 100%;
		text-align: center;
	}

	#sec-2 .boxes-wrapper .box .icon-wrapper {
		padding: 0;
	}
	
	#sec-3 .about-content-wrapper .col-1 {
		width: 80%;
	}

	#sec-3 .about-content-wrapper .col-2 {
		text-align: center;
	}
	
	#sec-5 .col-1, #sec-5 .col-2 {
		width: 100%;
		text-align: center;
	}
	
	#sec-5 .testimonial-wrapper {
		flex-direction: column;
		gap: 50px 0;
	}
	
	#sec-5 .col-1 {
		padding: 0;
	}

	#sec-6 .box {
		text-align: center;
	}

	#sec-6 .accent {
		display: none;
	}

	#sec-6 .box-2 {
		padding: 30px 30px 100px 30px;
		display: flex;
		justify-content: center;
	}
	
	#sec-6 .btn-wrapper {
		bottom: 5%;
		right: unset;
	}
	
	.heading-lg p {
		font-size: 20px;
		line-height: 25px;
	}
	
	#contact .contact-wrapper {
		flex-direction: column;
		gap: 20px;
	}
	
	#contact .contact-wrapper .col-1 {
		width: 80%;
		margin: 0 auto;
		padding: 0;
	}
	
	#contact .contact-wrapper .col-2 {
		width: 100%;
		text-align: center;
	}
	
	#contact-info {
		flex-direction: column;
		gap: 30px;
	}
	
	#contact-info li {
		margin: 0 auto;
	}
	
	#contact {
		padding: 50px 0;
	}

	#footer {
		padding-top: 50px;
		background-color: var(--blue);
		background-image: unset !important;
	}
	
	#bio .content-wrapper,
	#services-content .row-item .container {
		flex-direction: column !important;
	}
	

	#bio .content-wrapper .col-1, #bio .content-wrapper .col-2, #services-content .row-item .container {
		width: 100%;
		text-align: center;
	}
	
	#services-content .row-item .container li {
		text-align: left;
	}

	#content, #bio, #services-content .row-item {
		padding: 50px 0;
	}

	#services-content .row-item .container .w-50 {
		width: 100%;
	}
}

@media only screen and (max-width: 640px) {
	h1,
	.heading-lg h2 {
		font-size: 40px;
		line-height: 45px;
	}

	h2 {
		font-size: 24px;
		line-height: 30px;
	}
	
	h5 {
		font-size: 18px;
	}

	p,
	.small-text p {
		font-size: 14px;
	}
	
	#sec-2 .description-wrapper {
		margin-top: 10px;
	}
	
	.primary-btn {
		font-size: 14px;
		padding: 9px 30px;
	}
	
	#footer nav ul {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}

	#footer .logo-wrapper img {
		width: 200px;
	}
}

@media only screen and (max-width: 540px) {
	#responsive-menu button {
		right: 15%;
		top: 10px;
	}

	#sec-3 .about-content-wrapper .col-1 {
		width: 100%;
	}
}

@media only screen and (max-width: 440px) {
	header .col-1 {
		width: 50%;
	}

	h1, .heading-lg h2 {
		font-size: 30px;
		line-height: 35px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	#sec-3 .certificate-wrapper .certificate-item {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	
	#sec-3 .certificate-wrapper .certificate-item span {
		display: none;
	}

	#sec-4 .heading-wrapper {
		margin-bottom: 20px;
	}
}