
/*Header css start Here*/

.btn-square, .btn-sm-square, .btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.fontclassst{
    font-size:15px;
}


.registerbtnhome {
   margin-left:1rem;
}

.qrimgclass {
    width: 35% !important;
    /* margin-left: 32% !important; */
}

.servicehomehead{
    color:white;
    text-align:center;
    font-size:25px;
}
/*.logoclass{*/
/*    width:70%;*/
/*}*/

.logoclass2 {
    
    width:40%;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}
.bgnavbar{
    background-color:#2e3280;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
    color: #f4ca11;
}
.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 20px 0;
    color: #FFFFFF;
    font-weight: 500;
    outline: none;
}


.btn {
    font-weight: 500;
    transition: .5s;
}

/*membership register start*/

.members {
    padding-top: 2rem;
    padding-bottom: 6rem;
}

.displayh1{
    color: #0C2B4B;
    font-weight:700;
}



.btn.btn-primary, .btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn {
    font-weight: 500;
    transition: .5s;
}

.btn-square, .btn-sm-square, .btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.btn-square {
    width: 38px;
    height: 38px;
}



/*end*/


/*membership header 1st start*/

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/assets/images/heading-bg.jpg) center center no-repeat;
    background-size: cover;
}





/*end here*/


/*membership 2nd section */


.section-title1 h2 {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    
}

.section-title1 h2:before {
    margin: 0 15px 10px 0;
}
.section-title1 h2:before, .section-title1 h2:after {
    content: "";
    width: 50px;
    height: 2px;
    background: var(--accent-color);
    display: inline-block;
}

.section-title1 h2:before {
    margin: 0 15px 10px 0;
}
.section-title1 h2:before, .section-title1 h2:after {
    content: "";
    width: 50px;
    height: 2px;
    background: var(--accent-color);
    display: inline-block;
}

.section-title1 p {
    margin-bottom: 0;
    margin-top:4px;
}

.section-title1 {
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}

.constructions .card-item {
    border : 1px solid black;
    position: relative;
    border-radius: 0;
}

.constructions .card-item .card-bg {
    min-height: 100%;
    position: relative;
}

.constructions .card-item .card-bg img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
.constructions .card-item .card-body {
    padding: 30px;
}
.constructions .card-item h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}
.constructions .card-item p {
    color: black;
    margin: 0;
}


/*end here*/



/*events section*/


.schedule-table-section {
    padding-top: 0;
}
.spad {
    padding-top: 100px;
    padding-bottom: 100px;
}

.schedule-table-tab .nav-tabs {
    border: none;
    border-radius: 4px;
    margin-bottom: 50px;
    -webkit-box-shadow: 3px 10px 30px rgba(74, 74, 77, 0.15);
    box-shadow: 3px 10px 30px rgba(74, 74, 77, 0.15);
}
.schedule-table-tab .nav-tabs .nav-item {
    border-right: 1px solid #e7e7e8;
    width: 20%;
    text-align: center;
}
.schedule-table-tab .nav-tabs .nav-item .nav-link {
    padding: 22px 0;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #171822;
}
.schedule-table-tab .nav-tabs .nav-item .nav-link {
    padding: 22px 0;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #171822;
}
.schedule-table-tab .schedule-table-content table thead {
    border-bottom: 1px solid #e5e5e5;
}
.schedule-table-tab .schedule-table-content table thead tr th {
    border-right: 1px solid #e5e5e5;
    padding: 24px 0 26px;
}

.schedule-table-tab .schedule-table-content table thead tr th strong {
    font-size: 24px;
    color: #171822;
    font-weight: 600;
    margin-bottom: 8px;
}
.schedule-table-tab .schedule-table-content table thead tr th span {
    color: #f5523b;
    font-size: 16px;
    display: block;
    font-weight: 400;
}
.schedule-table-tab .schedule-table-content table thead tr th span {
    color: #f5523b;
    font-size: 16px;
    display: block;
    font-weight: 400;
}
.schedule-table-tab .schedule-table-content table tbody tr td.event-time {
    width: 140px;
    color: #f44949;
    font-size: 24px;
    font-weight: 600;
}
.schedule-table-tab .schedule-table-content table tbody tr td {
    border-right: 1px solid #e5e5e5;
    width: 260px;
    height: 134px;
    padding: 37px 0 36px;
}

.schedule-table-tab .schedule-table-content table tbody tr td.break h5 {
    margin-bottom: 0;
}
.schedule-table-tab .schedule-table-content table tbody tr td h5 {
    color: #171822;
    font-weight: 600;
    margin-bottom: 10px;
}
.schedule-table-tab .schedule-table-content table {
    width: 100%;
    text-align: center;
    border: 1px solid #e1e1e1;
}


/*tabs clickable*/

.departments .nav-link {
    border: 0;
    padding: 12px 15px 12px 0;
    transition: 0.3s;
    color: #444444;
    border-radius: 0;
    border-right: 2px solid grey; 
    font-weight: 600;
    font-size: 15px;
}

.tab-content>.active {
    display: block;
}
/*.tab-content>.tab-pane {*/
/*    display: none;*/
/*}*/

.departments .details h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.departments .details p {
    color: grey;
}

.departments .details p:last-child {
    margin-bottom: 0;
}

.departments .nav-link.active {
    color: blue;
    border-color: blue;
    background-color: white;
}
/*.departments .nav-link:hover {*/
/*    color: blue;*/
/*}*/



/*end here*/



.tabulation .nav-pills .nav-item {
  margin-bottom: 10px; }
  .tabulation .nav-pills .nav-item .nav-link {
    background: #ffd31d;
    border-radius: 4px;
    color: #207dff;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 20px;
    line-height: 30px; }
    .tabulation .nav-pills .nav-item .nav-link span {
      color: #207dff;
      font-size: 30px; }
    .tabulation .nav-pills .nav-item .nav-link.active {
      color: #fff;
      background: #207dff;
      border: 1px solid #207dff; }
      .tabulation .nav-pills .nav-item .nav-link.active span {
        color: #fff; }

.tabulation .tab-content {
  background: #fff;
  padding: 0; }
  .tabulation .tab-content .img {
    width: 100%;
    height: 400px;
    margin-bottom: 20px; }
  .tabulation .tab-content h3 {
    font-weight: 700; }
    .tabulation .tab-content h3 a {
      color: #000000; }


    /*memebership 2nd section*/
        
.feature .feature-item {
       position: relative;
        display: flex;
        border: 4px solid #15b9d9;
        border-radius: 10px;
        background: white;
        transition: 0.5s;                     
    }
.feature .feature-item .feature-icon {
    display: inline-flex;
    border-radius: 10px;
    transition: 0.5s;
}
/*.feature .feature-item:hover::before {*/
/*    width: 100%;*/
/*    background: #15b9d9;*/
/*}*/

/*.feature .feature-item:hover::after {*/
/*    width: 100%;*/
/*    background: #15b9d9;*/
/*    color:white;*/
/*}*/


.feature .feature-item::before {
    width: 0;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: 0.5s;
}

/*.feature .feature-item:hover .feature-content h5 {*/
/*    color: white;*/
/*}*/
/*.feature .feature-item:hover .feature-content {*/
/*    position: relative;*/
/*    color:white;*/
/*    z-index: 2;*/
/*}*/

        
        
    /*end here*/
    
    
    .section_titlevent {
    font-size: 55px;
    font-weight: 400;
    font-family: "Abril Fatface", cursive;
    color: #234262;
}

.section_titlevent P {
    font-size: 18px;
    line-height: 2;
    color: #7d84ab;
    margin-bottom: 0;
}
    
    .recent_event_area .single_event {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.recent_event_area .single_event .date {
    background: #317bd6;
    padding: 45px 70px;
}

.recent_event_area .single_event .date span {
    font-size: 58px;
    font-family: "Abril Fatface", cursive;
    color: #fff;
    line-height: 1;
    margin-bottom: 7px;
    display: block;
}

.recent_event_area .single_event .date p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1;
}
.recent_event_area .single_event .event_info {
    padding-left: 60px;
}
.recent_event_area .single_event .event_info h4 {
    font-size: 25px;
    font-family: "Abril Fatface", cursive;
    color: #234262;
    margin-bottom: 15px;
}

.recent_event_area .single_event .event_info p span {
    margin-right: 44px;
}
.recent_event_area .single_event .event_info p span i {
    margin-right: 4px;
}

.recent_event_area .single_event:nth-child(2) .date {
    background: #ebb830;
}

/*new*/

.event_details_area .single_event:last-child {
    margin-bottom: 0;
}

.event_details_area .single_event:last-child {
    margin-bottom: 0;
}
.event_details_area .single_event .thumb img {
    width: 458px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.event_details_area .single_event .thumb .date {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #317bd6;
    padding: 25px 35px;
}

.event_details_area .single_event .thumb .date h4 {
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1;
    font-family: "Abril Fatface", cursive;
}

.event_details_area .single_event .thumb .date span {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.event_details_area .single_event .event_details_info {
    padding-left: 30px;
}
.event_details_area .single_event .event_details_info {
    padding-left: 30px;
}

.event_details_area .single_event .event_details_info .event_info h4 {
    font-size: 30px;
    font-family: "Abril Fatface", cursive;
    color: #234262;
    margin-bottom: 15px;
}

.event_details_area .single_event .event_details_info .event_info p {
    color: #7d84ab;
    font-size: 16px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 52px;
    padding-bottom: 31px;
}

.boxed-btn3 {
    background: #1fc2d9;
    color: #fff;
    display: inline-block;
    padding: 17px 50px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.boxed-btn2 {
    background: #1fc2d9;
    color: #fff;
    display: inline-block;
    padding: 10px 10px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    overflow: hidden;

}

/*reguster page css*/


.section-title-reg {
   
    font-size: 42px;
    font-weight: 500;
    line-height: 62px;
    margin: 0 0 25px;
    padding: 0;
    text-transform: none;

}
.section-title-reg p {
    color: black;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    margin: 0;
}

.registerrow {
    justify-content:center !important;
}

.reg-form-h1 {
    font-size:40px;
    font-weight:600;
    font-family:serif;
}
.contact_form-reg {
    border: none;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
    background-color: #b3d6dc91;
    padding: 40px 30px;
    margin-right: -15px;
}
.contact_form-reg .form-control {
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    color: #bcbcbc;
    font-size: 16px;
    outline: 0 none;
    padding: 10px 25px;
    height: 55px;
    resize: none;
    box-shadow: none !important;
    width: 100%;
}

.contact_form-reg textarea {
    color: #bcbcbc;
    padding: 20px 25px !important;
    height: 160px !important;
}

.btn-light {
    padding: 13px 40px;
    font-size: 18px;
    border: 2px solid #207dff !important;
    color: white;
    border-radius: 12px;
    background-color: #3da1e0;
}

/*upcoming events*/


.section-titleup {
    margin-bottom: 30px;
}

.section-titleup h2 {
    color: #1e1e4b;
    font-family: "futura-bold";
    font-weight: 700;
    line-height: 1.2;
    font-size:40px;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.icon-md {
    font-size: 36px;
    margin-right:20px;
}

.text-primary {
    color: #056cab !important;
}

.locateh6 {
    color: #1e1e4b;
    font-family: "futura-bold";
    font-weight: 700;
    line-height: 1.2;
    font-size:16px;
}
.btn-primary {
    background: #ffbc3b;
    color: #fff;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    text-transform: capitalize;
    padding: 15px 40px;
    border-radius: 0;
    font-weight: 500;
    border: 0;
    position: relative;
    z-index: 1;
    transition: .2s ease;
    overflow: hidden;
}

.btn-secondary {
    background: #317bd6;
    color: #fff;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    text-transform: capitalize;
    padding: 15px 40px;
    border-radius: 0;
    font-weight: 500;
    border: 0;
    position: relative;
    z-index: 1;
    transition: .2s ease;
    overflow: hidden;
}
.border-primary {
    border-color: #ededf1 !important;
}

.hover-shadow {
    transition: .3s ease;
}

.card-date {
    position: absolute;
    background: #ffbc3b;
    font-family: "futura-bold";
    text-align: center;
    padding: 10px;
    color: #fff;
    top: 0;
    left: 0;
    text-transform: uppercase;
}

.card-date span {
    font-size: 30px;
}


.img-speaker {
    max-width:25%;
    border-radius:50%;
}

.img-bgmain{
    max-width:60%;
}

/*end here*/

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Adjust based on your needs */
}

.navbar-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.logoclass {
    max-width: 25%; /* Ensure the logo doesn't overflow */
    height: auto;
}


.more-features .icon-box {
    margin-top: 30px;
}


.more-features .icon-box i {
    color: #f19c16;
    margin-right: 15px;
    font-size: 35px;
    line-height: 1.2;
}

.more-features .icon-box h4 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    color:#15689c;
}

.featureh2{
    
    font-weight:700;
    color:#2e3280;
    font-size:20px;
}
.more-features .icon-box p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}
.sectionfeahr{
    width:20%;
    background:blue;
}

.featurehead h2 {
    color: #2d3280;
    text-transform: uppercase;
    font-weight: 600;
}

