@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
img{max-width: 100%;}


body{font-family: "Open Sans", sans-serif; }
h1,h2,h3,h4,h5,h6{font-family: "Poppins", sans-serif;}

.header{z-index: 332;}
.animated-word {
  display: inline-block;
  color: #e63946;
  font-weight: bold;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.fbold{font-weight: bold;}
.fnormal{font-weight: normal;}
.text-red{color: #ed1a3b;}
.header{
	background-color: #fff; position: sticky; top: 0;
}
.navbar-brand{font-size: clamp(1rem, 3vh, 4rem); line-height: 1; color: #000 !important; font-family: "Lora", serif;}

.lanlink{ text-decoration:none; color:#000; }

.navigation > li > a{font-weight: bold; color: #000;}

.navbar-toggler{padding:0; box-shadow: none !important; border: none !important;}
.navbar-toggler svg{width: 40px; height: auto;}

.sliderimage img{ width:100%; height:88vh; object-fit:cover; object-position:center; }
.bannerinfowrap{
	position: absolute; bottom: 0; right: 0; top: 0; left: 0; display:flex; align-items:flex-end; padding-bottom:40px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f4c6b+0,000000+100&0+0,0.58+100 */
background: linear-gradient(to bottom,  rgba(63,76,107,0) 0%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.slidercontent{color: #fff;}
.slidercontent h2{
	color:#fff; font-size:clamp(2.2rem, 6vw, 2.7rem); font-weight: bolder; line-height:1.1; margin-bottom:15px;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.3);
}
.slidercontent p{margin: 30px 0;}
.slidercontent .btn{background-color: #ed1a3b; line-height: 1; color:#fff;}
.slidercontent .btn svg{width:30px; height: auto;}
.slidercontent .btn svg path{fill:#fff;}
.slidercontrols{display: flex; position: absolute; bottom: 20px; left: 0; right: 0; align-items: end; justify-content: center;}
.slidercontrols .btnctl{position: static; height: auto;}
.slidercontrols .btnctl:after{display: none;}
.slidercontrols .btnctl svg{width: 40px; height: 24px; fill: #fff;}
.slidercontrols .btnctl svg path{fill: #fff;}
.sliderpager{ position:static; width:auto; margin:0 30px; color:#fff; }


.sldwrap{border:4px solid #000;}

.mainhead{font-size: clamp(3rem, 2vh, 5rem);}
.sectionHeading{font-size: clamp(2rem,2vh,5rem);}
.sectionHeading span{color: #c50075;}

.newswrp{background-color: #f0f0f0;}
.newsnum{font-size: 50px; color: #c60175; opacity: 0.3; font-style: italic;}
.scamwrp > div{ min-height:300px;}
.scamwrp > div p{font-size: 14px;}
.scamwrp{background-color: #fff;}
.scamwrp h3{font-weight: bold;}


.corevalueslistrow{position: relative;}
.corevalueslistrow:before{position: absolute; left:35px; height: 100%; top: 0; bottom: 0; content: ''; width: 2px; background-color: #000}
.corevalueslist{padding-left: 60px; padding-top:4px; position: relative;}
.corevalueslist span{
	display: inline-flex; width: 40px; height: 40px; background-color: #f0f0f0; border-radius: 50px; font-size: 20px; font-weight: bold; align-items: center; justify-content: center;
	position: absolute; left: 3px; border:1px solid #000; top: 0;
}