a,a:focus{border:none !important; outline-offset: 0px !important; outline: none !important;} 
a{text-decoration:none !important;}
button:focus{outline: none !important;} li{list-style-type: none; display:inline;}
body{margin:0 !important;}

/* navbar */
.navbar-toggler {position:relative; margin-top:8px;margin-bottom:8px;background-color: #3d372b; padding: 9px 14px !important;
 border:1px solid #f79f00 !important; margin-left:110px; color:#fff !important; border-radius: 0%;}
.navbar-toggle .icon-bar { background-color: #fff !important;} .navbar-light .navbar-nav .nav-link { color: #fff !important;}
.navbar-light{background-color: #00000091; border-radius: 30px; font-family: SaranaiGame;}
.navbar-light .navbar-nav .active > .nav-link{ color: rgb(255, 153, 0) !important; font-size: 15px; font-weight: bold;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color:rgb(255, 153, 0)!important;}
.navbar-nav>li>a{padding: 10px 60px !important; color:#000; font-size: 14px; font-weight: lighter;} .side>ul>li{display:block; padding: 10px 0px;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff!important;text-decoration: none;background-color: #f8f9fa00 !important;}
.dropdown:hover>.dropdown-menu{display: block; top: 90%;}
.dropdown-item { padding: 2px 10px !important; text-shadow: none; line-height: 25px;} 
.dropdown-menu a{text-align: center;}
.dropdown-item.active, .dropdown-item:active{color:#fff !important;background-color:#7b7b7b;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff !important; background-color: #686868 !important;}
.ftr li{display: block; padding: 2px; font-weight: bold;} .ftr>li>a{color: #ffffff !important;}

/* #banner { position: relative;height: -webkit-fill-available;width: 100%;overflow: auto;}
 #videobcg {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;height: inherit; width: inherit; padding-bottom: 90px; z-index: -150;}
*/

#banner { position: relative;height:640px;width:100%;overflow: hidden;}
#videobcg {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;height:auto;width:auto;z-index: -100;}

.bckimg{background:url("../image/banner3.jpg"); background-position: center; background-size: cover;}
.bckimg1{background:url("../image/pattern.png"); background-position: center; background-size: cover;}
.bckimg2{background:url("../image/rmbg3.jpg"); background-position: center; background-size: cover;}
.bckimg3{background:url("../image/footer.png"); background-position: center; background-size: cover;}
.bckimg5{background:url("../image/banner11.jpg"); background-position: center; background-size: cover;}
.bckimg6{background:url("../image/worldMap.jpg"); background-position: center; background-size: 2021px;}
.bckimg7{background:url("../image/banner11.jpg"); background-position: center; background-size: cover;}
.bckimg8{background:url("../image/worldMap.jpg"); background-position: center; background-size: 500px;}
.bckimg9{background:url("../image/1.jpg");background-position: center;background-size: cover;}
.bckimg10{background:url("../image/ant1.png"); background-position: center; background-size: cover; border: none; font-size: 17px;}

/*scroll to top*/
#scroll {position:fixed; right:10px; bottom:50px; cursor:pointer; width:50px; height:50px; background-color:#3498db; text-indent:-9999px;
 display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px }
#scroll span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover { background-color:#e74c3c; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

.im1{width:350px; height:400px;} .im2{width:50px; height:50px;} .im3{width:100%; height: 750px;} .im4{width:300px; height:300px;} .im5{width:100%; height: 650px;} 
.thumb6 > img {width: 15% !important;} .lef{text-align: end !important;}
.m1{margin-top: 150px !important; text-align: center;} 
.m2{margin-top: 70px; text-align: center; font-size: 12px;}
.bc1{background-color:#0c0228;} .bc2{background-color:#e6e6e6;}
.bc3{background-color: #ce6a00;} .bc4{background-color: #c1be00;} .bc5{background-color: yellowgreen;}
.lh{line-height: 35px;} .lh1{line-height: 30px;} .brdr{border: 2px solid rgb(138, 127, 107); background-color: white;} 
.imgthumb{background-color: #5c7e09 !important; border: 3px solid hwb(198deg 0% 0%) !important;}
.c1{color: #fff !important;} .c2{color: #ffc107;} .c3{color:#ffc800 !important;}
.bttn{background-color:#040e4699; line-height: 25px; padding: 15px 20px 15px 20px; border-color: white; border-width: 3px; border-radius: 0px 0px 35px 35px; font-size: 10px;}
.bttn1{background-color:#e49815; line-height: 30px; padding-left: 10px; padding-right: 25px; border-color: rgb(0, 0, 0); border-width: 3px; border-radius: 30px;}
.bttn2{background-color:#040e4699; line-height: 30px; padding: 5px 15px 10px 15px; border-color: white; border-width: 3px; border-radius: 0px 0px 35px 35px; font-size: 20px; margin-left:10px;}

.abt1{background-color: #dbdbdb9c;border-radius: 0px 150px 0px 150px;} .mr1 {margin:60px 80px !important;}
.abt2{background-color: #bf83839c;border-radius: 0px 150px 0px 150px;} .mr2 {margin:60px 80px !important;}
.abt3{background-color: #bbb1b19c;border-radius: 0px 150px 0px 150px;} .mr3 {margin:60px 80px !important;}
.f1 { font-family: SaranaiGame;} .fnt{font-size: 20px;} .fntweight{font-weight: bold;}
.hid{overflow: hidden;}
/* Accordion */
.acc { margin: 0 auto; max-width: 100%  ; }
.acc__card { padding: 1em; position: relative; }
.acc__title { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); color: #212121; cursor: pointer; display: block;
  padding: 1em 1.5em; position: relative; text-align: left; border-radius: 30px; }
.acc__title::after { width: 8px; height: 8px; border-right: 1px solid #00c6fd; border-bottom: 1px solid #a80018; position: absolute;
  right: 25px; content: " "; top: 25px; transform: rotate(-45deg); transition: all 0.2s ease-in-out;}
.acc__title.active::after { transform: rotate(45deg); transition: all 0.2s ease-in-out;}
.acc__panel { background: #fff; color: #212121; display: none; margin: 0; padding: 2em; text-align: left; border-radius: 30px;}

/*tab*/
.tablink { background-color: #000000db; color: #fff; float: left; border: none; outline: none; cursor: pointer; padding: 15px 0px;
  font-size: 15px; width: 85% !important; margin: 10px 15px; }
.tablink:hover { background-color: #0006;}
.tabcontent { color: #fff; padding: 8px; text-align: center;}
#1 {background-color:red;}
#2 {background-color:green;}
#3 {background-color:blue;}
#4 {background-color:orange;}
#5 {background-color:red;}
#6 {background-color:green;}
#7 {background-color:blue;}
#8 {background-color:orange;}
#9 {background-color:red;}
#10 {background-color:green;}
#11 {background-color:blue;}

/*social*/
.ic2 { text-transform: uppercase; letter-spacing: 3px; padding: 4px;width: 200px; position: fixed;
  right: -163px;z-index: 1000;font: normal normal 10px Arial;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;
  -o-transition: all .25s ease;transition: all .25s ease;}    .ic2:hover {right: 0;}  .ic1{font-size: 25px; margin:6px;}
.ic2 a {color: #fff !important; text-decoration: none; text-align: center; line-height: 43px!important;vertical-align: top!important;}
.float-fb { top: 290px;background-color: #006bd0; color: #fff; border-radius: 30px;}
.float-tw{ top: 340px; background-color: #42b8f4; color: #fff; border-radius: 30px;}
.float-re{top: 390px;background-color: #7003f7; color: #fff; border-radius: 30px;} 
.float-te{top: 440px; background-color: #5eb2f7; color: #fff; border-radius: 30px;}

/*  Social Media Ends Here */
.scrollable-div { width: 700px !important; height: 500px; overflow-x: scroll; background-color: #292f33; display:inline-block;}

/*timeline*/
.timeline { display: flex; margin: 0 auto; flex-wrap: wrap; flex-direction: column; max-width: 47%; position: relative;}
.timeline__content-title { font-weight: normal; font-size: 17px; transition: .4s; padding: 70px;color: #fff;}
.timeline__content-desc { margin: 0; font-size: 15px; box-sizing: border-box; color: rgba(255, 255, 255, 0.7); font-weight: normal; line-height: 25px;}
.timeline:before {  position: absolute; left: 50%; width: 2px; height: 100%; margin-left: -1px; content: ""; background: rgba(255, 255, 255, 0.07);}
@media only screen and (max-width: 360px) { .timeline{max-width: 100%;} .timeline:before { left: 40px; }
.timeline-item::before { font-size: 20px !important; top:150px !important; } }
@media only screen and (max-width: 767px) { .timeline:before { left: 40px; } }
.timeline-item { padding: 50px 0; opacity: 1; filter: blur(0px); transition: .5s; box-sizing: border-box; width: calc(70% - 100px); display: flex;
  font-family: SaranaiGame; position: relative; transform: translateY(-50px); }
.timeline-item:before { content: attr(data-text); letter-spacing: 3px; width: 100%; position: absolute; color: #ffbf00; font-size: 35px;
  border-left: 2px solid #ffc107; top: 70%; margin-top: -5px; padding-left: 15px; opacity: 0; right: calc(-100% - 56px);}
.timeline-item:nth-child(even) { align-self: flex-end; }
.timeline-item:nth-child(even):before { right: auto; text-align: right; left: calc(-100% - 56px); padding-left: 0; border-left: none;
  border-right: 2px solid #ffc107; padding-right: 20px; }
.timeline-item--active { opacity: 1; transform: translateY(0); filter: blur(0px); }
.timeline-item--active:before { top: 38%; transition: .3s all .2s; opacity: 1; }
.timeline-item--active .timeline__content-title { margin: -50px 0 20px 0;}
@media only screen and (max-width: 767px) { .timeline-item { align-self: baseline !important; width: 100%; padding: 0 30px 200px 80px;}
  .timeline-item:before { left: 10px !important; padding: 0 !important; top: 50px; text-align: center !important; width: 60px;
  border: none !important; position: absolute !important; }
  .timeline-item:last-child { padding-bottom: 40px; } }
  .timeline__img { max-width: 100%; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4); }
  .timeline-container { width: 100%; position: relative; padding: 30px 0; transition: .1s ease 0s; background-attachment: fixed; background-size: cover; }
.timeline-container:before { position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; /* background: rgba(9, 70, 0, 0.7); */content: "";}
.timeline-header { width: 100%; text-align: center; margin-bottom: 80px; position: relative;}
.timeline-header__title { font-size: 35px; font-family: SaranaiGame; font-weight: normal; margin: 0;}
.timeline-header__subtitle { color: rgb(151, 198, 111); font-size: 16px; letter-spacing: 5px;
  margin: 10px 0 0 0; font-weight: normal; }

/*mouse*/
.mouse { position: absolute; width: 23px; height: 50px; bottom: 5px; left: 50%; margin-left: -12px; border-radius: 15px; border: 4px solid #c4ff00; -webkit-animation: intro 1s; animation: intro 1s;}
.scroll { display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background:#c4ff00; -webkit-animation: finger 0.2s infinite; animation: finger 1s infinite; }
@-webkit-keyframes intro { 0% { opacity: 0; transform: translateY(40px);} 100% { opacity: 1; transform: translateY(0); } }
@keyframes intro { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } }
@-webkit-keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(20px); } }
@keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(20px); } }

@media(min-width:360px) and (max-width:767px){ .mouse { display: none;} .navbar-light{ border-radius: 0;}
.navbar-light .navbar-nav .active > .nav-link {color: #bf7b00 !important;}
.navbar-light .navbar-nav .nav-link {color: #000 !important;} .t1{text-align: center !important;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color:#bf7b00 !important;}
.navbar-nav > li > a {font-size: 13px !important;} .timeline-header__title {font-size: 26px !important;} 
.bttn{font-size: 8px; border-radius: 30px; padding: 3px; margin:0px;} .bttn2{font-size: 16px !important;}  .scroll{display: none;}
.m1 ul{display: contents; width:50% !important;} .m1 ul > li{padding: 5px 5px 5px 5px;} .m1{margin-top: 25px !important;}
.m2 ul{display: contents;} .m2 ul > li>button>a{padding: 0px 35px 35px 15px;} .m2{margin-top: 130px; text-align: center;}
.p-5{padding:10px !important;} .pt-5{padding-top:5px !important;} .mt-4{margin-top:5px !important;} .mt-5{margin-top:5px !important;}
.m-5{margin:5px !important;} h5{font-size: 15px;}
.navbar-nav{background-color: white;} .disply{display: none;} .im3{width: 100%; height: 300px;} 
.tablink{font-size:15px; padding: 10px; width: 90%; margin:5px 0px;}
.bckimg{background:url("../image/banner4.jpg"); background-position: center; background-size: cover; height: 420px;}
.acc__title::after { right: 15px; top: 25px;} 
.abt1{margin:5px 0px;} .abt2{margin: 5px 0px;} .abt3{margin: 5px 0px;}
.mr1{margin: 10px !important; font-size: 16px;} .mr2{margin: 10px !important; font-size: 16px;} .mr3 {margin: 10px !important; font-size: 16px;}
#mychart{width: 100% !important; height: 300px !important;}
.scrollable-div { width: 100% !important; height: 500px; overflow-x: scroll !important; background-color: #292f33; display: inline-block;}
.timeline-item {padding: 0 30px 100px 50px;} .timeline-item::before {left: 0px !important;font-size: 8px !important;top: 60px !important;}
.timeline p{font-size: 10px !important;} #banner { height:575px;}
.bckimg10 {background:url("../image/ant1.png"); background-position: center; background-size: cover;border: none;font-size: 8px; 
padding: 14px !important;}
}

@media(min-width:768px) and (max-width:1349px){
 .p-5{padding:10px !important;} .pt-5{padding-top:5px !important;} .mt-4{margin-top:5px !important;} .mt-5{margin-top:5px !important;}
 .navbar-light .navbar-nav .active > .nav-link {font-size: 12px;} .im3{height:300px;}
.navbar-nav>li>a{padding:5px 20px !important; font-size: 12px;} .bttn{font-size: 9px !important;} .mouse { display: none;}
.tablink{font-size:15px; padding: 10px; width: 100%; margin:8px 0px;}
.leadership {display: inline flow-root list-item !important;} h2{font-size: 30px;} h5{font-size: 20px;}
.leadership .leader {max-width: 100% !important; margin:0 !important;} 
#mychart{max-width: 100% !important; height: 500px!important;} .lef{margin-top:30px !important;}
.bttn2 {line-height: 20px;padding: 5px 4px 10px 4px;border-radius: 0px 0px 35px 35px;font-size: 11px;}
.ftr > li > a {font-size: 11px;} .ftr1 >li>a{font-size: 11px;}
.m2 ul > li>button>a{padding: 0px 35px 35px 25px;}
.bckimg10 {background:url("../image/ant1.png"); background-position: center; background-size: cover;border: none;font-size: 15px;}
.dropdown-item {padding: 2px 15px !important;}
}
 
.mr{margin:0px 10px 15px -40px;}
.face{color: #3b3b98;} .insta{color:palevioletred;} .tele{color: #3498db;} .twit{color: #00c6fd;}
.link{font-size: 25px; padding: 5px;}
:root {
  /* --background: #f5f6fa; */
  --page-title: #3b3b98;
  --btn: #dcdde1;
  --btn-text: #b33771;
  --btn-text-hover: #dcdde1;
  --btn-bkg: #b33771;
  --btn-fill: transparent;
  --nav-bkg: rgba(245, 246, 250, 0.75);
  --nav-logo: #b33771;
  --nav-border: rgba(245, 246, 250, 0.2);
  --header-bkg: #3b3b98;
  --bio-text: #fff;
  --bio-bkg: #182c61;
  --bio-bkg-hover: #b33771;
  --name-text: #2c3a47;
  --name-text-hover: #3b3b98;
}

.dark:root {
  --background: #182c61;
  --page-title: #fff;
  --btn-text: #dcdde1;
  --btn-text-hover: #dcdde1;
  --btn-bkg: #273c75;
  --btn-fill: #dcdde1;
  --nav-bkg: rgba(24, 44, 97, 0.75);
  --nav-logo: #fff;
  --nav-border: rgba(24, 44, 97, 0.2);
  --header-bkg: #6d214f;
  --bio-text: #fff;
  --bio-bkg: #b33771;
  --bio-bkg-hover: #3b3b98;
  --name-text-hover: #b33771;
}
.page-title {
  color: var(--page-title);
  font-size: 4rem;
  margin-bottom: 5rem;
  margin-top: 0;
}

.leadership {
  display: block ruby;
  grid-template-columns: 1fr;
}
@media (min-width: 32em) {
  .leadership {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 50em) {
  .leadership {
    grid-template-columns: repeat(3, 1fr);
    /* height: 400px; */
  }
}
.leadership .leader {
  width: 100%;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
}
@media (min-width: 32em) {
  .leadership .leader {
    max-width: 300px; margin:0px 55px;
  }
}
.leadership .leader:hover {
  cursor: pointer;
}
.leadership .leader:hover .leader__bio {
  background-color: var(--bio-bkg-hover);
}
.leadership .leader:hover .leader__img img {
  transform: scale(140%);
  filter: saturate(100%);
}
.leadership .leader:hover .leader__name {
  color: var(--name-text-hover);
}
.leadership .leader__header {
  display:flex;
  justify-content:center;
  align-items: center;
  background: var(--header-bkg);
  color: #fff;
}
.leadership .leader__exp {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 5px 13px;
}
.leadership .leader__exp .years {
  font-size: 4rem;
  margin-right: 8px;
  font-weight: 700;
}
.leadership .leader__bio {
  padding: 1.5rem 1rem;
  font-size: 2.5rem;
  text-decoration: none;
  color: var(--bio-text);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: var(--bio-bkg);
  transition: 0.2s all ease-in-out;
}
.leadership .leader__img {
  /* overflow: hidden; */
  width: 100%;
  height: 150px;
  position: relative;
}
.leadership .leader__img img {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 50%;
  /* filter: saturate(0%); */
  /* transform: scale(130%); */
  transition: 0.2s all ease-in-out;
}
.leadership .leader__name {
  text-align: center;
  font-size: 2rem;
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.2s all ease-in-out;
  color: var(--name-text);
}
@media (min-width: 32em) {
  .leadership .leader__name {
    font-size: 1rem;
  }
}
.leadership .leader__name h2 {
  font-size: 2.5rem;
}
@media (min-width: 32em) {
  .leadership .leader__name h2 {
    color: #ffffff;
    font-size: 1rem;
  }
}
@media (min-width: 50em) {
  .leadership .leader__name h2 {
    font-size: 1.5rem;
    font-weight: bold;
  }
}




* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Float four columns side by side */
.column {
  float: left;
  width: 22%;
  padding-right: 50px;
  /* height: 0; */
}

/* Remove extra left and right margins, due to padding in columns */
.row {margin: 0 -5px;justify-content: center;height: auto;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  text-align: center;
  justify-content: center;
  background-color: #f1f1f100;
  /* height: 0; */
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    height: 50%;
  }
}




/* PARTNERS SECTION*/