@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&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&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@import url("https://use.typekit.net/zeg2mlf.css");

@font-face {
    font-family: az-webfont;
    src: url(../fonts/az-webfont.eot?ef7886a1b2e9244781e1f65a5a306df3);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: az-webfont;
    src: url(../fonts/az-webfont.eot?ef7886a1b2e9244781e1f65a5a306df3#iefix) format("embedded-opentype"), url(../fonts/az-webfont.woff2?ef7886a1b2e9244781e1f65a5a306df3) format("woff2"),
        url(../fonts/az-webfont.woff?ef7886a1b2e9244781e1f65a5a306df3) format("woff"), url(../fonts/az-webfont.ttf?ef7886a1b2e9244781e1f65a5a306df3) format("truetype"),
        url(../fonts/az-webfont.svg?ef7886a1b2e9244781e1f65a5a306df3#az-webfont) format("svg");
    font-weight: 400;
    font-style: normal;
}
[data-icon]:before {
    font-family: az-webfont;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: attr(data-icon);
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
    font-family: az-webfont;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family: "Raleway", sans-serif;
  font-weight: 400;
	overflow-x: hidden;
	color: #013c4a;
}


html {
	overflow-x: hidden;
}

html *::selection {
    background: #013c4a;
    color: #ffffff;
}

html *::-moz-selection {
    background: #013c4a;
    color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'DM Serif Text', sans-serif;
}


p {
	font-family: "Raleway", sans-serif;
  font-weight: 400;
	font-size: 17px;
	color: #013c4a;
}

li {
	font-family: 'DM Serif Text', serif;
	font-size: 17px;
}

.anchor::before {
  content: '';
  display: block;
  height:10px;
  margin-top: -10px;
  visibility: hidden;
}


a{
	font-family: 'Raleway'; 
	font-weight: 700;
	text-decoration: none;
	color:#d20001;
	font-weight: bold;
	-webkit-transition-duration: .3s;
		transition-duration: .3s; 
}

a:hover,a:active,a:focus {
	outline: 0;	
	text-decoration: none;
	color:#005c71;
	-webkit-transition-duration: .3s;
		transition-duration: .3s;  
}

.table td {
	padding-bottom: 0;
	}

button {
  outline: none !important;
  box-shadow: none !important;
}

.l-btn {
	font-family: 'Poppins';
    padding: 12px 50px 12px 50px;
    border: 1px solid #d20001;
	border-radius: 50px;
    text-align: center;
    color: #d20001;
    position: relative;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	text-transform: uppercase;
}


.l-btn:hover {
	background: #d20001;
    color: #ffffff;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 1;
	border-radius: 0px;
}

.l-btn:focus {
    color: #d20001;
}

.l-btn:hover:focus {
    color: #ffffff;
    position: relative;
    letter-spacing: 2px;
    -webkit-box-transition: all .5s;
    -moz-box-transition: all .5s;
    transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity: 1;
	background-position: 0 0;
}
 

/* navbar */

.navbar {
	background-color: rgba(0,0,0,0);
}

.navbar a {
	font-weight: 400;
}

.navbar-toggler {
	background-color: rgba(255,255,255,0.8);
	border-radius: 0px;
	border: 0;
}

.navbar-collapse {
	background-color: #fff;
	padding: 20px;
	width: auto;
}

.nav-link {
   padding: 0;
}

@media (min-width: 575px) {
.navbar {
     width:350px;
}
}

/*  gsap */

:root {
  font-family: 
  /*-------------GoldenRatio (1.618) (Viewport Width 1920px)------------- */
  --GoldenRatio1: 1920px;
  --GoldenRatio2: 1186.65px;
  --GoldenRatio3: 733.41px;
  --GoldenRatio4: 453.28px;
  --GoldenRatio5: 280.15px;
  --GoldenRatio6: 173.15px;
  --GoldenRatio7: 107.01px;
  --GoldenRatio8: 66.14px;
  --GoldenRatio9: 40.88px;
  --GoldenRatio10: 25.27px;
}

/*::-webkit-scrollbar {
  display: none;
}*/

* {
  margin: 0;
  padding: 0;
}

body {
  background: #f3f3e9;
}

#wrapper {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

#ImgWrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  perspective: 2200px;
  background: transparent;
}

#ImgWrapper img {
  position: absolute;
  /*box-shadow: 0 0 31px #fff;*/
}

#ImgWrapper #img1 {
  z-index: 1;
  height: 50vh;
  bottom: 20%;
  left: -1%;
}

#ImgWrapper #img2 {
  z-index: 2;
  height: 45vh;
  bottom: 40%;
  right: 0%;
}

#ImgWrapper #img3 {
  z-index: 3;
  height: 40vh;
  bottom: 22%;
  right: 25%;
}

#ImgWrapper #img4 {
  z-index: 4;
  height: 35vh;
  bottom: 60%;
  left: 13%;
}

#ImgWrapper #img5 {
  z-index: 5;
  height: 50vh;
  bottom: 22%;
  left: 40%;
}

#ImgWrapper #img6 {
  z-index: 6;
  height: 36vh;
  bottom: 6%;
  left: 7%;
}

#ImgWrapper #img7 {
  z-index: 7;
  height: 34vh;
  bottom: 10%;
  right: 15%;
}

#codeby {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*-------------@media (max-width: 1920px)------------- */

@media (max-width: 1920px) {
  :root {
    /*-------------GoldenRatio (1.618) (Viewport Width 1920px)------------- */
    --GoldenRatio1: 100vw;
    --GoldenRatio2: 61.805vw;
    --GoldenRatio3: 38.198vw;
    --GoldenRatio4: 23.608vw;
    --GoldenRatio5: 14.591vw;
    --GoldenRatio6: 9.018vw;
    --GoldenRatio7: 5.573vw;
    --GoldenRatio8: 3.445vw;
    --GoldenRatio9: 2.129vw;
    --GoldenRatio10: 1.316vw;
  }
}

/*-------------/@media (max-width: 1920px)------------- */

/*-------------@media (max-width: 400px)------------- */

@media (max-width: 400px) {
  :root {
    /*-------------GoldenRatio (1.618) (Viewport Width 400px)------------- */
    --GoldenRatio1: 100vw;
    --GoldenRatio2: 61.805vw;
    --GoldenRatio3: 38.197vw;
    --GoldenRatio4: 23.608vw;
    --GoldenRatio5: 14.590vw;
    --GoldenRatio6: 9.018vw;
    --GoldenRatio7: 5.572vw;
    --GoldenRatio8: 3.445vw;
    --GoldenRatio9: 2.130vw;
    --GoldenRatio10: 1.317vw;
  }
  #ImgWrapper #img1 {
    height: 22vh;
    bottom: 50%;
    left: 7%;
  }
  #ImgWrapper #img2 {
    height: 22vh;
    bottom: 70%;
    right: 7%;
  }
  #ImgWrapper #img3 {
    height: 22vh;
    bottom: 35%;
    right: 35%;
  }
  #ImgWrapper #img4 {
    height: 22vh;
    bottom: 61.89%;
    left: 13%;
  }
  #ImgWrapper #img5 {
    height: 35vh;
    left: 46%;
    bottom: 31%;
  }
  #ImgWrapper #img6 {
    height: 17vh;
    bottom: 22%;
  }
  #ImgWrapper #img7 {
    height: 18vh;
    left: 22%;
  }
}

/*-------------/@media (max-width: 400px)------------- */

/*  header */


#hero_header h1 {
	color: #ffffff;
	font-size: 90px;
	line-height:80px;
	margin: 0 !important;
	padding-left: 35% ;
}

#hero_header h2 {
	color: #ffffff;
	font-size: 70px;
	line-height:64px;
	margin: 0 !important;
	padding-left: 25% ;
}

#hero_header h4 {
	color: #fff;
	font-size: 40px;
	line-height:38px;
	margin: 0 !important;
	padding-left: 45% ;
}

.heading-wrapper {
	align-items: center;
	position: absolute;
	top: 10%;
    left: 0;
	z-index: 3;
	color: #fff;
}

.header-wrapper {
	height: 100vh;
	object-fit: cover;
	object-position: 20%;
	overflow: hidden;
	position: relative;
}

/* .header-wrapper::before {
	 content: ""; 
	position: absolute;
	background: url(../images/noise.png), linear-gradient(rgba(243,243,233,0) 85%, rgba(243,243,233,1) 100%);
	width: 100%;
        height: 100%;
} */

#app {
  font-size: 65px;
  line-height: 70px;
  font-family: 'DM Serif Text', sans-serif;
    color: #ffffff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

@media (max-width: 991px) {
#app {
  font-size: 40px;
  line-height: 46px;
  font-family: 'DM Serif Text', sans-serif;
}
}

/* Video */
.video-background-holder {
  position: relative;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
	z-index: 99;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
  position: relative;
  z-index: 1;
}

.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:url(../images/video-overlay.png);
	opacity: 0.4;
  z-index: 1;
}

@media (max-width: 767px) {
.video-background-holder video {
    position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  z-index: 0;
}
}

@media (max-width: 472px) {
.video-background-holder video {
    position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  z-index: 0;
}
}


figure {
  margin: 0;
  position: relative;
}


.hero-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  z-index: -9999;
}

#main .container-fluid {
	width: 100%;
	margin: 0;
	padding: 0;
}

.voh-video {
	padding-top: 20px;
	width: 100%;
}

.zoom-delay-bg-anim {
	transition-timing-function: linear;
	animation: zoom 16s infinite;
	-webkit-animation: zoom 16s infinite;
}

@keyframes zoom {
	0% {
	  transform: scale(1.1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1.1);
	}
  }

.annualreporttext {
	width: 50%;
}

@media (max-width: 767px) {
.annualreporttext {
	width: 70%;
}
}

.st0{fill:#B4B4B5;}
.st1{fill:#FFFFFF;}

.st1{
	visibility: hidden;
	opacity: 0.9;
  stroke:#FFF;
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  stroke-width: 1;
  -webkit-animation: 16s hello infinite forwards ease-in;
  animation: 16s hello infinite forwards ease-in;
}

  @-webkit-keyframes hello {
      0% {
        stroke-dashoffset: 2000;
        fill:transparent;
		  visibility: visible;
      }
	  
      10% {
        fill:transparent;
		  visibility: visible;
      }
	  
      40% {
        stroke-dashoffset: 0;
        fill:#FFFFFF;
		  visibility: visible;
      }
	  
	  70% {
        stroke-dashoffset: 0;
        fill:#FFFFFF;
		  visibility: visible;
      }
	  
	  90% {
        fill:transparent;
		  visibility: visible;
      }
	  
	  100% {
        stroke-dashoffset: 2000;
        fill:transparent;
		  visibility: visible;
      }
    }

/* MVV */

#mission_vision_values h1 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	font-size:75px;
	background: -webkit-linear-gradient(rgba(210,0,1,0.2) 35%, rgba(151,13,177,0.2) 50%, rgba(2,18,238,0.2) 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	background-clip: text;
}

#mission_vision_values .h3div {
	transform: translate(0px, -50px);
	z-index: 99 !important;
}

#mission_vision_values h2 {
	color: #013c4a;
	font-size:40px;
}

#mission_vision_values p {
	font-family: "Raleway", sans-serif;
  font-weight: 400;
	color: #013c4a;
	padding-left: 20px
}

#mission_vision_values ul li {
	font-family: "Raleway", sans-serif;
  font-weight: 400;
	color: #013c4a;
}


#mission_vision_values .card {
	border-radius: 15px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

#mission_vision_values .card:hover {
	border-radius: 0px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}


/* Joint Message */

#joint_message h1 {
	color: #013c4a;
	font-style: normal;
	font-size: 64px;
	line-height: 64px;
}

#joint_message  h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-bottom: 0;
}

#joint_message h3 {
	font-family: 'Raleway', serif;
	font-weight: 400;
	color: #013c4a;
}

#joint_message p {
	font-family: 'Raleway', serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	text-align: left;
	padding-left: 0 !important;
}

.overlay_text  {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #013c4a;
	line-height: 18px;
	opacity: 1;
	top: 50%;
}

.qquote h4:last-of-type:before {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.qquote h4:last-of-type:before {
    content: '\f140';
}

.qquote h4:before {
    color: #d20001;
}
.qquote h4:before {
    font-size: 3.125rem;
    display: block;
}

.qquote h4:last-of-type:after {
    margin: -0.25rem 0 0 0.4375rem;
    padding-bottom: 0.25rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.qquote h4:last-of-type:after {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.qquote h4:last-of-type:after {
    content: '\f140';
}

.qquote h4:after {
    color: #d20001;
}
.qquote h4:after {
    font-size: 1.5625rem;
}

.lqquote h4:last-of-type:before {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.lqquote h4:last-of-type:before {
    content: '\f140';
}

.lqquote h4:before {
    color: #0212ee;
}
.lqquote h4:before {
    font-size: 3.125rem;
    display: block;
}

.lqquote h4:last-of-type:after {
    margin: -0.25rem 0 0 0.4375rem;
    padding-bottom: 0.25rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.lqquote h4:last-of-type:after {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.lqquote h4:last-of-type:after {
    content: '\f140';
}

.lqquote h4:after {
    color: #0212ee;
}
.lqquote h4:after {
    font-size: 1.5625rem;
}

.bqquote h4:last-of-type:before {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.bqquote h4:last-of-type:before {
    content: '\f140';
}

.bqquote h4:before {
    color: #0212ee;
}
.bqquote h4:before {
    font-size: 3.125rem;
    display: block;
}

.bqquote h4:last-of-type:after {
    margin: -0.25rem 0 0 0.4375rem;
    padding-bottom: 0.25rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.bqquote h4:last-of-type:after {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.bqquote h4:last-of-type:after {
    content: '\f140';
}

.bqquote h4:after {
    color: #0212ee;
}
.bqquote h4:after {
    font-size: 1.5625rem;
}

.cqquote h4:last-of-type:before {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.cqquote h4:last-of-type:before {
    content: '\f140';
}

.cqquote h4:before {
    color: #d20001;
}
.cqquote h4:before {
    font-size: 3.125rem;
    display: block;
}

.cqquote h4:last-of-type:after {
    margin: -0.25rem 0 0 0.4375rem;
    padding-bottom: 0.25rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.cqquote h4:last-of-type:after {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.cqquote h4:last-of-type:after {
    content: '\f140';
}

.cqquote h4:after {
    color: #d20001;
}
.cqquote h4:after {
    font-size: 1.5625rem;
}

.card-overlay-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: center;
    width: 100%;
    padding: 1rem 1rem 0rem 1rem;
    color: #fff;
	background: rgba(141,198,63,0.75);
}

.overlay_text-inner  {
	color: #fff;
	line-height: 18px;
	opacity: 1;
}


.qquote-inner h4:last-of-type:before {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.qquote-inner h4:last-of-type:before {
    content: '\f140';
}

.qquote-inner h4:before {
    color: #e4f408;
}
.qquote-inner h4:before {
    font-size: 3.125rem;
    display: block;
}

.qquote-inner h4:last-of-type:after {
    margin: -0.25rem 0 0 0.4375rem;
    padding-bottom: 0.25rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.qquote-inner h4:last-of-type:after {
    font-family: az-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.qquote-inner h4:last-of-type:after {
    content: '\f140';
}

.qquote-inner h4:after {
    color: #e4f408;
}
.qquote-inner h4:after {
    font-size: 1.5625rem;
}

/* Joint Message Inner */

.bg-joint_message_inner h1 {
	color: #013c4a;
	line-height: 52px;
}

.bg-joint_message_inner h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-top: 0;
	margin-bottom: 10px;
}

.bg-joint_message_inner #creating {
	font-family: 'Poppins', serif;
	font-weight: 700;
	font-style: normal;
	color: #013c4a;
}
	
.bg-joint_message_inner #leading {
	font-family: 'Poppins', serif;
	font-weight: 700;
	font-style:normal;
	color: #013c4a;
}

.bg-joint_message_inner #embracing {
	font-family: 'Poppins', serif;
	font-weight: 700;
	font-style:normal;
	color: #013c4a;
}

.bg-joint_message_inner #partnering {
	font-family: 'Poppins', serif;
	font-weight: 700;
	font-style:normal;
	color: #013c4a;
}

.bg-joint_message_inner #shining {
	font-family: 'Poppins', serif;
	font-weight: 700;
	font-style:normal;
	color: #013c4a;
}

.bg-joint_message_inner em {
	font-weight: 600;
}

.switchright {
	text-align: right;
}

@media (max-width: 767px) {
.switchright  {
	text-align: left;
}
}

.chatbubblews {
  background: transparent;
  border-radius: 15px;
  padding: 20px;
	border:1px solid rgba(1,60,74,0.3);
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.chatbubblews:hover {
  border-radius: 0px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.chatbubblepl {
  background: transparent;
  border-radius: 15px;
  padding: 20px;
	border:1px solid rgba(1,60,74,0.3);
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.chatbubblepl:hover {
  border-radius: 0px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

/* Our BOG */

#our_board_of_governors  h1 {
	color:#013c4a;
	font-style: normal;
	font-size: 64px;
	line-height: 64px;
}

#our_board_of_governors  h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-bottom: 0;
}

#our_board_of_governors  h3 {
	font-family: 'Raleway', serif;
	font-weight: 300;
	color: #013c4a;
}

#our_board_of_governors  h5 {
	color:#ffaf74;
	text-transform: uppercase;
}

#our_board_of_governors  p {
	font-family: 'DM Serif Text', serif;
	color:#cccceb;
}

.the-bog-image {
    position: relative;
}

.pin-layer-bog {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.location-pin-bog {
    cursor: pointer;
    position: absolute;
    transform-origin: center bottom;
    -webkit-transition-duration: .3s;
		transition-duration: .3s; 
    width: 13%;
}

.location-pin-bog:hover {
    transform: scale(1.03, 1.03);
	-webkit-transition-duration: .3s;
		transition-duration: .3s; 
	cursor:default;
	
}

#bog-pin-1 {
    left: 2%;
    top: 10%;
}

#bog-pin-2 {
    left: 12%;
    top: 10%;
}

#bog-pin-3 {
    left: 22%;
    top: 10%;
}

#bog-pin-4 {
    left: 32%;
    top: 10%;
}

#bog-pin-5 {
    left: 42%;
    top: 10%;
}

#bog-pin-6 {
    left: 52%;
    top: 10%;
}

#bog-pin-7 {
    left: 62%;
    top: 10%;
}

#bog-pin-8 {
    left: 72%;
    top: 10%;
}

#bog-pin-9 {
    left: 82%;
    top: 10%;
}

#bog-pin-10 {
    left: 5%;
    top: 40%;
	z-index: 1
}

#bog-pin-11 {
    left: 15%;
    top: 40%;
	z-index: 1
}

#bog-pin-12 {
    left: 25%;
    top: 40%;
	z-index: 1
}

#bog-pin-13 {
    left: 35%;
    top: 40%;
	z-index: 1
}

#bog-pin-14 {
    left: 45%;
    top: 40%;
	z-index: 1
}

#bog-pin-15 {
    left: 55%;
    top: 40%;
	z-index: 1
}

#bog-pin-16 {
    left: 65%;
    top: 40%;
	z-index: 1
}

#bog-pin-17 {
    left: 75%;
    top: 40%;
	z-index: 1
}

#bog-pin-18 {
    left: 85%;
    top: 40%;
	z-index: 1
}

#our_board_of_governors .pin-layer .marker {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
	/*box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.2);*/
}

@media (max-width: 767px) {
.location-pin-bog {
    width: 18%;
}
	
#bog-pin-1 {
    left: 2%;
    top: 0%;
}

#bog-pin-2 {
    left: 14%;
    top: 0%;
}

#bog-pin-3 {
    left: 26%;
    top: 0%;
}

#bog-pin-4 {
    left: 38%;
    top: 0%;
}

#bog-pin-5 {
    left: 50%;
    top: 0%;
}

#bog-pin-6 {
    left: 62%;
    top: 0%;
}

#bog-pin-7 {
    left: 10%;
    top: 25%;
	z-index: 1
}

#bog-pin-8 {
    left: 22%;
    top: 25%;
	z-index: 1
}

#bog-pin-9 {
    left: 34%;
    top: 25%;
	z-index: 1
}

#bog-pin-10 {
    left: 46%;
    top: 25%;
	z-index: 1
}

#bog-pin-11 {
    left: 58%;
    top: 25%;
	z-index: 1
}

#bog-pin-12 {
    left: 70%;
    top: 25%;
	z-index: 1
}

#bog-pin-13 {
    left: 18%;
    top: 50%;
	z-index: 2
}

#bog-pin-14 {
    left: 30%;
    top: 50%;
	z-index: 2
}

#bog-pin-15 {
    left: 42%;
    top: 50%;
	z-index: 2
}

#bog-pin-16 {
    left: 54%;
    top: 50%;
	z-index: 2
}

#bog-pin-17 {
    left: 66%;
    top: 50%;
	z-index: 2
}

#bog-pin-18 {
    left: 78%;
    top: 50%;
	z-index: 2
}
}

/* Our BOG inner */

#our_board_of_governors_inner p strong {
	font-size: 19px !important;
}

#our_board_of_governors_inner p {
	margin-bottom: 0;
}

#our_board_of_governors_inner  h1 {
	color:#013c4a;
	line-height: 52px;
}

#our_board_of_governors_inner  h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-bottom: 0;
	margin-bottom: 0px;
}

#our_board_of_governors_inner  h5 {
	letter-spacing: 1px;
}

#our_board_of_governors_inner .card {
	background: transparent;
	padding: 20px;
	border: 1px solid rgba(1,60,74,0.3);
	border-radius: 15px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

#our_board_of_governors_inner .card:hover {
	border-radius: 0;
		-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

/* Counter */

#in_numbers p {
	padding-left: 0;
}

#in_numbers h1 {
	color: #013c4a;
	font-size: 64px;
	line-height: 64px;
}

#in_numbers  h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-bottom: 0;
	margin-bottom: 10px;	
}

#in_numbers h3 {
	font-family: 'Poppins', serif;
	font-weight: 700;
	color: #013c4a;
	text-align: center;
}

#in_numbers .h3center {
	font-family: 'Poppins', serif;
	font-weight: 700;
	color: #013c4a;
	text-align: left;
}

@media (max-width: 767px) {
#in_numbers .h3center {
	text-align: center;
}
}

.modal h4 {
	font-family: 'Poppins', serif;
	font-weight: 700;
}

#in_numbers .card {
	border: 0;
	border-radius: 15px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

#in_numbers .card:hover {
	border-radius: 0px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.count-title {
    font-size: 50px;
	margin-top: 0;
    margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 0px;
	font-family: 'lexia', sans-serif;
	font-weight: 700;
    font-style: normal;
	background: -webkit-linear-gradient(#d20001 35%, #970db1 50%, #0212ee 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	background-clip: text;
}

.count-text {
	font-family: 'Raleway', serif;
	font-weight: 500;
	margin-top: 0;
    margin-bottom: 10px;
	line-height: 20px;
	padding-top: 5px;
	color: #013c4a;
	padding-left: 0 !important;
}

.name {
	padding-top:0px;
	line-height: 20px;
}

/* circle progress bar */

.skill {
	width: 160px;
	height: 160px;
	position: relative;
	margin: auto;
}

.outer {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	box-shadow: 6px 6px 10px -1px rgba(0,0,0,0.15),
				-6px -6px 10px -1px rgba(255, 255, 255, 0.7);
	padding: 20px;
}

.inner {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 4px 4px 6px -1px rgba(0,0,0, 0.2),
				inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7),
				-0.5px -0.5px 0px rgba(255, 255, 255, 1), 
				0.5px 0.5px 0px rgba(0,0,0,0.15), 
				0px 12px 10px -10px rgba(0,0, 0, 0.05) ;
}

#number {
	font-size: 34px;
	color: #555;
}

circle {
	fill:none;
	stroke: url(#GradientColor);
	stroke-width: 20px;
	stroke-dasharray: 472;
	stroke-dashoffset: 472;
}

.linearForward {
	animation: anim 2s linear forwards;
	-webkit-animation: anim 2s linear forwards;
}

#in_numbers svg {
	position: absolute;
	top: 0;
	left: 0
}

@keyframes anim {
	100%{
	stroke-dashoffset:165;
	}
}

/* progress bar */

@keyframes example {
  0% {
    height: 0px;
	  width:120px;
  }

  100% {
    max-height: 200px;
	  width:120px;
  }
}

.bara1 {
	border-radius: 0px 0px 0px 0px;
  background-image: linear-gradient(to top,#5380c3,#f3a9c0);
  position: relative;
  margin-bottom: -32px;
  z-index: 2;
  animation-duration: 2s ;
}

.bara1.animate {
  animation-name: example; 
}

.barb1 {
  border-radius: 60px 60px 0px 0px;
  position: relative;
  margin-bottom: 8px;
  z-index: 1;
	width:120px;
}

.textbox {
	text-align: center;
  color: #ffffff;
	font-size: 18px;
	line-height: 18px;
	padding-top: 80px;
	font-family: 'DM Serif Text', serif;
}

/* Map */
.globalfootprint {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px; 
	padding-top: 30px; 
	line-height: 36px;
}

.globalfootprint:after{
  content: '';
  height: 30%; 
  width: 1px;  
  position: absolute;
  right: 0;
  top: 20%;   
  background-color: #999999;
}

.globalfootprint:last-child:after {
    background-color: transparent;
}

@media (max-width: 991px) {
.globalfootprint:after{
  background-color: transparent;
}

.globalfootprint:before{
  content: '';
  height: 1px; 
  width: 20%;  
  position: absolute;
  top: 0px;
  left: 40%;   
  background-color: #999999;
}

.globalfootprint:first-child:before {
    background-color: transparent;
}
}

.the-places-image {
    position: relative;
}

.pin-layer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.location-pin {
    cursor: pointer;
    position: absolute;
    transform-origin: center bottom;
    transition: all .2s ease-in-out;
    width: 2%
}

.location-pin:hover {
    transform: scale(1.15, 1.15);
	z-index: 2
}

/* australia*/
#pin-1 {
    right: 17.3%;
    bottom: 27%;
    z-index: 1
}

/* XX*/
#pin-2 {
    right: 28%;
    top: 43%;
    z-index: 2
}

/* XX*/
#pin-3 {
    right: 42.5%;
    bottom: 77%;
    z-index: 1
}

/* XX*/
#pin-4 {
    right: 44.3%;
    bottom: 31%;
    z-index: 1
}

/* brunei */
#pin-5 {
    right: 21.3%;
    bottom: 44.5%;
	z-index: 1
}

/* cambodia */
#pin-6 {
    right: 24.5%;
    bottom: 48.5%;
	z-index: 1
}

/* canada*/
#pin-7 {
    left: 16%;
    top: 20%
}

/* china*/
#pin-8 {
    right: 23.6%;
    top: 36%
}

/* XX*/
#pin-9 {
    left: 54%;
    bottom: 52%
}

/* finland*/
#pin-10 {
    left: 53%;
    top: 15%
}

/* france*/
#pin-11 {
    left: 46.5%;
    top: 28%;
	z-index: 1
}

/* germany*/
#pin-12 {
    left: 48.5%;
    top: 24%;
	z-index: 1
}

/* hongkong*/
#pin-13 {
    right: 21.5%;
    bottom: 54.5%
}

/* hungary*/
#pin-14 {
    right: 46%;
    top: 27%;
	z-index: 1
}

/* india*/
#pin-15 {
    right: 31%;
    bottom: 51%;
	z-index: 1
}

/* indonesia*/
#pin-16 {
    right: 22.5%;
    bottom: 39.5%
}

/* XX*/
#pin-17 {
    left: 44.5%;
    top: 23.5%
}

/* italy*/
#pin-18 {
    left: 49%;
    top: 33%
}

/* japan*/
#pin-19 {
    right: 15%;
    top: 34.5%
}

/* XX*/
#pin-20 {
    right: 42%;
    top: 40%
}

/* kazakhstan*/
#pin-21 {
    right: 33%;
    top: 25.8%
}

/* lao*/
#pin-22 {
    right: 24%;
    bottom: 52%
}

/* malaysia*/
#pin-23 {
    right: 24.5%;
    bottom: 42%;
}

/* XX*/
#pin-24 {
    right: 32%;
    bottom: 40%
}

/* malta*/
#pin-25 {
    right: 47%;
    top: 37%
}

/* mauritius*/
#pin-26 {
    right: 36%;
    bottom: 32%
}

/* XX*/
#pin-27 {
    left: 20%;
    bottom: 55%
}

/* XX*/
#pin-28 {
    left: 48%;
    top: 24%
}

/* newzealand*/
#pin-29 {
    right: 7.5%;
    bottom: 18%
}

/* oman*/
#pin-30 {
    right: 37%;
    bottom: 50%;
	z-index: 1
}

/* philippines*/
#pin-31 {
    right: 19%;
    bottom: 47.5%
}

/* XX*/
#pin-32 {
    right: 24%;
    top: 16%
}

/* southkorea*/
#pin-33 {
    right: 18%;
    top: 35%
}

/* spain*/
#pin-34 {
    right: 51.5%;
    top: 32.5%
}

/* switzerland*/
#pin-35 {
    left: 47.5%;
    top: 28%;
	z-index: 1
}

/* taiwan*/
#pin-36 {
    right: 19.5%;
    bottom: 52%;
	z-index: 1
}

/* thailand*/
#pin-37 {
    right: 26%;
    bottom: 46%;
}

/* uae*/
#pin-38 {
    right: 37.5%;
    bottom: 52%
}

/* uk*/
#pin-39 {
    right: 51.5%;
    top: 22%
}

/* usa*/
#pin-40 {
    left: 20%;
    top: 32%
}

/* vietnam*/
#pin-41 {
    right: 23%;
    bottom: 48.5%;
	z-index: 1
}

/*uzbekistan*/
#pin-42 {
    right: 35%;
    top: 32%
}

/*qatar*/
#pin-43 {
    right: 38%;
    bottom: 53.5%
}

/*estonia*/
#pin-44 {
    left: 53%;
    top: 23%
}

/*nepal*/
#pin-45 {
    right: 30%;
    bottom: 56%;
	z-index: 1
}

/*europe*/
#pin-46 {
    left: 50.5%;
    top: 23%;
	z-index: 1
}

/*denmark*/
#pin-47 {
    right: 49.5%;
    top: 22%;
}

.marker {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
}

#iframe_container {
  background-color: #ffffff;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: visible;
}

#myiframe {
  overflow: scroll;
  border: 0;
  width: 100%;
  height: 800px;
  transform: scale(1);
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

button {
  display: inline-block;
}

/* Highlights of the year */

#highlights_of_the_year  h1 {
	color:#013c4a;
	font-size: 64px;
	line-height: 64px;
}

#highlights_of_the_year  h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.ftco-section {
  padding: 0; }

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.owl-carousel {
  position: relative; 
}

  .owl-carousel .owl-item {
    opacity: 1; 
	  -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.owl-carousel .owl-item:hover {
    transform: scale(0.98);
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

    .owl-carousel .owl-item.active {
      opacity: 1; 
}

  .owl-carousel .owl-nav {
    width: 100%; 
	  text-align: center;
}

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: 40px;
      color: #013c4a !important;
      -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s;
      opacity: 1; 
}

      @media (prefers-reduced-motion: reduce) {
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } 
}
      .owl-carousel .owl-nav .owl-prev span:before,
      .owl-carousel .owl-nav .owl-next span:before {
        font-size: 40px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; 
}

        @media (prefers-reduced-motion: reduce) {
          .owl-carousel .owl-nav .owl-prev span:before,
          .owl-carousel .owl-nav .owl-next span:before {
            -webkit-transition: none;
            -o-transition: none;
            transition: none; } 
}
      .owl-carousel .owl-nav .owl-prev:hover span:before,
      .owl-carousel .owl-nav .owl-next:hover span:before {
        color: #d20001; 
}

    .owl-carousel .owl-nav .owl-prev {
      right: 0;
      margin-right: 30px; 
}
    .owl-carousel .owl-nav .owl-next {
      right: 0; 
}

  .owl-carousel .owl-dots {
    text-align: left;
    margin-top: 10px; 
}

    .owl-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      position: relative; }
      .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
        outline: none !important; }
      .owl-carousel .owl-dots .owl-dot.active {
        background: #e4f408; 
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; 
}

.work {
  width: 100%; 
}

.work .img {
    width: 100%;
    height: 600px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0; 
	border: 1px solid rgba(1,60,74,0.5);
}

.work .img:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      z-index: -1;
      background: rgba(255, 93, 177, 0);
      background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), color-stop(100%, black));
      background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), to(black));
      background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#000000', GradientType=0 );
      opacity: .6; 
}

.work .text {
    padding: 20px;
    padding-top: 0; 
}

.work .text h3 {
      font-size: 18px;
      font-family: 'Poppins', serif;
      margin-bottom: 0; 
}

.work a {
        color: #fff; 
}


/* Highlights inner */

#highlights .accordion-collapse img {
	padding-bottom: 20px;
}

#highlights .highlight-img {
	width:200px;
}

@media (max-width: 767px) {
#highlights .highlight-img {
	width:100px;
}	
.accordion-button {
    padding: 0.25rem 0.25rem;
}
}

#highlights h3 {
	font-family: 'Poppins', serif;
	font-weight: 700;
	font-style: normal;
	color: #013c4a;
}
	
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem 0.75rem 0.75rem;
    font-size: 20px;
    color: #013c4a;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button:not(.collapsed) {
	font-size: 20px;
    color: #013c4a;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-item {
	box-shadow: 0 2px 5px 0 #f0f0f0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion-item:first-of-type {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion-button {
    border-radius: 16px;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23013c4a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23013c4a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e) !important;
    transform: rotate(-180deg);
}

.accordion-item {
    background-color: #fff;
    border: none;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.accordion-item:hover {
    border-radius: 0px;
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.bg-highlights_of_the_year_inner h1 {
	color: #013c4a;
	line-height: 52px;
}

.bg-highlights_of_the_year_inner h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-top: 0;
	margin-bottom: 10px;
}

.bg-highlights_of_the_year_inner h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	color: #013c4a;
}

.bg-highlights_of_the_year_inner ul li {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #013c4a;
}

.bg-highlights_of_the_year_inner em {
	font-weight: 600;
}

/* TP GEF */
#tp_general_education_fund h1 {
	color:#013c4a;
	font-size: 64px;
	line-height: 64px;
}

#tp_general_education_fund h2 {
	font-family: 'DM Serif Text', serif;
	font-style: italic;
	color: #d20001;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#tp_general_education_fund h3 {
	font-family: 'Raleway', serif;
	font-weight: 400;
	color: #013c4a;
}

#tp_general_education_fund p {
	font-family: 'Raleway', serif;
	font-weight: 400;
	color: #013c4a;
	padding-left: 0;
}

#tp_general_education_fund ul {
	font-family: 'DM Serif Text', serif;
	color: #013c4a;
}

.tpgef-btn {
	width:100%;
	border-radius: 10px;
	height: 100px;
	color: #013c4a;
	padding: 16px;
	-webkit-transition-duration: .3s;
	transition-duration: .5s;
	font-family: 'Poppins', serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	border: 1px solid #013c4a;
}

.tpgef-btn:hover {
	border-radius: 0px;
}

.tpgef-btn .arrow-right {
    background-image: url(../images/btn-arrow.svg);
	width: 30px;
	height: 30px;
	background-size: cover; 
    -webkit-transition-duration: .7s;
	transition-duration: .7s;
}

.tpgef-btn:hover .arrow-right {
    background-image: url(../images/btn-arrowtwo.svg);
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
}

.tpgef-btn .fa-arrow-right {
    right: 20px;
  top: 50%;
  transform: translate(0,-50%);
    position: absolute;

}

/* TPGEF Inner */

.bg-tp_general_education_fund_inner h1 {
	color: #013c4a;
}

.bg-tp_general_education_fund_inner h3 {
	font-style: italic;
	color: #d20001;
}

.bg-tp_general_education_fund_inner h5 {
	font-family: 'Raleway', serif;
	font-weight: 700;
	color: #013c4a;
}

.bg-tp_general_education_fund_inner h2 {
font-family: 'Poppins', serif;
	font-weight: 700;
	color: #013c4a;
}

/* Corporate Information */

#corporate_information .container-fluid {
	padding: 0;
}

#corporate_information h1 {
	color: #013c4a;
	font-size: 64px;
	line-height: 64px;
}

/* Corporate Information Inner */

.bg-corporate_information_inner h1 {
	color: #013c4a;
}

.bg-corporate_information_inner h2 {
font-family: 'Poppins', serif;
	font-weight: 700;
	color: #013c4a;
}

.bg-corporate_information_inner h3 {
	font-weight: 700;
	color: #0212ee;
	letter-spacing: 1px;
}

.bg-corporate_information_inner h5 {
	font-weight: 500;
	color: #d20001;
	letter-spacing: 1px;
}

/* Financial Statements */

#financial_statements h1 {
	color:#013c4a;
	font-size: 64px;
	line-height: 64px;
}

/* Footer */

footer p {
	font-size: 14px;
	color: #ffffff;
}

footer a {
	color: #ffffff;
}

.socialmedia-footer a {
	color:#333333;
}

@media (min-width: 576px) {
.socialmedia-footer {
	text-align: right;
}

.tp-mission {
	text-align: right;
}
}