@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root{
	--themeGreen: #087488;
	--themeDarkGreen: #066071;
	--themeLightGreen: #64c3a6;
	--themeBlue: #18ADC7;
	--themeLightBlue: #148EA41A;
	--themeRed: #A1223B;
	--themeLightGrey: #F2F4F6;
	--themeOrange: #f29e65;
	--magentColor:#b3596a;
	--textColor: #333333;
	--textLightColor:#3333339e;
	--borderRadius:2px;
	--borderColor: #9B9B9B;
}

::-moz-selection { 
	background-color: var(--themeGreen);
	color: white;
}

::selection {
	background-color: var(--themeGreen);
	color: white;
}

body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: var(--textColor);
	line-height: 1.6em;	
}

a, input, button, select, textarea, .transition{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

input:focus, button:focus, select:focus, textarea:focus, :focus{
	outline: none;
}

a{
	display: inline-block;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

ul, ol{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5{
	color: var(--headingColor);
	font-weight: 500;
	line-height: 1.6em;
}

ol{
	list-style: decimal;
	margin-left: 15px;
}

ol li{
	margin: 5px 0;
}

strong{
	font-weight: 500;
}

/*
	Global Styles
*/

.themeGreenBg{
	background-color: var(--themeGreen);
}

.themeDarkerGreenBg{
	background-color: #4c8979;
}

.themeDarkGreenBg{
	background-color: var(--themeDarkGreen);
}

.themeLightBlueBg{
	background-color: var(--themeLightBlue);
}

.themeLightGreyBg{
	background-color: var(--themeLightGrey);
}

.themelightGreenBg{
	background-color: rgba(100, 195, 166, .05);
}

.themeMagentColorBg{
	background-color: var(--magentColor);
}

.textLightGreyBg{
	color: var(--themeLightGrey);
}

.textThemeGreen{
	color: var(--themeGreen);
}

.textLightColor{
	color: var(--textLightColor);
}

.buttonStyleBlue{
	padding: 10px 50px;
	color: white;
	background-color: var(--themeBlue);
	border-radius: var(--borderRadius);
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.buttonStyleBlue:hover{
	background-color: var(--themeLightGreen);
	color: white;
}

.buttonStyleOrange{
	padding: 10px 50px;
	color: white;
	background-color: var(--themeOrange);
	border-radius: var(--borderRadius);
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.buttonStyleOrange:hover{
	background-color: var(--themeLightGreen);
	color: white;
}

.buttonStyleRed{
	padding: 10px 50px;
	color: white;
	background-color: var(--themeRed);
	border-radius: var(--borderRadius);
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.buttonStyleRed:hover{
	background-color: var(--themeGreen);
	color: white;
}

.buttonStyleDark{
	padding: 10px 50px;
	color: white;
	background-color: var(--textColor);
	border-radius: var(--borderRadius);
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.buttonStyleDark:hover{
	color: white;
	background-color: var(--themeLightGreen);
}

.simpleLinkDark{
	color: var(--textColor);
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 700;
}

.simpleLinkDark:hover{
	color: var(--themeGreen);
}

.simpleLinkSmall{
	color: var(--textColor);
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.simpleLinkSmall:hover{
	color: var(--themeGreen);
}

.simpleLinkBlue{
	color: var(--themeBlue);
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.simpleLinkBlue:hover{
	color: var(--textColor);
}

.simpleLink{
	border:none;
	color: var(--themeGreen);
	border-bottom:1px solid transparent;
}

.simpleLink:hover{
	color: var(--themeBlue);
	border-bottom: 1px solid var(--themeGreen);
}

.simpleLinkWhite{
	border:none;
	color: var(--themeLightGrey);
}

.simpleLinkWhite:hover{
	color: var(--themeOrange);
}

.simpleLinkBlack{
	border:none;
	color: var(--textColor);
}

.simpleLinkBlack:hover{
	color: var(--themeBlue);
}

.hrStyle{
	border:none;
	border-bottom: 1px dotted var(--textLightColor);
	margin: 30px 0;
}

.sectionPadding{
	padding: 100px 0;
}

.subHeading{
	font-size: 16px;
	color: var(--themeBlue);
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
}

.pLead{
	font-size: 20px;
	line-height: 32px
}

.linkList{
	font-size: 20px;
}

.linkList li{
	padding:20px 0;
	border-bottom: 1px solid #148ea438;
}

.linkList li:last-child{
	border-bottom: none;
}

.font14{
	font-size: 14px;
}

.display-big{
	font-size: 15rem;
	font-weight: 300;
	line-height: 1em;
}

.pageTitleStyle{
	font-size: 3rem;
	font-weight: 300;
	color: #ce825c;
}

.slideheading{
	font-size: 1.6rem;
	line-height: 1.4em;
	font-weight: 300;
}

.smallHeading{
	font-size: 1.4rem;
	line-height: 1.4em;
	font-weight: 300;
}

.smallerHeading{
	font-size: 1.2rem;
	line-height: 1.4em;
	font-weight: 300;
}

.secHeading{
	font-size: 2.1rem;
	line-height: 1.5em;
	font-weight: 300;	
}

.underlineStyle{
	position: relative;
	border-bottom: 1px solid #ce825c;
	padding-bottom: 3px;
}

.lineHeight17{
	line-height: 1.7em;
}

.categoryStyle{
	font-size: 12px;
	padding: 3px 8px 1px 8px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 20px;
	background-color: var(--themeLightGrey);
}

.imageOverlay{
	position: relative;
}

.imageOverlay:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent linear-gradient(24deg, #EF6921B3 0%, #E2E1DF 100%) 0% 0% no-repeat padding-box;
}

.imageOverlay img{
	display: block;
}

.fullSwiperNavs span{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: white;
	background-color: var(--textColor);
	border-radius: 50%;
	cursor: pointer;
	margin-left: 10px;
}

.fullSwiperNavs span:hover{
	background-color: var(--themeGreen);
}

#header{
	background-color: white;
	position: relative;
	z-index: 999;
}

#header.sticky_header{
	position: sticky;
	top: 0;
	--tw-bg-opacity: 1;
	--tw-shadow: 0px 10px 40px rgba(0,0,0,.06);
	--tw-shadow-colored: 0px 10px 40px var(--tw-shadow-color);
	box-shadow: 0 0 #0000,0 0 #0000,var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);	
}

.searchBar{
	display: none;
}

.searchForm{
	border-bottom: 2px solid var(--themeGreen);
	display: flex;
}

.searchForm input{
	border:none;
	width: 100%;
	padding: 10px;
}

.searchForm button{
	border:none;
	background-color: transparent;
	padding: 10px;
	color: var(--themeGreen);
}

.logo{
	height: 60px;
}

.dropdown a i{
	margin-left: 5px;
}

.menuLinks li{
	position: relative;
}

.menuLinks li ul{
	position: absolute;
	width: 250px;
	display: none;
	padding-top: 17px;
}

.menuLinks li:hover ul{
	display: block;
}

.menuLinks li a{
	color: var(--textColor);
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 13px;
}

.menuLinks li a:hover{
	color: var(--themeLightGreen);
}

.menuLinks li ul li a{
	color: var(--textColor);
	padding: 10px;
	font-weight: 500;
	border-bottom: 1px solid var(--themeLightGrey);
	display: block;
	background-color: white;
}

.menuLinks li ul li a:hover{
	background-color: #e6e8e9;
	color: var(--textColor);
}

.menuLinks li ul li:last-child a{
	border-bottom: none;
}

.searchLens{
	cursor: pointer;
	color: var(--textColor);
	width: 30px;
	text-align: center;
}

#heroArea h1{
	font-size: 58px;
	line-height: 1.3em;
	letter-spacing: 1px;
	color: white;
	font-weight: 300;
}

.plusList li{
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 35px;
}

.plusList li i{
	display: block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid var(--borderColor);
    border-radius: 50%;
    font-size: 14px;
    color: var(--borderColor);
    margin-right: 20px;
    position: absolute;
    top: -1px;
    left: 0;
}

.swiper.threeSwipe, .swiper.threeSwipeArticle{
	overflow: visible;
}

.publicationWrapper{
	position: relative;
}

.publicationWrapper .content{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 30px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    border-radius: 5px;
}

.publicationWrapper .content .category{
	background-color: rgba(255, 255, 255, .9);
	padding: 5px 20px;
	border-radius: 20px;
	display: inline-block;
	margin-left: auto;
}

.publicationWrapper .content .heading{
	font-size: 1.4rem;
	line-height: 1.5em;
	color: white;
	margin-bottom: 30px;
}

.publicationWrapper .content a{
	font-size: 14px;
	color: white;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
}

/*.fullSwiperWrap .swiper-slide:nth-child(odd) .content{
	background: transparent linear-gradient(24deg, #EF6921B3 0%, #E2E1DF 100%) 0% 0% no-repeat padding-box;
}

.fullSwiperWrap .swiper-slide:nth-child(even) .content{
	background: transparent linear-gradient(32deg, rgba(24, 173, 199, .5) 0%, #FDFDFD 100%) 0% 0% no-repeat padding-box;
}*/

.articleBox{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: baseline;
	align-content: space-between;
}

.articleBox .category{
	background-color: #18adc7c4;
	padding: 5px 20px;
	border-radius: 20px;
	display: inline-block;
	color: white;
	margin-bottom: 30px;
}

.articleBox h5{
	font-size: 1.1rem;
	line-height: 1.5em;
	font-weight: 400;
	margin-bottom: 25px;
}

.articleBox p{
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 25px;
}

.articleBox a{
	width: 48px;
	height: 48px;
	line-height: 46px;
	text-align: center;
	border:1px solid var(--textColor);
	border-radius: 50%;
	color: var(--textColor);
	margin-left: auto;
}

.articleBox a:hover{
	border-color: var(--themeBlue);
	background-color: var(--themeBlue);
	color: white;
}

#footer{
	background: transparent linear-gradient(180deg, #18ADC7 0%, #087488 77%, #087488 100%) 0% 0% no-repeat padding-box;
	padding: 100px 0 60px;
}

#footer .subHeading{
	color: var(--themeLightGrey);
}

#footer .heading{
	font-size: 2.5rem;
	line-height: 1.4em;
	color: var(--themeLightGrey);
}

#footer .display-6{
	color: var(--themeLightGrey);
}

.footerLogo{
	margin-top: -58px;
}

.footerLinks li a{
	color: var(--themeLightGrey);
	margin-bottom: 10px;
	display: inline-block;
}

.footerLinks li:last-child a{
	margin-bottom: 0px;
}

.footerLinks li a:hover{
	color: var(--themeLightGreen);
}	

.socialicons a{
	width: 48px;
	height: 48px;
	line-height: 48px;
	border: 1px solid var(--themeLightGrey);
	color: var(--themeLightGrey);
	border-radius: 50%;
	text-align: center;
	margin-right:5px;
}

.socialicons a:hover{
	background-color: var(--themeLightGrey);
	color: var(--themeBlue);
}

.newsletter{
	border-bottom: 1px solid var(--themeLightGrey);
	display: flex;
	padding: 10px 0;
}

.newsletter input{
	background-color: transparent;
	border:none;
	width: 100%;
	color: var(--themeLightGrey);
}

.newsletter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--themeLightGrey);
}
.newsletter input::-moz-placeholder { /* Firefox 19+ */
  color: var(--themeLightGrey);
}
.newsletter input:-ms-input-placeholder { /* IE 10+ */
  color: var(--themeLightGrey);
}
.newsletter input:-moz-placeholder { /* Firefox 18- */
  color: var(--themeLightGrey);
}

.newsletter button{
	border:none;
	background-color: transparent;
	color: var(--themeLightGrey);
}

.mobleLinksToggle i{
	display: none;
}

.scrollToTop{
	background-color: var(--themeLightGrey);
	padding: 5px 20px;
	position: fixed;
	right: -25px;
	bottom: 40%;
	width: 84px;
	color: var(--textColor);
	border-radius: 5px;
	cursor: pointer;
	z-index: 9999;

	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);

}

.scrollToTop i{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);	
}

.notificationBar{
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 999;
}

.notificationBar .toast{
	background-color: #b3596a;
	color: white;
	background-image: url('../images/svgs/facing-violence.svg');
	background-size: 45%;
	background-repeat: no-repeat;
	background-position: center;
	max-width: 250px;
}

.notificationBar .btn-close{
	position: absolute;
	right: 10px;
	top: 10px;
}

.notificationBar .callOption{
	background-color: white;
	border-radius: 5px;
	color: #b3596a;
	display: inline-block;
	font-size: 20px;
	padding: 5px 12px;
}

.notificationBar .pLead{
	font-size: 22px;
}

.notificationBar .callOption a{
	color: #b3596a;
	letter-spacing: 1px;
}

.notificationBar .fs-6{
	font-size: 13px !important;
}

.offcanvas{
	z-index: 9999;
}

.breadCrumbs{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
	color: var(--textColor);
}

.breadCrumbs a{
	color: var(--themeGreen);
}

.breadCrumbs a:after{
	content: "/";
	margin-left: 15px;
}

.filters{
	display: flex;
	gap: 30px;
	justify-content: center;
	align-items: center;
}

.filters div{
	flex: 1 1;
}

.filters input, .filters select{
	padding: 10px 15px;
	border:none;
	background-color: var(--themeLightGrey);
	border-radius: 30px;
	color: var(--textColor);
	width: 100%;
}

.filters input:focus, .filters select:focus{
	background-color: var(--themeLightBlue);
}

.iconStyle .icon{
	width: 90px;
	height: 90px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	padding: 15px;
	color: white;
	font-size: 30px;
	background-color: var(--themeLightGrey);
	color: var(--themeBlue);
	display: inline-block;
}

.iconStyle .icon img{
	width: 50px;
	height: 50px;
}

.iconStyle p{
	font-weight: 400;
	color: var(--textLightColor);
}

.customAccordian .accordion-button:not(.collapsed){
	color: white;
	background-color: #5fa6af;
	box-shadow: none;
	border-radius: 5px 5px 0 0;
}

.customAccordian .accordion-item{
	border:none;
	margin-bottom: 10px;
	border-radius: 5px !important;
}

.customAccordian .accordion-button{
	background-color: white;
	font-size: 1.4rem;
	line-height: 1.4em;
	font-weight: 300;
	padding: 30px;
	color: var(--textColor);
}

.customAccordian .accordion-button:focus{
	box-shadow: none;
	border:none;
}

.customAccordian .accordion-body{
	padding: 30px 30px 15px 30px;
}

.teamPic{
	position: relative;
	overflow: hidden;
}

.teamPic img{
	display: block;
}

.teamPic:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 1;
	-moz-transform: translateY(-500px);
	-webkit-transform: translateY(-500px);
	-o-transform: translateY(-500px);
	-ms-transform: translateY(-500px);
	transform: translateY(-500px);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.teamPic .linkedinIcon{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-transform: translateY(500px);
	-webkit-transform: translateY(500px);
	-o-transform: translateY(500px);
	-ms-transform: translateY(500px);
	transform: translateY(500px);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.teamPic:hover:after, .teamPic:hover .linkedinIcon{
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.teamPic .linkedinIcon a{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid var(--borderColor);
	color: white;
}

.teamPic .linkedinIcon a:hover{
	background-color: white;
	color: var(--textColor);
	border-color: white;
}

.detailPage{
	font-size: 1.2rem;
	line-height: 1.6em;
}

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

.detailPage ul{
	list-style: circle;
	margin: 10px 0 20px 20px;
} 

.detailPage ul li{
	margin: 10px 0;
} 

.detailPage a{
	border:none;
	color: var(--themeGreen);
	border-bottom:1px solid transparent;
}

.detailPage a:hover{
	color: var(--themeBlue);
	border-bottom: 1px solid var(--themeGreen);
}

.formStyle input, .formStyle textarea{
	padding: 10px;
	width: 100%;
	margin-bottom: 30px;
	border:1px solid #148ea438;
	color: var(--textColor);
	border-radius: 5px;
}

.formStyle textarea{
	min-height: 130px;
}

.formStyle input:focus, .formStyle textarea:focus{
	border-color: var(--themeLightGreen);
}

.page-link{
	background-color: var(--themeLightBlue);
	color: var(--textColor);
}

.page-link:hover{
	background-color: var(--themeGreen);
	color: white;
}

.active>.page-link, .page-link.active{
	background-color: var(--themeGreen);
	color: white;
	border-color: transparent;
}

.articleBox h5{
	height: 56px;
	overflow: hidden;
}

@media screen and (min-width:100px) and (max-width:767px){

	.hamburgerIcon{
		width: 40px;
		height: 40px;
		line-height: 42px;
		color: white;
		text-align: center;
		font-size: 20px;
		border-radius: var(--borderRadius);
		position: relative;
		top: -10px;
		background-color: var(--themeDarkGreen);
	}

	.menuResponsive li{
		border-bottom: 1px solid var(--borderColor);	
	}

	.menuResponsive li:last-child{
		border-bottom: none;		
	}

	.menuResponsive li a{
		color: var(--textColor);
		margin: 10px 0;
		display: block;
		font-weight: 500;
	}

	.menuResponsive ul{
		padding: 10px;
		background-color: var(--themeLightGrey);
		display: none;
	}

	.menuResDrop a i{
		float: right;
		margin-top: 5px;
	}

	.menuResDrop a i.rotate45{
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#heroArea h1{
		font-size: 2.5em;
		line-height: 1.3em;
		margin-top: 20px;
	}

	.sectionPadding{
		padding: 50px 0;
	}

	.subHeading{
		margin-bottom: 20px;
	}

	.plusList li i{
		float: left;
		top: 0;
	}

	#footer{
		padding: 50px 0;
	}

	#footer .heading {
	    font-size: 2em;
	    line-height: 1.4em;
	}

	.footerLogo{
		margin-top: auto;
	}

	.row{
		padding-left: 10px;
		padding-right: 10px;
	}

	.mobleLinksToggleUl{
		display: none;
	}

	.mobleLinksToggle{
		position: relative;
	}

	.mobleLinksToggle i{
		display: block;
		position: absolute;
    right: 0px;
    top: 0;
	}

	.filters{
		flex-direction: column;
		align-items: initial;
		gap: 10px;
	}

	.filters input, .filters select{
		width: 100%;
	}

	.breadCrumbs{
		justify-content: center;
		margin-top: 10px;
	}

	#pageTitle .pLead{
		font-size: 18px;
	}

	.breadCrumbs{
		font-size: 14px;
		flex-direction: column;
		gap: 5px;
	}

}

@media screen and (min-width:768px) and (max-width:1023px){

	.hamburgerIcon{
		width: 40px;
		height: 40px;
		line-height: 42px;
		color: white;
		text-align: center;
		font-size: 20px;
		border-radius: var(--borderRadius);
		position: relative;
		top: -10px;
		background-color: var(--themeDarkGreen);
	}

	.menuResponsive li{
		border-bottom: 1px solid var(--borderColor);	
	}

	.menuResponsive li:last-child{
		border-bottom: none;		
	}

	.menuResponsive li a{
		color: var(--textColor);
		margin: 10px 0;
		display: block;
		font-weight: 500;
	}

	.footerLogo{
		margin-top: auto;
	}

	.imageOverlay{
		display: inline-block;
	}

	.imageOverlay:after{
		bottom: 15px;
	}

}

@media screen and (min-width:1024px) and (max-width:1200px){
	
	.menuLinks li a{
	    font-size:12px;
	}

	.plusList li i{
		float: left;
		top: 0;
	}
    
}

@media screen and (min-width:1024px) and (max-width:1365px){

	#heroArea h1{
		font-size: 3rem;
		line-height: 1.4em;
	}

	.plusList li i{
		float: left;
		top: 0;
	}

	.footerLogo{
		margin-top: auto;
	}

	#header .container{
		max-width: 96%;
	}

}

@media screen and (min-width:1366px) and (max-width:1500px){

	.container{
		width: 1140px;
	}

}