/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: auto;
}

html, body {
	overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.container-lg {
	max-width: 1920px;
}
.container {
	max-width: 1820px;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
  font-family: 'Righteous';
	font-weight: 400;
}
h1 {
  font-size: 32px;
  padding-bottom: 10px;
}
h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 18px;
  line-height: 25px;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
  font-family: 'Roboto';
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  padding: .74rem 1rem;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #000;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #000;
  font-weight: 600;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}


/*-------------------------------------------------------------
------------------------- BUTTON CSS  -------------------------
--------------------------------------------------------------*/
a.red-btn {
    background: #BF0A30;
    color: #fff;
    text-decoration: none;
    padding: 20px 40px;
    border-radius: 10px;
    font-size: 18px;
}
a.white-btn {
    color: #002868;
    background: #fff;
    border-radius: 10px;
    padding: 20px 40px;
    font-size: 18px;
    text-decoration: none;
}


/*------------------------------------------------------------
----------------- CUSTOM CSS  --------------------------------
------------------------------------------------------------*/
ul.footer-logo, ul.footer-list {
    list-style-type: none;
    padding: 0;
    line-height: 30px;
}

ul.footer-list a, ul.footer-list li {
    color: #8A8A8A;
}

ul.footer-list h3 {
    color: #363636;
}
div#footer-widget p {
    color: #8A8A8A;
	margin-bottom: 39px;
}
ul.footer-logo {
    display: flex;
    gap: 10px;
}

.Involve_sec h2 {
    font-size: 60px;
    line-height: 64px;
}

.Involve_sec p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 50px !important;
}

.Involve_sec .row-2 {
    padding: 25px 30px 20px 30px;
}

.Join_sec h2 {
    font-size: 60px;
    line-height: 1;
    color: #363636 !important;
    padding-bottom: 80px;
    margin-bottom: 0;
}

section.vc_section.Join_sec {
    padding: 120px 0px;
}

.Join_sec .row-1, .Join_sec .row-3 {
    border: 2px solid hsl(0deg 0% 21% / 10%);
    border-radius: 20px;
    padding: 20px;
}

.Join_sec .row-2 {
    padding: 75px 80px;
    border-radius: 20px;
	background: #F1F1F1;
}

.Join_sec .vc_row-flex {
    gap: 20px;
}

.Join_sec .vc_col-sm-3 {
    width: 23%;
}

.Join_sec strong, .About_Sec strong {
    color: #363636;
    font-size: 20px;
    line-height: 30px;
	font-weight: 400;
}
.Support_sec .row-1 .vc_column-inner, .Support_sec .row-2 .vc_column-inner {
    padding-top: 0px !important;
}
.About_Sec .row-1 {
    background: #fff;
    border: 2px solid hsl(0deg 0% 21% / 10%);
    padding: 120px 80px 50px 80px;
    border-radius: 15px;
}

.About_Sec .row-2 {
    background: #fff;
    border: 2px solid hsl(0deg 0% 21% / 10%);
    border-radius: 20px;
    padding: 20px 20px 0px 20px;
}
.About_Sec p, .Join_sec p {
    color: #8A8A8A !important;
	margin-bottom: 50px !important;
}

.Box_sec img {
    background: #002868;
    padding: 30px;
    border-radius: 15px;
}

.Support_sec h2 {
    font-size: 60px;
    line-height: 1;
    font-weight: 500;
}

.Support_sec p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 50px;
    line-height: 28px;
}

.Support_sec strong {
    font-size: 20px;
    line-height: 30px;
	font-weight: 400;
}

.Support_sec .row-1 {
    padding: 162px 70px 120px 120px;
}

.Support_sec .row-2 {
    padding: 100px 100px 80px 0px;
}

.vc_custom_1770839613702 {
    border-radius: 20px;
}

.About_Sec .vc_row-flex {
    gap: 20px;
}

.About_Sec .vc_col-sm-6 {
    width: 49.4%;
}

.box-1, .box-2, .box-3 {
    padding: 80px 80px 80px 80px;
    background: #F1F1F1;
    border-radius: 20px;
}

.boxes {
    gap: 20px;
}

.boxes p {
    font-size: 18px;
    color: #8A8A8A !important;
    line-height: 28px;
}

.boxes h3 {
    font-size: 30px;
    line-height: 60px;
    color: #363636 !important;
}

.Box_sec {
    padding: 20px 0px 100px 0px;
}
.About_Sec h2 {
    font-size: 60px;
    line-height: 1;
    color: #363636 !important;
    font-weight: 400;
    padding-bottom: 0;
    margin-bottom: 55px;
}
.Involve_sec .row-1 {
    padding: 100px 0px 100px 100px;
}

.Involve_sec .row-2 {
    padding: 145px 100px 145px 60px;
}
section.vc_section.Involve_sec {
    padding-bottom: 20px;
}
div#footer-widget {
    padding-top: 100px;
	padding-bottom: 80px;
}
footer#colophon .row {
    display: flex;
    justify-content: space-between;
    padding: 40px 0px;
    border-top: 1px solid hwb(0deg 21% 79% / 10%);
}
i.fa-brands.fa-youtube, i.fa-brands.fa-facebook-f, i.fa-brands.fa-linkedin-in {
    color: #fff;
    background: #002868;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
h3.widget-title {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
    font-size: 22px;
    line-height: 20px;
}
.site-info-1, .site-info-2 a {
    font-size: 16px;
}

.site-info-2 {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
sr7-mask {
    padding-left: 20px;
    padding-right: 20px;
}
section.vc_section.Involve_sec {
	background-image: url('https://staging.internalstaging.com/web/brandon/wp-content/uploads/2026/02/image-15.png');
	background-repeat: no-repeat;
	background-size: 98% 100%;
	background-position: center;
}
.About_Sec .row-1 img {
    margin-top: 80px;
}

.About_Sec .row-2 p {
    padding-top: 75px;
    border-top: 1px solid hwb(0deg 21% 79% / 10%);
    margin-bottom: 0 !important;
}
section#text-3 {
    width: 70%;
}


/*---------------------------------------
--------------  HEADER CSS  -------------
 --------------------------------------*/
.main-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.off-text {
    display: flex;
    align-items: center;
}


.off-text {
    display: flex;
    align-items: center;
}

.off-text p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

span.one {
    margin-right: 30px;
}

span.two {
    margin-left: 30px;
}
.gmail-t p {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #7D7D7D;
    text-decoration: none;
	margin-bottom: 0px !important;
	color: #fff;
}
.top-bar-menu ul {
    list-style: none;
    padding-left: 0 !important;
    display: flex;
    margin-bottom: 0px !important;
}

.top-bar-menu li a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-right: 40px;
    text-decoration: none;
}
.top-bar {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 10px;
    background: #002868;
}
header#masthead .row {
    align-items: center;
}

.main-serach {
    display: flex;
    align-items: center;
    justify-content: end;
	gap: 10px;
}

.navbar-brand {
    width: 100%;
    text-align: center;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto';
    color: #363636;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar-nav li {
    margin-right: 60px;
}

.navbar-nav li:last-child {
    margin-right: 0px !important;
}

.navbar-nav {
    border: 1px solid #00000017;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 10px;
}
header#masthead {
    background: #F1F1F1;
    box-shadow: unset !important;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.calendar-icon {
    background: #fff;
    padding: 11px 14px;
    font-size: 26px;
	border-radius: 10px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
    color: #690FB1;
    font-weight: 400 !important;
    transition: all 0.5s ease-in-out;
}
nav.navbar-2-hed {
    max-width: 100%;
    width: 100% !important;
}

nav.navbar-2-hed div#main-nav {
    max-width: 100%;
    width: 100% !important;
}

ul#menu-header-menu-2 {
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.menu-2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 30px;
}

ul#menu-header-menu-2 li {
    border-left: 1px solid hwb(0deg 21% 79% / 15%);
    padding-top: 34px;
    padding-bottom: 34px;
    margin-right: 0px !important;
    width: 100%;
    text-align: center;
}
.head-1-r {
    padding-left: 30px;
    padding-right: 30px;
}

/* ------------------------------------------------
---------------- MARQUEE SPINNER ------------------
------------------------------------------------ */
.marquee_sec {
    margin: 0;
    padding: 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
	background: #BF0A30;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 30px; /* Adjust based on logo size */
}
.marquee {
    display: flex;
    align-items: center;
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 25s linear infinite; /* Adjust speed */
}
.marquee span {
    padding: 0 70px; /* Spacing between logos */
/*     animation: spin 2s linear infinite; Spin animation */
	border-right: 1px solid #F36969;
	text-transform: uppercase;
	color: #FCFDF5;
	font-size: 18px;
}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); } /* For seamless loop with duplication */
}
/* Pause on hover */
.marquee-container:hover .marquee {
    animation-play-state: paused;
}
section.testimonial_sec {
    position: relative;
    padding-top: 19px;
}

.testimonial_sec:before {
    content: '';
    position: absolute;
    top: 0;
    border: 1px solid #CF0000;
    width: 1054px;
    left: 385px;
}


/*-----------------------------------------------
-------------	RESPONSIVE CSS	-----------------
-----------------------------------------------*/
@media only screen and (max-width: 1820px) {
.box-1, .box-2, .box-3 {
    padding: 80px 70px 80px 70px;
}

.boxes {
    padding: 0px 20px;
}

.Involve_sec .row-2 .vc_column-inner {
    padding-top: 0px !important;
}

.Involve_sec .row-2 {
    padding: 145px 100px 70px 60px;
}

.Involve_sec .row-1 {
    padding: 100px 0px 60px 100px;
}

div#footer-widget {
    padding-left: 20px;
}

footer#colophon .row {
    padding: 40px 20px;
}

.About_Sec .row-2 {
    padding: 20px 30px 0px 40px;
}

.about-img-1 {
    padding-right: 5px;
}

.about-img-2 {
    padding-left: 5px;
}

.About_Sec .row-2 p {
    padding-top: 90px;
}

.About_Sec .row-1 {
    padding: 120px 80px 20px 80px;
}

section.vc_section.Support_sec {
    margin: 0 !important;
}
	
#content.site-content {
    padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.entry-content {
    margin-top: 0 !important;
}
}

@media only screen and (max-width: 1720px) {
.Involve_sec .row-1 {
    padding: 100px 0px 60px 70px;
}

.Involve_sec .row-2 {
    padding: 135px 100px 70px 60px;
}

.Join_sec .vc_row.vc_row-flex {
    margin: 0 0 0 30px;
}

.Join_sec .row-2 {
    padding: 50px 65px;
}

.Support_sec .row-1 {
    padding: 120px 60px 80px 100px;
}

.Support_sec .row-2 {
    padding: 110px 90px 50px 0px;
}

.Box_sec {
    padding: 20px 10px 60px 10px;
}
.About_Sec .vc_col-sm-6 {
    width: 49%;
}

.About_Sec .row-1 {
    padding: 100px 80px 20px 80px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    font-size: 14px;
}
a.white-btn {
    margin-left: 10px;
}

section.vc_section.vc_custom_1770853621819 {
    height: 60px !important;
}

div#footer-widget {
    padding-bottom: 40px;
}

.Join_sec h2 {
    padding-bottom: 50px;
}
section.vc_section.Join_sec {
    padding-bottom: 80px;
}
.About_Sec .vc_row-flex {
    padding: 0 20px;
}
}

@media only screen and (max-width: 1500px) {
.Involve_sec .row-2 {
    padding: 125px 40px 70px 50px;
}
.Support_sec .row-1 {
    padding: 90px 50px 60px 70px;
}

.Support_sec .row-2 {
    padding: 90px 60px 0px 0px;
}

.Support_sec h2 {
    font-size: 59px;
}

.About_Sec .row-1 img {
    margin-top: 30px;
}

section.vc_custom_1770853482898 {
    padding-bottom: 40px !important;
}

ul#menu-header-menu-2 li {
    padding-top: 25px;
    padding-bottom: 25px;
}
	
.Join_sec .row-2 {
    padding-bottom: 10px;
}
}

@media only screen and (max-width: 1440px) {
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    font-size: 12px;
    padding: 0;
}
#menu-header-menu li a {
    font-size: 14px !important;
}
.Slider_sec.vc_custom_1770847831584 {
    padding-bottom: 0px !important;
}

.About_Sec .row-1 {
    padding: 70px 60px 20px 60px;
}

.boxes h3 {
    font-size: 25px;
    line-height: 50px;
}

.box-1, .box-2, .box-3 {
    padding: 55px 50px 60px 50px;
}

.Involve_sec p {
    margin-bottom: 30px !important;
}

footer#colophon .row {
    padding: 20px;
}
a.red-btn {
    padding: 15px 30px;
}

.calendar-icon {
    padding: 8px 13px;
}

a.white-btn {
    padding: 15px 30px;
    margin-left: 25px;
}

section.vc_custom_1770853482898 {
    padding-bottom: 10px !important;
}

.Support_sec .row-1 {
    padding: 90px 30px 30px 50px;
}

.Support_sec h2 {
    font-size: 55px;
}

.Join_sec p {
    margin-bottom: 20px !important;
}

a.join-btn.red-btn {
}

.Involve_sec h2 {
    font-size: 50px;
    line-height: 55px;
}

.Involve_sec .row-2 {
    padding: 90px 20px 20px 40px;
}

.Involve_sec .row-1 {
    padding: 60px 0px 60px 70px;
}

h3.widget-title {
    margin-bottom: 20px !important;
}
}

@media only screen and (max-width: 1280px) {
.About_Sec h2 {
    margin-bottom: 30px;
}

.box-1, .box-2, .box-3 {
    padding: 35px 25px 40px 30px;
}

.Box_sec {
    padding: 20px 10px 30px 10px;
}

.Support_sec h2 {
    font-size: 50px;
}

.Support_sec .row-2 {
    padding: 90px 30px 0px 0px;
}

.Join_sec .row-2 {
    padding: 40px 40px;
}

a.white-btn {
    margin-left: 35px;
}
}


/* //-------------Breadcrumb-Start----------// */
.breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #002868;
    height: 300px;
}
.breadcrumbs h1 {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.breadcrumbs span {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
}
.breadcrumbs .fa-chevron-right {
    color: #fff !important;
    margin: 0 5px 0 5px;
}

/* //---------Contact-Section----------// */
.ft_para_con {
    font-size: 60px;
    line-height: 1;
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.contact-frm .wpcf7-text {
    background: #00000017;
    height: 50px;
    border: unset;
    border-radius: 7px;
    padding-left: 30px;
}
.contact-frm .wpcf7-text::placeholder {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 13px;
}
.contact-frm .wpcf7-textarea {
    background: #00000017;
    border: unset;
    border-radius: 7px;
    padding: 30px;
    height: 170px;
}
.contact-frm .wpcf7-textarea::placeholder {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 13px;
}
.contact-frm .sub-btn1 {
    width: 100% !important;
    height: 60px !important;
    background: #bf0a30 !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-decoration: none !important;
    border: 1px solid #bf0a30 !important;
}
.contact-frm .sub-btn1:hover {
    background: #000 !important;
    color: #fff !important;
    transition: all ease-in-out 0.5s;
}
.Photo_sec .row-1 {
    background: #fff;
    border: 2px solid hsl(0deg 0% 21% / 10%);
    padding: 120px 80px 50px 80px !important;
    border-radius: 15px;
}
.Photo_sec h2 {
    font-size: 60px;
    line-height: 1;
    color: #363636 !important;
    font-weight: 400;
    padding-bottom: 0;
    margin-bottom: 55px;
}
.Photo_sec .row-2 {
    background: #fff;
    border: 2px solid hsl(0deg 0% 21% / 10%);
    border-radius: 20px;
    padding: 20px 20px 0px 20px !important;
}
.Newsletter_Sec {
	padding: 75px 80px !important;
    border-radius: 20px;
    background: #F1F1F1;
}
.Newsletter_Sec h2 {
	font-size: 60px;
	line-height: 1.3;
    color: #363636 !important;
    padding-bottom: 60px;
    margin-bottom: 0;
}
.Hall_Sec h2 {
	font-size: 45px;
	line-height: 1.3;
    color: #363636 !important;
/*     padding-bottom: 60px; */
    margin-bottom: 0;
}
.Hall_Sec {
	padding: 30px !important;
    border-radius: 20px;
    background: #F1F1F1;
	margin: 40px 20px 40px 20px !important;
}
ul.guards-list {
    column-count: 3;
    list-style-type: none;
}

ul.guards-list li {
    font-size: 25px !important;
    line-height: 2.5;
}
.The_Poem h2 {
    font-size: 50px;
}

.The_Poem {
    padding: 60px;
}

.The_Poem span {
    font-weight: 700;
}
.The_Poem strong {
    font-size: 20px;
}
.Guards_Sec h2 {
	font-size: 50px;
	line-height: 1.3;
    color: #363636 !important;
    margin-bottom: 0;
	text-align: center !important;
}
.Guards_Sec p {
	text-align: center !important;
	font-size: 20px !important;
}
.Links_Sec h2 {
    font-size: 25px;
    line-height: 1.5;
    text-transform: uppercase;
	margin-bottom: 30px;
}

.Links_Sec a {
    background: #BF0A30;
    color: #fff;
    text-decoration: none;
    padding: 23px 40px;
    border-radius: 10px;
    font-size: 18px;
}
.link-box {
    border: 1px solid #24292e;
	padding: 25px 30px 45px !important;
}
.Links_Sec .vc_col-sm-4 {
    width: 31% !important;
    margin: 0px 10px;
}
.Officers_Sec .officer-box {
    padding: 20px;
    border: 1px solid #252626;
}

.Officers_Sec .officer-box h2 {
    text-align: center;
    font-size: 30px;
    padding-top: 30px;
    margin-bottom: 0;
}

.Officers_Sec .officer-box p {
    text-align: center;
}

.Officers_Sec .vc_col-sm-4 {
    width: 32% !important;
    margin: 5px 10px;
}