@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;900&display=swap');

/*body{
   overflow-x: hidden;
}*/
.container{
   max-width: 1262px !important;
}
#breadcrumb{
  margin-top: 35px;
}
a {
    color: #808080;
    text-decoration: underline;
    }
a:hover{
  color: rgba(24, 49, 39, 1);
}
#breadcrumb a{
  text-decoration: none;
}
/*--global--css-start-here----- */
h1{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 72px;
line-height: 81px;
color: #183127;

}

h2{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 64px;
color: #2E2E2E;
}
h3{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #333333;
}

h4{
   font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
color: #2E2E2E;

}
h5{
 
font-family:  'Inter', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 44px;
color: #101828;

}
h6{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #2E2E2E;

}
p{
 font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #808080;
}

.breadcrumb .breadcrumb-item{
   font-family:  'Poppins', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #2E2E2E;
}

.btn{
 font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 32px;
color: #808080;
}

.btn2
{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
color: #183127;
}

nav#main-nav {
   background: transparent !important;
}
.navbar-dark .navbar-nav .nav-link {
   font-family: 'Poppins', sans-serif ;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #808080;
   padding-left: 28px;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(24, 49, 39, 1);
}
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(24, 49, 39, 1);
}

/*--banner-section-css-end-here----- */
.banner{
margin-top: -107px;
    padding-top: 192px;
    background: linear-gradient(65.59deg, #FFFEFC 11.05%, #FFEBD1 57.12%, #FFFFFF 104.17%);
    margin-bottom: 15em;
}
.pagebanner {
    margin-top: -175px;
    padding-top: 285px;
    }
.banner-title{
   margin-bottom: 14px;
}
.small-img {
   position: absolute;
   bottom: -0.5em;
}

.banner-img {
   display: flex;
   align-items: flex-end;
   justify-content: space-around;
}

.banner-btn{
 min-width: 160px;
border: 1px solid #183127;
border-radius: 8px;

}
.banner-btn .fa{
   margin-right: 11px;
}
.banner-btn:hover{
   background: #183127;
   color: #fff;
}
.banner .row{
   margin-bottom: -5em;
}
/*--banner-section-css-end-here----- */

/*-----Blog-secton-css-start-here----- */
.homeblog{
   padding: 15px 0px;
}
.blog{
   
}
.blog-btn{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #183127;
margin-top: 40px;

}
.blog-btn:before {
    content: "";
    position: absolute;
    left: 14px;
    bottom: 1px;
    width: 3px;
    height: 37px;
    background: #183127;
}
.members .blog-btn:before {
    content: "";
    position: absolute;
    left: 14px;
    bottom: auto;
    width: 3px;
    height: 37px;
    background: #183127;
}
.trusty .blog-btn:before {
    content: "";
    position: absolute;
    left: 14px;
    bottom: auto;
    width: 3px;
    height: 37px;
    background: #183127;
}
.post-btn {
   display: flex;
   align-items: center;
   justify-content: center;
}
.readmore-post-btn{
font-size: 16px;
padding-left: 28px;
}
/*-----blog-section---css-end-here----- */


/*-----join-us-section-css-start-here----- */
.join-us{
   background: #183127;
   padding: 124px 0px;
}
.join-btn{
      border: 1px solid #ffffff !important; 
      color: #fff !important;
      border-radius: 8px;
      width:160px;
      margin-top: 3rem;

  
}
.join-btn:hover{
   background: #fff !important;
   color: #183127 !important;
}

.btn.post-btn {
   color: #fff !important;
   background: #183127 !important;
   padding: 12px 57px;
   border-radius: 8px;
}

/*--join-us-section-css-end-here----- */


.btn-primary {
   width: 100%;
   color: #fff !important;
   background-color: #183127 !important;
}
.btn-primary:hover{
   background: #fff !important;
   color: #183127 !important;
   border: 1px solid #183127 !important;
}

a.skip-link {
   display: none;
}


/*---abourt-page-css-start-here */

.history-img{
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: flex-start;
}
.history ul li{
   font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #808080;
margin-top:15px;

}

.history ul{
   margin-top:19px;
   margin-left: 40px;
}
.breadcrumb {
    background-color: transparent !important;
        padding-left: 0px;
            margin-bottom: 0px;
    padding-bottom: 0px;

}
.breadcrumb-item+.breadcrumb-item::before {
   float: left;
   padding-right: .5rem;
   color: #6c757d;
   content: ">" !important;
}

/* Style the tab */
.tab {
   float: left;
   width: 100%;
 }
 #bylaws{
  background: #FFFAF4;
 }
 .tab button {
   display: block;
   background-color: inherit;
   border: none;
   outline: none;
   text-align: left;
   cursor: pointer;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
   color: #667085;
   padding: 10px 16px;
   min-width: 280px;
   margin-bottom: 10px;
 }
 

 .tab button.active {
   color:#fff !important;
   background: #183127 !important;
   border-radius: 6px !important;

      display: block;
   border: none;
   outline: none;
   text-align: left;
   cursor: pointer;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
   color: #667085;
   padding: 10px 16px;
 }
 /* Style the tab content */
 .tabcontent {
   float: left;
   padding: 0px 12px;
   width: 100%;
   border-left: none;
 }
 
 .heading{
   margin-left:1em;
   margin-bottom:5em;
   margin-top:2em;
 }
.members{
	background: #FFFFFF;
	    padding: 70px 0px 30px;
}
.trusty{
	padding: 10px 0px;
}



#Article\ II,#Article\ III,#Article\ IV{
   display:none;
}
#event1, #event2, #event3, #event4, #event5, #event6, #event7, #event8, #event9, #event10, #event11, #event12, #event13, #event14, #event15, #event16, #event17, #event18, #event19, #event20, #event21{
	display: none;
}
#vtab2, #vtab3, #vtab4, #vtab5, #vtab6, #vtab7, #vtab8, #vtab9, #vtab10{
  display: none;
}
.m-grid-img{
  margin-bottom: 20px;
}
.member-name{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #101828;
    margin-bottom: 4px;
}
.member-designation{
  font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #183127;
}
.member-designation-details{
  font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #475467;
margin-bottom: 25px;
}
.member-social-wrap .fa{
  color: #98A2B3;
  margin-right: 10px;
  font-size: 20px;
}
.grid-img-wrap{
  margin-bottom: 60px;
}
/*---abourt-page-css-end-here */



/*----events-page-csss-start-here----*/
.author {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.author p {
   margin-bottom: 0rem;

  }

  .tab-post p{
   line-height: 24px !important;
  }
  .tab-post h3 {
   font-weight: 600 !important;
}

.author-desig{
   margin-left: 10px;
}
.author-desig .author-name{
font-family:  'Inter', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #101828;

}


/* Text sm/Regular */
.author-desig .author-date{
font-family:  'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #475467;
}
.event-page {
   margin-top: 20em;
   margin-bottom: 3em;
}
.footer h6{
   margin-bottom: 24px;
}
.footer .footer-item .fa{
       font-weight: bold;
    font-size: 18px;
    color: #183127;
}
.footer{
padding: 90px 0px;
}
.home-bottom-bg{
   height: 485px;
}
.breadcrumb a{
	color: #808080 !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: ">" !important;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: rgba(24, 49, 39, 1);
}
.event-right-arrow-up {
    float: right;
    width: 100px;
    text-align: right;
    padding-right: 10px;
}
.single-event-title{
	display: flex;
}
.event-page .tab-post{
	margin-bottom: 40px;
}
.event-page .tab button.active {
    color: #344054 !important;
    background: #F9FAFB !important;
    }
.footer a{
  color: #808080;
}
.footer a:hover{
  color: rgba(24, 49, 39, 1);
}
#gform_wrapper_1 label{
    color: #212529;
    font-weight: normal;
    margin-bottom: 0px;
  }
  .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
}
#gform_wrapper_1 #input_1_1{
  display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#gform_wrapper_1 #gform_submit_button_1{
  width: 100%;
    color: #fff !important;
    background-color: #183127 !important;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 11px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#gform_wrapper_1 #gform_submit_button_1:hover{
  background: #fff !important;
    color: #183127 !important;
    border: 1px solid #183127 !important;
}
#gform_wrapper_1 .gform_footer {
    padding: 0px;
    }
.home #breadcrumb{
  display: none;
}
.event-page .search-form .submit{
    opacity: 0;
    height: 1px;
  }
.event-page a{
  text-decoration: none;
}
/*larger than tablet*/
@media only screen and (min-width: 1025px){
   .banner-texts{
   position: absolute;
   width: 624px;
}
.banner-btn-wrap{
   margin-top: 140px;
}
nav#main-nav {
   padding-top: 10px;
}
.visit-us{
   padding-left: 70px;
}
.page-banner-small-img{
position: absolute;
    bottom: -370px;
}
.page-banner-big-img{
    position: absolute;
    bottom: -465px;	
}
.page-banner-texts{
	margin-bottom: 100px;
}
.history {
    margin-top: 24em;
    margin-bottom: 119px;
}
.page-full-bg-section{
	height: 648px;
	background-position: top center;
}
.our-tab{
	padding: 70px 0px 0px;
}
.tab-wrap{
	padding: 70px 0px;
}
}

/*----tab-media-query-start-here--- */
 @media only screen and (max-width: 1024px) {
   .blog .banner-btn{
      margin-left: -4em !important;
   }
   
   .banner {
      /* margin-top: -10em; */
      padding-top: 5em !important;
      margin-top: -5em !important;
  }
.home .banner {
      /* margin-top: -10em; */
      padding-top: 8em !important;
      margin-top: 0em !important;
  }
  .banner-btn{
   margin-top: 20px !important;
}
.banner .row {
   padding-bottom: 2em !important;
}
h1 {
  
   font-size: 42px !important;
   line-height: 58px !important;
  
}
h2 {
   
   font-size: 27px !important;
   line-height: 45px !important;

}
h3 {
   
   font-size: 22px !important;
   line-height: 31px !important;
}
.banner-btn{
   margin-top: 1rem !important;
}
.join-btn{
   margin-top: 2em;
}
p {
   margin-bottom: 0rem !important;
}
.navbar-dark .navbar-brand {
   width: 75%;
   color: #fff;
}

nav#main-nav {
   width: 100%;
   position: fixed;
   z-index: 999;
   background: linear-gradient(65.59deg, #FFEBD1 1.05%, #FFEBD1 1.12%, #ffffff 104.17%) !important;
   top:0;
}
#breadcrumb{
  padding-top: 60px;
}
#navbarNavDropdown ul#main-menu{
   padding-top: 20px;
}
.navbar-dark .navbar-toggler-icon {
      background-color: #183127;
    border-radius: 3px;
    padding: 7px 20px;
    width: 25px;
    height: 35px;
    background-size: auto;
}
.members .blog-btn:before, .trusty .blog-btn::before {
   bottom: 7px;
}
.history {
    margin-top: 4em;
    padding: 0px 10px;
    margin-bottom: 4em;
}
.author {
   margin-bottom: 2em;
}


.our-tab{
   margin-top: 0em;
   padding-top: 1rem;
   padding-bottom: 3rem;
}
.event-page {
   margin-top: 6em;
}
.our-tab.event-page {
   margin-top: 6em;
}
.tab-wrap{
	padding-top: 35px;
}
.members-left-img{
   margin-top: 2em;
}
.members {
    background: #FFFCF9;
    padding: 35px 0px;
}
.trusty {
    padding: 35px 0px;
}
.footer-item{
   margin: 20px 0px !important;
}
h4 {
   font-size: 29px !important;
}

}
 @media screen and (min-width: 768px) and (max-width:1024px) {
   .banner {
      padding-top: 8em !important;
      margin-top: -7em !important;
  }
  #breadcrumb{
    margin-top: 80px;
  }
  .pagebanner {
    padding-bottom: 9em !important;
}
.blog {
    margin-top: 0em;
}
.tab button {
    min-width: 250px;
}
 }

/*----phone-media-query-start-here--- */
@media only screen and (max-width: 767px) {
   h1,h2{
      font-size: 30px !important;
      line-height: 52px !important;
   }

   p{
      font-size: 15px !important;
   }
   .banner-btn{
      margin-top: 20px !important;
   }

  
.history-img {
   margin-top: 1em;
   display: flex;
   flex-direction: column;
    align-items:normal !important; 
   justify-content: flex-start;
}
.join-btn {
   margin-top: 1rem!important;
}
.blog {
    margin-top: 4em;
}
.home-bottom-bg{
   height: 250px;
}
.join-us {
    padding: 55px 0px;
}
.homeblog{
   padding-bottom: 60px;
}
.footer{
   padding: 30px 0px;
}
.history {
    margin-top: 10em;
    padding: 0px 10px;
    margin-bottom: 4em;
}
   .blog .banner-btn{
      margin-left: 0em !important;
   } 
 }