@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');
/* font-family: "Poppins", sans-serif; */

*{margin:0; padding:0; transition:all 0.5 ease-in; -webkit-transition:all 0.5 ease-in; -moz-transition:all 0.5 ease-in; -o-transition:all 0.5 ease-in; -ms-transition:all 0.5 ease-in;}

html {
  scroll-behavior: smooth;
}
html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,	body {
		margin:0;
		padding:0;
    font-family: "Poppins", sans-serif;
    
	}
#container {
  min-height:100%;
  position:relative;
}
img{max-width:100%;}
.mobile-whatsapp{display:none;}
.clearfix{clear:both;}
a:-webkit-any-link:focus-visible {
  outline: none;
}
input:focus-visible {
  outline: none;
}
td{
  border-color: #d9d9d9;
}
body{font-style: normal;
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif !important;
  background-color: #fff;
  font-size: 18px;
  line-height: 28px;
  color: #757575;
  position: relative;
  overflow-x: hidden;
  font-weight: 400;
}

a{color:#DC1A21; text-decoration:none; transition: all 0.5s ease-in-out 0s; text-decoration: none;font-family: "Poppins", sans-serif !important;}
a:hover{color:#000;  text-decoration:none; }
.fot-weg800{font-weight: 800;}
ul, li{list-style-type:none; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6, p, ul, li{margin:0; padding:0;font-family: "Poppins", sans-serif !important;}
p{padding:0 0 15px; line-height: 31px;font-family: "Poppins", sans-serif !important;}
.container{
  max-width: 97%;
  width: 1440px;
}

h1,h2,h3,h4,h5,h6, .mainheading{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  
}
section.sectionpadding{padding: 80px 0px 80px !important;}
video {
  object-fit: fill;
}
.bannervideo {  
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 120px;
}
.bannertext {
  position: absolute;
  width: 100%;
  bottom: 0%;
  left: 0%;
  color: #fff;
  font-size: 24px;
  z-index: 9;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 1));
}
.innerbannertext {
  padding: 3% 3% 50px;
}
.bannertext h1 {
  font-size: 90px;
  padding: 0 0 15px;
  line-height: 97px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.righticon {
  display: flex;
  align-items: center;
}
.videof, .videot {
  width: 100%    !important;
  height: 100%   !important;
}
.logo {
  position: absolute;
  left: 10px;
  width: 168px;
  height: 86px;
  background: rgba(255,255,255,1);
  border-radius: 0 0 100px 100px;
  text-align: center;
  top: 5px;
  padding: 0 25px;
}

header.newClass {

  padding: 28px 3%;

}
.topgradient{
  background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,1));
  height: 300px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 37px 3%;
  z-index: 999;
  background: rgba(255,255,255,1);
  box-shadow: 0 0 8px #ccc;
}

.innerheader {
  display: flex;
  justify-content: right;
}
.righticon .icon-menu, .righticon .icon-search {
  color: #000000;
  font-size: 19px;
}
.righticon .icon-menu{
  padding-left: 15px;
}
.navbar {
  padding-right: 20px;
}
#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
}

#search .close {
  position: fixed;
  top: 33px;
  right: 85px;
  color: #fff;
  border-color: transparent;
  background: transparent;
  opacity: 1;
  padding: 8px 12px;
  font-size: 57px;
  font-weight: 200;
}
#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}

div#search {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.popsearch input[type=search] {
  width: 600px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #6a6a6a;
  padding: 0 45px 20px 10px;
  color: #fff;
}
.popsearch {
  position: relative;
}
button.popsearchicon {
  background: none;
  color: #fff;
  border: none;
  position: absolute;
  right: 10px;
}

.topbodysection {
  padding: 45px 3% 0;
}
.mainheading {
  padding-top: 65px;
  line-height: 72px;
  font-size: 80px;
}
.mainheading p{
  font-size: 30px;
  line-height: 38px;
  font-weight: 500;
  padding-top: 15px;
  font-family: "Poppins", serif;
  margin-top:20px;
}
.topbodysection ul {
  display: flex;
  justify-content: space-between;
}
.topbodysection ul li {
  width: 25%;
  text-align: left;
  padding: 28px;
  margin: 0 8px;
  border-radius: 8px;
  -webkit-transition: background-color 500ms ease-in;
  -moz-transition: background-color 500ms ease-in;
  -ms-transition: background-color 500ms ease-in;
  -o-transition: background-color 500ms ease-in;
  transition: background-color 500ms ease-in;
}
.topbodysection ul li span {
  font-size: 60px;
}
.topbodysection ul li h3{
  font-size:60px;
  padding: 8px 0;
  font-weight: 600;
  color:#000;
  font-family: "Poppins", serif;
}



.btn-style510 {
  position: relative;
  background: #f9f9f9;
  color: #000;
  overflow: hidden;
}
.btn-style510::before, .btn-style510::after {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100px) skewX(-15deg);
  content: "";
}
.btn-style510::before {
  width: 60px;
  background: rgb(11 69 107 / 50%);
  filter: blur(30px);
  opacity: 0.5;
}
.btn-style510::after {
  width: 30px;
  left: 30px;
  background: rgba(255, 255, 255, 0.1);
  filter: blur(5px);
}
.btn-style510:hover h3{color:#fff;}
.btn-style510:hover {
  background-color: #15709d;
  cursor: pointer;
  color: #fff;
}
.btn-style510:hover::before {
  opacity: 1;
}
.btn-style510:hover::before, .btn-style510:hover::after {
  transform: translateX(370px) skewX(-45deg);
  transition: all 0.9s ease;
}






.container{
  width: 96%;
  margin: 0 auto;

}
h2 {
  padding: 0 0 20px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  color: #494949;
}

h2 span {
  display: block;
  padding: 0 0 4px;
  font-size: 24px;
  line-height: 40px;
  color: #DC1A21;
  font-weight: 300;
}
.programsupport {
  padding: 65px 0 0;
}
.supportpic {
  padding: 15px 0 0 0;
}
.supportpic {
  display: flex;
  justify-content: space-between;
}
.supportinner{
  width: 24.5%;

	transition: 0.5s ease-in-out;
  position: relative;
}

.supportinner:hover {
  transform: scale(1.05);
  z-index: 9;
}


.supportinner::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 119, 255, 0), rgb(2 59 104));
  z-index: 2;
  transition: .5s ease;
  opacity: 0;
  cursor: pointer;
}

.supportinner:hover::before {
	opacity: 1;
}


.supportinner img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.supportinner .overlay {
	position: absolute;
	z-index: 3;
	color: #fff;
	opacity: 0;
	transform: translateY(30px);
	transition: 0.5s all;
	padding: 30px;
  left: 0;
  bottom: 30px;
  width: 100%;
 
}

.supportinner:hover .overlay {
	opacity: 1;
	transform: translateY(30px);
}
.supportinner .overlay h3 {
  font-size: 55px;
  font-weight: 500;
  padding: 0 0 15px;
  color: #fff;
  line-height: 56px;
}


.whatoffer, .successstory  {
  padding: 65px 0;
}

.owl-nav, .owl-dots {
  display: none;
}



.slider-containers {
  width: 100%;
  margin-top: 20px;
}

.slider-container {
  margin-bottom: 10px;
}

.slider-container h2 {
  text-align: center;
}

.flexbox-slider {
  margin-top: 20px;
}

.flexbox-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 638px;
  visibility: hidden;
}

.flexbox-slider .flexbox-slide {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 25%;
  height: 100%;
  position: relative;
  overflow: hidden;
  visibility: visible;
  border-radius: 5px;
  margin: 5px;
}

.flexbox-slider .flexbox-slide:after {
  position: absolute;
  top: inherit;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  height: 50%;
  bottom: 0;
}

.flexbox-slider .flexbox-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  max-width: inherit;
}
.leftineertext span {
  display: block;
  font-size: 20px;
  font-weight: 400;
  padding-top: 25px;
}
.leftineertext {
  position: absolute;
  left: 52px;
  top: 35px;
  font-size: 63px;
  font-weight: 600;
  text-align: left;
  padding-right: 46px;
  border-right: 1px solid #ccc;
}
.flexbox-slider .flexbox-slide .text-block {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 100%;
  padding: 0;
  border-radius: 0;
  color: #fff;
  z-index: 4;
  /* visibility: hidden; */
  /* padding-top: 5%; */
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.flexbox-slider .flexbox-slide .text-block img {
  min-height: auto;
}
.flexbox-slider .flexbox-slide .text-block h3 {
  font-size: 40px;
  padding: 0 0 10px;
}

.slidebox-open {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 80% !important;
}

.slidebox-open .text-block {
  visibility: visible;
}
.flexbox-slide:not(.slidebox-open) .text-block {
  opacity: 0;
}
.slidebox-open.flexbox-slide:after {
  opacity: 1;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 1));
}
.text {
  font-size: 20px;
  line-height: 21px;
}
.text p {
  line-height: 31px;
}
.tb-heading {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-size: 30px;
  width: 100%;
  height: 100%;
  padding: 5% 3%;
  font-weight: 500;
  background-image: linear-gradient(to top, rgba(76, 132, 37, 0.5), #295a06);
}

.slidebox-open .tb-heading {
  opacity: 0;
}

.flexbox-slider .flexbox-slide .tb-heading {
  transform: rotate(-180deg);
  writing-mode: vertical-rl;
  text-orientation: mixed;
}


.whatoffer{
    background: rgb(176 229 211);
  background: linear-gradient(286deg, rgb(19 129 91 / 1%) 0%, #fff2f2 40%, rgb(18 147 185 / 1%) 100%);
}


.offerinner {
 
  
  margin: 10px;
  
  cursor: pointer;
}
.offerinner:hover .offercontent{
  box-shadow:  0 0 15px rgba(0, 0, 0, 0.5);
    transform: translateY(-0.25em);
   
}
.offercontent {
  padding: 25px;
  box-shadow: 0 0 15px #dddddd;
  margin: 24px;
  background-color: #fff;
  position: relative;
  margin-top: -45px;
  transition: all 0.35s;
  border: 1px solid #e7e7e7;
}
.offercontent h3 {
  padding: 0 0 8px;
  font-size: 23px;
}
.subtext {
  padding-top: 25px;
}
.graytext {
  padding: 0 0 15px;
  color: #757575;
}
#whatoffer .owl-nav {
  position: absolute;
  right: 20px;
  top: -50px;
}
.impactstory{
  padding: 0 0 65px;
}
.impactstory h2{
  padding: 0 0 50px;
  text-align: center;
}

.boxcont {
  font-weight: 600;
}
a.slidebutton1 {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  padding-top: 10px;
}

footer{
  background-color: #E8F1F6;
  padding: 80px 0 80px;
  color: #07456A;
  list-style: 28px;
}
footer h4 {
  color: #07456A;
  padding: 15px 0;
  font-size: 26px;
}
footer ul li {
  padding: 0 0 2px;
  line-height: 30px;
}

footer ul li a, footer a, .footer p {
  color: #07456A;
  font-size: 16px;
}
h6{
  padding: 0 0 8px;
  font-size: 20px;
}
footer ul li a:hover, footer a:hover{
  color: #000;
}

.sociallink a {
  padding: 8px  20px 0 0;
  font-size: 27px;
}
.copyright {
  padding-top: 60px;
  text-align: center;
  font-size: 16px;
}
footer p {
  font-size: 16px;
}
.gradientbg {
  background: rgb(176 229 211);
  background: linear-gradient(286deg, rgb(19 129 91 / 1%) 0%, #fff2f2 40%, rgb(18 147 185 / 1%) 100%);
  padding: 0 0 90px;
}




.bannersection {
  background: url(../images/about-us-new.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  margin-top: 128px;
  position: relative;
  z-index: 1;
}
.bannersection::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.88) 82.67%);
  z-index: -1;
}
.bannersectioninner {
  padding: 172px 0px 50px;
}
.bannersectiontext{max-width: 523px;}
.bannersectiontext h1{
  font-weight: 300;
  font-size: 40px;
  line-height: 150%;
  color: #fff;
}
.bannersectiontext p{
font-weight: 300;
font-size: 16px;
line-height: 150%;
color: #fff;
margin: 0px;
padding: 0px;
}
nav.mainbreadcrumb .breadcrumb-item+.breadcrumb-item::before{content: "\e913";font-family: 'icomoon', sans-serif;color: #fff;}
nav.mainbreadcrumb li.breadcrumb-item{font-weight: 400;font-size: 16px;line-height: 100%;color: #fff;}
nav.mainbreadcrumb li.breadcrumb-item a{color: #fff;opacity: .65;}
nav.mainbreadcrumb li.breadcrumb-item a:hover{color: #fff;}
nav.mainbreadcrumb ol.breadcrumb {margin: 0px;}
nav.mainbreadcrumb {margin-top: 0px;}

h1 {
  padding: 0 0 20px;
  font-size: 40px;
  line-height: 55px;
  font-weight: 400;
  color: #494949;
}

h1 span {
  display: block;
  padding: 0 0 15px;
  font-size: 24px;
  line-height: 40px;
  color: #DC1A21;
  font-weight: 300;
}

body.version2 h1 {color: #DC1A21;font-size: 24px;line-height: 32px;}
body.version2 h1 span {color: #121212;font-size: 40px;line-height: 50px;}
body.version2 h2 {color: #DC1A21;font-size: 24px;line-height: 32px;}
body.version2 h2 span {color: #121212;font-size: 40px;line-height: 50px;}




.grid {
  display: flex;
  flex-wrap: wrap;
}

.col-half {
  /* flex-basis: calc(50% - 0.01px); */
  /* max-width: calc(50% - 0.01px); */
  width: 50%;
}

.flex-center {
  display: flex;
  align-items: center;
}

.stack-cards-item {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: calc(1.25 * 1.25em);
  height: 0;
  padding-bottom: 30%;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  overflow: hidden;
}

.stack-cards-item>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stack-cards {
  --stack-cards-gap: calc(0.75 * 1.25em);
}

.li-card {
  border-radius: 8px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .085), 0 8px 24px rgba(0, 0, 0, .1);
  background-image: linear-gradient(to right, #23ae77, #0177ff);
  overflow: hidden;
  
}
#loading-status {height: 100%;}
.card-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.text-component {
  padding: 30px 10%;
  width: 100%;
  color: #fff;
  text-align: left;
}
.text-component  h2 {
  padding: 0 0 20px;
  font-size: 50px;
  line-height: 55px;
  text-align: left;
}
.text-component p {
  text-align: left;
  font-size: 22px;
  line-height: 32px;
}
a.slidebutton {
  background: #000;
  color: #fff;
  padding: 13px 40px;
  display: inline-block;
  margin: 10px 0 0 0;
  border-radius: 27px;
  font-size: 18px;
}


.btn-style1 {background-color:#cee9ff;}
.btn-style2 {background-color:#daffc4;}
.btn-style3 {background-color:#ced5f9;}
.btn-style4 {background-color:#ffdefb;}


.read-block {text-align: center; margin-top: 20px;}




/* ANIMATIONS */

/* Fade In */

.fade--in {
      -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;

}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Fade Out */

.fade--out {
      -webkit-animation: fadeOut 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeOut 2s; /* Firefox < 16 */
        -ms-animation: fadeOut 2s; /* Internet Explorer */
         -o-animation: fadeOut 2s; /* Opera < 12.1 */
            animation: fadeOut 2s;

}


@keyframes fadeOut {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeOut {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOut {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeOut {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeOut {
    from { opacity: 0; }
    to   { opacity: 1; }
}




.connectus {
  padding: 65px 0;
  background: #F8F9FA;
}
.connectus h2{
  text-align: left;
}

h3 {
  font-size: 40px;
  padding: 0 0 14px;
}
.connectinner {
  margin-top: 25px;
  padding: 0px;
  transition: transform .2s; /* Animation */
  cursor: pointer;
  border-radius: 12px;
}
.contactpic {
  padding: 0 0 8px;
  position: relative;
}
.contactpic span {
  position: absolute;
  padding: 104px 26px 24px 26px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 47.79%, rgba(0, 0, 0, 0.8) 71.12%, rgba(0, 0, 0, 0.9) 100%);
  color: #fff;
  left: 0;
  bottom: 8px;
  border-radius: 8px;
  opacity: 1;
  width: 100%;
  font-size: 23px;
}
.contactpic img {
  border-radius: 12px;
}
.contactout a {
  color: #DC1A21;
}
.contactout {
  padding: 20px;
  font-size: 18px;
}
.contactout p {
  line-height: 26px;
}
.connectinner:hover {
  transform: scale(1.04);
  box-shadow: 0 0 85px #e3e3e3;
  position: relative;
  z-index: 9;
}
.events {
  padding: 80px 0;
  background: #F8F9FA;
  position: relative;
}


.tabs-container {
	margin: 0 auto;
  position: relative;
  margin-top: 25px;
}
/* === Tab Navigation (Buttons) === */
.tabs-nav {
  position: absolute;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  right: 0;
  top: -75px;
}
.tabs-nav button {
	background: transparent;
	border: none;
	padding: 10px 8px;
	cursor: pointer;
	font-size: 1rem;
  margin: 0 0 0 15px;
}
.tabs-nav button:focus {
	outline:none;
}
.tabs-nav button.active {
	font-weight: normal;
	color: #DC1A21;
}
.tab-indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #DC1A21;
  transition: left 0.3s ease, width 0.3s ease;
}
/* === Tab Panels (Content Areas) === */
.tabs-content .tab-content {
	display: none;
}
.tabs-content .tab-content.active {
	display: block;
}

.accordion-header {
  padding: 0;
  margin: 0;
}

.events .accordion-button {
  padding: 5px 20px;
  color: #212529;
  font-size: 27px;
  font-weight: 500;
}

h2#headingOne button {
  background-image: linear-gradient(#1b6a1e, #6dab26);
  color: #fff;
  border-bottom: 3px solid #fff;
  border-radius: 5px;
}

h2#headingTwo button {
  background-image: linear-gradient(#1b6a1e, #6dab26);
  color: #fff;
  border-bottom: 3px solid #fff;
  border-radius: 5px;
}

h2#headingThree button {
  background-image: linear-gradient(#1b6a1e, #6dab26);
  color: #fff;
  border-bottom: 3px solid #fff;
  border-radius: 5px;
}

h2#headingfive button {
    background-image: linear-gradient(#1b6a1e, #6dab26);
    color: #fff;
    border-bottom: 3px solid #fff;
    border-radius: 5px;
}

h2#headingFour button {
  background-image: linear-gradient(#1b6a1e, #6dab26);
  color: #fff;
  border-bottom: 3px solid #fff;
  border-radius: 5px;
}
.events .accordion-item{
  border: none;
  margin-bottom: 15px;
}
.accordion-button:focus{
  box-shadow:none;
  border: none;
}

.accordion-button:not(.collapsed)::after, .accordion-button::after {
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-position: 7px 6px;
  background-size: 17px;
}
.accordion-button::after {
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-position: 7px 8px;
  background-size: 17px;
}

.events .accordion-body {
  padding: 0;
}
.eventspic img {
  width: 100%;
}
.eventspic{
  position: relative;
}
.eventcontent {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 42px 25px 25px 25px;
  background: linear-gradient(to bottom, rgba(0, 119, 255, 0), rgb(2 59 104));
  color: #fff;
}
.eventcontent h4 {
  font-size: 30px;
  padding: 0 0 10px;
}

.numbersection ul li {
  width: 23%;
  padding: 64px 25px;
  color: #707070;
  transition: all 0.35s;
  margin-bottom: 20px;
  cursor: pointer;
  text-align: center;
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
  box-shadow: 0 0 24px #e9e9e9;
  transition: all 0.5s ease;
  background: #fff;
  background-size: 100% 200%;
  background-position: left bottom;
  border-radius: 12px;
}
.numbersection ul li:hover {
  background-position: right top;
  color:#fff;
  background: #0980BA;
}
.numbersection ul li:hover h5{
 color:#fff; 
}
.numbersection ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.numbersection {
  padding: 15px 0 0;
}
.numbersection ul li h5 {
  display: block;
  font-size: 48px;
  font-weight: 400;
  line-height: 58px;
  color: #126f9d;
  padding: 0px 0 10px;
}
.aboutcontent {
  padding: 65px 0;
}
.aboutouter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.abloutright {
  width: 47%;
 
}
.abloutleft {
  width: 50%;
}
.abloutright h4{
  font-size: 18px;
}
.abloutright p {
  font-size: 19px;
  font-weight: 400;
  color: #494949;
  line-height: 27px;
  padding: 4px 8px 4px 11px;
}
.abloutright h4 {
  font-size: 20px;
  padding: 3px 0 0 11px;
  color: #494949;
}
span.submenu-button {
  display: block !important;
  background: url(../images/chevron-down.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 7px;
}

ul.ourprograminner {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-left: -10px;
}
ul.ourprograminner li {
  width: 29.33%;
  padding: 30px;
  background: #fff;
  margin: 0px 2% 30px;
  box-shadow: 0px 4px 6px 0px #ACD3E7;
  border-radius: 12px;
  text-align: left;
  background-color: #e8f1f6;
  position: relative;
  top: 0;
  transition: .5s ease-in-out all;
  cursor: pointer;
}
ul.ourprograminner li:nth-child(even){background-color: #EDEEF2;}
ul.ourprograminner li:hover {top: -10px;background: #fff;}
ul.ourprograminner li h4{padding: 0px;font-weight: 500;font-size: 24px;line-height: 140%;padding-top: 10px;color: #0A466B;}
ul.ourprograminner li img {margin-bottom: 10px;}
.anicontainer {
  width: 750px;
  height: 750px;
  margin: 0 auto;
  position: relative;
  font-family: 'Poppins', sans-serif;
}
.box {
  position: relative;
  width: 140px;
  height: 140px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  top: 30px;
  left: 31px;
  border: 2px solid #000;
}

@keyframes border-animation {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@keyframes border-animation2 {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(-360deg);
  }
}

.content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  inset: 0px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 3;
}

.box:hover .content img {
  opacity: 0;
}

.content h2 {
  position: relative;
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  line-height: 30px;
  padding: 0 0 2px;
  margin: 0;
}

.content h2 span {
  font-size: 0.75rem;
  font-weight: 300;
}

.content a {
  position: relative;
  margin-top: 5px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  text-decoration: none;
  transition: 0.5s;
}

.content p {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  padding: 0 8%;
  margin: 0;
  line-height: 21px;
}

.set-1 {
  position: absolute;
  bottom: 30px;
  left: 120px;
  transition: all 0.4s ease-in-out;
}

.set-2 {
  position: absolute;
  bottom: 30px;
  right: 32px;
  transition: all 0.4s ease-in-out;
}

.set-3 {
  position: absolute;
  top: 30px;
  left: 120px;
  /* transform: translateX(-50%); */
  transition: all 0.4s ease-in-out;
}

.set-1 .content {
  background-color: #40771A;
  transition: all 0.4s ease-in-out;
  color: #fff;
}

.set-1:hover .content {
  background-color: #526f3c;
}

.cog-1,
.cog-2,
.cog-3 {
  animation: border-animation 15s linear infinite;
  transition: all 0.4s ease-in-out;
  position: absolute;
}

.set-1 .box:hover .cog-1,
.set-2 .box:hover .cog-2,
.set-3 .box:hover .cog-3 {
  animation: none;
  transition: all 0.4s ease-in-out;
}


.set-2 .content {
  background-color: #0980BA;
  transition: all 0.4s ease-in-out;
  color: #fff;
}

.set-2:hover .content {
  background-color: #09466b;
}

.set-3 .content {
  background-color: #B71115;
  transition: all 0.4s ease-in-out;
  color: #fff;
}

.set-3:hover .content {
  background-color: #bf383d;
}

.set-1:hover {
  z-index: 5;
}

.set-2:hover {
  z-index: 5;
}

.set-3:hover {
  z-index: 5;
}

/* 
.back {
  display: none;
  text-align: center;
  transition: all 0.4s ease-in-out;
}
.box:hover .back {
  display: block;
  transition: all 0.4s ease-in-out;
}
.box:hover .front {
  display: none;
  transition: all 0.4s ease-in-out;
}
.front {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  text-align: center;
} 
*/

.centerbox {
  position: absolute;
  top: 125px;
  left: 50px;
  z-index: 4;
}
.outerimage{
    position: absolute;
    top: -85px;
    left: -95px;
    height: 370px;
}
.redarrow {
  position: absolute;
  top: -20px;
  left: -22px;
  width: 294px;
}
.bluearrow {
  position: absolute;
  top: -15px;
  left: 30px;
  width: 300px;
}
.greenarrow {
  position: absolute;
  top: 15px;
  left: -30px;
  width: 294px;
}

.cb-text {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #f0f7ff;
  border: 1px solid #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

.cb-text .info-2 {
  display: none;
}

.centerbox:hover .cb-text .info-2 {
  display: block;
  color: #fff;
}

.centerbox:hover .cb-text .info-1 {
  display: none;
}

.centerbox:hover .cb-text {
  background-color: #09466b;
  border: none;
  color: #fff;
}

.cb-text h2 {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  font-size: 20px;
  line-height: 30px;
}

.cb-text .info-1 span {
  color: #006eff;
}

.cb-text p {
  margin: 0;
  text-transform: capitalize;
  font-size: 10px;
  line-height: 14px;
  padding: 0 15px;
}
.set-2:hover .front {
  color: #fff;
}

@keyframes pulse2 {
  0% {
      box-shadow: 0 0 10px #006eff, inset 0 0 10px #006eff;
  }

  50% {
      box-shadow: 0 0 20px #006eff, inset 0 0 24px #006eff;
  }

  100% {
      box-shadow: 0 0 10px #006eff, inset 0 0 10px #006eff;
  }
}

/* chnages on 12-03-2025 */
.newgear {
  width: 317px;
  height: 317px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.newgear img{width: 317px;height: 317px;}
.cb-text {width: 217px;height: 217px;}
.info-1 img {
  width: 85px;
}
.cb-text h2 {
  text-transform: initial;
  font-size: 20px;
  line-height: 30px;
  padding: 0;
  color: #ffffff;
}
.cb-text p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 15px;
    color: #ffffff;
}

.set-2 img, .set-1 img, .set-3 img {width: 100%;height: 100%;}

.set-2, .set-1, .set-3 {
  width: 250px;
  height: 250px;
}

.set-1 .box {
  border: 2px solid #476830;
  width: 180px;
  height: 180px;
  top: 36px;
  left: 36px;
}
.set-2 .box {
  border: 2px solid #0980BA;
  width: 220px;
  height: 220px;
  top: 39px;
  left: 39px;
}
.set-3 .box {
  border: 2px solid #dc1a21;
  width: 180px;
  height: 180px;
  left: 36px;
  top: 36px;
}


.set-1:hover .cog-1{animation: inherit;}
.set-2:hover .cog-2{animation: inherit;}
.set-3:hover .cog-3{animation: inherit;}

.set-1 {
  bottom: 92px;
  left: 23px;
}
.set-3{
    top: 0px;
    left: 320px;
}
.set-2 {
  bottom: 170px;
  left: 279px;
  width: 300px;
  height: 300px;
}

.cog-new {animation: border-animation 15s linear infinite;}
.cog-2 {animation: border-animation 15s linear infinite;}












.accordion-button::after{
  background-image: url(../images/chevron-down.png);
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
  background-image: url(../images/chevron-down.png);
}

.info-1 img {
  width: 129px;
}

.newClass .logo {
  width: 148px;
  height: 86px;
  line-height: inherit;
  top: 5px;
}
.newClass .logo img {
  height: auto;
  transition: ease-in-out 0.5s;
}
.logo, .logo img{
  transition: ease-in-out 0.5s;
}














.box1{

  position: relative;
}

.box1 .text {
  color: #fff;
  text-align: center;
  position: absolute;
  top: inherit;
  left: 0;
  /* transform: translate(-50%,-50%); */
  font-size: 17px;
  overflow: hidden;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(61, 160, 234, 0.8), rgb(7, 68, 30));
  padding: 15px;
  text-align: center;
  width: 100%;
  padding-top: 28%;
  height: 100%;
}

.overlay{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: 0.5s ease;
  overflow: hidden;
}

.box1:hover .overlay {
  height: 100%;
}
.subtext {
  padding-top: 1px;
  font-size: 14px;
}
.text h3 {
  font-size: 28px;
  padding: 12px 0 12px;
}






.who-we-wre {
  background: #FFFFFF40;
  backdrop-filter: blur(15.69999694824219px);
  padding: 30px;
  box-shadow: 0 0 15px rgba(73, 74, 77, 0.2);
  margin: 0px auto;
  position: relative;
  border-radius: 12px;
  max-width: 500px;
}
.redtext {
  display: block;
  font-size: 22px;
  line-height: 32px;
  color: #DC1A21;
  font-weight: 400;
  padding: 0 0 20px;
}
.sopnsor {
  padding-top: 55px;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.who-iconsection {
  border-top: 1px solid #e7e7e7;
  padding: 53px 0 0px;
}
.iconouter {
    position: relative;
}
.iconouter ul li img {
  height: 72px;
}
.who-icon-section {
  background: url(../images/about-weare-bpic.jpg) no-repeat 0 0;
  background-size: cover;
  padding: 0px;
  margin-top: 25px;
  overflow: hidden;
  position: relative;
  color: #fff;
}
.whogradient {
  background: linear-gradient(180deg, rgba(16, 28, 37, 39%) 0%, #101c25 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.who-icon-section .container{
  position: relative;
  z-index: 9;
}
.iconouter ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
.iconouter ul li {
    padding: 280px 1% 60px;
    width: 16.5%;
    text-align: center;
    transition: .3s ease-in-out all;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1), transparent);
}
.iconouter ul li:hover {
    padding: 265px 1% 75px;
    transition: .3s ease-in-out all;
    background: linear-gradient(to top, rgba(64,119,26,1), rgba(64,119,26,0.6), rgba(64,119,26,0.2), transparent);
    /* background: linear-gradient(to top, rgba(24,148,209,1), rgba(24,148,209,0.6), rgba(24,148,209,0.2), transparent); */
    /* background: linear-gradient(to top, rgb(4 96 142), rgba(24, 148, 209, 0.6), rgba(24, 148, 209, 0.2), transparent); */
}
.iconouter ul li h5 {
  padding: 25px 0 0;
  font-weight: 400;
  font-size: 26px;
  line-height: 38px;
}
.governening {
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  padding: 70px 38px 40px;
  border: 1px solid #E7E7E7;
}
.govcont {
  text-align: center;
}
.govpic{
  position: relative;
  max-width: 250px;
  height: auto;
  margin: 0 auto 35px;
}
.govpicimage{overflow: hidden;border-radius: 50%;}
.govpicimage img{
  border-radius: 50%;
  transition: .3s ease-in-out all;
}
.govpic a {
  position: absolute;
  top: 0;
  right: 16px;
  width: 48px;
  height: 48px;
  background: #0A9F49;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  z-index: 1;
}
.govpic a:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 48px;
  height: 48px;
  background: #0A9F49;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-in-out infinite;
  z-index: -1;
}
.governening:hover .govpicimage img {
  transform: scale(1.15);
}
.bluetext {
  font-size: 17px;
  color: #12709D;
  padding: 0 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E7E7E7;
}
.govcont h6 {
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  color: #494949;
}
.govcont p {
  font-size: 17px;
  line-height: 30px;
  color: #707070;
  padding-bottom: 26px;
}
.tabs-nav {
  position: absolute;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  right: 0;
  top: -100px;
}
div#governing1 .item, div#governing2 .item {
    margin: 0px 2px;
}
.partners {
  padding: 65px 0;
}

.partnerouter {
  text-align: center;
  padding: 5px;
  background: #f9f9f9;
}
.partnerouter p {
  font-weight: 500;
  padding: 8px 0;
}

.sopnsor img {
    width: 30%;
    height: 100%;
    margin-right: 10px;
}
.who-we-wre ul {
  padding-left: 30px;
  padding-bottom: 20px;
}
.who-we-wre ul li {
  list-style-type: disc;
}
.topabloutright{
  width: 100%;
}
section.outnumber {
  padding: 60px 0 30px;
}


.newsslider {padding: 65px 0px 65px;}
.newsouter {background: url(../images/keyprogram-back.png);background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 12px;overflow: hidden;}
.mewsrightintext img {
  max-width: 57px;
  margin-bottom: 30px;
}
.mewsrightintext {
  padding: 60px 120px 60px 80px;
  height: 100%;
}
.mewsrightintext h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
  text-align: left;
  color: #0A466B;
}

div#newsslider .owl-dots {
  width: 100%;
  display: flex !important;
  justify-content: center;
}
div#newsslider .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: #bfc9d0;
  display: block;
  margin: 5px 3px;
  border-radius: 50%;
  text-align: center;
}
div#newsslider .owl-dots .owl-dot.active span {
  width: 16px;
  height: 16px;
  background: #0980BA;
}
.mewsrightinimg img {
  width: 100%;
}


.graybg{
  background-color: #F8F9FA;
}

.successstory .accordion{
  display: none;
}

.accordion-button {
  padding: 5px 16px;
  font-size: 21px;
}
#accordionExample .accordion-body {
  padding: 0;
}
.astext-block {
  background: #1a78b1;
  color: #fff;
  padding: 25px;
}


.supportouter .accordion{
  display: block;
}





















.videopic iframe{
  width: 100%;
  height: 400px;
}


.chatouter {
  position: fixed;
  right: 30px;
  z-index: 9999;
  bottom: 30px;
  text-align: right;
}
a.chatbutton{
  background-color: #14ae5c;
  padding: 15px;
  display: inline-block;
  margin-top: 15px;
}
a.chatbutton {
  background-color: #14ae5c;
  padding: 8px 15px;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  border-radius: 7px;
}
.livechatpic.hide{
  display: none;
} 






.supportouter h2#headingOne button{
  background: url(../images/video-bg1.jpg) no-repeat 0 0;
  background-size: cover;
}

.supportouter h2#headingTwo button{
  background: url(../images/video-bg2.jpg) no-repeat 0 0;
  background-size: cover;
}

.supportouter h2#headingThree button{
  background: url(../images/video-bg3.jpg) no-repeat 0 0;
  background-size: cover;
}
.supportouter #accordionExample1 .accordion-body {
  padding: 14px;
  background-color: #fff;
  box-shadow: 0 0 24px #e9e9e9;
}
.supportouter #accordionExample1 .accordion-body h3 {
  font-size: 21px;
  padding: 0 0 0 11px;
}

.set-3:hover img.cog-3, .set-2:hover img.cog-2 , .set-1:hover img.cog-1{
  animation: none;
}

.videotestimonials {
  padding: 80px 0 80px;
}

.testiinner iframe {
  width: 100%;
  height: 400px;
}

.testiinner h3{
  font-weight: 300;
  font-size: 24px;
  line-height: 150%;
  color: #ffffff;
  margin-top: 15px;
}
.testiinner h3 span{
  display: block;
  font-weight: 300;
  font-size: 16px;
  line-height: 130%;
  color: #ffffff;
  margin-top: 10px;
}

.supportouter dt {
  cursor: pointer;
  font-weight: 600;
  font-size: 21px;
  line-height: 33px;
  background: #e3e3e3;
  padding: 12px 18px;
  margin: 0 0 5px;
  border-radius: 6px;
  color: #fff;
}
.supportouter dd {
  margin: 0;
  padding: 2px 12px 12px 12px;
  background-color: #fff;
  margin-bottom: 10px;
  box-shadow: 0 0 24px #e9e9e9;
}
.supportouter dt:first-child {border-top: none;}
.supportouter dt:nth-last-child(2) {border-bottom: none;}
.supportouter .hide {display: none;}

.supportouter dt.firstvideo{
  background: url(../images/video-bg1.jpg) no-repeat 0 0;
    background-size: cover;
}
.supportouter dt.secondvideo{
  background: url(../images/video-bg2.jpg) no-repeat 0 0;
    background-size: cover;
}
.supportouter dt.thirdvideo{
  background: url(../images/video-bg3.jpg) no-repeat 0 0;
    background-size: cover;
}


/* changes on 03-04-2025 */
.ourprogramsec {
  background: transparent;
  padding: 65px 0 45px;
}
.focusare {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  transition: .5s ease-in-out all;
  margin: 0px 0px;
}
.focusare img{opacity: 1;transition: .5s ease-in-out all;}
.focusare:hover img {opacity: .5;transition: .5s ease-in-out all;}
.focusare:hover {transform: scale(1.1);}
div#focusareas .owl-stage-outer {padding: 40px 0px;}
.keyfocusarea {padding: 51px 0 0;}
.keyfocusarea p {max-width: 900px;margin: 0 auto;}
.slidercont {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  padding: 100px 25px 50px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.13) 47.79%, rgba(0, 0, 0, 0.5) 71.12%, rgba(0, 0, 0, 0.8) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: .3s ease-in-out all;
}

.showcontent {display: none;}

.showcontent p {color: white;font-size: 16px;line-height: 23px;}
.showcontent a {color: white;}
.showcontent ul {padding: 0px;margin-bottom: 25px;}
.showcontent ul li{color: white;font-size: 16px;line-height: 30px;list-style: none;position: relative;padding-left: 30px;}
.showcontent ul li::after{content: "\e92c";font-family: 'icomoon' !important;position: absolute;font-size: 20px;top: 0;left: 0;color: #fff;}
.showcontent ul li i {
  font-size: 20px;
  line-height: 20px;
  margin-right: 8px;
  display: inline-block;
}
.showcontent a {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: #0980BA;
  border-radius: 50%;
}

.ourprogramsecinner .row {
  margin-top: 25px;
}
.slidercont h3 {
  font-weight: 300;
  font-size: 24px;
  line-height: 150%;
  color: #fff;
}
.slidercont a:hover{color: #fff;}

.contactout h3 {
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  color: #494949;
  min-height: 90px;
}
.contactout h3 span{
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #266F9C;
  padding-bottom: 10px;
}


.testiinnerbigimg{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.testiinnerbigimg img {
  width: 100%;
}
.testiinnerimg {
  position: relative;
}
.testiinnerimg img {
  width: 100%;
  height: 640px;
  object-fit: cover;
}
.bigimgcontent {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 25px 38px;
  background: linear-gradient(0deg, black, transparent);
}
.bigimgcontent a.blinkicon img {
  width: 70px;
  height: 70px;
}
.testiinnerbigimg img {
  height: 705px;
  object-fit: cover;
}
.testiinnersmallimg img {
    height: 345px;
    object-fit: cover;
}


.video-play-button {
  position: relative;
  z-index: 10;
  box-sizing: content-box;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffffff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffffff;
  border-radius: 50%;
  transition: all 200ms;
}
 
.video-play-button:hover:after {
  background-color: darken(#ffffff, 10%);
}
 
.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}
 
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 18px solid #060606;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: 3px;
  top: 0px;
}
 
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.keyprogramevents .focusare .slidercont {
  background: linear-gradient(180deg, rgba(8, 148, 237, 0) 0%, rgba(0, 87, 105, 0.68) 41.35%, rgba(0, 80, 31, 0.9) 84.94%);
  height: 140px;
  transition: .2s ease-in-out all;
}
.keyprogramevents .focusare:hover .slidercont {
  background: linear-gradient(180deg, rgba(8, 148, 237, 0.85) 0%, rgba(0, 78, 30, 0.9) 100%);
  height: 100%;
}
.keyprogramevents .focusare .slidercont h3{
font-weight: 500;
font-size: 26px;
line-height: 100%;
color: #fff;
padding-bottom: 24px;
}
.keyprogramevents .focusare .slidercont .showcontent1 p {
  font-size: 22px;
  line-height: 32px;
  color: #fff;
}
.keyprogramevents .focusare .slidercont .showcontent1 a {color: #fff;}
.focusare img {width: 100%;}

.text-block-left {position: relative;}
.textblockhading {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(18, 110, 157, 0) 0%, rgba(10, 70, 107, 0.75) 50%);
  padding: 30px 35px 70px;
}
.textblockhading h3{font-weight: 400;font-size: 40px;line-height: 36px;color: #fff;}
.textblocktextimg img {
  min-width: 52px !important;
  max-width: 52px !important;
  position: static !important;
  transform: none !important;
  margin-right: 25px;
}


.flexbox-slider .flexbox-slide .text-block-left img {
  position: static;
  width: 100%;
  transform: none;
  height: 638px;
  object-fit: cover;
}
.flexbox-slider .flexbox-slide .text-block {background: #216893;}
.text-block-texttop {
  padding: 25px 25px;
  background: #08466B;
}
.text-block-texttop p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
}
.text-block-right iframe {
  width: 100%;
  height: 365px;
  margin-bottom: -10px;
}
.flexbox-slider .flexbox-slide .text-block .text-block-right h3{
font-weight: 600;
font-size: 35px;
line-height: 40px;
background: #083F61;
color: #fff;
padding: 15px 15px;
}
.flexbox-slider .flexbox-slide .text-block .text-block-right h3 span{
font-weight: 500;
font-size: 20px;
line-height: 100%;
position: relative;
top: -4px;
}
.text-block-text h4{
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  padding-bottom: 0px;
}
.text-block-text p{
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  padding-bottom: 0px;
}
.text-block-text {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #216893;
}

.btn {
  border: 2px solid #ffffff;
  cursor: pointer;
  position: relative;
  z-index: 0;
  transition: 1s;
}
.btn::before, .btn::after {
  position: absolute;
  background: #ffffff;
  z-index: -1;
  transition: 1s ease-in-out all;
  content: '';
}
.btn::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 120px;
  width: 101%;
}
.btn::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 101%;
  width: 100px;
}
.btn:hover::before {
  height: 0px;
  background: #fff;
}
.btn:hover::after {
  width: 0px;
  background: #fff;
}
.btn:hover {
  border: 2px solid #2074f0;
}



.keyprogram{position: relative;}
.keyprogram h2{text-align: center;}
.govprogramcont img {border-radius: 12px;}
.govprogramcont {position: relative;}
.govprogramtext {position: absolute;bottom: 15px;left: 15px;right: 15px;background: rgba(255, 255, 255, 0.95);padding: 20px 65px 20px 20px;border-radius: 12px;transform: translateY(125%);transition: .8s ease-in-out all;}
.govprogramtext h4{font-weight: 300;font-size: 24px;line-height: 150%;color: #000;margin-bottom: 10px;}
.govprogramtext p{color: #121212;padding: 0px;}
.govprogramtext a {position: absolute;top: 20px;right: 20px;width: 32px;height: 32px;display: inline-block;}
.keyprogback{background: url(../images/keyprogram-back.png);background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 370px;}
div#govermentprogram .owl-item.center .govprogramcont .govprogramtext,div#govermentprogram2 .owl-item.center .govprogramcont .govprogramtext, div#govermentprogram3 .owl-item.center .govprogramcont .govprogramtext {transform: translateY(0%);}
div#govermentprogram .owl-nav, div#govermentprogram2 .owl-nav, div#govermentprogram3 .owl-nav {display: flex;align-items: center;justify-content: center;width: 100%;margin-top: 50px;}
div#govermentprogram .owl-nav button, div#govermentprogram2 .owl-nav button, div#govermentprogram3 .owl-nav button {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 20px;background: rgba(255, 255, 255, 1);border-radius: 50%;color: #000;border: 1px solid #D4D4D4;margin: 0px 5px;}


div#testimonials .owl-nav {display: flex;align-items: center;justify-content: center;width: max-content;margin-top: 50px;position: absolute;left: -52%;bottom: 50%;}
div#testimonials .owl-nav button {width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;font-size: 30px;background: rgba(255, 255, 255, 1);border-radius: 50%;color: #000;border: 1px solid #D4D4D4;margin: 0px 5px;}

.modal-body iframe{width: 100%;height: 800px;}
.modal-body button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 99;
}

.footerlogo {
  display: inline-block;
  width: 118px;
  margin-bottom: 40px;
}


/* box 3d effect */
.box {perspective: 1000px;z-index: 99;border: 0px !important;}
.boxcont {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;}
.boxcont .back, .boxcont .front{position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 50%;}
.boxcont .front{background-color: #bbb;color: black;padding: 18px;display: flex;justify-content: center;align-items: center;}
.boxcont .back {background-color: dodgerblue;color: white;transform: rotateY(180deg);padding: 18px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.box:hover .boxcont {transform: rotateY(180deg);}

.boxcont .front h4 {font-size: 20px;line-height: 28px;color: #fff;}
.boxcont .back h2 {font-size: 17px;padding: 0px 0px 6px;line-height: 26px;color: #fff;}
.boxcont .back p {font-size: 14px;line-height: 19px;font-weight: 400;padding: 0px;}

.set-1 .boxcont .front {background-color: #40771A;}
.set-1 .boxcont .back {background-color: #40771A;}

.set-2 .boxcont .front {background-color: #0980BA;}
.set-2 .boxcont .back {background-color: #0980BA;}

.set-3 .boxcont .front {background-color: #B71115;}
.set-3 .boxcont .back {background-color: #B71115;}


form.contactform {margin-top: 15px;}
.contactform label {font-size: 18px;font-weight: 300;color: #858585;}
input.form-control, textarea.form-control {border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 6px;padding: 12px 15px;background: transparent;color: #fff !important;font-size: 15px;font-weight: 300;}
input.form-control::placeholder, textarea.form-control::placeholder{color: #fff;}

.form-control:focus {background-color: transparent;border: 1px solid #D9D9D9;outline: 0;box-shadow: none;}
textarea.form-control{resize: none !important;height: 70px;}
form.contactform button {font-size: 16px;font-weight: 500;background: #0A9F49;color: #fff;border: 0px;padding: 12px 40px;border-radius: 6px;width: 100%;border: 1px solid #0A9F49; transition: all 0.5s ease-in-out 0s;}
form.contactform button:hover {background-color: #078a3e;}

section.contactmapsec {padding: 0px 0px 50px;}
.contactmapsecinner iframe {width: 100%;height: 450px;margin-bottom: -8px;}
.contactmapcont {border: 1px solid #DADADA;}
.contactmapsectext {padding: 100px 70px;}
.contactmapsectext h3 {font-size: 32px;color: #494949;font-weight: 300;}
.contactmapsectext ul li {padding-bottom: 35px;color: #494949;position: relative;padding-left: 45px;}
.contactmapsectext span {display: block;}
.contactmapsectext ul li i {position: absolute;left: 0px;top: 0px;font-size: 25px;}
.contactmapsectext img {margin-bottom: 40px;}



/* news sec design */
.customcontainer {
    max-width: 1440px;
}
section.newsbanner {
  margin-top: 128px;
  padding: 25px 0px 5px;
  border-bottom: 1px solid;
}
section.newssec {
  padding: 50px 0px;
}
.newslive {
  background: #F8F9FA;
  border-radius: 12px;
  overflow: hidden;
}
.newslive img {
  width: 100%;
}
.newslivetext {
  padding: 30px 35px;
}
.newslivetext h3 {
  font-size: 20px;
  line-height: 32px;
  color: #494949;
  font-weight: 500;
  padding: 0px;
}
.newsdate {
  font-size: 14px;
  font-weight: 400;
  margin: 4px 0px 10px;
  color: #757575;
}
.newsdate span {
  color: #12709e;
}
h4.newsheading {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 25px;
}
h4.newsheading span {
  display: block;
  padding: 0 0 4px;
  font-size: 18px;
  line-height: 22px;
  color: #DC1A21;
  font-weight: 300;
}
.recentnewscont h4 {
  font-size: 20px;
  line-height: 30px;
  color: #494949;
  font-weight: 500;
  padding: 0px;
}
.recentnews {
  margin-top: 70px;
}
.recentnewscont img {
  margin-bottom: 25px;
}
.recentnewscont {
  margin-bottom: 25px;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
.recentnewstext {
  padding: 0px 0px 25px 0px;
}
.newsmenu ul {
  padding-left: 0px;
}
.newsmenu ul li {
  list-style: none;
  padding: 0px 0px 10px 30px;
  font-size: 20px;
  position: relative;
  transition: .3s ease-in-out all;
}
.newsmenu ul li a {
    color: #494949;
}
.newsmenu ul ul {
  padding-left: 0;
  padding-top: 15px;
  padding-bottom: 0;
}
.newsmenu ul ul li a {
  font-size: 17px;
}
.newsmenu ul li::after {
  content: "\F135";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0;
  top: 5px;
}
.newsmenu ul li:hover a {
  color: #DC1A21;
}
ul.newslinks {
  padding: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0px 0px 50px;
  flex-wrap: wrap;
}
ul.newslinks li {
  list-style: none;
  margin-right: 12px;
}
ul.newslinks li a {
  font-size: 14px;
  line-height: 22px;
  border: 1px solid #757575;
  border-radius: 30px;
  padding: 10px 20px;
  color: #757575;
  font-weight: 400;
  transition: .2s ease-in-out all;
  display: inline-block;
  margin-bottom: 10px;
}
ul.newslinks li.active a, ul.newslinks li a:hover {
  background: #DC1A21;
  border-color: #DC1A21;
  color: #fff;
}

section.whowearesec .testiinnerbigimg img {
  min-height: 450px;
  height: auto;
}
.whowearesectext img {
    display: block;
    margin-top: 30px;
}
section.whowearesec .video-play-button{margin-right: 30px;}

section.ourpurposesec {
  background: url(../images/our-purpose.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.bluelayer {
  content: "";
  width: 100%;
  height: 79%;
  background: linear-gradient(180deg, rgba(7, 58, 106, 0) 0%, rgba(7, 61, 106, 0.5) 42.65%, rgba(4, 52, 124, 0.88) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.ourpurposesectext {
  color: #fff;
  text-align: center;
}
.ourpurposesectext h2 {color: #fff;}
.ourpurposesecinner {
  padding: 410px 0px 70px;
}
.mapimagesec {
  margin-top: 50px;
}
.mapimagesec img{width: 100%;}
.mapimageinner {
  position: relative;
  max-width: 550px;
  margin: 0 auto;
  height: 100%;
}
.mapimageinner .mapimageinnerdiv{position: absolute;z-index: 1 !important;border-radius: 12px;}
.mapimageinner .mapimageinnerdiv img{transition: .2s ease-in-out all;}
.mapimageinner .mapimageinnerdiv:nth-child(1){width: 100%;max-width: 248px;z-index: 1;left: 0px;top: 107px;}
.mapimageinner .mapimageinnerdiv:nth-child(2){width: 100%;max-width: 261px;z-index: 2;left: 289px;top: 35px;}
.mapimageinner .mapimageinnerdiv:nth-child(3){width: 100%;max-width: 290px;z-index: 3;left: 131px;top: 237px;}
.mapimageinner span {
  width: 371px;
  height: 371px;
  background: #CEFFE3;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.mapimageinner .mapimageinnerdiv:hover{z-index: 9 !important;box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
.mapimageinner .mapimageinnerdiv:hover img{transform: scale(1.1);}
.mapimages1 {
  max-width: 236px;
}
.mapimages2 {
  max-width: 470px;
  margin: 0 auto;
}

.missvisscont img {
  width: 100%;
}
.missvisscont{position: relative;}
.missvisscont .video-play-button {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
.missvisstext {
  height: 100%;
  background: #0A49A0;
  padding: 50px 50px;
  display: flex;
  align-items: flex-end;
  color: #fff;
}
.missvisstext.darkblue{background: #013E8F;}
.missvisstextinner h4 {
  padding: 0px 0px 15px;
}
.missvisstextinner img {
  margin-bottom: 50px;
  height: 64px;
}
.bodygoverner{background-color: #fff;}
.partnerimg a{
  display: inline-block;
  max-width: 166px;
  margin: 0 auto;
}
section.partnerssec {
  background: #FBFBFB;
}
div#partnerslider {
  margin-top: 30px;
}
.partnerimg img {
  filter: grayscale(1);
  transition: .3s ease-in-out all;
}
.partnerimg:hover img {
  filter: grayscale(0);
}

div#partnerslider .owl-nav {
  /* display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  margin-top: 0px;
  position: absolute;
  top: -100px;
  right: 0; */
  display: none;
}
/* div#partnerslider .owl-nav button{
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  color: #000;
  border: 1px solid #D4D4D4;
  margin: 0px 5px;
} */





/* landing design css */
.recentnewstext h4 a {
    color: #494949;
}
.recentnewstext h4 a:hover{
   color: #DC1A21;
}
.landingbanner:after{
  display: none;
}
.landingcont {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-bottom: 50px;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(12,0,27,1));
    padding-top: 300px;
}

.landingcont h4 {
    font-weight: 300;
    font-size: 18px;
}
.landingcont h4 span {
    font-weight: 600;
    color: #FED130;
}
.landingcont h1 {
    color: #fff;
    width: 750px;
    font-size: 45px;
    line-height: 50px;
    padding: 10px 0 0;
    font-weight: 300;
}
.landingcont h1 span {
    color: #fff;
    display: inline-block;
    font-size: 45px;
    font-weight: 600;
}
a.greenbuton {
    background: #0A9F49;
    color: #fff;
    padding: 16px 30px;
    font-size: 22px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 12px;
    margin-bottom: 10px;
}

a:hover.greenbuton{
   background: #0845B5;
}

.landingabout{
  padding: 90px 0;
}
.benifitleft {
    background: #0A9F49;
    padding: 50px 50px 50px 2%;
    width: 50%;
    color: #fff;
}
.landingout {
    display: flex;
    justify-content: space-between;
}

.benifitleft h2{
  color: #fff;
}

.sectiontabs{position: relative;}
.sectiontabs .tab-content{margin-top: 35px;}
.sectiontabs .nav.nav-pills {
  position: absolute;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  right: 0;
  top: -100px;
}
.sectiontabs .nav.nav-pills .nav-item{
  margin-left: 0px;
  position: relative;
}
.sectiontabs .nav.nav-pills .bottomline{
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #DC1A21;
  transition: left 0.2s ease, width 0.2s ease;
}
.sectiontabs .nav.nav-pills button {
  background: transparent;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 1rem;
  margin: 0px;
  color: #000;
}
.sectiontabs .nav.nav-pills button.active {
  font-weight: normal;
  color: #DC1A21;
}



.aboutleftlection {
    width: 42%;
}
.aboutrightlection {
    width: 50%;
}
a.aboutbutton {
  margin-top: 10px;
  color: #494949;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 42px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #494949;
  width: max-content;
}
a.aboutbutton:hover {border-color: #DC1A21;color: #DC1A21;}
section.whowearesec {margin-top: 120px;background: #EFF4F8;}
.ourstoryimages {width: 620px;height: auto;min-height: 566px;position: relative;margin: 0 auto;}
.ourstoryimages img {width: 100%;height: auto;object-fit: cover;}
.ourstotyimg1 {position: absolute;top: 0;right: 48px;animation: bounce 2s infinite;	-webkit-animation: bounce 2s infinite;-moz-animation: bounce 2s infinite;-o-animation: bounce 2s infinite;}
.ourstotyimg2 {width: 345px;position: absolute;bottom: 0;left: 20px;animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;-moz-animation: bounce 2s infinite;-o-animation: bounce 2s infinite;animation-delay: 1s;}
@-webkit-keyframes bounce {
	0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}
@-moz-keyframes bounce {
	0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}
@-o-keyframes bounce {
	0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}
@keyframes bounce {
  0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}

.ourstorytext {padding-left: 40px;}
.ourstorytext p.storytxt {font-size: 14px;line-height: 150%;color: #757575;}
.ourstorytext ul li {
background: #fff !important;
box-shadow: 0px 4px 40px 0px #0021351A;
padding: 20px 20px 20px 70px;
border-radius: 20px;
position: relative;
font-size: 16px;
line-height: 26px;
color: #494949;
margin-bottom: 20px;
min-height: 92px;
}
.ourstorytext ul li img {
position: absolute;
left: 20px;
top: 23px;
}
.outtxtblue {margin-top: 30px;}
.outtxtblue p{font-size: 17px;line-height: 28px;padding: 0px;font-style: italic;color: #126E9D;padding-right: 40px;font-weight: 500;}
.mapcontent .numbersection {
  padding: 0px;
}

.mapcontent .numbersection ul {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;width: 300px;}
.mapcontent .numbersection ul li {
width: 50%;
padding: 20px;
color: #121212;
margin-bottom: 0px;
text-align: left;
line-height: 20px;
font-size: 14px;
font-weight: 400;
box-shadow: none;
transition: none;
background: transparent;
background-size: auto;
background-position: unset;
border-radius: 0px;
border-bottom: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
min-height: 120px;
cursor: initial;
}
.mapcontent .numbersection ul li:nth-child(2){border-right: 0px;}
.mapcontent .numbersection ul li:nth-child(4){border-right: 0px;}
.mapcontent .numbersection ul li:nth-child(5){border-bottom: 0px;}


.mapcontent .numbersection ul li h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #126E9D;
    padding: 8px 0px 0px;
}
.aboutmapinner {
    position: relative;
}
.mapcontent {
    position: absolute;
    bottom: 0;
    right: 0;
}
section.aboutmapsec {
background: url(../images/map-back-img.jpg) no-repeat center center;
background-size: cover;
padding: 50px 0px;
}
.mainmap {
  width: 660px;
  margin-left: 30%;
  position: relative;
  z-index: 9;
}
.mainmap .video-play-button span.mapplay {display: none;}
.outerpointer{
   position: absolute;
    top: 344px;
    right: 181px;
}
.pointer {
   position: relative;
}
.mainmap .video-play-button:after {width: 10px;
    height: 10px;
}
.mainmap .video-play-button:before {width: 20px;
    height: 20px;
}
.pointtext {
  position: absolute;
  height: auto;
  left: 27px;
  background: url(../images/bendline.png) no-repeat 0 15px;
  display: block;
  top: 0;
  width: 200px;
  display: none;
}
.pointtext .pointtextinr {
  background: #fff;
  color: #000;
  padding: 0px 0px;
  border-radius: 6px;
  box-shadow: 0px 0px 7px rgb(143 142 142 / 57%);
  position: relative;
  top: 60px;
  overflow: hidden;
}
.pointtext .pointtextinr p {
  font-size: 16px;
  padding: 10px;
  line-height: 18px;
}
.pointer a:hover span.mapplay {display: none !important;}
.outerpointer2 {right: 134px;top: 277px;}
.outerpointer3 {right: 105px;top: 277px;}
.outerpointer4 {right: 76px;top: 254px;}

.innerpagesbanner {
  background: url(../images/innerbanenrimage.jpg) no-repeat 0 0;
  background-size: cover;
  margin-top: 120px;
  position: relative;
  z-index: 1;
}
.innerpagesbanner::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(360deg, rgba(0, 25, 39, 0.8) 23.72%, rgba(0, 70, 112, 0.8) 117.06%);
  z-index: -1;

}
.innerpagesbannerinner {
  /* min-height: 586px; */
  padding: 50px 0;
}
.innerpagesbannertext {
  padding: 40px 0 80px;
  max-width: 590px;
  /* min-height: 510px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.innerpagesbannertext h1 {
  color: #fff;
  font-size: 64px;
  line-height: 97%;
  font-weight: 300;
}
.innerpagesbannertext p {
  color: #fff;
}
.innerpagesbannertext a {
  background: #0A9F49;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 42px;
  margin-top: 20px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #0A9F49;
  width: max-content;
}
.innerpagesbannertext a:hover {
  background-color: #078a3e;
}
.who-we-wre h2 {
  color: #fff;
}
.who-we-wre h2 span {
  color: #fff;
}

section.contactinformation {
  padding: 50px 0px;
}
.contactinformationinner ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contactinformationinner ul li {
  width: 32%;
  padding: 50px 40px;
  text-align: center;
  margin: 0px .5%;
  background: #E8F1F6;
  border-radius: 12px;
  min-height: 360px;
}
.contactinfocont h3 {
  font-size: 20px;
  line-height: normal;
  color: #121212;
  font-weight: 400;
}
.contactinfocont img {
  width: 64px;
  height: auto;
  margin-bottom: 25px;
}
.contactinfocont p {
    color: #126E9D;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
}
.contactinfocont p a {color: #126E9D;}
.contactinfocont p a:hover {color: #DC1A21;}

.eventsprogcont .govprogramtext {
  padding: 24px 90px 28px 110px;
}
.eventsprogcont .govprogramtext h5.govtextdate {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 18px;
  line-height: 24px;
  color: #494949;
  font-weight: 400;
  background: #fff;
  padding: 16px 15px;
  border: 1px solid #EBEBEB;
  border-radius: 12px;
  text-align: center;
}
.eventsprogcont .govprogramtext h5.govtextdate span {
  font-size: 32px;
  display: block;
  color: #DC1A21;
}
.eventsprogcont .govprogramtext h4 {
  font-weight: 400;
  font-size: 20px;
  color: #000;
  line-height: normal;
}
.eventsprogcont .govprogramtext p {
  font-size: 16px;
  line-height: 26px;
  color: #494949;
}
.eventsprogcont .govprogramtext h4 span {
  display: block;
  font-size: 12px;
  color: #757575;
  font-weight: 400;
}
.eventsprogcont .govprogramtext h4 span i {
  margin-right: 5px;
}

.eventslistseccontimage {
  position: relative;
}
.eventslistseccontimage img {
  width: 100%;
}
.eventslistsecconttext h4 {
  font-size: 20px;
  line-height: normal;
  color: #121212;
  padding-bottom: 20px;
  min-height: 80px;
}
.eventslistsecconttext h5 span {
  color: #757575;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  margin: 0px 10px 10px 0px;
}
.eventslistsecconttext h5 span i {margin-right: 5px;}
.eventslistsecconttext a i {
    font-size: 30px;
    display: inline-block;
    margin-right: 5px;
}
.eventslistsecconttext a {display: flex;align-items: center;}
.eventslistseccont {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 5px 18px 0px #6a6a6a1a;
  margin-bottom: 25px;
}
.eventslistsecconttext {
  padding: 20px;
  background: #fff;
}
.eventslistseccontimage h5.listeventdate {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 18px;
  line-height: 24px;
  color: #494949;
  font-weight: 400;
  background: #fff;
  padding: 16px 15px;
  border: 1px solid #EBEBEB;
  border-radius: 12px;
  text-align: center;
}
.eventslistseccontimage h5.listeventdate span {
  font-size: 32px;
  display: block;
  color: #DC1A21;
}
.listeventbutton {text-align: center;}
.listeventbutton a {
  background: #0A9F49;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 42px;
  margin-top: 50px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #0A9F49;
  width: max-content;
}
section.eventsvideotesti {
  background-color: #FBFBFB;
}

section.eventdetails {
  padding: 40px 0px 40px;
  margin-top: 120px;
  background: #EFF4F8;
}

section.eventdetails nav.mainbreadcrumb .breadcrumb-item+.breadcrumb-item::before{color: #757575;}
section.eventdetails nav.mainbreadcrumb li.breadcrumb-item {color: #757575;line-height: 25px;}
section.eventdetails nav.mainbreadcrumb li.breadcrumb-item a{color: #757575;}
section.eventdetails nav.mainbreadcrumb li.breadcrumb-item a:hover{color: #757575;}
.eventpostdata {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eventpostdata span {
  font-size: 14px;
  font-weight: 400;
  margin-right: 25px;
}
.eventpostdata span i {margin-right: 10px;}
.eventpostdata p:nth-last-child(1) span:nth-last-child(1){margin-right: 0px;}
.eventpostdata span i {margin-right: 3px;}
.eventdetailsmaincont h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
}
.eventdetailsinner .row {
  margin-top: 30px;
}
.eventdetailsmaincont {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 40px 30px;
  border-radius: 12px;
  box-shadow: 0px 4px 10px 0px #0000000F;
}
.eventdetailsimage img {
  width: 100%;
  margin-bottom: 25px;
}
.applicationhere {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.applicationhere div {
  width: 50%;
}
.applicationhere div:nth-child(1) {
  padding-right: 50px;
}
.applicationhere div:nth-child(2) {
  padding-left: 50px;
  border-left: 1px dashed #B2B2B2;
}
.eventdetailstext h2 {
  font-size: 24px;
  color: #121212;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 10px;
}
.eventdetailstext ul {
  padding-left: 28px;
}
.eventdetailstext ul li {
  list-style: disc;
  font-size: 16px;
  color: #494949;
}
.eventdetailstext .eventdetailstextbtn {
  background: #0A9F49;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 42px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #0A9F49;
  width: max-content;
}
.eventdetailstext a:hover {background-color: #078a3e;}
ul.eventcategories {
  padding: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
ul.eventcategories li {
  list-style: none;
  width: max-content;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 8px 15px;
  background: #fff;
  border-radius: 30px;
  font-size: 14px;
  color: #494949;
}
ul.othersuchpost {
  padding: 0px;
}
ul.othersuchpost li {
  list-style: none;
  display: flex;
  margin-bottom: 15px;
}
ul.othersuchpost li img {
  max-width: 170px;
  height: auto;
  object-fit: cover;
}
ul.othersuchpost li .othersuchposttext {
  background: #fff;
  padding: 20px;
  border-radius: 0px 12px 12px 0px;
  width: 100%;
}
.othersuchposttext h6 {
  font-size: 18px;
  color: #121212;
  line-height: normal;
}
.signupform h2 {
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  color: #121212;
}
.eventdetailstext h2 span {
  font-size: 18px;
  color: #121212;
  line-height: normal;
  font-weight: 400;
  padding-bottom: 15px;
}
.signupform a {
  background: #0A9F49;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 42px;
  margin-top: 20px;
  border-radius: 6px;
  border: 1px solid #0A9F49;
  width: 100%;
  text-align: center;
  display: inline-block;
}
.signupform {
  padding: 30px;
  background: #fff;
  border-radius: 12px;
}
.eventdetailsinner ul {
  margin-bottom: 25px;
}
section.eventlistings {
  padding: 50px 0px 50px;
  background: #EFF4F8;
}
#eventlistings .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -69px;
  right: 0;
}
#eventlistings .owl-nav button {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  color: #000;
  border: 1px solid #D4D4D4;
  margin: 0px 5px;
}

/* ################################## tabs and accrodion style */
.tabbed-content {background: #fff;box-shadow: 1px 1px 6px #ccc;max-width: 600px;padding: 1em;margin: 1em auto;}
.tabs ul {margin: 0;padding: 0 0 1em 0;font-weight: bold;}
.tabs ul li {background: #eee;}
.tabs ul li a {padding: 0.5em 1em;}
.tabs ul li a:hover, .tabs ul li a.active {background: #444;color: #eee;}
.item {margin-bottom: 2px;}
.item::before {cursor: pointer;font-weight: bold;background: #eee;padding: 0.5em;display: block;}
.item.active::before {background: #444;color: #eee;}
.item.active .item-content {padding: 1em;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
@media all and (min-width: 800px) {
  .item.active .item-content {padding-top: 0;}
  .tabs-side .tabs li {margin-bottom: 2px;}


}
.tabbed-content .tabs {display: none;}
.tabbed-content .item {min-height: 2em;}
.tabbed-content .item::before {content: attr(data-title);}
.tabbed-content .item .item-content {opacity: 0;visibility: hidden;height: 0;display: none;}
.tabbed-content .item.active .item-content {opacity: 1;visibility: visible;height: auto;display: block;}
@media all and (min-width: 800px) {
  .tabbed-content .tabs {display: block;margin-bottom: 20px;}
  .tabbed-content .tabs li {display: inline-block;}
  .tabbed-content .tabs li a {display: block;}
  .tabbed-content .item {min-height: 0;}
  .tabbed-content .item::before {display: none;}
  .tabbed-content.tabs-side .tabs {width: 150px;float: left;}
  .tabbed-content.tabs-side .tabs li {display: block;}
  .tabbed-content.tabs-side .item {margin-left: 150px;}

}
.customtabssec article.tabbed-content {
width: 100%;
max-width: 100%;
box-shadow: none;
background: transparent;
padding: 0px;
margin: 0px;
}
.customtabssec .tabbed-content nav.tabs ul {
  border-bottom: 1px solid #E7E7E7;
  padding: 0px;
}
.customtabssec .tabbed-content nav.tabs ul li {
  background: transparent;
}
.customtabssec .tabbed-content nav.tabs ul li a {
  font-size: 16px;
  background: transparent;
  padding: 10px 15px;
  color: #000;
  font-weight: 400;
  border-bottom: 2px solid transparent;
}
.customtabssec .tabbed-content nav.tabs ul li a.active {
  color: #DC1A21;
  border-color: #DC1A21;
}
.item-content {
  padding: 0px !important;
}
ul.portfolioconttent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 1px;
  padding-left: 1px;
  box-sizing: border-box;
  max-width: 100%;
  margin: auto;
  box-shadow: inset 0 0 0 1px #E7E7E7;
}
ul.portfolioconttent li {
  width: calc(20% + 1px);
  margin-top: -1px;
  margin-left: -1px;
  padding: 30px 20px;
  border: 1px solid #E7E7E7;
  transition: all 0.2s;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  transition: .2s ease all;
}
ul.portfolioconttent li img{transition: .2s ease all;}
ul.portfolioconttent li:hover {
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
ul.portfolioconttent li:hover img {
  transform: scale(1.1);
}
section.portfoliocont {
  padding: 60px 0px 60px;
}
ul.portfolioconttent li span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  font-size: 12px;
  color: #494949;
  font-weight: 400;
  border: 1px solid #e7e7e7;
  padding: 10px;
  line-height: 13px;
  border-radius: 6px;
}
.customtabssec .tabbed-content .item::before {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  background-color: #f7f7f7;
  padding: 10px 15px;
}
.customtabssec .tabbed-content .item.active::before {
  background: #eee;
  color: #f90000;
  font-weight: 400;
}
span.eventtag {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  line-height: 20px;
  font-weight: 300;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2px);
  list-style: none;
  width: max-content;
  margin-bottom: 15px;
  padding: 6px 15px;
  border-radius: 8px;
  font-size: 14px;
  color: #000;
}
div#bluetextslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  padding: 15px 0px 15px 15px;
  background: #fff;
}
div#bluetextslider .owl-dots button {
  margin-bottom: 8px;
  padding: 2px !important;
  border: 1px solid;
  border-color: transparent;
  border-radius: 50%;
}
div#bluetextslider .owl-dots button.active {
  border-color: #126E9D;
}
div#bluetextslider .owl-dots button span {
  width: 5px;
  height: 5px;
  display: block;
  background: #126E9D;
  border-radius: 50%;
}
.locationmodalcont {
  width: 380px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}
.locationmodalcont .locmodaltext {
  padding: 20px 25px;
}
.locationmodalcont .locmodaltext h3 {
  font-size: 30px;
  line-height: normal;
  color: #494949;
  padding-bottom: 10px;
  line-height: 30px;
}
.locationmodalcont .locmodaltext ul li {
  font-size: 16px;
  line-height: 25px;
}
.locationmodalcont {
  display: none;
  left: -100%;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 99;
}
.locationmodalcont.show {
  left: 0;
  opacity: 1;
}
span.close-location {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 26px;
  cursor: pointer;
}
.floatingnav {
  position: relative;
}
.floatingnav nav.tabs {
  position: absolute;
  top: -80px;
  right: 0;
}
.floatingnav .tabbed-content nav.tabs ul {
  border-bottom: 0px;
}