h1 {font-weight: 600 !important;}
h2 {font-weight: 600 !important; color:#001337;}
h3 {font-weight: 500 !important;}

p a:hover {color: #799E42 !important;}
.text-shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.text-shadow a {color: #025aab;}

/* Paragraph Length Start */
.short_par {margin: auto; text-align: justify;hyphens: auto;}
.medium_par {max-width: 100ch; margin: auto; text-align: justify;hyphens: auto;}
.
/* Paragraph Length End */

/* Custom Font Styles Start */
    /*Header Menu Color*/
#id_cokCiJS{color: #fff;}
    /*Footer Color*/
.wh_link a{color: #fff !important;}
.wh_link a:hover{color: #799E42 !important;}
.wh_link ul li::marker {color: #fff !important;}
#id_g63cCJP{color: #fff;}
#id_g63cCJP a:hover{color: #799E42 !important;}
#id_iv4rT4F{color: #fff;}
#id_iv4rT4F a:hover{color: #799E42 !important;}
#id_v8cfgC6{color: #fff;}
#id_v8cfgC6 a:hover{color: #799E42 !important;}
/* Footer Quick Links */
#id_JgH5Xzi a{color: #fff !important;}
#id_JgH5Xzi a:hover{color: #799E42 !important;}
#id_F6Ql2LK a{color: #fff !important;}
#id_F6Ql2LK a:hover{color: #799E42 !important;}
#id_SrF3RQY a{color: #fff !important;}
#id_SrF3RQY a:hover{color: #799E42 !important;}
#id_Kt5rjLg a{color: #fff !important;}
#id_Kt5rjLg a:hover{color: #799E42 !important;}

/* Events Gadget */
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a {
    color: #ffffff !important;
    font-size: 20px !important; font-family: Montserrat; font-weight: 700 !important;}
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a:hover {color: #799E42 !important;}
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title {margin-top: 30px !important;}

/* Events Gadget Link Color */
.BlueTitle a{color: #025A9B !important;}
.BlueTitle h3{color: #025A9B !important;}
.BlueTitle h4{color: #025A9B !important;}
.BlueTitle input{background-color: #025A9B !important;}
.BlueTitle a:hover{color: #799E42 !important;}
.BlueTitle input:hover{background-color: #799E42 !important;}



/* Bread Crumbs */
.WaGadgetBreadcrumbs ul {font-size: 14px; font-family: Montserrat; color: #025A9B}
.WaGadgetBreadcrumbs ul li.last {font-weight: bold;}
.WaGadgetBreadcrumbs ul li a:hover {font-size: 14px; font-family: Montserrat; color: #799E42}
.WaGadgetBreadcrumbs ul li+li:before {font-size: 14px;}

.bluelt_grnlink a{color:#025A9B !important;}
.bluelt_grnlink a:hover{color: #799E42 !important;}

/* Cumston Font Styles End */
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td > div a:hover {color:#fff;}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel {visibility: hidden;}

.flex-container {
  display: flex;
  flex-flow: row wrap;
}

.flex-container > div {
  width: 200px;
  margin: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  padding: 5px;
}

/*Button Styling*/
.newsbtn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 16px;
text-align: center;
min-width: 120px;
min-height: 40px;
vertical-align: middle;
cursor: pointer;
background-color: #0A66C2;
color: #fff !important;
text-transform: uppercase;
border: #0A66C2 0px solid;
border-radius: 3px;}


.bluebtn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 16px;
text-align: center;
min-width: 120px;
vertical-align: middle;
cursor: pointer;
background-color: #025A9B;
color: #fff !important;
text-transform: uppercase;
border: #025A9B 0px solid;
border-radius: 3px;}

.bluebtn a{color: #fff !important;}
.bluebtn:hover{background: #026ebe !important; color: #ffffff !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

.greenbtn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 16px;
text-align: center;
min-width: 120px;
vertical-align: middle;
cursor: pointer;
background-color: #799E42;
color: #fff !important;
text-transform: uppercase;
border: #799E42 0px solid;
border-radius: 3px;}

.greenbtn a{color: #fff !important;}
.greenbtn:hover{background: #96bc5e !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

.center_btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 18px;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #799E42;
color: #fff !important;
text-transform: uppercase; margin: 0 auto; border: #799E42 0px solid; border-radius: 3px;
}
.center_btn:hover{background: #96bc5e !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

.footerbtn {
display: inline-block;
font-weight: 500 !important;
padding: 6px 12px;
margin-bottom: 0;
font-size: 20px;
text-align: center;
min-width: 120px;
vertical-align: middle;
cursor: pointer;
background-color: #799E42;
color: #fff !important; 
text-transform: uppercase;
border: #799E42 0px solid;
border-radius: 3px;}

.footerbtn a{color: #ffffff;}
.footerbtn:hover{background: #96bc5e !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

.join_box_btn {
display: block;
padding: 6px 6px;
margin: 20px auto;
font-size: 16px;
text-align: center;
width: 40%;
cursor: pointer;
background-color: #799E42;
color: #fff !important;
text-transform: uppercase;
border: #799E42 0px solid;
border-radius: 3px;}
.join_box_btn a{color: #fff !important;}
.join_box_btn:hover{background: #96bc5e !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

.database_btn{
display: block;
padding: 15px;
margin: 20px auto;
font-size: 16px;
text-align: center;
width: 40%;
cursor: pointer;
background-color: #025A9B;
color: #fff !important;
text-transform: uppercase;
border: #025A9B 0px solid;
border-radius: 3px;}
.database_btn a{color: #fff !important;}
.database_btn:hover{background: #026ebe !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

.typeButton{cursor: pointer !important;
background-color: #025A9B !important;
color: #fff !important;
text-transform: uppercase !important;
border-radius: 3px !important;}
.typeButton:hover{background: #026ebe !important; color: #ffffff !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

.nextButton{cursor: pointer !important;
background-color: #025A9B !important;
color: #fff !important;
text-transform: uppercase !important;
border-radius: 3px !important;}
.nextButton:hover{background: #026ebe !important; color: #ffffff !important; box-shadow: 0 2px 4px rgb(0, 0, 0, .4) !important;}

/*End Button Styling*/

/* Header Settings */
    /*Header Banner Start*/
#id_uWbDvg1{width:200px;}
#id_Header {
    position: sticky;
                top: 0;
        z-index: 1000;
        background-color:rgb(2,90,171,.9) !important; height: 105px !important;}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a{
background:rgb(2,90,171,.8);
color : #ffffff !important;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul {
    background:rgb(2,90,171,.8);
color : #ffffff !important;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul a{
font-weight:400 !important;}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a:hover{
    background: #ffffff !important;
color : #799E42 !important;}
    /*Header Banner End*/

    /*Mobile Menu Start*/
.WaGadgetMobilePanel .mobilePanel .menuInner ul{
background: rgb(2,90,171) !important;
color : #ffffff !important; max-width: 75% !important;
}

.WaGadgetMobilePanel .mobilePanel {
    background: rgb(2,90,171) !important;
color : #ffffff !important;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a:hover{ 
background: #ffffff !important;
color : #799E42 !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {background: #025A9B !important;}
/*Mobile Menu End*/

/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: rgb(10,92,194,.8) !important;
    color: white !important;
    padding: 2px 10px !important;
}

/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #0A66C2 !important;
}


/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #ffffff !important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #0A66C2 !important;
    color: white !important;
}
/* Header Settings End */
/* Green Vertical Divider */
.verticalline {
border-left: 2px solid #A7B739;
height: 100%;
position: absolute;
left: 50%;
margin-left: -3px;
top: 0;
}

/* White Vertical Divider */
.white_line {
border-right: 3px solid #fff;
height: 100%;
position: absolute;
right: 50%;
margin-right: -3px;
top: 0;
}

/* Blue Vertical Divider */
.blue_line {
border-right: 3px solid #025A9B;
height: 50%;
position: absolute;
right: 50%;
margin-right: -3px;
top: 0;
}

.short_blue_line {
border-right: 3px solid #025A9B;
height: 20%;
position: absolute;
right: 50%;
margin-right: -3px;
top: 0;
}

/* Social Icons */
.WaGadgetSocialProfile.socialProfileStyle002 li a, .WaGadgetSocialProfile.socialProfileStyle003 li a, .WaGadgetSocialProfile.socialProfileStyle004 li a { width: 36px !important; height: 36px !important; line-height: 36px !important;}

a.Facebook:before{
    color:#fff !important; font-size: 36px !important;
}
a.Twitter:before{
    color:#fff !important; font-size: 36px !important;
}
a.LinkedIn:before{
    color:#fff !important; font-size: 36px !important;
}
a.YouTube:before{
    color:#fff !important; font-size: 36px !important;
}


/* Box Shadow */
.name_box{background: #F0F0F0; margin: 10px; padding-bottom: 10px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.column_box{box-shadow:rgba(0, 0, 0, 0.35) 0 2px 2px;}
.box_center {width: 200px; height: 350px; margin: 0 auto 30px;}

/* Join Now Box Shadow*/
.join_box {border-radius : 3px;
box-shadow : rgba(223,223,223, 0.3) 1px 5px 8px 8px;}
.join_box a {color:#025aab;}
.join_box.nextButton {color:#025aab;border-radius: 3px;}

/* Spotlight Box Shadow*/
.spotlight {border-radius : 3px;
box-shadow : rgba(223,223,223, 0.3) 1px 5px 8px 8px; transition: transform 0.5s ease;}
.spotlight:hover {box-shadow : rgba(223,223,223, 0.3) 1px 8px 8px 8px;transform: translateY(-3px);}

/* Feature Box Shadow*/
.feature_box {border-radius : 3px;
box-shadow : rgba(223,223,223, 0.3) 1px 3px 5px 5px; transition: transform 0.5s ease;}

/*Hero Image*/
.herotext {background-color:rgba(0, 0, 0, 0.40); display: inline-block !important; margin: 0 auto !important; padding: 10px 15px;}
/*Hero Div Center*/
#id_pCFESqo {text-align: center;}
/*Hero Image End*/

/*Forum Styling Start*/
.forum_topic{margin-bottom: 30px;}

/* Responsive Settings Start */
@media screen and (max-width: 768px) {
    .footer_small{font-size: 10px !important; margin: 2px !important;}
    .hide_mobile{display:none;}
    .mobile_margin{margin: 0 auto !important;}
    .no_margin_top (margin-top: 0px !important;)
    .mobile_center{text-align:center !important;}
    .short_par {text-align: left !important; max-width: auto;hyphen: none;}
.medium_par {text-align: left !important; max-width: auto; hyphen: none;}
.mobile_height{height: auto !important;}
.mobile_nopad {padding: 0px 0px 0px 0px !important; height: auto !important; width: auto !important; background: #ffffff !important;}
.mobile_margin{margin: 0 10px 30px !important;}
.mobile_review{margin: 0 auto 30px !important; height: auto !important; padding: 10px !important; width: 100% !important;}
    #id_Header{display:none;}
#id_g63cCJP{font-size: 10px !important; margin: 2px !important;}
#id_iv4rT4F{font-size: 10px !important; margin: 2px !important;}
#id_v8cfgC6{font-size: 10px !important; margin: 2px !important;}
/*About Us Page Testimonials Second Row*/
#id_CSlRmxj {padding: 10px !important;}

/* Testimonials Mainpage*/
#id_QCgthQ7{margin-top: 30px !important;}
}

@media screen and (min-width: 769px){
    .hide_desktop{display: none;}
   
    #id_Header1{max-height: 100vh !important;}
        /* Shift Header Text Start */
    #id_VdwcznH{margin-top: -80px;}
    /* Shift Header Text End */}
/* Responsive Settings End */

/* Bigger Table Forms Styling */

.bigger_table #FunctionalBlock1_ctl00_subscribeButton.nextButton {
    cursor: pointer !important;
    background-color: #7ED0D9!important;
    color: #000!important;
    text-transform: uppercase !important;
    border-radius: 8px;
}

.bigger_table #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.formOuterContainer > div.formContainer > div > div > div > div > div > div > div > div > div > div > div.formTitleOuterContainer > div.formTitleContainer  {
    display: none;
}

.bigger_table a {color: #146973;}
.bigger_table h3 {color: #146973;}

.bigger_table .typeButton {
    cursor: pointer !important;
    background-color: #7ED0D9!important;
    color: #000!important;
    text-transform: uppercase !important;
    border-radius: 8px;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {background: #fff;}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin-top: 60px;
}
.WaGadgetEventsStateList h3.sectionTitle {
   color: #146973;
    }
#id_ITAvmkg, #id_O6VBrtj{position: sticky;
    top: 5px;overflow-y: auto;max-height: 100vh;scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none;  /* For Internet Explorer and Edge */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari, and other Webkit browsers */
}

/*Course Nav Styling*/
/* Basic navigation styles */
.course-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #025A9B; /* Header Menu Color */
  overflow: hidden; /* Ensure content doesn't overflow */
}

.course-nav ul li {
  position: relative;
}

.course-nav ul li a {
  display: block;
  color: #fff; /* Default white text */
  text-align: left;
  padding: 10px 15px;
  text-decoration: none;
  white-space: nowrap; /* Prevent text from wrapping */
  font-family: Montserrat, sans-serif;
  font-weight: 700; font-size: 16px;
}

.course-nav ul li a:hover {
  background-color: #799E42; /* Hover color */
  color: #fff !important;
}

/* Dropdown container (hidden by default) */
.course-nav .dropdown-content {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  transition: max-height 0.5s ease-out;
}

.course-nav .dropdown-content li a {
    padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.course-nav .dropdown-content li a:hover {
  background-color: #799E42; /* Hover color */
  color: #fff !important; /* Ensure hover link text stays white */
}
.outline-box {
  background-color: #f9f9f9; /* Light background */
  border: 1px solid #e0e0e0; /* Soft border */
  border-radius: 8px; /* Rounded corners */
  padding: 20px; /* Internal spacing */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  transition: transform 0.3s, box-shadow 0.3s; /* Smooth hover effect */
}

.outline-box:hover {
  transform: translateY(-5px); /* Lifts on hover */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Deepens shadow on hover */
}

.outline-box h3 {
  margin-top: 0;
  font-weight: 600;
  color: #333; /* Darker font for titles */
}

.outline-box p {
  color: #555; /* Softer text color for content */
  line-height: 1.6;
}