/*
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.1744475607
Updated: 2025-04-12 16:33:27

*/

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

:root {
    --purple: #2f2a95;
    --blur-purple: #2f2a9573;
    --light-purple: #eae9f4;
}

html {
    scroll-behavior: smooth;
}

*,
html,
body {
    margin: 0;
    padding: 0;
	line-height: unset;
}

.container {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 30px;
}

.half-container {
    max-width: 710px;
}

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

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

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

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

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

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

/* Font Family */
.lato-thin,
.lato-thin a,
.lato-thin p,
.lato-thin h1,
.lato-thin h2,
.lato-thin h3,
.lato-thin h4,
.lato-thin h5,
.lato-thin h6 {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light,
.lato-light a,
.lato-light p,
.lato-light h1,
.lato-light h2,
.lato-light h3,
.lato-light h4,
.lato-light h5,
.lato-light h6 {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular,
.lato-regular a,
.lato-regular p,
.lato-regular h1,
.lato-regular h2,
.lato-regular h3,
.lato-regular h4,
.lato-regular h5,
.lato-regular h6 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold,
.lato-bold a,
.lato-bold p,
.lato-bold h1,
.lato-bold h2,
.lato-bold h3,
.lato-bold h4,
.lato-bold h5,
.lato-bold h6 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black,
.lato-black a,
.lato-black p,
.lato-black h1,
.lato-black h2,
.lato-black h3,
.lato-black h4,
.lato-black h5,
.lato-black h6 {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic,
.lato-thin-italic a,
.lato-thin-italic p,
.lato-thin-italic h1,
.lato-thin-italic h2,
.lato-thin-italic h3,
.lato-thin-italic h4,
.lato-thin-italic h5,
.lato-thin-italic h6 {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic,
.lato-light-italic a,
.lato-light-italic p,
.lato-light-italic h1,
.lato-light-italic h2,
.lato-light-italic h3,
.lato-light-italic h4,
.lato-light-italic h5,
.lato-light-italic h6 {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic,
.lato-regular-italic a,
.lato-regular-italic p,
.lato-regular-italic h1,
.lato-regular-italic h2,
.lato-regular-italic h3,
.lato-regular-italic h4,
.lato-regular-italic h5,
.lato-regular-italic h6 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic,
.lato-bold-italic a,
.lato-bold-italic p,
.lato-bold-italic h1,
.lato-bold-italic h2,
.lato-bold-italic h3,
.lato-bold-italic h4,
.lato-bold-italic h5,
.lato-bold-italic h6 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic,
.lato-black-italic a,
.lato-black-italic p,
.lato-black-italic h1,
.lato-black-italic h2,
.lato-black-italic h3,
.lato-black-italic h4,
.lato-black-italic h5,
.lato-black-italic h6 {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}

/* Nexa Font Family */
@font-face {
    font-family: 'Nexa';
    src: url(/wp-content/uploads/2025/04/nexa-heavy.ttf);
}

/* Font 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-black,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black h6,
.text-black p,
.text-black li,
.text-black a {
    color: var(--black);
}

/* Font Weight */
.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;
}

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

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


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

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

a,
p,
li {
    font-size: 18px;
    line-height: 25px;
}

.list-style-none {
    list-style: none;
}

a {
    text-decoration: none;
}

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

hr {
    color: var(--blur-purple);
}

hr.white {
    color: var(--white);
}

/* Animate */
.transition {
    transition: 0.2s;
}

.zoom-hover:hover {
    transform: scale(1.05);
}

/* Heading */
h1 {
    font-size: 64px;
    line-height: 70px;
}

h2 {
    font-size: 40px;
    line-height: 45px;
}

h3 {
    font-size: 30px;
    line-height: 35px;
}

h4 {
    font-size: 24px;
    line-height: 30px;
}

h5 {
    font-size: 20px;
    line-height: 25px;
}

h6 {
    font-size: 18px;
    line-height: 25px;
}

/* Global */
.btn {
    padding: 20px 50px;
}

.btn.primary {
    border: 2px solid var(--white);
}

.btn.primary:hover {
    background-color: var(--white);
    color: var(--purple);
}

.btn.secondary {
    border: 2px solid var(--purple);
    background-color: var(--purple);
}

.btn.secondary:hover {
    background-color: transparent;
    color: var(--purple);
}

.heading-wrapper h1,
.heading-wrapper h2,
.heading-wrapper h3,
.heading-wrapper h4,
.heading-wrapper h5,
.heading-wrapper h6 {
    font-family: 'Nexa', sans-serif;
	font-weight: normal;
}

.heading-wrapper .accent {
    content: '';
    width: 100px;
    height: 5px;
    background-color: var(--purple);
    margin: 20px auto 0 auto;
}

/* Header */
header nav ul li a,
header .phone-number-wrapper a {
    transition: 0.2s;
}

header nav ul li:hover a,
header .phone-number-wrapper a:hover {
    color: var(--purple);
    font-weight: bold;
}

header nav ul li {
    border-top: 5px solid transparent;
	padding: 40px 0;
	display: flex;
	align-items: center;
}

header nav ul li:hover {
	border-top: 5px solid var(--purple);
}

header nav ul {
	gap: 0 50px;
}

header.sticky .logo-wrapper img {
	width: 200px;
}

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

header.sticky .menu-item {
	padding: 25px 0;
}

header.sticky .phone-number-wrapper {
	border-top: 0;
}

header.sticky {
	box-shadow: 0 0 10px 0 var(--blur-purple);
}

.rmp_menu_trigger {
	position: absolute !important;
	right: 0 !important;
	top: 25px !important;
}

header.sticky .rmp_menu_trigger {
	top: 10px !important;
}

.menu-item.with-icon a i {
	margin-right: 10px;
}

.rmp-container {
	box-shadow: 0 0 10px 0 var(--purple);
}

/* Hero */
#hero {
    background-position: right;
}

/* About */
#about {
    background-position: right;
}

#about .description-wrapper h3 {
    font-family: 'Nexa', sans-serif;
    line-height: 40px;
}

#about .achievement-wrapper h6 {
    font-family: 'Nexa', sans-serif;
}

#about .content-wrapper-inner {
    border-left: 2px solid var(--blur-purple);
}

#about .achievement-item {
    border-right: 2px solid var(--blur-purple);
}

#about .achievement-item:last-child {
    border: none;
}

#about .achievement-item p {
    text-transform: initial;
}

/* Services */
.service-item {
    width: 50%;
    border: 1px solid var(--blur-purple);
    cursor: pointer;
}

.service-item:hover {
    background-color: var(--purple);
}

.service-item:hover .heading-wrapper h3 {
    color: var(--white);
}

.service-item:hover .icon-wrapper img {
    filter: brightness(1000%) saturate(0%);
}

.service-item:nth-child(1) {
    border-top: none;
    border-left: none;
}

.service-item:nth-child(2) {
    border-top: none;
    border-right: none;
}

.service-item:nth-child(3) {
    border-bottom: none;
    border-left: none;
}

.service-item:nth-child(4) {
    border-bottom: none;
    border-right: none;
}

/* Testimonials */
.testimonial .content-wrapper p {
    font-size: 20px;
    line-height: 25px;
}

.testimonial .name-position-wrapper p {
    font-family: 'Nexa', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.testimonial-slider .slick-track {
	display: flex;
	gap: 200px;
}

.testimonial-slider .slick-slide {
	opacity: 0.4;
	text-align: center;
}

.testimonial-slider .slick-center {
	opacity: 1 !important;
	margin: 0 auto;
}

.testimonial-slider .slick-active.slick-center {
	width: 1000px;
}

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

.slider-nav .prev,
.slider-nav .next {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	padding: 5px;
}

.slider-nav .prev:hover, .slider-nav .next:hover {
	opacity: 0.3;
}

/* Why Choose */
.parallax-bg .parallax-img-wrapper img {
	height: 100vh;
	object-fit: cover;
}

.parallax-bg .parallax-img-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 40%;
	z-index: -1;
	pointer-events: none;
}

#why-choose .content-wrapper-inner {
    border-left: 2px solid var(--blur-purple);
}

#why-choose {
	background-attachment: fixed;
	background-size: 650px;
	background-position: center left;
}

.why-choose-item {
    border-bottom: 2px solid var(--blur-purple);
}

.why-choose-item:last-child {
    border: none;
}

#brand-promise {
    background-position: top right;
}

#brand-promise .heading-wrapper h3 {
    font-family: 'Nexa', sans-serif;
    line-height: 40px;
}

#brand-promise .heading-wrapper h5 {
    font-family: 'Lato', sans-serif;
    line-height: 35px;
	font-weight: normal;
}

#brand-promise .heading-wrapper {
    border-left: 1px solid var(--white);
}

/* Contact */
#contact .contact-info-list li a {
    font-size: 22px;
    line-height: 25px;
    transition: 0.2s;
}

#contact .contact-info-list li a:hover {
    color: var(--purple);
    font-weight: bold;
}

#contact .contact-info-list {
	border-left: 1px solid var(--black);
}

#contact .contact-info-list li a i {
	color: var(--purple);
}

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

.form-wrapper input::placeholder, .form-wrapper textarea::placeholder,
.form-wrapper input, .form-wrapper textarea {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: var(--black);
}

.form-wrapper input[type="submit"] {
	border: 2px solid var(--purple);
	background-color: var(--purple);
	color: var(--white);
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 0;
}

.form-wrapper input[type="submit"]:hover {
	background-color: transparent;
	color: var(--purple);
}

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

/* Footer */
#footer nav ul li a {
    transition: 0.2s;
}

#footer nav ul li.cursor-none a:hover {
    font-weight: normal;
}

#footer nav ul li a:hover {
    font-weight: bold;
}

.copyright-wrapper p {
    font-size: 16px;
}

.copyright-wrapper p a:hover {
    text-decoration: underline;
}

/* Responsive */
@media only screen and (max-width: 1400px) {
	#why-choose.parallax-bg .parallax-img-wrapper {
		width: 45%;
	}
}

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

	header .header-wrapper .col-2,
	header .header-wrapper .col-3 {
		width: 70%;
	}

	header .logo-wrapper {
		width: 100%;
	}

	header .phone-number-wrapper {
		width: 25%;
	}

	header nav {
		width: 75%;
	}
	
	h1 {
		font-size: 50px;
		line-height: 55px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 35px;
	}

	h3 {
		font-size: 25px;
		line-height: 30px;
	}

	h4 {
		font-size: 20px;
		line-height: 25px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 16px;
		line-height: 20px;
	}
	
	a, p, li,
	.testimonial .content-wrapper p,
	.testimonial .name-position-wrapper p {
		font-size: 16px;
		line-height: 21px;
	}
	
	.btn,
	.form-wrapper input[type="submit"] {
		padding: 15px 30px;
		font-size: 16px;
		line-height: 20px;
	}
	
	#hero {
		padding: 100px 0;
	}

	#about {
		padding: 50px 0;
		background-size: cover;
	}

	#about .img-wrapper img {
		width: 50%;
	}

	#about .description-wrapper h3 {
		line-height: 30px;
	}
	
	#about-ft-img {
		background-size: cover;
	}
	
	#services {
		padding: 50px 0;
	}
	
	.service-item {
		padding: 50px;
	}
	
	.service-item .icon-wrapper img {
		width: 75%;
	}

	#why-choose {
		padding: 50px 0;
	}
	
	.why-choose-item {
		padding-bottom: 10px;
	}

	#brand-promise {
		padding: 50px 0;
	}

	#brand-promise .heading-wrapper h5 {
		line-height: 25px;
	}

	#brand-promise .heading-wrapper h3 {
		line-height: 30px;
	}
	
	#contact {
		padding: 50px 0;
	}
	
	#footer {
		padding-top: 50px;
	}

	#about .content-wrapper .col-1 {
		width: 35%;
	}

	#about .content-wrapper .col-2 {
		width: 65%;
	}

	#about .achievement-item {
		width: 100%;
	}

	#why-choose .content-wrapper .col-1 {
		width: 40%;
	}

	#why-choose .content-wrapper .col-2 {
		width: 65%;
	}

	#contact .content-wrapper .col-1 {
		width: 40%;
	}

	#contact .content-wrapper .col-2 {
		width: 60%;
	}
	
	#testimonials {
		padding: 50px 0;
	}

	#why-choose.parallax-bg .parallax-img-wrapper {
		width: 30%;
	}

	#brand-promise .heading-wrapper {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 1250px) {
	.why-choose-item .heading-wrapper,
	.why-choose-item .description-wrapper p {
		margin-bottom: 10px;
	}
	
	#footer .content-wrapper {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 1200px) {
	header .phone-number-wrapper {
		width: 30%;
	}

	header nav {
		width: 70%;
	}
}

@media only screen and (max-width: 1100px) {
	h1 {
		font-size: 40px;
		line-height: 45px;
	}
	
	.heading-wrapper.mb-50,
	.description-wrapper.mb-50 {
		margin-bottom: 20px;
	}

	#hero .description-wrapper,
	#about .description-wrapper,
	#about .btn-wrapper {
		margin-bottom: 50px;
	}
	
	#about .achievement-wrapper {
		margin-top: 20px;
	}

	#about-ft-img {
		height: 350px !important;
	}

	.service-item .icon-wrapper img {
		width: 60%;
	}

	.service-item .heading-wrapper h3 {
		font-size: 20px;
		line-height: 25px;
	}
}

@media only screen and (max-width: 1024px) {
	#about .content-wrapper {
		flex-direction: column;
		gap: 50px 0;
	}
	
	#about .content-wrapper .col-1, #about .content-wrapper .col-2 {
		width: 100%;
	}

	#about .img-wrapper img {
		width: 25%;
	}
	
	#why-choose .content-wrapper .col-1 {
		display: none;
	}

	#why-choose .content-wrapper .col-2 {
		width: 100%;
		background-color: rgba(255, 255, 255, 0.7);
		padding: 20px;
	}

	#why-choose {
		padding: 50px 0 0 0;
		background-size: cover;
	}
	
	#brand-promise {
		padding: 50px 0;
	}

	#contact .content-wrapper {
		flex-direction: column;
		gap: 50px 0;
	}

	#contact .contact-info-list li a {
		font-size: 18px;
	}

	#contact .contact-info-list {
		gap: 10px 0;
	}

	#contact .content-wrapper .col-1, #contact .content-wrapper .col-2 {
		width: 100%;
	}

	#footer .logo-wrapper img {
		width: 50%;
	}
	
	.slider-nav {
		margin-top: 20px;
	}
	
	#why-choose.parallax-bg .parallax-img-wrapper {
		width: 100%;
	}
	
	#why-choose.parallax-bg .parallax-img-wrapper img {
		width: 100%;
		object-position: bottom;
	}
	
	#why-choose {
		padding: 50px 0 50px 0;
	}
}

.mobile-only {
	display: none;
}

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

	.mobile-only {
		display: block;
	}
	
	#brand-promise {
		background-image: unset !important;
	}

	#brand-promise .content-wrapper .featured-img img {
		width: 100%;
		height: 350px;
		object-fit: cover;
		object-position: top;
	}
	
	#brand-promise .content-wrapper .col-2 {
		display: none;
	}
	
	#brand-promise .content-wrapper .col-1 {
		width: 100%;
	}
	
	header.sticky .menu-item {
		padding: 0;
	}
}

@media only screen and (max-width: 800px) {
	#hero {
		padding: 50px 0;
		text-align: center;
	}

	#about {
		text-align: center;
	}
	
	#about .content-wrapper-inner {
		border: none;
		padding: 0;
	}
	
	#about .achievement-item:last-child {
		padding: 0;
	}
	
	#why-choose {
		text-align: center;
	}

	.why-choose-item {
		padding-right: 0;
	}

	#why-choose .content-wrapper-inner {
		border: none;
		padding: 0;
	}
	
	#footer .content-wrapper {
		flex-wrap: wrap;
	}
	
	#footer .content-wrapper .col-1 {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#footer .logo-wrapper img {
		width: 20%;
	}

	#footer .content-wrapper .col-2 {
		width: 45%;
	}

	#footer .content-wrapper .col-3 {
		width: 25%;
	}

	#footer .content-wrapper .col-4 {
		width: 30%;
	}

	#brand-promise .heading-wrapper {
		text-align: center;
		border: none;
		padding: 0;
	}
	
	#contact {
		text-align: center;
	}

	#contact .contact-info-list {
		gap: 30px 0;
		width: 100%;
		border: none;
		padding: 0;
	}
	
	#contact .contact-info-list li a {
		flex-direction: column;
		gap: 0;
	}
	
	#hero {
		background-size: cover;
	}

	br {
		display: none;
	}

	h1 {
		font-size: 30px;
		line-height: 35px;
	}
	
	h2 {
		font-size: 25px;
		line-height: 30px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 18px;
	}
	
	#contact .heading-wrapper {
		margin-bottom: 10px;
	}

	.form-wrapper input[type="submit"] {
		margin-top: 10px;
	}
	
	.testimonial-slider .slick-active.slick-center {
		padding: 0 50px;
	}

	#brand-promise .btn-wrapper {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.service-item .heading-wrapper h3 {
		font-size: 18px;
	}

	.service-item {
		padding: 20px;
	}
	
	.heading-wrapper .accent {
		margin: 5px auto 0 auto;
	}
	
	.btn, .form-wrapper input[type="submit"] {
		padding: 10px 20px;
	}
	
	#about .achievement-wrapper {
		flex-direction: column;
		gap: 20px 0;
	}

	#about .achievement-item {
		border: none;
		padding: 0;
	}
	
	#about-ft-img {
		height: 250px !important;
		background-position: center;
	}
	
	.testimonial-slider .slick-active.slick-center {
		width: 800px;
	}
}

@media only screen and (max-width: 640px) {
	#footer .content-wrapper .col-2 {
		width: 60%;
		margin-bottom: 40px;
	}
	
	#footer .content-wrapper .col-3 {
		width: 40%;
		margin-bottom: 40px;
	}	
	
	#footer .content-wrapper .col-4 {
		width: 100%;
		margin-bottom: 40px;
	}	
}

@media only screen and (max-width: 540px) {
	#footer .content-wrapper .col-2,
	#footer .content-wrapper .col-3,
	#footer .content-wrapper .col-4 {
		width: 100%;
		text-align: center;
		margin-bottom: 60px;
	}
	
	#footer nav ul {
		gap: 10px 0;
	}
	
	#footer .content-wrapper .heading-wrapper {
		margin-bottom: 10px;
	}
	
	#footer .content-wrapper .col-4 {
		margin: 0;
	}
	
	header .header-wrapper .col-1,
	header .header-wrapper .col-3 {
		width: 50%;
	}
	
	.testimonial-slider .slick-active.slick-center {
		width: 600px;
	}
}

@media only screen and (max-width: 440px) {
	.services-list {
		flex-direction: column;
	}
	
	.service-item {
		width: 100%;
		border-left: none;
		border-right: none;
		gap: 10px 0;
	}
	
	.service-item .icon-wrapper img {
		width: 50%;
	}
	
	.testimonial-slider .slick-active.slick-center {
		width: 450px;
	}
}

@media only screen and (max-width: 340px) {
	.testimonial-slider .slick-active.slick-center {
		width: 350px;
	}
}