/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* <link href="https://fonts.cdnfonts.com/css/carien" rel="stylesheet"> */

@import url('https://fonts.cdnfonts.com/css/carien');




textarea, .button:hover, button:hover, input, select {
	box-shadow: none !important;
}

.labelWrap{
	display:inline-flex;
	align-items:center;
	gap:12px;
	margin-bottom: 6px;
	color: #B38537;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 10%;
	text-transform:uppercase;
}

.labelWrap:before{
	content:"";
	width:28px;
	height:2px;
	background: #B38537;
}

.spanBlock{
	display:block;
}

.headingWrap {
	font-size: 54px;
	line-height: 1.1;
	margin-bottom: 19px;
}

.btnWrap{
	padding: 13px 45px 11px 17px!important;
	min-height:0!important;
	border-radius: 8px!important;
	font-weight:600!important;
	line-height:1!important;
	text-transform:uppercase;
}

.btnWrap:after{
	content:"";
	position:absolute;
	right: 16px;
	top: 0;
	width: 23px;
	margin: auto;
	height: 23px;
	bottom: 0;
	background-image: url(/wp-content/uploads/2026/07/Arrow-up.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.btnWrap{
	color: #42000E !important;
	border:1px solid #fff!important;
}

.btnWrap3:after, .btnWrap2:after {
	filter: invert(1);
}

.btnWrap2{
	background: #3F000E !important;
	color:#fff!important;
	border: 2px solid !important;
}

.btnWrap3 {
	background: #3F000E !important;
	color:#fff!important;
}

.btnWrap2:hover, .btnWrap3:hover {
	background: #B38537 !important;
}

#main {
	background: url(/wp-content/uploads/2026/07/mainbg.webp) center repeat-y;
	background-size: 100%;
}

.wpcf7 .wpcf7-not-valid-tip {
	background-color: transparent;
	color: #fff;
	margin-top: -14px;
	opacity: 1;
	padding: 0 0 8px;
	font-size: 14px;
}

.wpcf7 .wpcf7-not-valid-tip:after {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 14px 0 0;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #b0843d !important;
}

.tunedWrap p {
	margin: 0;
}

.tunedWrap {
	background: #41000E;
	width: fit-content;
	padding: 6px 12px;
	border-radius: 8px;
	margin-top: 26px;
}

/* nav css */

.stuck div#logo img {
	max-height: 70px !important;
}

.stuck .header-main {
	top: 0;
}

.stuck #logo img {
	filter: brightness(0) saturate(100%) invert(7%) sepia(44%) saturate(6257%) hue-rotate(328deg) brightness(77%) contrast(113%);
}

#logo {
	margin-right: 0 !important;
	width: fit-content !important;
}

.header-main {
	height: 0 !important;
	top: 12px;
}

ul.header-nav {
	gap: 15px;
}

.nav > li > a {
	color: #fff !important;
	font-size: 17px;
}

.stuck .nav > li > a {
	color: #41000E !important;
}

.nav>li.active>a, .nav>li>a:hover {
	color: #B38537 !important;
}

/* hero css */

.heroSec {
	padding-top: 200px !important;
	padding-bottom: 80px !important;
}

.heroSec .section-bg-overlay {
	background-color: #4D0011D1 !important;
}

.heroRow h1{
	margin:0 0 18px;
	font-size: 68px;
	line-height: 1;
}

.heroRow p {
	/* 	max-width: 640px; */
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	/* 	text-transform: capitalize; */
}

.heroRow img {
	border-radius: 20px;
}

.heroRow .heroTag{
	position:absolute;
	left:-52px;
	bottom:-24px;
	width: 200px;
	padding:15px 17px 14px;
	background:#fff;
	border-radius: 20px;
	box-shadow: 0px 4px 24px 0px #2222221A;
}

.heroRow .heroTag span{
	display:block;
	margin-bottom:5px;
	color: #FA7196;
	font-size: 16px;
	text-transform:uppercase;
}

.heroRow .heroTag p{
	width:100%;
	margin:0;
	color: #000000;
	font-weight:500;
	line-height:1.35;
}

/* expertise css */

.expertiseWrap {
	padding-top: 60px !important;
	padding-bottom: 15px !important;
}

.expertiseWrap .section-bg-overlay {
	background-color: #4D0011D1 !important;
}

/* contact css */

.contactSec {
	padding-bottom: 65px !important;
}

.contactRow .follow-icons{
	margin-top:5px;
	display: flex;
}

.contactRow .col:first-child .col-inner {
	max-width: 530px;
	margin: 0;
}

/* .contactRow .col:first-child .col-inner p {
text-transform: capitalize;
} */

.contactRow .follow-icons .button{
	width: 34px;
	height: 34px;
	background:#41000E;
	border:none;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right: 7px;
	transition:.3s;
	min-width: auto;
	margin-bottom: 0;
	padding-top: 4px;
}

.contactRow .follow-icons .button:hover{
	background:#B38537;
	color:#fff;
}

.contactRow .contactCol .col-inner{
	background:#41000E;
	border-radius: 18px;
	padding: 30px 28px 10px;
}

.contactRow .contactCol strong{
	display:block;
	color:#fff;
	font-size: 24px;
	font-weight:600;
	margin-bottom: 11px;
}

.contactformWrap input:not(.wpcf7-submit), .contactformWrap textarea{
	width:100%;
	background:#fff;
	border:none;
	border-radius:8px;
	box-shadow:none;
	font-size: 16px;
	color:#333;
}

.contactformWrap input:not(.wpcf7-submit){
	height: 46px;
	padding: 0 14px;
}

.contactformWrap textarea{
	height: 135px;
	padding: 15px 14px;
}

.contactformWrap input::placeholder, .contactformWrap textarea::placeholder{
	color:#888888;
}

.contactformWrap input:focus, .contactformWrap textarea:focus{
	border:none;
	box-shadow:0 0 0 2px #B38537;
}

.contactformWrap .wpcf7-submit{
	width:100%;
	height: 46px;
	background: #B38537;
	border:none;
	border-radius:8px;
	color:#fff;
	font-size: 17px;
	font-weight: 500;
	text-transform:uppercase;
	margin-bottom: 0;
}

.contactformWrap .wpcf7-submit:hover{
	background:#9c722c;
}

.contactRow .wpcf7-spinner{
	display:none;
}

/* home about wrap */

.homeAboutSec {
	padding-top: 75px !important;
}

.aboutWrap p {
	font-size: 17px;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
}

.page-id-173 .innerHero h1 span, .aboutWrap h2 span {
	font-style: italic;
}

/* footer css */

.footer-wrapper .section{
	padding: 45px 0 0 !important;
}

.footer-wrapper .img{
	max-width: 170px;
	margin-bottom: 22px !important;
}

.footer-wrapper p{
	margin: 26px 0 15px;
}

.footer-wrapper .stack{
	flex-direction:row !important;
	align-items:center;
	flex-wrap:wrap;
	gap:28px;
	margin-bottom: 16px;
	justify-content: center;
}

.footer-wrapper .ux-menu-link{
	margin:0;
}

.footer-wrapper .ux-menu-link__link{
	color:#fff;
	transition:.3s;
}

.footer-wrapper .ux-menu-link__link:hover{
	color:#B38537 !important;
}

.footer-wrapper .social-icons{
	display:flex;
	justify-content:center;
	gap:12px;
}

.footer-wrapper .social-icons .button{
	width: 33px;
	height: 32px;
	background:#B38537;
	border:none;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0;
	transition:.3s;
	padding-top: 3px;
}

.footer-wrapper .social-icons .button:hover{
	background:#fff;
	color:#B38537;
}

.absolute-footer .container{
	border-top:1px solid #FFFFFF;
	padding: 18px 0 5px;
}

.footer-wrapper .copyright-footer{
	font-size: 15px;
	text-transform:capitalize;
}

.footer-wrapper .copyright-footer a{
	color:#B38537;
	text-decoration:none;
}

.footer-wrapper .copyright-footer a:hover{
	color:#fff;
}

/* engage css */

.home .engageRow p {
	margin-left: auto;
	margin-right: auto;
	max-width: 650px;
}

.engageRow p {
	font-size: 17px;
	/* 	text-transform: capitalize; */
}

.engageRow img {
	border-radius: 20px;
}

/* publication row */

.publicSec {
	padding-top: 80px !important;
}

.publicRow .icon-box{
	background:#fff;
	border-radius:160px 160px 0 0;
	padding:35px 25px 30px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	transition:.3s ease;
}

.publicRow .icon-box-img{
	margin-bottom: 11px;
}

.publicRow .icon-box .icon{
	width: 56px;
	height: 56px;
	border-radius:50%;
	background:#4d0011;
	display:flex;
	align-items:center;
	justify-content:center;
}

.publicRow .icon-box strong {
	/* 	font=-w: ; */
	color: #4E0614;
	font-weight: 600;
	font-family: Lato, sans-serif;
	font-size: 21px;
	display: block;
	padding-bottom: 6px;
}

.publicRow .icon-box img {
	padding-top: 0;
}

.publicRow .icon-box p {
	color: #000;
	font-family: Lato, sans-serif;
	line-height: 1.1;
}

.publicRow .icon-inner{
	width: 34px;
	height: 34px;
	display:flex;
	align-items:center;
	justify-content:center;
}

/* slider css */

.practiseSlider{
	max-width: 1520px;
	margin: auto;
}

.practiseSlider .row {
	opacity: 1 !important;
}

.practiseSlider .icon-box{
	background:transparent;
	border:3px solid #FCF9DA;
	border-radius:8px;
	padding:22px 18px;
	height: 410px;
	position: relative;
}

.practiseSlider .icon-box-img{
	margin-bottom: 20px;
}

.practiseSlider .icon-box strong{
	display:block;
	margin-bottom: 12px;
	position:relative;
	padding-top: 30px;
	font-size: 22px;
	line-height: 1.2;
	padding-right: 70px;
	font-weight: 600;
}

.practiseSlider .icon-box strong::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:2px;
	background:#FFFFFF;
}

.practiseSlider .button{
	padding:0 !important;
	color:#fff !important;
	display:inline-flex;
	align-items:center;
	gap:10px;
	min-height:auto;
	font-weight: 400;
	opacity: 1 !important;
	transition: .2s all;
	position: absolute;
	bottom: 20px;
}

.practiseSlider .button:hover {
	gap: 15px;
}

.practiseSlider .button::after{
	content:"";
	width:18px;
	height:18px;
	background-image: url(/wp-content/uploads/2026/07/area-1.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.practiseSlider .flickity-prev-next-button{
	opacity:1 !important;
	visibility:visible !important;
	width: 42px;
	height:42px;
	top: -66px;
	background:transparent !important;
	border:none;
	box-shadow:none;
	transform:none;
}

.practiseSlider .flickity-prev-next-button.previous{
	left:auto;
	right:56px;
}

.practiseSlider .flickity-prev-next-button.next{
	right:0;
}

.practiseSlider .flickity-prev-next-button svg{
	display:none;
}

.practiseSlider .flickity-prev-next-button::before{
	content:"";
	position:absolute;
	inset:0;
	background-image: url(/wp-content/uploads/2026/07/area-2.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 32px;
}

.practiseSlider .flickity-prev-next-button.previous::before {
	background-image: url(/wp-content/uploads/2026/07/area-3.png);
}

.practiseSlider .flickity-prev-next-button.previous::after{
	content:"";
	position:absolute;
	right: -9px;
	top:50%;
	transform:translateY(-50%);
	width: 2px;
	height: 40px;
	background: #FFFFFF;
}

/* inner hero */

.innerHero p {
	max-width: unset;
}

.innerHero {
	padding-top: 160px !important;
	padding-bottom: 40px !important;
}

/* about css */

.exploreSec {
	padding-top: 70px !important;
}

.exploreRow strong {
	font-family: "Cormorant Garamond", sans-serif;
	color: #41000E;
	position: relative;
	font-weight: 600;
	font-size: 48px;
	display: block;
	margin-bottom: 23px;
	padding-bottom: 2px;
}

.exploreRow strong:before {
	position: absolute;
	content: "";
	background: #B38537;
	height: 3px;
	width: 100px;
	bottom: 0;
}

/* .exploreRow p {
text-transform: capitalize;
} */

.exploreRow span {
	color: #4D0513;
	font-weight: 600;
	/* 	text-transform: capitalize; */
	font-size: 20px;
	line-height: 1.4;
}

.exploreRow .icon-box-img {
	margin-bottom: 0;
}

.mosqueRow .col-inner {
	padding: 40px;
	border-radius: 24px;
}

.mosqueRow .icon-box {
	align-items: center;
}

.mosqueRow img {
	padding-top: 0;
}

.mosqueRow p {
	font-size: 18px;
	font-weight: 500;
	/* 	text-transform: capitalize; */
}

/* .mosqueRow .icon-box-text {
padding-left: 50px !important;
border-left: 2px solid #fff;
margin-left: 40px;
} */

/* research row */

.shapeSec {
	padding-top: 90px !important;
}

.researchRow .featured-box{
	background:#fff;
	border-radius: 20px;
	padding: 30px 27px;
}

.researchRow .icon-box-img{
	background:#4E0614;
	border-radius:50%;
	margin-bottom:22px;
	padding: 12px;
}

.researchRow .icon-box-img img {
	padding-top: 0;
}

.researchRow .col:nth-child(4) .icon-box-img{
	padding: 2px;
}

.researchRow strong{
	display:block;
	font-size: 24px;
	font-weight:600;
	color:#4E0614;
	margin-bottom: 10px;
	line-height:1.3;
	font-family: Lato, sans-serif;
}

.researchRow .icon-box-text p{
	margin:0;
	font-size: 17px;
	color:#000000;
	line-height:1.6;
	font-family: Lato, sans-serif;
}

.publicContactSec {
	padding-bottom: 70px !important;
}

/* about stat row */

.aboutSec {
	padding-top: 65px !important;
}

.aboutRow .col-inner {
	height: 100%;
}

.aboutRow .icon-box {
	background: #fff;
	border-radius: 20px;
	padding: 27px 33px;
	height: 100%;
}

.aboutRow strong {
	font-family: "Cormorant Garamond", sans-serif;
	color: #000000;
	font-size: 30px;
}

.aboutRow p {
	font-family: "Cormorant Garamond", sans-serif;
	font-size: 18px;
	line-height: 1.3;
	padding-top: 8px;
}

/* mission css */

.missionSec {
	padding-top: 60px !important;
}

.missionRow strong {
	position: relative;
	font-family: "Cormorant Garamond", sans-serif;
	font-size: 50px;
	display: block;
	line-height: 1.3;
	/*text-transform: capitalize;*/
	padding-bottom: 24px;
}

.missionRow strong:before {
	position: absolute;
	content: "";
	background: #B38537;
	height: 3px;
	width: 150px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* meet khalis css */

.meetSec {
	padding-top: 70px !important;
}

/* about contact */

.aboutContact {
	padding-top: 80px !important;
	padding-bottom: 50px !important;
}

/* practise area css */

/* .expertWrap{
position: relative;
padding-top: 56px;
}

.expertWrap::after{
content: "01";
position: absolute;
font-size: 68px;
top: 0;
right: 0;
line-height: 1;
} */

.expertWrap{
	height: 100%;
}

.expertWrap strong{
	font-size: 58px;
	text-align: end;
	font-weight: 500;
	display: block;
	color: #41000E;
	line-height: 1.5;
	font-family: 'Carien', sans-serif;
	display: none;
}

.expertWrap h2 {
	position: relative;
	padding-bottom: 17px;
	font-size: 40px;
}

.expertWrap h2:before {
	position: absolute;
	content: "";
	background: #B38537;
	height: 3px;
	width: 120px;
	bottom: 0;
}

.expertWrap ul {
	margin-bottom: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.expertWrap li {
	color: #41000EE5;
	font-size: 18px;
	margin-bottom: 5px !important;
}

.areasCol .col-inner{
	background: #fff;
	border-radius: 20px;
	padding: 0 22px 25px;
	height: 100%;
}

.practiseAreaSec {
	border-bottom: 3px solid #41000E;
}

/* media queries */

@media (min-width:849px) and (max-width: 1240px) {
	.practiseSlider .icon-box {
		height: 550px;
	}
	.headingWrap {
		font-size: 44px;
	}
	.researchRow .featured-box {
		padding: 30px 18px;
	}
	.researchRow strong {
		font-size: 22px;
	}
}

@media (min-width:1440px){
	.header-inner {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (min-width:849px){
	/* 	.engageRow {
	column-gap: 40px;
	flex-wrap: nowrap;
}
	.engageRow:after {
	display: none;
} */
	.publicRow {
		flex-wrap: nowrap;
	}
	.publicRow .col {
		max-width: fit-content;
		flex-basis: content;
	}
}

@media (max-width: 1440px){

	.aboutRow .icon-box {
		padding: 27px 17px;
	}
	.mosqueRow p {
		font-size: 17px;
	}
	.engageRow p {
		font-size: 16px;
	}
	.practiseSlider p {
		font-size: 15px;
	}
	.headingWrap {
		font-size: 48px;
	}
	.practiseSlider .icon-box strong {
		padding-right: 0;
	}
	.publicRow .icon-box strong {
		font-size: 19px;
	}
	.publicRow .icon-box {
		padding: 35px 13px 30px;
	}
	.heroRow h1 {
		font-size: 60px;
	}
}

@media (max-width:849px){
	.tunedWrap {
		margin-top: 0;
	}
	.exploreSec {
		padding-top: 50px !important;
	}
	.publicContactSec {
		padding-top: 0 !important;
		padding-bottom: 30px !important;
	}
	.contactRow .contactCol .col-inner {
		padding: 17px 21px 10px;
	}
	.innerHero {
		padding-bottom: 10px !important;
	}
	.exploreRow strong {
		font-size: 35px;
	}
	.footer-wrapper .stack{
		gap:16px;
		row-gap: 0;
	}
	.contactRow .contactCol strong {
		font-size: 21px;
	}
	.heroRow h1{
		font-size:50px;
	}
	.publicRow .icon-box{
		padding:35px 20px 25px;
		border-radius: 90px 90px 0 0;
	}
	.mosqueRow .icon-box-text {
		padding-left: 30px !important;
		margin-left: 20px;
	}
	.spanBlock {
		display: inline;
	}
	.missionSec {
		padding-bottom: 25px !important;
		padding-top: 40px !important;
	}
	.aboutContact {
		padding-top: 40px !important;
		padding-bottom: 20px !important;
	}
	.mosqueRow .col-inner {
		padding: 20px;
	}
	.meetSec {
		padding-top: 60px !important;
		padding-bottom: 0 !important;
	}
	.exploreRow span {
		font-size: 16px;
	}
	.missionRow strong {
		font-size: 32px;
	}
	.aboutRow strong {
		font-size: 26px;
	}
	.headingWrap {
		font-size: 40px;
	}
	.nav > li.nav-icon > a {
		color: #B38537 !important;
	}
	.nav > li > a {
		color: #4E0614 !important;
		font-size: 14px !important;
		text-transform: capitalize;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.practiseAreaSec {
		padding-top: 50px !important;
		padding-bottom: 10px !important;
		/* 		border-bottom: 3px solid #41000e; */
	}
	.expertiseWrap {
		padding-top: 50px !important;
	}
	.contactSec {
		padding-top: 0 !important;
		padding-bottom: 35px !important;
	}
	.homeEngage {
		padding-bottom: 0 !important;
	}
	.homeAboutSec {
		padding-bottom: 5px !important;
		padding-top: 45px !important;
	}
	.publicSec {
		padding-top: 50px !important;
		padding-bottom: 0 !important;
	}
	.heroSec {
		padding-top: 135px !important;
	}
	.shapeSec {
		padding-top: 50px !important;
	}
}

@media (max-width:549px){
	.practiseSlider .icon-box {
		height: 370px;
	}
	.heroRow .heroTag {
		left: 0;
		width: 192px;
		padding: 13px 13px 12px;
	}
	.heroRow .heroTag span {
		font-size: 15px;
	}
	.heroRow .img {
		padding-left: 40px;
	}
	.researchRow strong {
		font-size: 21px;
		margin-bottom: 7px;
	}
	.missionRow strong {
		font-size: 26px;
	}
	.mosqueRow .icon-box-text {
		padding-left: 5px !important;
		border-left: 0;
		margin-left: 0;
		padding-top: 11px;
	}
	.mosqueRow .icon-box {
		flex-direction: column;
		align-items: flex-start;
	}
	.exploreRow strong {
		font-size: 23px;
		padding-bottom: 7px;
	}
	.headingWrap {
		font-size: 26px;
	}
	.labelWrap {
		font-size: 13px;
	}
	.heroRow h1{
		font-size:38px;
	}
}