@font-face {
  font-family: 'Nexa';
  src: url('../fonts/Nexa Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('../fonts/Nexa Light.otf') format('opentype');
  font-weight: 300; /* or 'normal' depending on preference */
  font-style: normal;
}
:root{
  --green: #228B22;
  --green-2: #15834d;
  --bgColor: #fff;
}
html,
body {
  font-family: open sans,Arial,Verdana,Sans-Serif;
  font-weight: 300; /* Set default to light */
  overflow-x: hidden;
  margin:0;font-size: 17px;
}


.content-left{text-align: left;}
.content-center{text-align: center;}
.content-right{text-align: right;}


html,body,p{ color: #000;}
h2, h3, h4, h5{ color:  var(--primary-color); }
h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold; /* Apply bold to headings and strong tags */
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong{ color: var(--tertiary-color)}

a{
  text-decoration: none;
  color: var(--primary-color);
  font-weight: 600;
}
a:hover{
  text-decoration: none;
  color: var(--quinary-color);
}
img{
  max-width: 100%;
  height: auto;
}
/* Float Definitions */
.flt-rt{float: right;}
.flt-lft{float: left;}




/************************************************************************/
/***                          Top Bar Styles                          ***/
/************************************************************************/
.top-bar{
  background-color: rgba(48, 77, 110, 0.65);
  color: #fff;
  margin-top: 0;
}
.top-bar .location{
  float: left;
}
.top-bar p{
  margin: 10px 15px;
  font-size: 1rem;
  line-height: 1.5rem;
}
.top-bar .socials{
  float: right;
}
.top-bar .socials i{
  float: right;
  margin: 0px 15px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
}
.top-bar a,
.top-bar p,
.top-bar span{ color: #fff;}










/************************************************************************
***                           Navbar Styles                           ***
************************************************************************/

.nav-bar{
  margin-top: 0;
  position: relative;
  margin-bottom: 50px;
}
.nav-bar .container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nav-bar .logo{
  display: block;
  position: relative;
  width: max-content;
  margin: 10px 0;
  z-index: 999;
}
.nav-bar .logo a,
.nav-bar .logo img{
  display: block;
  position: relative;
  width: 100%;
  max-width: 100px;
  height: auto;
}
.navbar{
  z-index: 1000;
  margin-left: auto;
  padding: 0;
  width: 100%;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.nav-bar .navbar .navbar-nav{
  display: flex;
  flex-direction: row;
}
.nav-bar .navbar .navbar-nav li{
  display: flex;
  position: relative;
  justify-content: center;
  margin: 0;
  width: 65px;
  text-align: center;
}
.nav-bar .navbar .navbar-nav li a{
  font-size: 15px;
}
.nav-bar .navbar .navbar-nav li a i{
  display: block;
  font-size: 2.5rem;
  margin-bottom: 20px;
}
@media only screen and (min-width: 600px){
  .nav-bar .navbar .navbar-nav li{
    display: flex;
    position: relative;
    justify-content: center;
    margin: 0 20px;
    width: 100px;
    text-align: center;
  }
  .nav-bar .navbar .navbar-nav li a{
    font-size: 17px;
  }
  .nav-bar .navbar .navbar-nav li a i{
    display: block;
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
  @media only screen and (min-width: 992px){
  .nav-bar .navbar{
    margin-top: -100px;
  }
  .nav-bar .navbar .navbar-nav li.pad-right{
    padding-right: 150px;
  }
  .nav-bar .navbar .navbar-nav li.pad-left{
    padding-left: 150px;
  }
}








.bg-blue{
  background-color: #0975c2;
}




.logo-img-webp{
  position: relative;
  height: 60px;
  width: 60px;
  float: left;
  margin: 10px 0;
}
#logo-img {
  content: '';
  background-image: url(/assets/images/flo-logo-mobile.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 60px;
  padding-left: 60px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  right: 6px;
  top: .8em;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
.dropdown-submenu .dropdown-menu a {
  padding: .25rem 2.5rem;
}
.dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
  padding: .25rem 3.5rem;
}

.extra{color: var(--secondary-color);font-size: 1.5rem;font-weight: 600;}
.navbar-call{
  padding: 5px 15px;
  display: block;
  position: absolute;
  right: 90px;
}
.navbar-call a{
  margin-right: 0px;
  font-size: 16px;
  padding: 10px;
}
@media only screen and (min-width: 992px){
  .navbar-call{right: 0;}
  .navbar-call a{
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px){
  #navigation .navbar-nav{
    justify-content: center;
  }
}
@media only screen and (max-width: 991px){
  .navbar-call{
    top: 7px;
  }
}
@media only screen and (max-width: 430px){
  .btn{white-space: break-spaces;}
}
@media only screen and (max-width: 450px){
  .navbar-call a span{display: none;}
}
@media only screen and (max-width: 348px){
  .navbar-call a{display: none;}
}




/************************************************************************/
/***                            Logo Styles                           ***/
/************************************************************************/

.logo-bar{margin-top: 0;}
.logo-bar-info{display: flex;min-height: 65px;}
.logo-bar-info .info{margin: auto;}
.logo-bar-info i {float: left; margin-right: 10px;color: var(--primary-color);font-size: 2rem;margin-top: 8px;}
.logo-bar-info div {float: left;}





/************************************************************************/
/***                        Miscellaneous Styles                      ***/
/************************************************************************/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
position: fixed;
top: 0;
width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
padding-top: 60px;
}

#error-msg, #thanks{margin-top:20px;display: none;}
.error{border: 2px solid red;}

.d-sm-only{display: block !important;}
.d-md-plus{display: none !important;}
.d-flex-sm-only{display: flex !important;}
.d-flex-md-plus{display: none !important;}
.d-sm-md-only{ display: block;}
.d-md-below { display: block;}
.d-contents-md-below { display: contents;}
.d-contents-lg-only { display: none;}
.d-lg-only{ display: none;}
.d-xl-only{ display: none;}
.d-none-above-450{ display: block;}
.hidden{display: none;}
.d-flex{display: flex;flex-wrap: wrap;}
.d-flex .panel-grid-cell{margin: auto;}
.d-flex-md-lg-only { display: block;}

@media only screen and (min-width:1200px){
  .d-xl-only{ display: inline-block;}
}
  @media only screen and (min-width:992px){
  .d-md-below { display: none;}
  .d-contents-md-below { display: none;}
  .d-sm-md-only{ display: none;}
  .d-lg-only{ display: block;}
  .d-contents-lg-only { display: contents;}
}

@media only screen and (min-width:768px){
  .d-sm-only{display: none !important;}
  .d-md-plus{ display: block !important;}
  .d-flex-sm-only{display: none !important;}
  .d-flex-md-plus{display: flex !important;}
}
@media only screen and (min-width:450px){
  .d-none-above-450{ display: none;}
}

.signature{font-family: 'Brush Script MT', cursive;font-size: 2rem;}




blockquote{
  display: block;
  position: relative;
  margin-left: 50px;
  padding: 30px;
  background-color: rgba(7, 127, 221, 0.1);
  font-style: italic;
}
blockquote p{
  font-style: italic;
  font-weight: bold;
  margin-bottom: 0;
}






/************************************************************************/
/***                           Banner Styles                          ***/
/************************************************************************/
.ribbon{
  display: block;
  position: relative;
}
.ribbon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: url(/wp-content/uploads/2024/11/border-waves.webp) repeat-x left top;
  z-index: 1;
}

#banner{margin-top: -192px;z-index: 0;position: relative;}

.home-3 .bnr-2{
  margin-top: 0;
  max-height: 350px !important;
}
b{font-weight: bold;}
#banner .so-widget-sow-hero::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.35;
    background-color: var(--quinary-color);
    z-index: 2;
    cursor: pointer;
}
#banner h1{font-size: 51px;}

.banner-head {
  line-height: 44px;
  border-width: 0;
  margin: 0 0 25px 0;
  padding: 0;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 27px;
}
.banner-sub-head {
  line-height: 28px;
  border-width: 0;
  margin: 0 0 25px 0;
  padding: 0;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 16px;
}
.banner-extra {
  line-height: 38px;
  border-width: 0;
  margin: 0 0 20px 0;
  padding: 0;
  letter-spacing: 0;
  font-weight: 200;
  font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .banner-head{  
    font-size: 55px; 
    line-height: 72px; 
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .banner-sub-head {  
    font-size: 23px; 
    line-height: 42px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .banner-extra { 
    font-size: 55px; 
    line-height: 72px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  div.modal-dialog { max-width: 700px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-head{  
    font-size: 55px; 
    line-height: 72px; 
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .banner-sub-head {  
    font-size: 23px; 
    line-height: 42px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .banner-extra { 
    font-size: 55px; 
    line-height: 72px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  div.modal-dialog { max-width: 900px; }
}
@media only screen and (min-width: 1200px) {
  .banner-head {
      line-height: 92px;
      border-width: 0px;
      margin: 0 0 35px 0;
      padding: 0px;
      letter-spacing: 0px;
      font-weight: 700;
      font-size: 80px !important;
  }
  .banner-sub-head {
      line-height: 30px;
      border-width: 0px;
      margin: 0 0 35px 0;
      padding: 0px;
      letter-spacing: 0px;
      font-weight: 400;
      font-size: 23px;
  }
  .banner-extra {
      line-height: 82px;
      border-width: 0px;
      margin: 0px 0 0px 0;
      padding: 0px;
      letter-spacing: 0px;
      font-weight: 200;
      font-size: 55px;
  }

  div.modal-dialog { max-width: 1000px; }
}
@media only screen and (max-width: 786px){
  .so-widget-sow-hero-default-da5d2dca5fa4-430 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
    padding: 200px 50px !important;
  }
}
@media only screen and (max-width: 400px){
  #banner .extra{
    font-size: 24px;
  }
  #banner h1{
    font-size: 36px !important;
  }
  #banner p{
    font-size: 20px;
  }
  #banner a{
    font-size: 20px;
  }
}

banner, header{
  display: block;
  margin-bottom: 100px;
}
banner.home img{
  max-width: 100%;
  height: auto;
}
banner.home h1,
banner.home .entry-excerpt,
banner.home .article-meta{
  color: #fff;
  margin-bottom: 30px;
}






/************************************************************************
***                         Page Header Styles                        ***
************************************************************************/
.banner-top{margin-top: 100px;}
.header-bg-img{  background: linear-gradient(0deg,
  rgba(0,0,0,0.5),
  rgba(0,0,0,0.5)),
  url("/assets/images/about.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
}
.bg-img{
  display: flex;
  position: relative;
  align-items: center !important;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
}
.bg-img:after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(0deg,
  rgba(0,0,0,0.5),
  rgba(0,0,0,0.5));
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
}
.page-header{
  width: 100%;
  min-height: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-header.blog{
  min-height: 250px;
  display: flex;
  padding: 0;
}
.page-header.blog .container{margin: auto;}
.page-header.blog h1{margin-bottom: 0;}
.page-header,
.page-header h1,
.page-header h2,
.page-header h3,
.page-header p,
.page-header a{color: #fff;}
.page-header h1{margin-bottom: 20px;}
.page-header .breadcrumbs{margin-top: 0rem;}
.page-header-caption.position1{
  right: 15%;
  top: 20%;
  left: 15%;
}
@media only screen and (min-width: 500px){
  .page-header{
    min-height: 250px;
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .page-header h1{margin-bottom: 30px;}
  .page-header.blog{
    min-height: 300px;
  }
}
@media only screen and (min-width: 768px){
  .page-header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .local-service .page-header{
    min-height: 500px;
  }
  banner.case-studies .page-header{
    min-height: 100%;
  }
  banner.case-studies .cta{
    border-radius: 25px;
  }
  .page-header h1{margin-bottom: 30px;}
  .page-header.blog{
    min-height: 550px;
  }
}
.page-heading{position: relative;margin-top: 100px;}
.page-heading h3.widget-title:after{
  content: '';
  background-color: var(--primary-color);
  height: 3px;
  width: 50px;
  position: absolute;
  top: 40px;
  margin-left: 15px;
}
.page-header .meta{
  display: block;
  position: absolute;
  bottom: 50px;
  left: 100px;
}







/************************************************************************/
/***                           HomePage Styles                        ***/
/************************************************************************/
.main{
  width: 100%;
}
.main{
  display: block;
  position: relative;
}
.aside{
  display: block;
  position: relative;
  height: inherit;
}
.aside-contents {
  background: #fff; /* Optional: Add a background to make it stand out */
  padding: 20px; /* Optional: Add padding for spacing */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow effect */
}
@media only screen and (min-width: 992px){
  .main{
    width: 70%;
    padding: 0 90px 0 0;
  }
  .aside{
    width: 29%;
  }
  .aside-contents {
    position: sticky; /* Makes the block stick within its container */
    bottom: 0; /* Stick to the bottom of the viewport */
    z-index: 10; /* Ensure it stays above other content if needed */
    max-width: 290px;
  }
}
@media only screen and (min-width: 1200px){
  .aside-contents {
    max-width: 317px;
  }
}
@media only screen and (min-width: 1400px){
  .aside-contents {
    max-width: 370px;
  }
}







/************************************************************************/
/***                         Article Block Styles                     ***/
/************************************************************************/
.article-block{
  display: block;
  position: relative;
}
.article-block .title-row{
  display: block;
}
.article-block .title-row .title-block h2{
  margin-bottom: 0;
  color: #000;
}
.article-block .title-row .date-block{
  display: block;
  font-weight: bold;
}
.article-block .title-row .date-block .date{
  color: #ff0000;
}
.article-block .comments-block{
  display: flex;
  position: relative;
  width: min-content;
  background-color: #ff0000;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  align-items: center;
  margin-top: -35px;
  margin-bottom: 30px;
}
.article-block .comments-block i{
  font-size: 1.5rem;
  line-height: unset;
  margin-right: 10px;
}
.article-block .category-block,
.article-block .entry-excerpt {
  margin-bottom: 30px;
}
.article-block .read-more .btn{
  text-transform: uppercase;
  font-size: 1rem;
}
.article-block .read-more .btn i{
  margin-left: 10px;
}
@media only screen and (min-width: 768px){
  .article-block .title-row{
    display: flex;
  }
  .article-block .title-row .title-block{
    display: flex;
    position: relative;
    align-items: end;
    width: calc(100% - 150px);
  }
    .article-block .title-row .date-block{
    display: flex;
    flex-direction: column;
    text-align: right;
    padding: 10px;
    margin-top: auto;
    margin-bottom: 10px;
    margin-left: auto;
    border: solid black;
    border-width: 5px 3px 3px 5px;
    border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
    transform: rotate(2deg);
  }
  .oddboxinner{
    margin:15px;
    transform: rotate(-2deg);
  }
}



/************************************************************************/
/***                           Sidebar Styles                         ***/
/************************************************************************/

#sidebar {
  z-index: 1000;
  height: unset;
  overflow-y: visible;
  background: transparent;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#sidebar a {
  color: var(--primary-color);
  display: block;
  text-decoration: none;
}

#sidebar .sidebar-header {
  background-color:  #0975c2;
  font-size: 20px;
  line-height: 52px;
  text-align: center;
  border-bottom: 1px solid #0975c2;
}

#sidebar .wp-block-categories{
  list-style: none;
}

#sidebar .nav li {
  position: relative;
  background: none;
  width: 100%;
  padding: 16px 24px;
  border-bottom: 1px solid #0975c2;
}
#sidebar .nav li.active,
#sidebar .nav li:hover {
  position: relative;
  background: #fff;
  width: 100%;
  padding: 16px 24px;
  border-top: 0px;
  border-right: 1px solid #0975c2;
  border-left: 1px solid #0975c2;
  border-bottom: 1px solid #0975c2;
}
#sidebar .nav li.active a,
#sidebar .nav li:hover a {
  color: #0975c2;
  text-decoration: none;
}
#sidebar .nav a {
  background: none;
  color: #CFD8DC;
  font-size: 14px;
}
#sidebar .nav a:hover {
  text-decoration: none;
}


#sidebar .nav a i{
  margin-right: 16px;
}

#sidebar .group{margin-bottom: 30px;}





#sidebar-services {
  z-index: 1000;
  height: 100%;
  overflow-y: auto;
  background: transparent;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#sidebar-services h2 {
  color: #fff;
  background-color: var(--quinary-color);
  font-size: 20px;
  line-height: 52px;
  text-align: center;
  border-bottom: 3px solid var(--quinary-color);
}

#sidebar-services a {
  color: var(--quinary-color);
  font: 600 16px/25px Montserrat,sans-serif;
  display: block;
  background: #f1f1f1;
  border-left: 4px solid #d2d2d2;
  padding: 15px 25px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

#sidebar-services ul{list-style: none;padding-inline-start: 0;}

#sidebar-services li+li{margin-top: 3px;}

#sidebar-services a:hover,
#sidebar-services a:focus,
#sidebar-services a:active,
#sidebar-services .current_page_item a {
  color: #fff;
  background-color: var(--primary-color);
  text-decoration: none;
  margin-left: -4px;
}


#sidebar-services .nav li {
  position: relative;
  background: none;
  width: 100%;
  padding: 16px 24px;
  border-bottom: 1px solid #0975c2;
}
#sidebar-services .nav li.active,
#sidebar-services .nav li:hover {
  position: relative;
  background: #fff;
  width: 100%;
  padding: 16px 24px;
  border-top: 0px;
  border-right: 1px solid #0975c2;
  border-left: 1px solid #0975c2;
  border-bottom: 1px solid #0975c2;
}
#sidebar-services .nav li.active a,
#sidebar-services .nav li:hover a {
  color: #0975c2;
  text-decoration: none;
}
#sidebar-services .nav a {
  background: none;
  color: #CFD8DC;
  font-size: 14px;
}
#sidebar-services .nav a:hover {
  text-decoration: none;
}


#sidebar .nav a i{
  margin-right: 16px;
}












/************************************************************************/
/***                             List Styles                          ***/
/************************************************************************/
ul.checks{
  list-style: none;
  margin-bottom: 30px;
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}
ul.checks li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  margin: 0 15px 0 -15px;
  color: var(--primary-color);
}
ul.checks-double{
  list-style: none;
  margin-bottom: 30px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
ul.checks-double li{margin-right: 10px;}
ul.checks-double li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  margin: 0 10px 0 -29px;
  color: var(--primary-color);
}


ul#menu-home-sidebar {
  padding-left: 50px; /* Leave space for the icon */
}
ul#menu-home-sidebar li {
  display: block;
  position: relative; /* Required for positioning the :before element */
  list-style: none;
  width: 100%;
  background-color: var(--grey-bg-color);
  padding: 10px 20px;
  margin-bottom: 5px;
}
ul#menu-home-sidebar li a {
  color: #000;
  text-decoration: none;
}
ul#menu-home-sidebar li a:hover {
  color: var(--primary-color);
}
/* Adjust the :before pseudo-element */
ul#menu-home-sidebar li:before {
  content: '';
  font-family: 'Font Awesome 6 Pro'; /* Ensure this matches your Font Awesome setup */
  font-weight: 900; /* Required for Duotone */
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #ff0000; /* Icon background color */
  color: #fff; /* Icon color */
  height: 100%; /* Match the li height */
  width: 50px; /* Fixed width for the icon container */
  top: 0; /* Align to the top of the li */
  left: -50px; /* Position to the left of the li */
  z-index: 1; /* Ensure it appears above other elements */
  font-size: 1.5rem; /* Icon size */

  /* Duotone-specific properties */
  --fa-primary-color: #ffffff; /* Color for the primary layer */
  --fa-secondary-color: #ffcccc; /* Color for the secondary (faded) layer */
  --fa-secondary-opacity: 0.6; /* Optional: Adjust secondary layer opacity */
}
ul#menu-home-sidebar li.menu-item-54:before {
  content: '\f781'; 
}
ul#menu-home-sidebar li.menu-item-55:before {
  content: '\f187'; 
}








/************************************************************************/
/***                        SOW Features Styles                      ***/
/************************************************************************/
#feature-blocks{
  
}
#feature-blocks .col-12{
  margin-bottom: 30px;
}
#feature-blocks .sow-features-list .sow-features-feature{
  display: flex;
  height: inherit;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  background-color: #fff;
  border-radius: 25px;
  padding: 30px 20px 15px;
  transition: 0.3s;
  border: 2px solid #f3f2f0;
}
#feature-blocks .sow-features-list .sow-features-feature:hover{
  box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.15);
}
#feature-blocks.feature-grey .sow-features-list .sow-features-feature{
  border: 2px solid #f3f2f0;
}
#feature-blocks .sow-features-list .sow-features-feature h3{
  margin: 0.5rem 0;
}
#feature-blocks .sow-features-list .sow-features-feature p{
  font-weight: bold;
}

@media only screen and (min-width: 650px){
  #feature-blocks .block,
  #feature-blocks .block a{
    flex-direction: row;
    align-items: start;
  }
  #feature-blocks .block i{
    margin: 0 20px 0 0;
  }
}
#feature-blocks.feature-col-2 .sow-features-list .sow-features-feature,
#feature-blocks.feature-col-3 .sow-features-list .sow-features-feature{
  width: 100%;
}
@media only screen and (min-width: 992px){
  #feature-blocks.feature-col-2 .sow-features-list .sow-features-feature,
  #feature-blocks.feature-col-3 .sow-features-list .sow-features-feature{
    width: calc(50% - 25px) !important;
  }
}
@media only screen and (min-width: 1200px){
  #feature-blocks.feature-col-3 .sow-features-list .sow-features-feature{
    width: calc(33% - 25px) !important;
  }
}


.icons-col-3 .sow-features-list .sow-features-feature{
  width: 100%;
  height: inherit;
  justify-content: start !important;
  align-items: start !important;
}
.icons-col-3 .sow-features-list .sow-features-feature h3{
  margin: 0 0 1rem;
}
@media only screen and (min-width: 992px){
  .icons-col-3 .sow-features-list .sow-features-feature{
    width: calc(50% - 25px) !important;
  }
}
@media only screen and (min-width: 1200px){
  .icons-col-3 .sow-features-list .sow-features-feature{
    width: calc(33.3% - 25px) !important;
  }
}







/************************************************************************/
/***                           Image Styles                           ***/
/************************************************************************/
.img-rt{display:flex;padding-bottom: 30px;margin-left: auto;margin-right: auto;}
.img-lt{display:flex;padding-bottom: 30px;margin-left: auto;margin-right: auto;}
.round{border-radius: 50%;}
.img-row-325{height: 100%;max-height: 325px;overflow: hidden;}
.img-row-325 .sow-image-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.img-row-325 img{
  width: 100%;
  min-height: 325px;
  max-height: 325px;
  object-fit: cover;
}
.img-row-350{height: 100%;max-height: 350px;overflow: hidden;}
.img-row-350 .sow-image-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.img-row-350 img{
  width: 100%;
  min-height: 350px;
  max-height: 350px;
  object-fit: cover;
}
.img-row-400{height: 100%;max-height: 400px;overflow: hidden;}
.img-row-400 .sow-image-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.img-row-400 img{
  width: 100%;
  min-height: 400px;
  max-height: 400px;
  object-fit: cover;
}
.img-row-450{height: 100%;max-height: 450px;overflow: hidden;}
.img-row-450 .sow-image-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.img-row-450 img{
  width: 100%;
  min-height: 450px;
  max-height: 450px;
  object-fit: cover;
}
.img-row-540{height: 100%;max-height: 540px;overflow: hidden;}
.img-row-540 .sow-image-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.img-row-540 img{
  width: 100%;
  min-height: 540px;
  max-height: 540px;
  object-fit: cover;
}


.img-row-100{height: 100%;max-height: 100%;overflow: hidden;}
.img-row-100 .sow-image-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.img-row-100 img{
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}


.img-row-h-540{height: 100%;max-height: 540px;overflow: hidden;}
.img-row-h-540 .sow-image-container{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.img-row-h-540 img{
  max-width: 100%;
  min-height: 540px;
  max-height: 540px;
  object-fit: cover;
}






/************************************************************************/
/***                           Blog Styles                            ***/
/************************************************************************/
.archive-content{margin: 0;}
.archive-content.portfolio{
  margin: 0 30px;
}
#posts-archive a{text-decoration: none;}
#posts-archive .image{
  height: 100%;
  max-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}

#posts-archive .image img{
  width: 100%;
  min-height: 250px;
  max-height: 250px;
  object-fit: cover;
}
#posts-archive .col-md-6{display: flex;}
#posts-archive .post-thumb-container,
#posts-archive .content{
  background-color: #f7f7f7;
  color: var(--quinary-color);
}
#posts-archive .title {
  font-size: 22px;
  font-weight: 600;
  color: var(--secondary-color);
  margin-bottom: 20px;
}
#posts-archive header{ top: 0; }
.sidebar-menu-widget h3{color: var(--primary-color);}
.sidebar-menu-widget ul{
  list-style-type: none;
  padding-left: 0;
}
.sidebar-menu-widget ul li a{
  text-decoration: none;
  color: var(--quinary-color);
}

.main-image{display: flex;width:100%;}
.main-image img{margin: auto;max-height: 450px;width: 100%;margin-bottom: 30px;}

.post-thumbnail,
.sow-blog-posts .sow-entry-thumbnail{
  display: flex;
  position: relative;
  max-height: 230px;
  overflow: hidden;
}
#posts-archive .sow-entry-thumbnail a{
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
.post-thumbnail img,
#posts-archive .sow-entry-thumbnail a img{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.blog-archive a:hover{
  text-decoration: none;
}
.blog-archive h2 {
  display: flex;
  min-height: 80px;
  align-items: center;
}
.testimonial-archive .article,
.blog-archive .article{
  margin: 0 0 50px 0;
}
.blog-archive .image{
  height: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden!important
}
.blog-archive .image img{
  flex-shrink: 0;
  min-width: 100%;
  height: 100%
}
.pagination{width: 100%;}
.pagination a,
.pagination span,
.blog-archive .pagination a,
.blog-archive .pagination span{
  padding: 5px;
}

article.post{
  background-color: transparent;
  padding: 20px;
  height: inherit;
}
article.post h2,
article.post h4,
article.post p{
  color: #fff;
}
#post-carousel a{
  display: block;
  background-color: var(--primary-color);
  height: inherit;
}
#post-carousel .slick-prev:before, #post-carousel .slick-next:before {  
  color: var(--quarternary-color); 
}
#post-carousel .slick-prev:before {  
  content: "\f359";
  font-family: 'Font Awesome 6 Pro';
}
#post-carousel .slick-next:before {   
  content: "\f35A";
  font-family: 'Font Awesome 6 Pro';
}
#post-carousel .slick-track
{
  display: flex !important;
}
#post-carousel .slick-slide{
  height: inherit !important;
}
#post-carousel .slick-slide div{
  height: 100%;
}
#post-carousel .slick-slide .post-thumbnail{
  height: 250px;
  display: block;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #post-carousel .slick-slide .post-thumbnail{
    height: 175px;
  }
}
#post-carousel .slick-slide .post-thumbnail img{
  flex-shrink: 0;
  min-width: 100%;
  height: 100%;

}
#post-carousel .slick-slide .entry{height: auto;}
#post-carousel .slick-slide .entry .entry-header{ 
  height: auto;
  min-height: 130px;
  margin: 20px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#post-carousel .entry-header h2.entry-title{
  color: #fff;
  font-size: 22px;
}
#post-carousel .slick-slide .entry .entry-content{
  background-color: #fff;
  padding: 20px;
  height: auto;
  border-radius: 15px;
 }
 #post-carousel .slick-slide .entry .entry-content p{
   color: var(--quarternary-color);
  }

.entry{
  padding: 0 30px 30px;
}

.sow-post-carousel-wrapper{
  display: block;
  position: relative;
  padding: 0 30px;
}
.sow-post-carousel-wrapper .sow-carousel-navigation{
  display: flex;
  position: absolute;
  top: 40%;
  width: 100%;
  z-index: 1;
  margin-left: -30px;
}
.sow-post-carousel-wrapper .sow-carousel-navigation a{
  background-color: transparent !important;
  color: var(--secondary-color) !important;
  font-size: 30px !important;
  line-height: 40px !important;
}
.sow-post-carousel-wrapper .sow-carousel-navigation a:hover{
  color: var(--quinary-color) !important;
}
.sow-post-carousel-wrapper .sow-carousel-navigation .sow-carousel-previous{margin-left: auto;}

.text-white p,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5{
  color: #fff;
}





/************************************************************************/
/***                           Footer Styles                          ***/
/************************************************************************/
#footer{margin-top: 0px;border-top: 5px solid var(--quarternary-color);}
#footer section{margin-top: 0;}
#footer-widget{margin-top: 0px;}
#footer-widget.single{margin-top: 0px;}
#footer .container{max-width: 100%;}
#footer.text-white a{
    color: #fff;
}
#footer-bottom{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
}
#footer-bottom .social, #footer-bottom .copyright{
    float: none;
    text-align: center;
}
#footer-bottom .social p, #footer-bottom .copyright p{
  margin-bottom: 0;
  font-size: 1rem;
}
#footer .heading{padding: 0px;}
#footer .head1 {
  text-align: center;
  font-size: 1.25rem;
  color: #fff;
}
#footer ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
#footer ul li {
  margin-bottom: 15px;
}
#footer.bg-quinary .copyright,
#footer.bg-quinary p,
#footer.bg-quinary a,
#footer.bg-quinary h2,
#footer.bg-quinary h3,
#footer.bg-quinary h4{color:#fff;}
#footer .info-container{display: flex;margin: 20px 0;}
#footer .info,#footer .address,#footer .socials{display: flex; margin: auto; color: #fff;}
#footer .info i,#footer .address i,#footer .socials i {
  margin-right: 10px;
  color: var(--secondary-color);
  font-size: 2rem;
  margin-top: 8px;
}
#footer .address address{
  text-align: left;
  line-height: 1.2;
}
.footer-nav a,#footer .info a{color: #fff;text-decoration: none;}
.footer-nav a:hover,#footer .info a:hover{color: var(--quarternary-color);}









/************************************************************************/
/***                           Modal Styles                           ***/
/************************************************************************/
#modal-quote .modal-content {
  padding: 50px 15px;
  border: 2px solid #2a3a4a;
  border-radius: 5px;
  background-color: rgba(17,91,152, 0.8);
}
.modal-colors .modal-content {
  padding: 50px 15px;
  border: 2px solid #2a3a4a;
  border-radius: 5px;
  background-color: rgba(256,256,256, 0.8);
}
.modal-title{margin-top: 50px;}
.modal-message{margin-bottom: 50px;}
.modal-title h3 {
  font-size: 35px;
  line-height: 50px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 47px;
}
.modal-message p, #contact-main label {
  font-size: 1rem;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: .1rem;
  color: #ffffff;
  margin-top: 10px;
}
#thanks, #error-msg,
#thanks1, #error-msg1 {
  font-size: 1rem;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: .1rem;
  color: #ffffff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 20px 0;
  display: none;
}
#modal-close{color: #fff;}
input.error,
input.form-control.error,
textarea.form-control.error { border: #ff0000 solid 3px; }

#contact-modal label {
  margin-top: 20px;
  color: #fff;
  font-weight: 400;
}










/************************************************************************
***                          Carousel Styles                          ***
************************************************************************/
.carousel-item {
  height: unset;
  width: 100%;
  min-height: 250px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption.position1{
  right: 15%;
  top: 20%;
  left: 15%;
}







/************************************************************************
***                           Button Styles                           ***
************************************************************************/
.button, .btn{
  padding: 10px 25px;
  font-weight: 600;
  font-size: 1.25rem;
  border-radius: 5px;
  outline: none !important;
  display: inline-block;
  position: relative;
  z-index: 999;
}
.btn-primary, .btn-primary-white {
  color: #fff;
  background-color:var(--primary-color);
  border: 2px solid var(--primary-color);
}
.btn-primary:hover, .btn-primary:active  {
  color: var(--primary-color);
  background-color: transparent;
  border-color: var(--primary-color);
}
.btn-primary-white:hover, .btn-primary-white:active,
#banner .btn-primary:hover, #banner .btn-primary:active,
.page-header .btn-primary:hover, .page-header .btn-primary:active  {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-secondary {
  color: #fff;
  background-color:var(--secondary-color);
  border: 2px solid var(--secondary-color);
}
.btn-secondary:hover, .btn-secondary:active  {
  color: var(--secondary-color);
  background-color: transparent;
  border-color: var(--secondary-color);
}
input#gform_submit_button_1,
input#gform_submit_button_2,
.cta .btn.btn-tertiary,
.btn-tertiary
 {
  color: #fff;
  background-color:var(--tertiary-color);
  border: 2px solid var(--tertiary-color);
}
input#gform_submit_button_1,
input#gform_submit_button_2{
  border-radius: 5px;
}
input#gform_submit_button_1:hover, input#gform_submit_button_1:active,
input#gform_submit_button_2:hover, input#gform_submit_button_2:active, 
.cta .btn.btn-tertiary:hover, .cta .btn.btn-tertiary:active,
.btn-tertiary:hover, .btn-tertiary:active  {
  color: #fff !important;
  background-color: var(--tertiary-color);
  border-color: #fff;
}
.btn-quinary,
.btn-quinary-white {
  color: #fff;
  background-color:var(--quinary-color);
  border: 2px solid var(--quinary-color);
}
.btn-quinary:hover, .btn-quinary:active  {
  color: var(--quinary-color);
  background-color: transparent;
  border-color: var(--quinary-color);
}
.btn-quinary-white:hover, .btn-quinary-white:active  {
  color: var(--quinary-color);
  background-color: #fff;
  border-color: var(--quinary-color);
}




.side-menu-button,
.filter-button{
    font-size: 15px;
    border: 1px solid #115b98;
    border-radius: 5px;
    text-align: center;
    color: #115b98;
    margin-bottom: 30px;

}
.side-menu-button.active,
.filter-button:hover{
    font-size: 18px;
    border: 1px solid #0975c2;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #115b98;

}
.btn-default:active .filter-button:active{
    background-color: #115b98;
    color: white;
}

.btn-cntr{
  display: grid;
  margin: 0 auto;
}
.btn-cntr a{
  display: block;
  position: relative;
  margin: 0 auto 30px;
}

@media only screen and (min-width: 450px){
  .btn-cntr{
    display: flex;
    justify-content: center;
  }
  .btn-cntr a{
    display: block;
    margin: 0 15px 30px;
  }
}
a.standard-link ,
.header-blocks .header-block .services .service a.standard-link i{
  font-size: 18px;
}
a.standard-link:hover{
  text-decoration: none;
  opacity: 0.9;
}
a.standard-link.text-primary:hover{color: var(--primary-color) !important; opacity: 0.9;}
a.standard-link:hover i{
  text-decoration: none;
  color: var(--secondary-color) !important;
}






/************************************************************************
***                           Spacing Styles                           ***
************************************************************************/
.ml-auto{margin-left: auto !important;}
.ml-20{margin-left: 20px !important;}
.ml-30{margin-left: 30px !important;}
.ml-50{margin-left: 50px !important;}
.mr-20{margin-right: 20px !important;}
.mr-30{margin-right: 30px !important;}
.mr-50{margin-right: 50px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-75{margin-bottom: 75px !important;}
.mb-100{margin-bottom: 100px !important;}
.mb-150{margin-bottom: 150px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-35{margin-top: 35px !important;}
.mt-50{margin-top: 50px !important;}
.mt-75{margin-top: 75px !important;}
.mt-100{margin-top: 100px !important;}
.mt-150{margin-top: 150px !important;}
.mt-neg-50{margin-top: -50px !important;}
.mt-neg-100{margin-top: -100px !important;}
.mt-neg-150{margin-top: -150px !important;}
.mx-30{margin-left: 30px !important; margin-right: 30px !important;}
.my-50{margin-top: 50px;margin-bottom: 50px;}
.pt-30{padding-top: 30px !important;}
.pt-50{padding-top: 50px !important;}
.pt-100{padding-top: 100px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-100{padding-bottom: 100px !important;}
.px-20{padding-left: 20px !important; padding-right: 20px !important;}
.p-5030{padding: 50px 30px !important;}
.p-20{padding: 20px !important;}
.p-30{padding: 30px !important;}
.p-40{padding: 40px !important;}
.p-50{padding: 50px !important;}
.pl-20{padding-left: 20px !important;}
.pr-20{padding-right: 20px !important;}
.p-30{padding: 30px !important;}
.pl-30{padding-left: 30px !important;}
.pr-30{padding-right: 30px !important;}
.ai-center{align-items: center !important;}
.z-1{
  position: relative;
  z-index: 1;
}
.z-2{
  position: relative;
  z-index: 2;
}
.z-999{
  position: relative;
  z-index: 999;
}
.z-9999{
  position: relative;
  z-index: 9999;
}


.w-150{width:100%;max-width:150px;}
.w-200{width:100%;max-width:200px;}
.w-300{width:100%;max-width:300px;}
.w-400{width:100%;max-width:400px;}
.w-500{width:100%;max-width:500px;}







/************************************************************************/
/***                        Bckground Styles                          ***/
/************************************************************************/
#bootstrap-overrides .bg-primary{background-color: var(--primary-color) !important;}
.bg-black i,
.bg-black h2,
.bg-black h3,
.bg-black h5,
.bg-black p,
.bg-primary i,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary p,
.bg-secondary i,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary p,
.bg-tertiary i,
.bg-tertiary h2,
.bg-tertiary h3,
.bg-tertiary h4,
.bg-tertiary h5,
.bg-tertiary p,
.bg-quarternary i,
.bg-quarternary h2,
.bg-quarternary h3,
.bg-quarternary h4,
.bg-quarternary h5,
.bg-quarternary p,
.bg-quinary i,
.bg-quinary h2,
.bg-quinary h3,
.bg-quinary h4,
.bg-quinary h5,
.bg-quinary p{color: #fff !important;}
.bg-primary{background-color: var(--primary-color) !important;}
.bg-secondary{background-color: var(--secondary-color) !important;}
.bg-tertiary{background-color: var(--tertiary-color);}
.bg-quarternary{background-color: var(--quarternary-color);}
.bg-quinary{background-color: var(--quinary-color);}
.bg-gray{background-color: #f7f7f7;}
.bg-grey{background-color: var(--grey-bg-color);}

.bg-primary .btn{
  background-color: #fff;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}
.bg-primary .btn:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.bg-secondary .btn{
  background-color: #fff;
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
}
.bg-secondary .btn:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.bg-tertiary .btn{
  background-color: #fff;
  border: 2px solid var(--tertiary-color);
  color: var(--tertiary-color);
}
.bg-tertiary .btn:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.bg-quarternary .btn{
  background-color: #fff;
  border: 2px solid var(--quarternary-color);
  color: var(--quarternary-color);
}
.bg-quarternary .btn:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.bg-quinary .btn{
  background-color: #fff;
  border: 2px solid var(--quinary-color);
  color: var(--quinary-color);
}
.bg-quinary .btn:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.bg-gradient-primary-black{
  background-image: linear-gradient(to top right, black, var(--primary-color));
  background-position: center;
  background-size: cover;
}
.bg-gradient-red-orange{
  background: linear-gradient(to top right, #e93e3a, #fcc310);
}
@media only screen and (max-width: 991px){
  .row.bg-gradient-red-orange{
    display: block;
    text-align: center;
  }
}









/************************************************************************/
/***                        Text Color Styles                         ***/
/************************************************************************/

.text-primary{color: var(--primary-color) !important;}
.text-primary-bold{color: var(--primary-color) !important;font-weight: bold;}
.text-secondary{color: var(--secondary-color) !important;}
.text-tertiary{color: var(--tertiary-color);}
.text-quarternary{color: var(--quarternary-color);}
.text-quinary{color: var(--quinary-color);}
.text-green{color: var(--green);}
.text-green2{color: var(--green-2);}

.bg-primary-opacity-20{
  background-color: rgba(65, 164, 240, .25);
}









/************************************************************************
***                       Cool Box Shadows Styles                     ***
************************************************************************/
.cool-box-shadow{
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.cool-box-shadow-2{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 5px 9px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.cool-box-shadow-3{
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.cool-box-shadow-4{
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}
.cool-box-shadow-5{
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.cool-box-shadow-6{
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
.cool-box-shadow-7{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}







/************************************************************************
***                          Animated Styles                          ***
************************************************************************/
a.btn-call {
  display: flex;
  background-color: #0975c2;
  color: #fff;
  padding: 10px 20px;
  max-width: 100px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}



.rounded-5{border-radius: 5px !important;}
.rounded-15{border-radius: 15px;}
.rounded-25{border-radius: 25px;}
.rounded-half img,
.rounded-half{border-radius: 50%;}





















.content-cntr{
  display: block;
}
.content-cntr .panel-grid-cell{
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}
.content-cntr,
.content-cntr .panel-grid-cell .widget{
  margin-top: auto;
  margin-bottom: auto;
}
.content-cntr .img-cntr,
.content-cntr .panel-grid-cell .img-cntr{
  margin: auto;
  display: flex;
  flex-direction: column;
}
.content-cntr .img-cntr img{
  margin: auto;
  width: auto;
}
@media only screen and (min-width: 992px){
  .content-cntr{
    display: flex;
  }
  .content-cntr .img-cntr img{
    margin: auto auto auto 0;
    width: 93%;
  }
  .content-cntr .img-cntr .logo img{
    margin: auto;
    width: auto;
  }
}

.gform_required_legend{display: none;}
.content-equal-height .panel-grid-cell{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.white-circle-checks,
.blue-circle-checks-2,
.blue-circle-checks {
  margin-left: 25px;
  list-style: none;
}
.white-circle-checks li,
.blue-circle-checks-2 li,
.blue-circle-checks li{
  padding-left: 25px;
}
.white-circle-checks li:before,
.blue-circle-checks-2 li:before,
.blue-circle-checks li:before {
  font-family: "Font Awesome 6 Pro";
  content: '\f058';
  margin-right: 10px;
  color: #41a4f0;
  margin-left: -27px;
}
.cta-quarternary .blue-circle-checks li:before,
.cta-quarternary .blue-circle-checks-2 li:before,
.white-circle-checks li:before{
  color: #fff;
}

@media only screen and (min-width: 992px){
  .blue-circle-checks-2{columns: 2;}
}




#blog-carousel .slick-track{
  display: flex;
}
#blog-carousel .slick-track .slick-slide{
  height: inherit;
}
#blog-carousel .slick-track .slick-slide div{
  display: block;
  position: relative;
  height: 100%;
}
#blog-carousel .slick-track .slick-slide div.category{
  background-color: var(--tertiary-color);
  color: #fff;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: start;
  width: auto;
  max-width: fit-content;
  top: -36px;
  padding: 5px 20px;
}
#blog-carousel .post-loop-item{
  margin: 10px;
  background-color:  #fff;
  text-align: center;
  height: inherit;
}
#blog-carousel .post-loop-item a{
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
#blog-carousel .post-loop-item a img{
  width: auto;
  min-height: 250px;
  max-width: unset;
}
#blog-carousel .post-loop-item .post-loop-title{
  margin-bottom: 50px;
}
#blog-carousel .slick-track .slick-slide .post-loop-item .text{
  display: block;
  position: relative;
  padding: 0 20px;
  text-align: left;
  margin-top: 30px;
}
#blog-carousel .post-loop-item .text p, 
#blog-carousel .post-loop-item .text h3{
  color: #000;
  margin-bottom: 0;
}
#blog-carousel .post-loop-item .text h3{
  display: block;
  position: relative;
  margin-bottom: 15px;
  height: 115px;
}
#blog-carousel .slick-track .slick-slide .post-loop-item .post-date{
  display: block;
  position: absolute;
  margin-bottom: 0;
  bottom: 25px;
  left: 15px;
  height: auto;
  color: #000;
  font-weight: bold;
}
#blog-carousel .slick-track .slick-slide .post-loop-item .post-date span{
  color: #ff0000;
}
#blog-carousel .slick-track .slick-slide .post-loop-item .comments-block{
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 0;
  width: min-content;
  height: max-content;
  background-color: #ff0000;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  align-items: center;
}

#blog-carousel .slick-track .slick-slide .post-loop-item .comments-block i{
  font-size: 1.5rem;
  line-height: unset;
  margin-right: 10px;
}
#blog-carousel .slick-slide {
  transition: height 0.3s ease;
}





.highlighted{
  background-color: var(--tertiary-color);
  color: #fff;
  padding: 10px 5px;
}







/*************************************************************
*                           CTA Styles                       *
*************************************************************/

.cta {
  text-align: center;
  padding: 30px 20px;
  display: block;
  position: relative;
  border-radius: 5px;
}
.cta ul{
  text-align: left;
}
.cta i.large{font-size: 55px;margin-bottom: 30px;}
.cta h3{font-size: 35px;margin-bottom: 40px;}
.cta h4{font-size: 20px;margin-bottom: 20px;}
.cta .btn{
  border: 2px solid;
  border-radius: 5px;
}
.cta-quarternary{
  background-color: var(--quarternary-color);
}
/**** CTA Primary ****/
.cta-primary{
  background-color: var(--primary-color);
}
.cta-primary i,
.cta-primary p,
.cta-primary h2,
.cta-primary h3,
.cta-primary h4,
.cta-primary h5,
.cta-primary a{color: #fff;}
.cta-primary .btn{
  border-color: #fff;
  background-color: var(--tertiary-color);
  color: #fff;
}
.cta-primary .btn:hover{
  border-color: var(--quinary-color);
  background-color: transparent;
  color: var(--quinary-color);
}


/**** CTA Secondary ****/
.cta-secondary{
  background-color: var(--secondary-color);
}
.cta-secondary i,
.cta-secondary p,
.cta-secondary h2,
.cta-secondary h3,
.cta-secondary h4,
.cta-secondary h5,
.cta-secondary a{color: #fff;}
.cta-secondary .btn{
  border-color: #fff;
  background-color: #fff;
  color: var(--secondary-color);
}
.cta-secondary .btn:hover{
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

/**** CTA Tertiary ****/
.cta-tertiary{
  background-color: var(--tertiary-color);
}
.cta-tertiary i,
.cta-tertiary p,
.cta-tertiary h2,
.cta-tertiary h3,
.cta-tertiary h4,
.cta-tertiary h5,
.cta-tertiary li,
.cta-tertiary li:before{
  color: #fff;
}
.bg-f7{background-color: #f7f7f7;}
.bg-f7.border{
  border: 1px solid var(--quarternary-color);
}
.bg-f7.border-tb{
  border: 1px solid var(--quarternary-color);
  border-left: none;
  border-right: none;
}
.cta-secondary a{
  display: inline-block;
  position: relative;
  margin: 30px 0 0;
  padding: 15px 20px;
  background-color: #fff;
  border: 2px solid #fff;
  color: var(--secondary-color);
  text-decoration: none;
}
.cta-secondary a:hover{
  background-color: transparent;
  color: #fff !important;
  text-decoration: none !important;
}
.cta-secondary .sow-features-feature-content{
  background-color: #b4d8f5;
  padding: 30px 20px;
  margin: 15px 10px;
}
.cta-secondary ul,
.cta-secondary ul.blue-circle-checks{
  margin-left: 0;
  padding-left: 0;
}
.cta-secondary .sow-features-feature-content h2,
.cta-secondary .sow-features-feature-content h3,
.cta-secondary .sow-features-feature-content h4,
.cta-secondary .sow-features-feature-content h5,
.cta-secondary .sow-features-feature-content h6,
.cta-secondary .sow-features-feature-content p{
  color: var(--secondary-color);
}
.cta-quarternary.pillars h2,
.cta-quarternary.pillars h3{
  text-align: center;
  margin-bottom: 30px;
}
.cta-quinary.pillars,
.cta-quarternary.pillars{
  padding: 30px;
}
.cta-quinary.pillars .blue-circle-checks,
.cta-quarternary.pillars .blue-circle-checks{
  padding-left: 1rem;
  margin-left: 0;
  margin-bottom: 0;
}
/**** Transparent White Border CTA (for dark backgrounds) ****/
.cta-transparent-white-border{
  display: inline-block;
  position: relative;
  background-color: transparent;
  border: 2px solid #fff;
  padding: 10px 30px;
  margin: auto;
}
.cta-transparent-white-border i,
.cta-transparent-white-border p,
.cta-transparent-white-border h2,
.cta-transparent-white-border h3,
.cta-transparent-white-border h4,
.cta-transparent-white-border h5,
.cta-transparent-white-border h6{
  color: #fff;
}
.cta-transparent-white-border p,
.cta-transparent-white-border h2,
.cta-transparent-white-border h3,
.cta-transparent-white-border h4,
.cta-transparent-white-border h5,
.cta-transparent-white-border h6{
  margin: 0 0 30px;
}
.cta-transparent-white-border a{
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 15px 20px;
  background-color: #fff;
  border: 2px solid #fff;
  color: var(--seconday-color);
  text-decoration: none;
}
.cta-transparent-white-border a i{
  color: var(--seconday-color) !important;
}
.cta-transparent-white-border a:hover i{
  color: #fff !important;
}
.cta-transparent-white-border a:hover{
  background-color: transparent;
  color: #fff !important;
  text-decoration: none !important;
}
.cta-transparent-white-border .sow-features-feature-content{
  background-color: #b4d8f5;
  padding: 30px 20px;
  margin: 15px 10px;
}
.cta-transparent-white-border .sow-features-feature-content h2,
.cta-transparent-white-border .sow-features-feature-content h3,
.cta-transparent-white-border .sow-features-feature-content h4,
.cta-transparent-white-border .sow-features-feature-content h5,
.cta-transparent-white-border .sow-features-feature-content h6,
.cta-transparent-white-border .sow-features-feature-content p{
  color: var(--secondary-color);
}

/**** Quarternary CTA ****/
.cta-quarternary{
  display: block;
  position: relative;
  background-color: var(--quarternary-color);
}
.cta-quarternary i,
.cta-quarternary p,
.cta-quarternary h2,
.cta-quarternary h3,
.cta-quarternary h4,
.cta-quarternary h5,
.cta-quarternary h6{
  color: #fff;
}
.cta-quarternary .btn{
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 15px 20px;
  background-color: #fff;
  border: 2px solid #fff;
  color: var(--quarternary-color);
  text-decoration: none;
}
.cta-quarternary .btn:hover{
  background-color: transparent;
  color: #fff !important;
  text-decoration: none !important;
}
.cta-quarternary a{
  color: #fff;
  text-decoration: none;
}
.cta-quarternary a:hover{
  color: var(--quinary-color) !important;
}
.cta-quarternary ul{
  list-style: none;
  padding-left: 0;
}
.cta-quarternary li a{
  color: #fff !important;
  padding: 2px 0;
  margin: 0;
}
.cta-quarternary li:hover a{color: var(--quinary-color) !important;}
.cta-quarternary .sow-features-feature-content{
  background-color: #b4d8f5;
  padding: 30px 20px;
  margin: 15px 10px;
}
.cta-quarternary .sow-features-feature-content h2,
.cta-quarternary .sow-features-feature-content h3,
.cta-quarternary .sow-features-feature-content h4,
.cta-quarternary .sow-features-feature-content h5,
.cta-quarternary .sow-features-feature-content h6,
.cta-quarternary .sow-features-feature-content p{
  color: var(--quarternary-color);
}

/**** Quinary CTA ****/
.cta-quinary{
  background-color: var(--quinary-color);
}
.cta-quinary i,
.cta-quinary p,
.cta-quinary h2,
.cta-quinary h3,
.cta-quinary h4,
.cta-quinary h5,
.cta-quinary h6{
  color: #fff;
}
.cta-quinary a{
  display: inline-block;
  position: relative;
  margin: 30px 0 0;
  padding: 15px 20px;
  background-color: var(--primary-color);
  border: 2px solid var(--quinary-color);
  color: #fff;
  text-decoration: none;
}
.cta-quinary a:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}

/**** White CTA ****/
.cta-white{
  background-color: #fff;
}
.cta-white i,
.cta-white p,
.cta-white h2,
.cta-white h3,
.cta-white h4,
.cta-white h5,
.cta-white h6{
  color: var(--quinary-color);
}
.cta-white a{
  display: inline-block;
  position: relative;
  margin: 30px 0 0;
  padding: 15px 20px;
  background-color: var(--primary-color);
  border: 2px solid var(--quinary-color);
  color: #fff;
  text-decoration: none;
}
.cta-white a:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.cta-full{padding-top: 50px;padding-bottom: 50px;}
.cta-btns { display: inline-flex; width: 100%;}
.cta-btn { margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 30px;}




@-webkit-keyframes rotate-cw {
  from{
      -webkit-transform: rotate(0deg);
}
.rotate-cw {
    -webkit-animation: rotate-cw 36s linear infinite;
}

@-webkit-keyframes rotate-ccw {
  from{
      -webkit-transform: rotate(360deg);
  }
  to{
      -webkit-transform: rotate(0deg);
  }
}
.rotate-ccw {
    -webkit-animation: rotate-ccw 36s linear infinite;
}

@-webkit-keyframes glowing {
  0% { background-color: #115b98; -webkit-box-shadow: 0 0 3px#115b98; }
  50% { background-color: #0975c2; -webkit-box-shadow: 0 0 40px#0975c2; }
  100% { background-color: #115b98; -webkit-box-shadow: 0 0 3px#115b98; }
}

@-moz-keyframes glowing {
  0% { background-color:#115b98; -moz-box-shadow: 0 0 3px #115b98; }
  50% { background-color:#0975c2; -moz-box-shadow: 0 0 40px#0975c2; }
  100% { background-color:#115b98; -moz-box-shadow: 0 0 3px #115b98; }
}

@-o-keyframes glowing {
  0% { background-color: #115b98; box-shadow: 0 0 3px #115b98; }
  50% { background-color: #0975c2; box-shadow: 0 0 40px#0975c2; }
  100% { background-color: #115b98; box-shadow: 0 0 3px #115b98; }
}

@keyframes glowing {
  0% { background-color: #115b98; box-shadow: 0 0 3px #115b98; }
  50% { background-color: #0975c2; box-shadow: 0 0 40px #0975c2; }
  100% { background-color:#115b98; box-shadow: 0 0 3px #115b98; }
}