@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");



.header-socia ul li a {
.table tr
    text-decoration: none ;

}



.header-socia li {

    list-style: none outside none;

    display: inline-block;

}

.header-socia, .header-socia ul, .header-socia li {

    margin: 0;

    padding: 3px;

}

.header-socia a i {

  width: 30px;

  height: 30px;

  color: #009CDF;

  background-color: #FFF;

  border: 2px solid #ccc;

  border-radius: 50px;

  font-size: 22px;

  line-height: 16px;

  text-align: center;

}

.header-socia ul li a {

  text-decoration: none;

}

/*------------Search Box-----------*/

* {

    outline: none

    }





.bar {

    height: 42px;

    /* background-color: #4C66A4; */

    border: 0;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    position: relative

    }



.inner {

    position: relative;

    padding: 8px 0

    }



.search-input {

    padding: 1rem;

    border: 1px solid #ccc;

    height: 28px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    margin: 0 auto;

    display: block

    }



.search-btn {

    position: absolute;

    right: 8px;

    top: 13px;

    width: 14px;

    height: 14px;

    font-size: 14px;

    color: #434343

    }



.searchsubmit {

    cursor: pointer;

    width: 18px;

    height: 18px;

    position: absolute;

    right: 0;

    top: 0;

    text-shadow: none;

    border: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    background: rgba(0, 0, 0, 0)

    }



.content-list {

    width: 43%;

    background: #fff;

    float: left;

    border: 1px solid #E1E1E1;

    border-color: rgba(0, 0, 0, 0.2);

    border-left: 0;

    border-right: 0;

    border-top: 0;

    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);

    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);

    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);

    margin-bottom: 8px;

    display: none;

    z-index: 999;

    position: absolute;

    left: 16%;

    padding: 1rem;

    }

.search-item h6 {

  font-size: 16px;

  color: #333;

  border-bottom: 1px solid #ccc;

  padding: .5rem;

  font-weight: 600;

}

.active {

    display: block

    }



.drop-list {

    list-style-type: none;

    margin: 0;

    padding: 0;

    background: white;

    display: block;

    }



.drop-list li {

    border: none;

    padding: 0;

    color: white

    }



.drop-list li a {

    width: 100%;

    display: block;

    float: left

    }



.drop-list li a:hover {

    background: #ECECEC

    }



.item {

    display: block;

    margin: 0 auto;

    padding: 0;

    width: 590px

    }



.search-icon {

    float: left;

    height: 38px;

    margin: 10px 10px;

    width: 48px;

    text-align: center;

    color: #FFF;

    padding: 10px 0 0 0

    }



.search-icon span {

    font-size: 25px

    }



.text {

    margin: 16px 5px;

    float: left;

    color: #333

    }



.people {

    background: #69F

    }



.image {

    background: #FFD119

    }



.video {

    background: #AD855C

    }



.place {

    background: #B85C8A

    }



.music {

    background: #A3A3FF

    }







* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;



}

body {

  font-family: 'Roboto', sans-serif;

  font-size: 15px;

  line-height: 1.7;

  color: #333;

  overflow-x: hidden;
  background-color: #003D2A;

}

html {
  overflow-x: hidden;
}

/*-----------Suggestion Box-------------*/



.side-menu {

  z-index: 1000;

  position: fixed;

  width: 300px;

  height: 100%;

  top: 0;

  padding: 50px 12px;

  box-sizing: border-box;

  background-color: rgba(0, 0, 0, 0.8);

  display: flex;

  flex-direction: column;

  transform: translateX(-102%);

  transition: .3s;

}





.side-menu form input::placeholder {

  color: #000;

}



.side-menu form input:focus,

.side-menu form button:focus {

  outline: none;

}



.side-menu label {

  position: absolute;

  width: 40px;

  height: 60px;

  background-color: #009CDF;

  color: #fff;

  right: -40px;

  top: 0;

  bottom: 0;

  margin: auto;

  line-height: 50px;

  text-align: center;

  font-size: 3rem;

  border-radius: 0 5px 5px 0;

  cursor: pointer;

}

.side-menu label i {

  font-size: 28px;

}

.side-menu h5 {

  color: #fff;

  margin: 1rem;

  text-align: center;

}

#side-menu-switch {

    position: absolute;

    opacity: 0;

    z-index: 1;

}



#side-menu-switch:checked+.side-menu {

    transform: translateX(0);

}



#side-menu-switch:checked+.side-menu label .fa-angle-right {

    transform: scaleX(-1);

}





/*--header----------------------*/

.header {

  /* background-image: url(../images/header1.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover; */
  background-color: #FFF;

  display: flex;

  align-items: center;

  padding: .3rem 0;

}

.left-header {

  float: left;

}

.left-header p {

  margin: 0;

  padding: 8px 0;

  color: #fff;

  font-size: 16px;

  font-family: 'Roboto' sans-serif !important;



}





#searchQuerySubmit {

  width: 3.5rem;

  height: 2rem;

  background: none;

  border: none;

  outline: none;

  transition: .4s;

  position: absolute;

  top: 10px;

  right: 0;

}

.search-control {

  width: 375px;

  border-radius: 1.625rem;

  position: relative;

  /* padding: 0 1rem */

}

/* .search-control:focus {

  width: 380px !important;

} */

.select-control {

  border-color: #fff;

  border: 0;

  width: 30%;

  position: absolute;

  top: 9px;

  left: 4.3%;

  height: 5vh;

  border-right: 1px solid #ccc;

  border-radius: 0;



}

.select-control:focus {

  border-color: none;

  outline: none;

  box-shadow:none;

}

.select-bar {





}

#searchQuerySubmit:hover {

  cursor: pointer;

}

.form-search {

  position: relative;

}

.form-search input[type=text]:focus {

  width: 400px !important;

}

#searchQuerySubmit i {

  color: #ccc;

}

.right-hrader ul {

  margin: 0;

}

.right-hrader ul li {

  list-style: none;

  display: inline-block;

   margin: .5rem 0;



}

.right-hrader ul li a {

  text-decoration: none;

  color: #000;

  font-size: 14px;

}



.right-hrader {



  float: right;

}



.search-item ul li {

display: block;



}

.search-item ul li a {

background-color:#f9f9f9;

margin:0.2rem 0;

padding:0.5rem 0.8rem;

display: block;

transition: .4s;

}

.search-item ul li a:hover {

  background-color:#f2f2f2;

}

a.m-menu {

  text-decoration: none;

  color: #009CDF !important;

  transition: .4s !important;

  font-weight: 600 !important;

  font-size: 14px !important;

}

a.m-menu:hover {

  color: #EA0A0A !important;

}

/*----------SLIDER---------------*/

.carousel-item {

  background-image: url(../images/slider-bg.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.slider {

  z-index: 0;

}

.heading {

  color: #333;

  text-align: left;

  margin-left: -100px;

  margin-top: 10rem;

}

.heading h2 {

  text-transform: uppercase;

  font-size: 48px;

  font-weight: bold;

}

.heading h2 span {

  color: #009CDF;

}

.heading a {

  text-decoration: none;

  color: #000;

  background-color: #FAA51A;

  padding: 10px 20px;

  border-radius: 50px;

  transition: .4s;

}

/* .heading a:hover {

  color: #fff;

  background-color: #009CDF

} */

/*----ABOUT------------------------*/

.about {

  background-image: url(../images/aboutbg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  min-height: 90vh;

  display: flex;

  align-items: center;

  justify-content: center;

}

.about-content {

  margin-top: 2rem;

}

.about-content h5 {

  color: #009CDF;

  font-weight: 600;

  border-bottom: 1px solid #ccc;

  width: 25%;



}

.about-content h4 {

  color: #000;

  font-weight: 600;

}

.about-content a {

  color: #009CDF;

  text-decoration: none;

}



/*-------------------COMMITE-----------*/



.commite {

  background-image: url(../images/comitteebg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 100px 0;



}

.commite-slider {

  margin: 0 55px;

}

.commite-member-slide {

  background-image: url(../images/bg-comitte.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  height: 46vh;

}

.commite-single-slide {

  background-image: url(../images/bg-comitte.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  height: 58%;

  margin-bottom: 5rem;

}

.slide img {

  width: 100%;

  clip-path: circle(80% at 66% 50%);

}

.slick-slide {

    outline: none

}

.commite-member-slide img {

 width: 75%;

}

.commite-single-slide img {

 width: 75%;

}

.commite-heading {

  margin-bottom: 5rem;

  text-align: center;

}

.commite-heading h4 {

  font-family: 'Roboto' sans-serif;

}



.commite-heading h2 {

  color: #009CDF;

  font-weight: bold;

}

.commite-member h6 {

  font-weight: 600;

  color: #000;

  text-transform: uppercase;

  margin: 0;

}

.commite-member h2 {

  color: #009CDF;

  font-weight: 600;

  margin: 0;

  font-size: 24px;

}

.commite-member p {

  margin: 0;

}

/*--------------WHY BANGLADESH-------------*/

.why-bangladesh {

  background-image: url(../images/m.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-top: 3rem;

}

.bangladesh-area h5 {

  font-weight: 600;

  text-transform: uppercase;

  color: #EA0000;

}

.bangladesh-area h4 {

  font-weight: 600;

  color: #009CDF;

}

.bangladesh-area p {

  margin-top: 1.5rem;

  margin-right: 1.5rem;

}

.all-reserves {

  display: flex;

  /* width: 50%; */

}

.reserves {

  border-right: 1px solid #ccc;

  margin-top: 2rem;

  flex: 1 1 16rem;

  display: block;

}

.reserves-text {

  margin-top: .5rem;

  display: flex;

  flex: 1 1 48rem;

  margin-left: 10px;

}

.reserves h1 {

  color: #009CDF;

  font-weight: bold;

  margin: 0;

}

.reserves p {

  color: #000;

  font-weight: bold;



}



/*-------BECOME----------------------*/

.become {

  background-image: url(../images/become.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.become-title {

  padding-top: 3rem;

  margin-left: 12rem;

}

.become-title h1 {

  font-weight: bold;

  color: #009CDF;

}

.become-title h1 span {

  color: #FAA51A;

}

.become-title a {

  color: #009CDF;

}

.become-member {

  margin: 2rem 0;

}

.become-member h5 {

  color: #009CDF;

}

.apply {

  margin: 0 auto;

  padding-bottom: 3rem;

}

.apply a {

  text-decoration: none;

  color: #fff;

  padding: 10px 30px;

  background-color: #009CDF;

  border-radius: 50px;

}



/*=======================

BLOG

===========================*/



.blog {

  background-color: #90DCF8;

}

/*.blog-img img {*/

/*    width:65% !important;*/

/*    margin: 0 auto;*/

/*}*/

.blog h1 {

  color: #009CDF;

  font-weight: 600;

  text-align: center;

  padding-top: 3rem;



  margin: 0 auto;

}

.brd {

  width: 30%;

  margin: 0 auto;

  border-bottom: 2px solid #FAA51A;



}

.card-blog {

  background-color: #F3F3F3;

  padding: 1rem;

  margin: .5rem;

  width:80%;

  margin:0 auto;

}

.card-blog a {

  text-decoration: none;

}

.card-blog p {

  color: #000;

}

.card-blog h5 {

   color: #009CDF;

  font-size: .9rem;

  text-align: center;

  margin: 0;

}

.card-blog p i {

  color: #FAA51A;

}

.card-img {

  background-color: #A5A5A5;

  height: 350px;

  position: relative;

}

.card-img img {

    top: 20%;

    position: absolute;

}



.card-blog-body {

  padding-bottom: 0;

  padding-left: 0;

  padding-right: 0;

}





/*-------------gallery-----------------------*/

.gallery-section {

  background-image: linear-gradient(to top, #ff8d89, #ffa49c, #ffbab1, #fecfc8, #fae4e0);

  padding: 2rem 0;

}

.single-page-gallery {

  background-color: #F8F9FA;

  padding: 2rem 0;

}



.g-img img {

  width: 100%;

  transition: .4s;

  height: 220px;

  border-radius: 10px;

    transition: .4s;

}

.g-img img:hover {

  transform: scale(1.08);

}

/* CSS buttons*/

.grid {

  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;

}

.button-group {

  margin: 1rem auto;

  display: table;

}

.button {

  padding: 10px 15px;

  border-radius: 5px;

  border: 0;

  color: #000 !important;

  cursor: pointer;

  background: transparent;



  margin: 0 3px;

}

.button:hover {

  color: #000;

}

.button.is-checked {



  color: #fff;

}

.element-item {

  background-color: #fff;

  padding: 0;

  margin: 10px;

  width: calc(33% - 20px);



  margin-bottom: 5px;

}

.item-image img {

  width: 100%;

  background-size: cover;

  display: flex;

  flex-wrap: wrap;

}

.item-title {

  margin: 0;

  padding: 10px;

  height: 40px;

  overflow: hidden;

}

.g-btn {

  font-weight: 600;

}



.g-btn:focus {

    outline: none;



}

.g-brd {

  width: 30%;

  margin: 0 auto;

  border-bottom: 1px solid #ccc;



}



/*-----Gallery page----------------------------*/

.gallery-page {

  background-color: #F3F3F3;

  padding: 50px 0;

}



.gallery-area {

  text-align: center;

  margin-bottom: 3rem;

}

.gallery-area h1 {

  color: #000;

  font-weight: 600;

  margin: 0;

}

.gallery-area h1 span {

  color: #009CDF;

}

.gallery-area p {

  font-size: 16px;

  font-weight: 600;

  margin: 0;

}



.heading-title {

  text-align: center;

  margin-bottom: 3rem;

}

.heading-title h1 {

  color: #000;

  font-weight: 600;



}

.heading-title h1 span {

  color: #009CDF;

}

.heading-title p {

  font-size: 14px;

  margin: 0;

}

.gallery-card-body {

  background-color: #009CDF;

  padding: 0;

  text-align: center;

}

.gallery-card-body a {

  text-decoration: none;

  font-size: 24px;

  color: #fff;

}

.g-card {

  margin-top: 2rem;

}

.g-card img {

  height: 140px;

  border-radius: 10px;

}

/*-------CLIENT--------------------------*/

.our-patners {

  background-image: url(../images/client.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 4rem 0;

}

.our-patners h1 {

 font-family: 'Font Awesome 5 Brands';

}

.patners-logo-slider {

  /* margin: 0 9rem; */

}



.patners-logo img {

  padding: 10px;

  width: 100%;

  height: 490px;

  margin: 0 auto;

  border-radius: 15px;

  box-shadow: 0 0 0 0;

  display: block;

}

.patners-slider-btn-l {

  margin-left: -8rem;

  color: #fff;

}

.patners-slider-btn-r {

  margin-right: -8rem;

  color: #fff;

}


.our-patners h1 {

  color: #fff !important;

  font-weight: 600 !important;

}

.contact-body h5 {

  color: #000;

  font-size: 16px;

  font-weight: 600;

  margin: 0;

}

.contact-body p {

  font-size: 14px;

  margin: 0;

  color: #000;



}

.contact {

  text-align: center;

  padding-top: 3rem;

}

.contact h1 {

  color: #000;

  font-weight: bold;

}

.contact h1 span {

  color: #009CDF;



}

.contact p {

  text-align: left;

}

.contact-us {

  background-image: url(../images/contact-bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.about-area {

  padding: 50px 0;

}

.logo img {

  width: 130%;

}

.about-contents h5 {

  font-weight: 600;

  color: #009CDF;

  text-align: center;

}







.socialbtns, .socialbtns ul, .socialbtns li {

  margin: 0;

  /*padding: 5px;*/

}



.socialbtns li {

    list-style: none outside none;

    display: inline-block;

}



.socialbtns a i {

	width: 40px;

  height:40px;

	color: #009CDF;

	background-color: #FFF;

	border: 1px solid #009CDF;

	padding-top: 12px;

	border-radius: 50px;

  font-size: 22px;

  line-height: 16px;

}

.socialbtns ul li a {

  text-decoration: none;

}

.socialbtns h5 {

  color: #009CDF;

  font-weight: 600;

}

/* .socialbtns .fab:hover {

	color: #ffffff;

	background-color: #000;

	border: 1px solid #000;

} */

.footer {

  background-color: #003D2A !important;

  padding: 1rem 0;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  font-size: 14px;

}

.footer-l p {

  margin: 0;

}

.footer-r p {

  margin: 0;

  float: right;

}

.footer-r p a {

  color: #fff;

  text-decoration: none;

}

/*----------------UPComin-----*/

.up-coming {

  background-image: url(../images/up-bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.coming {

  margin: 1rem 0;

}

.coming h1 {

  color: #000;

  font-weight: bold;

}

.coming h1 span {

  color: #009CDF;

}

.up-content {

  display: flex;

  background-color: #FAA51A;



}

.up-left {

  color: #000;

  flex: 2 1 40rem;

  min-height: 10vh;



}

.popolar-month {

  font-size: 18px;

  font-weight: 600;

}

.up-left a {

  color: #000;

  text-decoration: none;

}

.up-left p {

  font-size: 14px;

  line-height: 1.2rem;

  margin-top: 8px;

}

.up-left i {

  margin: 2rem .5rem;

  font-size: 24px;

}

.up-right {

  display: flex;

  flex: 1 1 8rem;

  background: #fff;

  justify-content: center;

  line-height: 1.5rem;

  color: #000;

  border-right: 2px solid #009CDF;

}

.up-right ul {

  margin: 0;

}

.up-right ul li {

  list-style: none;



}

.month {

  font-size: 28px;

  font-weight: bold;



}

.month-name {

  color: #009CDF;

}

.coming-btn {

  text-align: center;

  margin: 1rem 0;

}

.coming-btn a {

  color: #fff;

  text-decoration: none;

  padding: 10px 20px;

  border-radius: 50px;

  background-color: #009CDF;

}

.coming-btn a i {

  color: #FAA51A;

}



.wrapper {

  position: relative;

  max-width: 1280px;

  width: 100%;

  height: 100%;

  margin: 0 auto;

}

a {

  color: inherit;

  text-decoration: none;

}

 button:focus {

    outline: none !important;



}

.slide-arrow {

  position: absolute;

  top: 50%;

  margin-top: -15px;

  background: transparent;

  border: none;

  width: 20px;

}

.prev-arrow {

  left: -40px;



}

.next-arrow  {

  right: -24px;

}

.slide-arrow-bn {

  background: transparent;

  right: -0px;

}

/*----------------------------------

ABOUT PAGE

--------------------------------------*/

.event-list {



}

.event-list ul {

  margin: 0;

}

.event-list ul li {

  list-style: none;

}

.event-list ul li a {

  border-bottom: 2px solid #F89B1C;

  display: block;

  padding: 5px;

  transition: .4s;

}

.event-list ul li a:hover {

  color: #FAA51A;

}



.about-card {

  border: none;

  overflow: inherit !important;

}

.about-card-header {

  padding: 5px 0px;

  background-color: transparent;

  border-bottom: 2px solid #F89B1C;

  cursor: pointer;

  color:#355C94;

  font-weight: 600;

}

.active-menu-leftside {

    color:#FFAA00;

}

/*.accordion .card-header:before {*/

/*    font-family: 'FontAwesome';*/

/*    content: "\f068";*/

/*    float: right;*/

/*    color: #009CDF;*/

/*}*/

/*.accordion .card-header.collapsed:before {*/

    /* symbol for "collapsed" panels */

/*    content: "\f067";*/

/*    color: #009CDF;*/

/*}*/



.they-say-about {

  margin-top: 3rem;

  background-color: #F3F3F3;

  padding: 60px 0;

}

.they-say {

  width: 33.33%;

}

.they-say h5 {

  margin-top: 10px;

  font-weight: 600;

  font-size: 16px;

}

.they-say h6 {

  font-weight: 600;

  font-size: 14px;

}

.they-say p {

  font-size: 14px;

  margin: 0;

  color: #777;

  margin-right: 2rem;

}

/*------------------------------

Committe pages

---------------------------------*/

.committe {

  background-color: #F3F3F3;

  padding: 50px 0;

}

.committe-head {

  margin-bottom: 5rem;

}

.committe-card {

  background-color: transparent;

  border: none;

  overflow: inherit !important;

}

.commite-member a i {

  width: 30px;

  height: 30px;

  color: #009CDF;

  background-color: #FFF;

  border: 1px solid #009CDF;

  padding-top: 6px;

  border-radius: 50px;

  font-size: 18px;

  line-height: 16px;

  text-align: center;

}



/*------------------Registration-------------*/

.registration {

  background-color: #F3F3F3;

  padding: 3rem 0;

}

.registration-title {

  /*background-image: url(../images/re.jpg);*/

  /*background-position: center;*/

  /*background-repeat: no-repeat;*/

  /*background-size: cover;*/

  padding: 5rem 2rem;

  height: 100%;

}

.registration-title {

  text-align: center;



}

.registration-title h1 {

  color: #000;

  font-size: 40px;

  font-weight: bold;

}

.registration-title h1 span {

  color: #009CDF;

}

.registration-hare label {

  color: #fff;

}

.loging-btn {

  margin-top: 8rem;

}

.loging-btn a {

  background-color: #009CDF;

  color: #fff;

  font-weight: 600;

  padding: 10px 30px;

  border-radius: 10px;

  text-decoration: none;

}

.login-worring {

  color: #E90727;

  font-weight: 600;

}

.registration-hare {

  /*background-image: url(../images/Registration-Page.png);*/

  /*background-position: center;*/

  /*background-repeat: no-repeat;*/

  /*background-size: cover;*/

  padding: 2rem 5rem;

  height: 100%;

  background-color: #2F9CDF;

}

.registion-text {

  margin-top: 5rem;

}

.registration-check  {

  width: 30px;



}

.r-form-check {

  padding: 0;

}

.check-label {

  color: #fff;



  margin-left: 1rem;

  font-weight: 600;

}

.registration-form-control {

  padding-left: 2rem;

}

.icon {

  position: relative;

  float: left;

  margin-left: 8px;

  margin-top: -26px;

  z-index: 2;

  color: #333;

}

.registration-hare h5 {

  color: #fff;

  font-weight: 600;

}

/* .member-login {

  margin-top: 8rem;

} */

.forget-password a {

  color: #fff;

}



/*-------------EVENTS PAGES-----------*/

.event-pages a {

  margin-top: 1rem;

  font-size: 16px !important;

}

.event-pages a i {

  font-size: 14px!important;

  margin: 0 !important;

  padding: 0 5px;

}

.event-pages p {

  font-size: 10px;

  line-height: 1.5;

  margin-top: 5px;

}

.event-btn a {

  color: #fff;

  float: right;

  text-decoration: none;

  background-color: #009CDF;

  padding: 5px 20px;

  border-radius: 50px;

  margin-top: 1rem;

}

.popolar-event h5 {

  color: #000;

  font-weight: 600;

}

.popolar-event h5 span {

  color: #009CDF;

}

.popolar a {

  color: #fff;

  background-color: #009CDF;

  padding: 5px 20px;

  border-radius: 50px;

}



/*-----------User Profile---------*/

.user-icon {

  float: right;

  overflow: hidden;

}

.user-icon ul {



}

.user-icon ul li {

  list-style: none;

display: inline-block;

}

.user-icon ul li a {

  text-decoration: none;

  margin: 0 5px;

}

.user-icon ul li a i {

  font-size: 22px;

}

.active-btn {

  color: #fff!important;

  background-color: #3AA804;

  padding: 5px 10px;

  border-radius: 5px;

}

.user-logo {

  background-color: #fff;

  padding: 2rem 0;

  text-align: center;

}

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

.panel-title > a:before {

    float: right !important;

    font-family: FontAwesome;

    content:"\f068";

    padding-right: 5px;

    color: #EA3D07;

}

.panel-title > a.collapsed:before {

  color: #EA3D07;

  float: right !important;

  content:"\f067";

}

.panel-title > a:hover,

.panel-title > a:active,

.panel-title > a:focus  {

    text-decoration:none;

}

.panel-group {

  background-color: #fff;

  padding: .5rem;

  border-radius: 5px;



}

.panel-title {

  color: #009CDF;

  text-align: center;

  font-size: 16px;

  margin: 0;

  font-weight: 600;



}

.prayment-btn {

  color: #fff !important;

  background-color: #EA3D07;

  padding: 5px 10px;

  border-radius: 10px;

  font-size: 12px;

  text-decoration: none !important;

}

.remarks-btn {

  color: #fff !important;

  background-color: #EA3D07;

  padding: 3px 2px;

  border-radius: 10px;

  font-size: 8px;

  text-decoration: none !important;

}

.due-prayment {

  margin-top: 1rem;

  background-color: #E0F6FF;

  text-align: center;

  padding: 1rem 0;

}

.due-prayment p {

  margin: 0;

}

.due-prayment h6 {

  font-weight: bold;

}

.user-btn {

  background-color: #fff;

  color: #000;

  font-weight: 600;

  text-align: center;

  font-size: 16px;

  margin: 1rem 0;

  border-radius: 5px;

  padding: .3rem 0;

}

.user-btn a {

  text-decoration: none;



}

.user-profile-right {

  background-color: #fff;

  padding: 2rem;

}

.user-profile-right h5 {

  text-align: center;

  font-size: 16px;

  font-weight: 600;

}

.download-btn {

  font-weight: 600;

}

.download-btn i {

  color: #4FC9FB;

  font-size: 22px;

}

.form-control-bg {

  background-color: #fff3cd !important;

}

/*---------USER EVENTS----*/

.user-event {

  background-color: #F3F3F3;

  padding: 3rem 0;

}



.member-events {

  background-color: #fff;

  padding: 2rem 2rem;

}

.member-events h5 {

  text-align: center;

}

.member-events ul {



}

.member-events ul li {

  list-style: none;

  text-align: left;

  margin: 1.5rem 0rem;

}

.member-events ul li a {

  font-weight: 600;

  transition: .4s;

  font-size: 14px;

}

.member-events ul li a i {

  color: #FFBE55;

  margin-right: 1rem;

}

.member-events ul li a:hover {

  color: #009CDF;

  text-decoration: none;

}

.member-events-list {

  background-color: #fff;

  overflow: overlay;

  height: 333px;

}

.member-events-list h5 {

  text-align: center;

}

.event-item {

  background-color: #D6F3FF;

  margin: 1rem 0;

  position: relative;

}

.member-list {

  background-color: #D6F3FF;

  position: relative;

  margin-top: 1rem;

}

.member-events-list {

  background-color: #fff;

}

.event-date {

  position :absolute;

  top: -17%;

  width: 22%;

  background-color: #FFBE55;



  text-align: center;

  font-weight: bold;

  margin-left: 1rem;

  line-height: 1.2;

}

.event-date p {

  margin: 0;

}

.event-date h1 {

  margin: 0;

}

.event-content {

  font-size: 14px;

  margin-left: 6.5rem;

  margin-bottom: 0;

}

.event-head {

  background-color: #fff;

  text-align: center;

  padding: 1.5rem 0;

}

.event-head h5 {

  margin: 0;

}

.member-notice {



}

.member-notice i {

  margin: auto;

  padding: 0 .5rem;

  color: #009CDF;

}

.member-notice p {

  font-size: 14px;

  margin: 0;

  text-align: left;

}

.member-notice-card {

  background-color: #FFF7D3;

  padding: .5rem 0;

  margin: 1rem 0;

}

/*--------Change Password-----*/

.change-password {

  margin: 6rem;

}

/*----------Support inbox2-------*/

.inbox-head {

  background-color: #2E9505;

  color: #fff;

  border-radius: 5px;

}

.inbox-head ul {



}

.inbox-head ul li {

  list-style: none;

  display: inline-block;

  margin: 0 1rem;

}

.support-inbox p {

  font-size: 14px;

}

.support-inbox img {

  width: 10%;

}

.inbox-submit p {

  color: #ccc;

}

.support-box-1 {

  border: 1px solid #333;

  overflow: hidden;

  border-radius: 5px;

}

.support-media {

  padding: .5rem;

}

.inbox-btn {

  color: #fff!important;

  font-size: 12px;

  background-color: #2E9505;

  padding: 5px 10px;

  border-radius: 10px;

}

.submit-ticket {

  background-color: #F3F3F3;

  padding: 1rem 1rem 3rem 1rem;

}

.submit-ticket h5 {

  color: #009CDF;

  margin-bottom: 1rem;

}



.cartificate {

  background-color: #fff;

  /* padding: 3rem 5rem; */

}

.cartificate {

  position: relative;

}

.cartificate-content {

  position: absolute;

  top: 60%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;



}

.cartificate-content h4 {

  margin: 0;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 18px;

}

.cartificate-content h5 {

  margin: 0;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 14px;

}

.cartificate-content p {

  margin: 0;

  font-size: 14px;

  line-height: 1.2;

}

/*-------PAYMENT DATE------------*/

.payment-date {

  margin: 3rem 0;

}

.payment-f-btn {

  margin-top: 5.5rem;

}



/*----------member-form----------*/

.business {

  text-align: left;

}

.business-focus {

  margin-left: 2rem;

}

.section-member-form {

  padding: 50px 0;

}



.member-fm {

  background-color: #F3F3F3;

}

.up-btn {

  float: left;

}

.btn-warning {

  color: #fff !important;

}

.section-member-form h1 {

  text-align: center;

  font-weight: bold;

  text-transform: uppercase;

}

.section-member-form h1 span {

  color: #009CDF;

}

.section-member-form p {

  text-align: center;

  font-size: 14px;

  width: 60%;

  margin: 0 auto;

}

.section-member-form p a {

  text-decoration: none;

  color: #009CDF;

  font-weight: 600;

}

.member-form {

  background-image: url(../images/member-form.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  text-align: center;

  color: #fff;

  padding-bottom: 5rem;



}

.member-form h4 {

  text-transform: uppercase;

  font-weight: 600;

  margin-bottom: 2rem;

}

.member-form h5 {

  font-size: 1rem;

  margin-top: .8rem;

}

.business h4 {

  text-transform: uppercase;

  font-weight: 600;

  margin-bottom: 2rem;

}





.form__radio-input {

  display: none;

}



.form__label-radio {

  font-size: 1rem;

  cursor: pointer;

  position: relative;

  padding-left: 2rem;

}



.form__radio-button {

  height: 1.5rem;

  width: 1.5rem;

  background-color: #fff;

  border: 2px solid #F8991C;

  border-radius: 50%;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

}

.form__radio-button::after {

  content: "";

  display: block;

  height: 1rem;

  width: 1rem;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: #F8991C;

  opacity: 0;

  transition: opacity 0.2s;

}



.form__radio-input:checked ~ .form__label-radio .form__radio-button::after {

  opacity: 1;

}



.styled-checkbox {

  position: absolute;

  opacity: 0;

}

.styled-checkbox + label {

  position: relative;

  cursor: pointer;

  padding: 0;

  margin-bottom: 2rem;

  font-size: 1rem;

}

.styled-checkbox + label:before {

  content: "";

  margin-right: 10px;

  display: inline-block;

  vertical-align: text-top;

  width: 20px;

  height: 20px;

  background: #fff;

}

.styled-checkbox:hover + label:before {

  background: #F8991C;



}



.styled-checkbox:checked + label:before {

  background: #F8991C;

}



.styled-checkbox:checked + label:after {

  content: "";

  position: absolute;

  left: 5px;

  top: 12px;

  background: #fff;

  width: 2px;

  height: 2px;



  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;

  transform: rotate(45deg);

}

/*-------------membership form 2---------*/

.corporate-details {

  padding: 2rem 4rem;

}





.gal-tabs{

   text-align: center;

   font-size: 22px;

}

.gal-tabs a{

   margin: 0 12px;

}

.gal-list{

   padding: 0;

}

.gal-list li{

   display: inline-block;

   vertical-align: top;

}

.gal-tabs a.prv{

   float: left;

}

.gal-tabs a.nxt{

   float: right;

}

.gallery-boxes{

   position: relative;

   margin: 15px auto;

}

.gallery-boxes .gal-descrip{

   /* background: #383636; */

   overflow: hidden;

   padding: 10px;

   /* color: #fff; */

   font-size: 20px;

   margin-top: -5px;

}

.gallery-boxes .gal-box{

   display: none;

}

.gallery-boxes .gal-box.galcurr{

   display: block;

}



/*==============================

product

================================*/

.product {

  margin-top: 10rem;



}

.p-hedding {

  text-align: center;

}

.p-hedding h2 {

  font-family: "Open Sans",sans-serif;

  font-size: 50px;

  color: #253237;

  text-transform: capitalize;

  line-height: 16px;

  margin-bottom: 4rem;

}



.product-content p a {

  color: #333;

  font-weight: 400;

  font-size: 16px;

  line-height: 18px;

  position: relative;

  margin-top: 10px;

}

.product-content h2 a {

  line-height: 18px;

  display: block;

  margin-bottom: 10px;

  font-weight: 700;

  color: #253237;

  font-size: 14px;

  text-transform: capitalize;

}



.card-g {

  margin-top: 1.5rem;

}

.card-g:hover {

  border: 1px solid #009CDF;

}

.card-g a {

  text-decoration: none;

}

.user-profile-btn {

  color: #007bff !important;

  text-decoration: none;



}

.user-profile-btn:hover {

  text-decoration: none;



}

/*--------------FAQ--------------*/



.content {

  width: 80%;

  padding: 0;

  margin: 0 auto;

}



.centerplease {

  text-align: center;

  font-size: 40px;

}



/*Question*/

.question {

  position: relative;

  background: #f9f9f9;

  margin: 0;

  padding: 10px 10px 10px 50px;

  display: block;

  width:100%;

  cursor: pointer;

}

/*Answer*/

.answers {

  padding: 0px 15px;

  margin: 5px 0;

  width:100%!important;

  height: 0;

  overflow: hidden;

  z-index: -1;

  position: relative;

  opacity: 0;

  -webkit-transition: .3s ease;

  -moz-transition: .3s ease;

  -o-transition: .3s ease;

  transition: .3s ease;

}



.questions:checked ~ .answers{

  height: auto;

  opacity: 1;

  padding: 15px;



}



/*FAQ Toggle*/

.plus {

  position: absolute;

  margin-left: 10px;

  margin-top: 6px;

  z-index: 5;

  font-size: 2em;

  line-height: 100%;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

  -webkit-transition: .3s ease;

  -moz-transition: .3s ease;

  -o-transition: .3s ease;

  transition: .3s ease;



}



.questions:checked ~ .plus {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);



}



.questions {

  display: none;



}

/*------------NEWS---------*/

.newsletter {

  background-color: #f8f9fa;

  padding: 2rem 0;

}

.newsletter-item a {

  color: #337ab7;

  text-decoration: none;

  transition: .4s;

}

.newsletter-item h5 {



  padding: 20px 0;

  font-weight: normal;

  text-align: center;

  line-height: 20px;



}

.newsletter-item a:hover {

  color: #333;

}

/*------MEMBER LIST--------*/

.member-sorter a {

  color: #337ab7;

}

.member-body p {

  margin: 0;

  font-size: 15px;

  font-weight: 400;

  line-height: 1.52;

  color: #909090;

}

.member-body a {

  font-size: 15px;

  font-weight: 400;

  line-height: 1.52;

  color: #337ab7;

}

.member-list-img img {

  width: 30%;

  height: auto;

  margin-top: 1rem;

}

/*----------CONTACT US---------*/



.brand {

  text-align: center;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 0.1em;

}



.brand span {

  color: #ffffff;

}



.contact-wrapper {

    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}



.contact-wrapper > * {

  padding: 1em;

}



/* ------------------- */

/* COMPANY INFORMATION */

/* ------------------- */



.company-info {

  background: #f8f9fa;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}



.company-info h3,

.company-info ul {

  text-align: center;

  margin: 0 0 1rem 0;

}

.company-info ul li {

  list-style: none;

  text-align: left;



}

/* ------- */

/* CONTACT */

/* ------- */



/* .contact {

  background: #fff;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

} */



/* ---- */

/* FORM */

/* ---- */



.contact form {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 20px;

}



.contact form label {

  display: block;

}



.contact form p {

  margin: 0;

}



.contact form .full {

  grid-column: 1 / 3;

}



.contact form button,

.contact form input,

.contact form textarea {

  width: 100%;

  padding: 1em;

  border: solid 1px #627EDC;

  border-radius: 4px;

}



.contact form textarea {

  resize: none;

}



.contact form button {

  background: #009CDF;

  border: 0;

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: bold;

}



.contact form button:hover,

.contact form button:focus {

  background: #3952a3;

  color: #ffffff;

  outline: 0;

  transition: background-color 2s ease-out;

}



/* ------------- */

/* MEDIA QUERIES */

/* ------------- */



@media only screen and (min-width: 700px) {

  .contact-wrapper {

    display: grid;

    grid-template-columns: 1fr 2fr;

  }



  .contact-wrapper > * {

    padding: 2em;

  }



  .company-info {

    border-radius: 4px 0 0 4px;

  }



  .contact {

    border-radius: 0 4px 4px 0;

  }



  .company-info h3,

  .company-info ul,

  .brand {

    text-align: left;

  }

}

/*-----secretariat-list---------------*/

.card-details {

  background-color: #f8f9fa;

  padding: 2rem 0;

}

.secretariat {

  background-color: #f8f9fa;

  padding: 2rem 0;

}

.item-secretariat .secretariat-img-container img {

    width: 140px;

    height: 140px;

    display: block;

    margin: 0 auto;

    margin-bottom: 37px;

    border-radius: 50%;

}

.secretariat-img-container {

  cursor: pointer;

  transition: .4s all;

}

.secretariat-img-container:hover {

  -webkit-transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

  cursor: move;

}

.item-secretariat h4 {

  font-weight: 600;

}

.item-secretariat p {

  margin: 0;

  font-size: 13px;

  color: #888;

}

.item-secretariat p a {

  color: #337ab7;



}



/*------------------------------*/

.search-bg {

    background: #F4F4F4;

    padding-top: 50px;

    padding-bottom: 30px;

}

.events-body {

  text-align: left;

}

.events-body h4 {

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

    color: #4B4B4C;

    margin: 0;

}

.events-body p {

  margin: 0;

}

.member-info {

  font-size: 15px;

font-weight: 400;

line-height: 1.52;

color: #909090;

margin-bottom: 0;

}

.in-media {

  padding: 2rem 0;

  background-color: #f8f9fa;

}

.in-media-btn {



}

.in-media-btn {

  display: inline-block;

  margin-top: 2rem;

  padding: 6px 20px;

  text-align: center;

  vertical-align: top;

  white-space: nowrap;

  background-color: #0B6DB1;

  border: 1px solid #0B6DB1;

  color: #FFFFFF;

  margin-bottom: 10px;

  transition: .4s;

}



.in-media-btn:hover {

  color: #333;

    background-color: #1BA8E1;

    border: 1px solid #1BA8E1;

    text-decoration: none;

}



/*-----------------------------------

TRAINING

--------------------------------------*/

a:hover {

  text-decoration: none !important;

}

.company {

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

}

.training {

  background-color: #FDF7E9;

  padding: 2rem 0;

}

.training h5 {

  text-align: center;

  text-transform: uppercase;

  font-weight: 600;

}

.training-company {

  background-color: #fff;

  border: 2px solid #B0524D;

  padding: .5rem;



}

.company:hover {

  -webkit-transform: scale(1.1);

transform: scale(1.1);

-webkit-transition: .3s ease-in-out;

transition: .3s ease-in-out;

}

.training-company p {

  text-align: center;

  font-size: 14px;

  font-weight: 600;

}

.training-company  p i {

  color: #48B44E;

}

.location p {

  font-size: 14px;

  font-weight: 600;

  text-align: center;

  margin: 0;

}



/*scroll top*/

#top {

  color: #fff;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 4px;

  font-size: 30px;

  position: fixed;

  right:4%;

  bottom:20px;

  cursor: pointer;

  /* display: none; */

  background-color: #FF9800;

  transition: background-color .3s, opacity .5s, visibility .5s;

}

#top:hover{

  background-color: #666;

}

/*--------------------------

COMMENT

----------------------------*/

.comment-wrapper p {

  margin: 0;

  font-size: 14px;

}

.comment {

  background-color: #F3F3F3;

  overflow: hidden;

  padding-bottom: 1rem;

}

.comment-box {

  padding: 1rem;

}

.comment-box h6 {

  font-size: 16px;

  font-weight: 600;

  margin: 0;

}

.comment-box p {

  font-size: 14px;

  margin: 0;

}

.comment hr {

  margin: 0;

}

.comment-date {

  font-size: 12px !important;

  color: #B0A9AE;

  padding-bottom: .5rem;

}

 /* support inbox frontend */

 .label {

  display: inline;

  padding: .2em .6em .3em;

  font-size: 75%;

  font-weight: bold;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: .25em;

}

.label-success {

  background-color: #62cb31;

}

 .label-danger{

  background-color: #e74c3c;

 }

 .btn-xs {

  border-radius: 3px;

  font-size: 11px;

  line-height: 1.5;

  padding: 1px 7px;

  background-color: #34495e;

  border-color: #34495e;

}

 /* support inbox frontend */

/*------------------Registion-------------*/

.maa-log {

  text-transform: uppercase;

  background-color: #D6D6D6;

  text-align: center;

  padding: 1rem 0;

}

.maa-log h1 {

  font-weight: bold;

}

.maa-log h1 span {

  color: #009CDF;

}

.maa-log p {

  font-size: 14px;

}

.login-title {

  padding: 1rem 4rem;

  height: 180px;

  text-align: center;

}

.login-title h5 {

  font-weight: bold;

}

.login-title h5 span {

  color: #009CDF;

}

.login-title a {

  color: #942755;

  font-size: 12px;

  text-decoration: underline;

}

.login-title p {

  margin: 0;

  color: #FF0101;

}

.maa-login-form {

  background-color: #00A3D7;

  padding: 1rem 4rem;

      height: 180px;

}



.maa-login {

  background-color: #F3F3F3;

}

.login-title {

  background-color: #fff;

}

.registration {

  background-color: #F3F3F3;

  padding: 3rem 0;

}

.registration-title {

  /*background-image: url(../images/re.jpg);*/

  /*background-position: center;*/

  /*background-repeat: no-repeat;*/

  /*background-size: cover;*/

  padding: 2rem 2rem;

  height: 100%;

  background-color:#fff;

}

.registration-title {

  text-align: center;



}

.registration-title h4 {

  color: #000;

  font-weight: bold;

  text-transform: uppercase;

}

.registration-title h4 span {

  color: #009CDF;

}

.registration-hare label {

  color: #fff;

}

.sort-text {

  border: 2px solid #ccc;

  border-radius: 10px;

  padding: 1rem;



}

.requetment {

  margin-top: 8rem;

}

.registration-hare {

  padding: 2rem 5rem;

  height: 100%;

  background-color:#2f9cdf;

}

.tab_link-btn {

  color: #fff;

  border: 1px solid #fff!important;

  border-top-left-radius: 0!important;

  border-top-right-radius: 0!important;

}

.nav_tab {

  border-bottom: none;

}

.registion-text {



}

.registration-check  {

  width: 30px;



}

.r-form-check {

  padding: 0;

}

.check-label {

  color: #fff;



  margin-left: 1rem;

  font-weight: 600;

}

.registration-form-control {

  padding-left: 2rem;

}

.icon {

  position: relative;

  float: left;

  margin-left: 8px;

  margin-top: -26px;

  z-index: 2;

  color: #333;

}

.registration-hare h5 {

  color: #fff;

  font-weight: 600;

}

.member-login {

  margin-top: 6rem;

}

.forget-password {

  float: right;

}

.forget-password a {

  font-size: 14px;

  color: blue;

  text-decoration: underline;

}

.forget-password a:hover {

  color: #fff;

  text-decoration: underline;

}

@media only screen and (max-width: 980px)  {

  .maa-login-form-m {

    height: 250px;

  }
  .grid {

    flex-direction: column;
  }
  .element-item {
    width: 100%;
  }
  .jublee-card{
    height: auto !important;
  }

}

/* @media screen and (max-width: 1024)  {
  .jublee-card{
    height: auto !important;
  }
} */


.field-icon {

  float: right;

  margin-right: 10px;

  margin-top: -28px;

  position: relative;

  z-index: 2;

}





/*===================================

MAA LANDING PAGES

======================================*/

.contact-btn {

  background-color: #EBEBEB;

  color: #009CDF !important;

  border-radius: 50px;

  padding: 10px 25px !important;

  display: block;

  margin-top: 2.5rem;

}

.contact-btn:hover {

  color: #FEA901!important;

}

/*----------------------

member_wrapper

------------------------*/

.member_wrapper {

  background-color: #EBEBEB;

  padding: 5rem 0;

}



.member-box-1 {

  width: 100%;

  background-color: #FF4013;

  height: 90px;

  padding: 1rem;

  margin-top: 2rem;

  border-radius: 10px;

  text-align: center;

  transition: .4s;

}

.member-box-1:hover {

  transform: scale(1.05);

}

.member-box-1 h4 {

  color: #fff;

  font-weight: 600;

}

.member-box-1 p {

  font-size: 14px;

  margin: 0;

}



.member_wrapper a:hover {

  color: #000;

}



.member-box-2 {

  width: 100%;

  background-color: #FFAA00;

  height: 90px;

  padding: 1rem;

  margin-top: 2rem;

  border-radius: 10px;

  text-align: center;

  transition: .4s;

}

.member-box-2:hover {

  transform: scale(1.05);

}

.member-box-2 h4 {

  color: #002D7A;

  font-weight: 600;

}

.member-box-2 p {

  font-size: 14px;

  margin: 0;

}





.member-box-3 {

  width: 100%;

  background-color: #00C7FB;

  height: 170px;

  padding: 1rem;

  border-radius: 10px;

  text-align: center;

  transition: .4s;

  margin-top: 2rem;

}

.member-box-3:hover {

  transform: scale(1.05);

}

.member-box-3 h4 {

  color: #F4EC00;

  font-weight: 600;

}

.member-box-3 p {

  font-size: 14px;

  margin: 0;

}





.member-box-4 {

  width: 100%;

  background-color: #0042AA;

  height: 170px;

  padding: 1rem;

  border-radius: 10px;

  text-align: center;

  transition: .4s;

  margin-top: 2rem;

}

.member-box-4:hover {

  transform: scale(1.05);

}

.member-box-4 h4 {

  color: #fff;

  font-weight: 600;

}

.member-box-4 p {

  color: #F4EC00;

  font-size: 14px;

  margin: 0;

}

/*-----------------------------

Life Member Guideline pages

--------------------------------*/

.guideline-area {

  background-color: #D6D6D6;



}

.guideline-head {

  background-color: #929292;

  padding: .5rem;

}



.guideline-headding h4 , .registration-headding h4, .member-login-headding h4 {

  font-weight: 600;

  text-align: center;

  margin: 0;

  font-size: 26px;

}



.guideline-headding {

  background-color: #FE3F12;

  color: #fff;

  padding: .5rem 0;

  text-align: center;

  border-radius: 10px;

}

.directory-headding {

  background-color: #FFAA00;

  color: #fff;

  padding: .5rem 0;

  text-align: center;

  border-radius: 10px;

}

.directory-headding h4 {

  color: #002D7A;

  font-weight: 600;

  text-align: center;

  margin: 0;

  font-size: 26px;

}

.registration-headding {

  background-color: #01C6FA;

  color: #fff;

  padding: .5rem 0;

  text-align: center;

  border-radius: 10px;

}



.member-login-headding {

  background-color: #002D7A;

  color: #fff;

  padding: .5rem 0;

  text-align: center;

  font-weight: 600;

  border-radius: 10px;

}

.m_heading {

  color: #B51C03 !important;

}

.registration-bg {

  background-color: #D6D6D6;

  padding: 2.5rem 0;

}

/*============================

nav tab

==============================*/

.tabs-container {

	padding: 2rem 0;

}



/**

 * Tabs Block

 */

.tabs-block {

	display: flex;

	align-items: center;

	justify-content: center;

}



/**

 * Tabs

 */

.tabs {

	display: flex;

	flex-wrap: wrap;

	width: 100%;

}



.tabs label {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: .3rem .5rem;

	margin-right: 0.0625rem;

	cursor: pointer;

	color: #000;

	font-size: 1.2rem;

	/* font-weight: 700; */

	transition: background-color ease 0.3s;

}

.tabs label {

  font-size: 14px;

}

/* .tabs label .material-icons {

	margin-right: 0.3rem;

} */

.tab-lavel-1 {

  color: #000;

  background-color: #FFF;

  padding: 5px 30px!important;

  border-radius: 5px;

}



.tabs .tab {

	flex-grow: 1;

	width: 100%;

	height: 100%;

	display: none;

	padding: 1rem .5rem;

	color: #000;

	/* background-color: #fff; */

	/* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4); */

}



.tabs .tab > *:not(:last-child) {

	margin-bottom: 0.8rem;

}



.tabs [type=radio] {

	display: none;

}



.tabs [type=radio]:checked + label {

	background-color: #0042AA;

	color: #FFF;

	/* border-bottom: 2px solid #CF2127; */

  font-size: 16px;

}



.tabs [type=radio]:checked + label + .tab {

	display: block;

}

@media (min-width: 768px) {

	.tabs-container {

		/* padding: 4rem 4rem; */

	}



	.tabs label {

		order: 1;

		width: auto;

    font-size: 16px;

	}



	.tabs .tab {

		order: 9;

	}



	.tabs [type=radio]:checked + label {

		/* border-bottom: none; */

    background-color: none;

	}

}

.guids {



}

.guids ul {

  margin: 0;

  padding: 0;

}

.guids ul li {

  /*list-style: none;*/

}





/*-------------------------------

registration-headding

---------------------------------*/

.done {

  text-align: center;

  margin-top: 8rem;

}

.done p {

  color: #009CDF;

  padding: 0 2rem;

}

.click-here {

  color: #fff;

  background-color: #4472C4;

}





.maa_h {



  background-color: #D6D6D6;

  text-align: center;

  padding: 1rem 0;

}

.maa_h h1 {

  color: #2C1376;

  font-weight: bold;

  text-transform: uppercase;

}

.maa_h h1 span {

  color: #99234F;

}

.maa_h p {

  font-size: 14px;

  color: #99234F;

}





.about-logo {

    margin-top: 2rem;

}





/*==============================

directory pages

==================================*/

.input-group-search {

  width: 40%;

}

.form-search-control {

  border-radius: 50px;

  border-top-right-radius: 50px!important;

  border-bottom-right-radius: 50px!important;

}

.input-group-1 {
  margin-left: -50px;
}
.input-group-2 {
  margin-left: -35px;
}

.search_btn {

  z-index: 0 !important;

}

.form-control:focus {
    outline: 0;
    box-shadow: none;

}







/*============================

height eqal directory pages

==========================*/

.divider {

  width: 100%;

}

.paddingBlock {

  padding: 20px 0;

}



.eqWrap {

  display: flex;

}



.eq {

  padding: 10px;

  margin:10px;

  border: 2px solid #ffffff94;

}

.equalHMRWrap {

  flex-wrap: wrap;

}



.equalHMR {

  /*width: 32%;*/

  flex: 1;

  min-width: 33.33%;

  margin-bottom: 2%;

}

@media only screen and (max-width: 980px) {

  .equalHMRWrap {

      flex-direction: column;

  }

}



/*==========================

Correction pages

===============================*/
/*
.table td, .table th {

    padding: 0.3rem;

    border-top: none;

} */

.pdftable {

  border: 2px solid #B8C1D1;

}





@media (max-width: 980px) {

  /*.table thead {*/

  /*  display: none;*/

  /*}*/

.table p {

  text-align: left !important;

}

  .table,

  .table tbody,

  .table tr,

  .table td {

    /*display: block;*/

    width: 100% !important;

  }

  .table tr {

    margin-bottom: 0px;

  }

  .table td {

    text-align: left;

    position: relative;

  }

  .table td::before {

    content: attr(data-label);

    position: absolute;

    left: 0;

    width: 50%;

    padding-left: 15px;

    font-size: 15px;

    font-weight: bold;

    text-align: left;

  }

}





@media (max-width: 1024px) {

  /*.table thead {*/

  /*  display: none;*/

  /*}*/

.table p {

  text-align: left !important;

}

  .table,

  .table tbody,

  .table tr,

  .table td {

    /*display: block;*/

    width: 100% !important;

  }

  .table tr {

    margin-bottom: 0px;

  }

  .table td {

    text-align: left;

    position: relative;

  }

  .table td::before {

    content: attr(data-label);

    position: absolute;

    left: 0;

    width: 50%;

    padding-left: 15px;

    font-size: 15px;

    font-weight: bold;

    text-align: left;

  }

}



/*event merger*/



/*HEADER*/

.header-socia ul li a {

    text-decoration: none;

}

.header-socia {

  text-align: right;

}

.header-socia li {

    list-style: none outside none;

    display: inline-block;

}

.header-socia, .header-socia ul, .header-socia li {

    margin: 0;

    padding: 0 3px;

}







.fb {

  /* color: #3B5999 !important; */

  border: 1px solid #3B5999 !important;

}

.u {

  color: #FF0000 !important;

  border: 1px solid #FF0000 !important;

}

.b {

  color: #fff !important;

  border: 1px solid #297EB6 !important;

  background-color: #297EB6;

}

.header-socia a i {

  width: 25px;

  height: 25px;

  color: #009CDF;

  border: 1px solid #009CDF;

  border-radius: 50px;

  font-size: 14px;

  line-height: 25px;

  text-align: center;

}

.header-socia ul li a {

  text-decoration: none;

}



.heading-2 {

  background-color: #D0CECE;

}

.logo-2 img {

  height: 100px;

}

.heding-title h2 {

  margin: 0;

  text-align: right;

  color: #C00000;

  font-weight: 900;

  font-size: 40px;

  margin-top: 1.5rem;

}

.banner {

  background-image: url(../images/Skype_Picture.jpeg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  height: 100vh;

  position: relative;

}


.banner-btn {

  position: absolute;

  top: 55%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.navbar-light .navbar-nav .nav-link {

    color: #002E7A;

    font-weight: 600;

    font-size: 14px;

}

.nab-bg {

    color: #fff !important;

    background-color: #FC6178;

    border-radius: 50px;

}

/*===========================

Abouts

==============================*/

.about-timer {

  background-color: #3D63AC;

}

.about-timer-wrap p {

  text-align: center;

  font-weight: 500;

  font-size: 36px;

  line-height: 1;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 0.2em;

}

.layout__section-header h2 {

  text-align: center;

  color: #ffea00;

  text-transform: initial;

  font-weight: 600;

}

.layout__section-header p {

  text-align: justify;

    font-size: 18px;

    line-height: 29px;

    color: #fbfbfb;

    font-weight: 400;

}

:root {

  --smaller: .75;

}

.countdown li {

  display: inline-block;

  font-size: 1em;

  list-style-type: none;

  padding: 1em;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 600;

  text-align: center;

}



.countdown li span {

  display: block;

  font-size: 4.5rem;

  font-weight: 600;

}



.emoji {

  display: none;

  padding: 1rem;

}



.emoji span {

  font-size: 4rem;

  padding: 0 .5rem;

}



@media all and (max-width: 768px) {

  h1 {

    font-size: calc(1.5rem * var(--smaller));

  }



  .countdown li {

    font-size: calc(1.125rem * var(--smaller));

  }



  .countdown li span {

    font-size: calc(3.375rem * var(--smaller));

  }

}







/*=============================

ONline registion

==================================*/

.online-reg {

  background-color: #FFF8E6;

  padding: 2rem 0;

}

.online-registion-title {
  background-color: #01B0F0;
  text-align: center;
  color: #fff;
  border: 1px solid #5D8AA8;
  padding: 2rem;
}
.btn-pdf {
  padding: 5px 60px;
  color: #0070C0;
  background-color: #DBDBDB;
  border: 1px solid #5D8AA8;
  border-radius: 50px;
  font-weight: 600;
}
.btn-pdf:hover {
  background-color: #dc3545;
  color: #fff;
}

.online-registion-title h5 {
  text-decoration: underline;
  font-weight: 600;
  color: #0070C0;
}

.online-registion-title h4 {
  font-weight: 600;
  color: #00B0F0;
  border-bottom: 2px solid #00B0F0;
}

.system-info {
  color: #A642A0;
}

.underline {
   border-bottom: 2px solid #00B0F0;
}

.headding_title {
  color: #00B0F0;
  font-size: 30px;
  font-weight: 700;

}

.online-registion-title ul {
  margin: 0;
  padding: 0;

}

.online-registion-title ul li {
  list-style: none;
}

.online-registion-title ul li i {
  font-size: 10px;
}

/*=====================

become-life-member

=======================*/

.become-life-member {

  background-image: linear-gradient(to top, #bedcaa, #c9e2b8, #d4e8c7, #dfeed5, #eaf4e4);

  padding: 3rem 0;

}



.become-life-member p {

  text-align: justify;

}

.btn-1 {

  padding: 8px 40px;

  background-color: #ED7D31;

  border-radius: 30px;

}

.btn-2 {

  color: #21848C;

  padding: 8px 40px;

  background-color: #FFC000;

  border-radius: 30px;

}

.btn-3 {

  color: #fff;

  padding: 8px 40px;

  background-color: #70AD47;

  border-radius: 30px;

}

.btn-4 {

  color: #fff;

  padding: 8px 40px;

  background-color: #00B0F0;

  border-radius: 30px;

}



.btn-5 {

  color: #21848C;

  padding: 8px 60px;

  background-color: #FFC000;

  border-radius: 30px;

  border: 2px solid #21848C;

}

.btn-sponsor {

  color: rgb(236, 243, 243);

  padding: 8px 60px;

  background-color: #FC6178;

  border-radius: 30px;

  border: 2px solid #21848C;

}

.btn-6 {

  color: #fff;

  border-radius: 30px;

  border: 2px solid #FC6178;

  font-weight: 600;

}

.btn-6:hover {

  background-color: #FC6178;

  color: #fff;

}



.btn-7 {
  color: #333;
  border-radius: 30px;
  border: 2px solid #dc3545;
  font-weight: 600;
  font-size: 14px;
  transition: .4s;

}

.btn-7:hover {
  background-color: #dc3545;
  color: #fff;
}
.btn-8 {
  color: #0070C0;
  background-color: #FFD966;
  border-radius: 30px;
  border: 2px solid #0187D1;
  font-weight: 600;
  font-size: 14px;
  transition: .4s;
  padding: 8px 60px;
}
.btn-8:hover {
  background-color: #dc3545;
  color: #fff;
}
.btn-9 {
  color: #fff;
  background-color: #0070C0;
  border-radius: 30px;
  border: 2px solid #0187D1;
  font-weight: 600;
  font-size: 14px;
  transition: .4s;
  padding: 8px 60px;
}
.btn-9:hover {
  background-color: #dc3545;
  color: #fff;
}
/*============================

CONTACT US

================================*/



.contact-info h5 {

  font-weight: 600;

  color: #C00000;

}

.contact-info p {

  margin: 0;

  font-size: 15px;

}



/*event merger*/





/*============================

Right side nav bar

================================*/



.open-menu,

.close-menu {

  cursor: pointer;

  border: none;

  outline: none;

  color: #252a32;

  background: none;

}



.close-menu {

  position: absolute;

  top: 0;

  right: 1rem;

  border: none;

  outline: none;

  color: #252a32;

  background: none;

}



.brand {

  font-family: inherit;

  font-size: 1.75rem;

  font-weight: 700;

  line-height: 1.5;

  color: #d32f2f;

  text-transform: uppercase;

  text-rendering: optimizeLegibility;

}



.title-large {

  font-family: inherit;

  font-size: 2.25rem;

  font-weight: 700;

  line-height: inherit;

  color: #252a32;

  text-align: center;

  text-transform: capitalize;

}



.header-nav-left {

  /* position: relative;

  width: 100%;

  height: auto;

  padding: 0.75rem 1.5rem;

  color: #252a32;

  background: #ffffff;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); */

}

.header-nav-left .nav_bar {

  /* display: flex;

  align-items: center;

  justify-content: space-between;

  align-items: center; */

}

.header-nav-left .nav_bar .menu-wrapper::before {

  content: "";

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

  transition: background 0.5s;

}

.header-nav-left .nav_bar .menu-wrapper.offcanvas .menu {

  transform: translate3d(0, 0, 0);

  transition-duration: 0.7s;

  transition-delay: 0.2s;

  background-color: #009CDF;

}

.header-nav-left .nav_bar .menu-wrapper.offcanvas::before {

  background: rgba(37, 42, 50, 0.6);

  z-index: 1;

}

.header-nav-left .nav_bar .menu {

  position: fixed;

  display: flex;

  flex-direction: column;

  top: 0;

  right: 0;

  bottom: 0;

  max-width: 25rem;

  width: 100%;

  padding: 1.5rem 1rem;

  z-index: 2;

  overflow-y: auto;

  color: #fff;

  background: #fff;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);

  transform: translate3d(100%, 0, 0);

  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);

}



/*=====================

right nav

=========================*/

.nav_bar {

  width: 100%;

}



.nav_bar a,

.nav_bar label {

  display: block;

  padding: .85rem;

  color: #fff;

  /* background-color: #ccc; */

  box-shadow: inset 0 -1px #ccc;

  -webkit-transition: all .25s ease-in;

  transition: all .25s ease-in;

  margin-bottom: 0 !important;

}



.nav_bar a:focus,

.nav_bar a:hover,

.nav_bar label:focus,

.nav_bar label:hover {

  color: #000;

  /* background: #ccc; */

}



.nav_bar label {

  cursor: pointer;

}



.item-list a,

.item-list label {

  padding-left: 2rem;

  /* background: #ccc; */

  box-shadow: inset 0 -1px #ccc;

}



.item-list a:focus,

.item-list a:hover,

.item-list label:focus,

.item-list label:hover {

  color: #000;

  /* background: #131313; */

}



.sub-list a,

.sub-item-list label {

  padding-left: 4rem;

  /* background: #353535; */

  box-shadow: inset 0 -1px #ccc;

}



.sub-item-list a:focus,

.sub-item-list a:hover,

.sub-item-list label:focus,

.sub-item-list label:hover {

  color: #000;

  /* background: #232323; */

}



.sub-sub-item-list a,

.sub-sub-item-list label {

  padding-left: 6rem;

  /* background: #454545; */

  box-shadow: inset 0 -1px #ccc;

}



.sub-sub-item-list a:focus,

.sub-sub-item-list a:hover,

.sub-sub-item-list label:focus,

.sub-sub-item-list label:hover {

  /* background: #333333; */

  color: #000;

}



.item-list,

.sub-item-list,

.sub-sub-item-list {

  height: 100%;

  max-height: 0;

  overflow: hidden;

  -webkit-transition: max-height .5s ease-in-out;

  transition: max-height .5s ease-in-out;

}



.toggle input[type=checkbox]:checked + label + ul {

  max-height: 1000px;

}



label > span {

  float: right;

}



.toggle input[type=checkbox]:checked + label > span {

  transform: rotate(90deg);

}
/*==============================
otp pages
==================================*/
.filrer-btn {
  margin-top: 2rem;
}

/* only for feedback page */

.btn_secondary {
  color: #fff;
  background-color: #198CCA;
}
.text_justify {
  text-align: justify;
}

/*=======================
rating
==========================*/
.stars {
  line-height: 1rem
}
.star{
  color: #FFD700;
  font-size: 36px;
  /* border: 1px solid */
}
.star::before{
  content: '\2606';
  cursor: pointer;
}
.star:hover::before{
  content: '\2605';
  color: #FFD700;
}
.star.rated::before{
  content: '\2605';
}


/* .dropdown-item{
  font-size: 11px;
} */

.golden-bg{
  background-color: #FFD700;
  color: #fff !important;
  border-radius: 50px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}
.header_gj {
  background-color: #003D2A;
  border: 2px solid #172C51;
}
.free-registration-btn {
  color: #FED875 !important;
  padding: 10px 15px;
  transition: .4s !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-block;
  line-height: 1.2;
  border: 1px solid #FED875;
}
.family-registration-btn {
     color: #003D2A !important;
    padding: 10px 15px;
    transition: .4s !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-block;
    line-height: 1.2;
    border: 1px solid #FED875;
    background-color: #FFC000 !important;
}
.header-socia-icon a i {
  width: 30px;
  height: 30px;
  color: #fff;
  border-radius: 50px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.fb {
  background-color: #0077B5;
}
.gj_heaher-left {
  display: flex;
  justify-content: end;
  align-items: baseline;
}
.header_bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.youtube {
  background-color: #AF3034;
}

.header-socia-icon ul li  {
  display: inline-block;
  list-style: none;
}
.golden_header {
  border-bottom: 1px solid #3C4E6C;
}
.glod_border {
  border: 1px solid #3C4E6C;
}
.golden_event-list {
  background-color: #F2F2F2;
  padding: 1rem;
  height: 100%;
  border: 1px solid #003D2A;
  margin-bottom: -1px;
}
.golden_event-list ul {
  margin: 0;
  padding: 0;
}
.golden_event-list ul li {
  list-style: none;
  color: #0070C0;
  border-bottom: 2px solid #003D2A;
  margin-left: 10px;
}
.golden_event-list li a {
  display: block;
  padding: 5px;
  transition: .4s;
  /* color: #0070C0; */
  text-decoration: none;
  font-size: 18px;
  transition: .4s;
  color: #002E24;
  margin-left: 10px;
}
.golden_event-list li a:hover {
  color: #0070C0;
}
.text-blue {
  color: #B05FB1 !important;
}
.text-gold {
  color: #EAB714;
}
.f-w {
  font-weight: 600;
}
.font-16 {
  font-size: 16px;
  font-weight: bold;
}
.font_16 {
  font-size: 16px;
}
.text_primary {
  color: #0070C0;
}
.search_gloden {
  text-align: right;
}
.golden_right-content {
  padding: 1rem;
  /* height: 100vh; */
}
.golden_right-content p {
  color: #333;
  font-size: 14px;
  margin: 0;
}
.gold__registration-btn {
  color: #002060 !important;
  text-decoration: none !important;
  background-color: #FFC000 !important;
  padding: 10px 15px;
  transition: .4s !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-block;
  line-height: 1.2;
  border: 1px solid #62707A;
  border-radius: 5px;
  padding: 10px 30px;
}
.mt-10 {
  margin-top: 6rem;
}
.font-14 {
  font-size: 14px;
}
.bg-lemon {
  background-color: #FFF2CC;
}
.bg-sky {
  background-color: #DEEBF7;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  background-color: #fff;
  color: #0070C0;
  font-weight: 600;
  
}
.nav-tabs .nav-link
{
  background-color: #FFC000;
}


.tab-content>.active {
  background-color: #fff;
}

.text-decoration-line-through {
  text-decoration: line-through;
}




/*------------------------
Footer
----------------------------*/
.issl-footer {
  padding: 1rem 0;
  background-color: #FFC000;

}
.font-12 {
  font-size: 11px;
}
.issl-footer-icon ul li {
  list-style: none outside none;
  display: inline-block;
  margin: 0 .5rem;
}
.issl-footer-icon p {
  color: #333;
  font-size: 14px;
  margin: 0;
}
.issl-footer-icon ul li a {
  text-decoration: none;
}
.issl-footer-icon ul li a i {
  width: 35px;
  height: 35px;
  background-color: #FFF;
  border: 1px solid #252551;
  padding-top: 12px;
  border-radius: 50px;
  font-size: 20px;
  line-height: 10px;
  text-align: center;
}
.issl-footer-icon .fa-instagram {
  color: #F501A1 !important;
}

.issl-footer-icon .fa-facebook {
  color: #4867AA !important;
}
.issl-footer-icon .fa-linkedin {
  color: #0077B5 !important;
}
.issl-footer-icon .fa-youtube {
  color: #FF0000 !important;
}
.issl-footer-icon .fa-map-marker-alt {


    color: #0C8CDC;
}
.issl-footer-link li {
  list-style: none outside none;
  display: inline-block;
  margin: 0;
}
.issl-footer-link {
  margin: 0;
  padding: 0;
}
.issl-footer-link li a {
  color: #333;
  font-size: 14px;
  text-decoration: none;
  
}


@media only screen and (max-width: 980px) {
  .issl-footer-logo {
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 0 !important;
  }
  .ssl {
    text-align: center;
  }
}

.footer {
  background-color: #3D63AC;
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.footer-l p a {
  color: #fff;
}
.footer-r {
  text-align: right;
}

.footer-r p a {
  color: #fff;
}

.navbar-brand-logo{
  display:none;
}


/*-------------------------------
Responsive css
----------------------------------*/
@media only screen and (max-width: 980px) {
  .footer-r {
      text-align: left;
    }
  .glod_border {
    border: none;
  }
  .search_gloden {
    text-align: center;
  }
  .golden_event-list {
    border-right: none;
  }
  .pl-0 {
    padding-left: 15px !important;
  }
  .golden_event-list {
    margin-top: 1rem;
  }
  .golden_event-list {
    height: auto;
  }
  .golden_right-content {
    padding: 1rem;
   
    height: auto;
  }
  .gold__registration-btn {
    position: inherit;
    transform: none;
  }
  .header_logo {
    text-align: center;
  }

  .header_bar {
    display: flex;
    justify-content: center;
    align-items: center;
}
  .w_75 {
    width: 20% !important;
  }

  .navbar-brand-logo{
    display:block;
  }

}

@media only screen and  (max-width: 1024px) {
  .navbar-expand-lg .navbar-nav .nav-link {
      font-size: 12px;
  }
  .golden_event-list {
    height: auto;

}
.golden_right-content {
  height: auto;
}
}

/* .dropdown-menu{
  right: 0 !important;
  left: inherit !important;
} */

.golden-banner img{
  /* height: 500px; */
  width: 100%;
}

.w_60{
  width: 60% !important;
}

/* .jublee-card{
  height: 300px;
} */

.chat-icon{
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 50px;
  right: 55px;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  background: #FFF;
}

.gjc-online{
  background: #FEC700;
  color: #104AA1;
  padding: 5px 20px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  line-height: 1.2;
  border: 1px solid #2B1377;
}

.alumni-search{ 
  padding: 20px 5px;
  border-radius: 10xp !important;
}

.hover-bg-blue:hover{
  background: #002060;
  color: #FFF;
}

.register-button-search{
  background-color: #002060 !important;
  color: #FFF !important;
}


.golden_event-list ul .active{
  color: #FCC106 !important;
}
.nav_text_color{
  color: #FED773 !important;
  font-weight: 600 !important;
  font-size: 16px !important;

}
.yellow_header{
  background-color: #FFC000 !important;
}
.text-green{
  color: #003D2A !important;
}
.registration-btn{
  border: 2px solid #2F528F !important;
  background-color: #FFC000 !important;
  color: #003D2A !important;
  border-radius: 10px !important;
  font-size: 20px !important;
}

.registration-btn-inactive{
  border: 2px solid #2F528F !important;
  background-color: gray !important;
  color: #003D2A !important;
  border-radius: 10px !important;
  font-size: 20px !important;
}

.incomplete-btn{
  border: 2px solid #FFC000 !important;
  background-color: #003D2A !important;
  color: #FFC000 !important;
  border-radius: 50px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  padding: 8px 30px !important;
}
.lm-page-p-tag{
  font-size: 18px !important;
  color: #44546A !important;
}
.w-125{
  width: 125px !important;
}



/* .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
} */

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
    /* width: 40% !important; */
	
}
.dropdown-menu {
	/* width: 40% !important; */
}
.menu2 {
	/* width: 100% !important; */
}
.dropdown-submenu {
    position:relative;

}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.eid_button{
  background-color: #003D2A;
  color : #FFC000
}

/*event family day*/
        .event-header {
            background: linear-gradient(135deg, #0d3b66, #1d5fa2);
            color: #fff;
            padding: 60px 15px;
            text-align: center;
        }
        .event-header h1 {
            font-weight: 700;
        }
        .event-header p {
            font-size: 1.1rem;
            color: #fff;
            max-width: 700px;
            margin: auto;
        }
        .registration-section {
            padding: 60px 15px;
        }
        .reg-card {
            border: none;
            border-radius: 12px;
            transition: all 0.3s ease;
        }
        .reg-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.12);
        }
        .reg-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }
        .btn-block {
            padding: 12px;
            font-weight: 600;
        }
        .footer-note {
            background: #ffffff;
            padding: 30px 15px;
            text-align: center;
            font-size: 0.95rem;
            color: #555;
        }