/* @import url('https://fonts.cdnfonts.com/css/metropolis-2'); */
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&family=Lumanosimo&family=Big+Shoulders:opsz,wght@10..72,100..900&display=swap");
/* @import url('https://fonts.googleapis.com/css2?&family=Lumanosimo&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?');
@import "buttons.css";
@import "cards.css";
@import "transitions.css";


:root {
	--col1: #ec03eb;
	--col2: #24a23e;
    --col3: #5d1b01;
	--col4: #f8f5f8;
	--col5: #101010;
	--col6: #fff;
	--font1: "Raleway", sans-serif;
	--font2: "Big Shoulders", sans-serif;
	--font3: "Lumanosimo", sans-serif;
}

*,
*::before,
*::after {
	margin: 0;
  	padding: 0;
	box-sizing: border-box !important;
}

html {
	overflow-x: hidden;
}

body {
	overflow-x: hidden !important;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font1);
	font-weight: 500;
}

p, ul, ol, a {
	font-family: var(--font1);
}

a {
	text-decoration: none;
}

/* Navbar Style */
.navbar {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	margin: 0 auto;
	z-index: 9;
}

.navbar .container-fluid {
    padding-left: 63px;
    padding-right: 63px;
}

@media screen and (max-width: 991px) {
	.navbar .container-fluid {
        padding-left: 0;
        padding-right: 0;
	}

    .navbar-brand {
        padding-left: 32px;
    }

    .navbar-toggler {
        margin-right: 32px;
    }
}

@media screen and (max-width: 563px) {
	.navbar .container-fluid {
        padding-left: 0;
        padding-right: 0;
	}

    .navbar-brand {
        padding-left: 12px;
    }

    .navbar-toggler {
        margin-right: 12px;
    }
}

.nav-link,
.navbar-brand {
	color: var(--col1) !important;
	font-family: var(--font1);
}

.navbar-brand {
	font-size: 24px;
	font-weight: 500;
}

.navbar-brand img {
	width: 200px;
}

.navbar-toggler:focus {
	outline: none !important;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(93, 27, 1, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.nav-link {
	text-transform: uppercase;
	font-size: 16px;
	padding: 0px 3px 0px 3px;
	margin-right: 15px;
	text-decoration: none;
}

@media screen and (min-width: 992px) {
	a.nav-link {
		position: relative;
		text-decoration: none;
		font-size: 16px;
	}
	a.nav-link::after {
		content: '';
		position: absolute;
		width: 0;
		height: 1px;
		left: 0;
		bottom: 0px;
		background-color: currentColor;
		transition: width 0.4s ease;
	}
	a.nav-link:hover::after {
		width: 100%;
	}
}

@media screen and (max-width: 991px) {
    .nav-item {
        margin: 0px 24px 28px 24px;
    }

	.nav-link:hover {
		text-decoration: underline 1px var(--col1);
	}

	.nav-link-btn {
		margin-right: 24px;
		width: 100%;
	}
}

/* NAV CATEGORIES */
.nav--categories {
	background-color: var(--col3);
}
.nav--categories .navbar-toggler {
	font-family: var(--font1);
	color: var(--col4);
}
.nav--categories .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(248, 245, 248, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.nav--categories .nav-link {
	font-size: 12px;
	color: var(--col4) !important;
}
.nav-cat-show {
	display: none;
}
@media screen and (max-width: 991px) {
    .nav--categories .nav-link {
        margin-bottom: 8px;
    }
	.nav--categories .nav-link:hover {
		text-decoration: underline 1px var(--col4);
	}
	.nav-cat-show {
		display: block;
	}
	.nav-cat-hide {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.navbar .container {
		padding-inline: 0px;
	}

	.navbar-brand {
		margin-left: 16px;
	}
}


/* HERO */
.hero {
	background: linear-gradient(rgba(219, 207, 225, 0.88), rgba(242, 218, 246, 0.92)), url('https://theiwagroup.com/preview/wp-content/uploads/2025/07/kemi1.png') no-repeat center top/cover;
	color: var(--col5);
}

.hero .container-fluid {
    padding: 0 54px;
}
@media screen and (max-width: 562px) {
    .hero .container-fluid {
        padding: 0 21px;
    }
}

.hero .lt {
    order: 1;
}

.hero .lt img {
    width: 100%;
}

.hero .rt {
    order: 2;
}

.hero .rt h1 {
	font-family: var(--font3);
    font-size: 2.8rem;
	color: var(--col1);
}

.hero .rt p {
    font-family: var(--font1);
	font-size: 16px;
	font-weight: 400;
}

@media screen and (max-width: 991px) {
	.hero button {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 767px) {
	.hero .rt {
		order: 1;
	}
	.hero .lt {
		order: 2;
	}
}

@media screen and (max-width: 500px) {
	.hero .rt .btn--row {
		flex-direction: column;
	}
}

/* RECOGNITIONS - AWARDS */
.recognition-award h6 {
	letter-spacing: 2px;
	color: var(--col3);
	font-weight: 600;
	opacity: 0.44;
}

/* MAGAZINE UPDATE */
.magazine-update h1 {
	color: var(--col1);
	font-size: 2.4rem;
}

.magazine-update h1.title {
	font-size: 3.2rem;
	color: var(--col3);
}

.underline-overlap::after {
	height: 20px;
	background-color: var(--col1);
	bottom: 12px;
	opacity: 0.44;
	z-index: 5;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.magazine-update .btn-row a {
		font-size: 14px;
		width: max-content;
	}
}

@media screen and (max-width: 390px) {
	.magazine-update .btn-row {
		display: flex;
		flex-direction: column;
	}
	.magazine-update .btn-row a {
		width: max-content;
	}
}


/* IWA HIGHLIGHT */
.iwa-highlight h1 {
	color: var(--col1);
}

.iwa-highlight .txt-2 {
	display: none;
}

@media screen and (max-width: 767px) {
	.iwa-highlight .txt-1 {
		display: none;
	}
	.iwa-highlight .txt-2 {
		display: block;
	}
}

.iwa-highlight .card {
	width: 84%;
}

.iwa-highlight .card .material-symbols-outlined {
	color: var(--col3);
	font-size: 56px;
}

.iwa-highlight .card h4 {
	color: var(--col3);
}

.iwa-highlight .material-symbols-outlined {
	color: var(--col1);
	font-size: 120px;
}


/* VISION MISSION */
.vision-mission {
	background-color: var(--col5);
	color: var(--col6);
}

.vision-mission .material-symbols-outlined {
	font-size: 210px;
	color: var(--col1);
}

.vision-mission .vision .wrapper,
.vision-mission .mission .wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

@media screen and (max-width: 576px) {
	.vision-mission .vision .wrapper,
	.vision-mission .mission .wrapper {
		flex-direction: column;
		padding-left: 24px;
		padding-right: 24px;
		text-align: center;
	}

	.vision-mission .mission .wrapper div:nth-child(1) {
		order: 2;
	}
}


/* TESTIMONIALS */
.testimonials .slick-prev:before,
.testimonials .slick-next:before,
.column-slider .slick-prev:before,
.column-slider .slick-next:before {
	color: var(--col3);
}
@media screen and (max-width: 576px) {
	.testimonials {
		position: relative;
		width: 100%;
	}
	.testimonials .slick-prev,
	.testimonials .slick-next,
	.column-slider .slick-prev,
	.column-slider .slick-next {
		position: absolute;
	}
    .testimonials .slick-prev,
	.column-slider .slick-prev {
		top: 30%;
		left: 0;
	}
	.testimonials .slick-next,
	.column-slider .slick-next {
		top: 30%;
		right: 0;
	}
}

.testimonials h1 {
	color: var(--col1);
}

.testimonials h5 {
	font-size: 19px;
}


/* JOIN US */
.newsletter {
	background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 252, 255, 0.85)), url('https://theiwagroup.com/preview/wp-content/uploads/2025/07/women-group2-1.jpg') no-repeat center top/cover;
}

.newsletter h1 {
	color: var(--col1);
}

.newsletter .input-group {
	font-size: 20px;
	width: 50%;
}

@media screen and (max-width: 767px) {
	.newsletter .input-group {
		width: 88%;
	}
}

@media screen and (max-width: 420px) {
	.newsletter .input-group {
		width: 96%;
	}
}


/* Footer */
footer {
	background-color: var(--col5);
}

footer .name {
	font-family: var(--font1);
	color: var(--col1);
}

footer .logo {
	width: 280px;
}

footer p,
footer ul li a {
	font-family: var(--font1);
    color: var(--col2);
}

footer ul li a:hover {
	text-decoration: underline solid 1px var(--col2);
    transition: 0.5s;
}

footer .social .footer-icon {
	width: 40px;
	padding: 0 2px;
}

footer .social a i {
    color: var(--col2);
}

footer .social a i:hover {
    opacity: 0.72;
    transition: 0.5s;
}

footer .social .input-group,
footer .social .input-group .form-control {
	font-family: var(--font1);
}

footer hr {
    width: 87%;
	border-color: #eaeeeb;
}

.copyright,
.copyright a{
    color: var(--col2);
	font-family: var(--font1);
	font-size: 16px;
}

.copyright a {
	text-decoration: underline solid 1px #ffffff00;
}

.copyright a:hover {
	text-decoration: underline solid 1px var(--col2);
}

@media screen and (max-width: 350px) {
	footer .logo {
		width: 240px;
	}
}


/* CONTACT FORM */
.contact-form .form-sub,
.contact-form .form-sub input,
.contact-form .form-sub textarea {
	font-family: var(--font1);
}

.contact-form form input,
.contact-form form textarea {
	background-color: var(--col2);
}


/* OTHER PAGES STYLE */
.page-heading {
	background-color: var(--col5);
	color: var(--col1);
}

.iwa-cover-interview-heading {
	background-color: var(--col5);
	color: var(--col1);
	font-family: var(--font1);
}

.underline-overlap {
	position: relative;
	display: inline-block;
	font-size: 2rem;
	color: var(--col3);
}
.underline-overlap::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 16px;
	background-color: var(--col1);
	bottom: 0;
	margin-top: 12px;
	z-index: -1;
	opacity: 0.35;
}