/* 1a. Containers */




/* 1b. Colors */





/* 1c. Typography */















/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */























/* 1h. Site footer */





/* Custom Theme Settings */

html {
    font-size: 18px;
    overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
html, body {
    overflow-x: hidden;
    width: 100%;
}
  }








.content-wrapper {
  max-width: 1240px;
}

header .dnd-section {padding:0;}
footer .dnd-section {padding:0;}
.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 50px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 18px;
}

body {
  font-family: Outfit; font-style: normal; font-weight: normal; text-decoration: none;
  color: #161616;
  position: relative;
  background-color: #FFF;
}

/* Paragraphs */

p {
  font-family: Outfit; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 300;
  color: #858B9B;
}

/* Anchors */

a {
  color: #7e398e;
}

a:hover,
a:focus {
  color: #561166;
}

a:active {
  color: #a661b6;
}

/* Headings */

h1, .h1 {
  font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none;
  color: #161616;
  font-size: 68px;
  letter-spacing: -0.1rem;
}

h2, .h2 {
  font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none;
  color: #161616;
  font-size: 48px;
  letter-spacing: -0.1rem;
}

h3, .h3 {
  font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none;
  color: #161616;
  font-size: 30px;
}

h4, .h4 {
  font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none;
  color: #161616;
  font-size: 24px;
}

h5 {
  font-weight: 500; text-decoration: none; font-family: Outfit; font-style: normal; margin-bottom: 10px;
  color: #425b76;
  font-size: 18px;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: Outfit; font-style: normal;
  color: #FFFFFF;
  font-size: 14px;
}

/* Blockquote */

blockquote {
  border-left-color: #7e398e;
}








button,
.button {
  background-color: 

  
  
    
  


  rgba(126, 57, 142, 1.0)

;
  border: 0px solid #7e398e;
  border-radius: 100px;
  color: #FFFFFF;
  padding: 15px 50px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(86, 17, 102, 1.0);
  border-color: #561166;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

button:active,
.button:active {
  background-color: rgba(166, 97, 182, 1.0);
  border-color: #a661b6;
  color: #FFFFFF;
}





form,
.submitted-message {
  font-family: Outfit; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(1, 95, 90, 1.0)

;
  color: #7e398e;
}

/* Form label */

form label {
  color: #161616;
}

/* Form help text */

form legend {
  color: #161616;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  border-color: #D1D6DC;
  color: #161616;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  border-color: #015f5a;
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #161616;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #015f5a;
}

.fn-date-picker td .pika-button:hover {
  background-color: #015f5a !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #015f5a;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(126, 57, 142, 1.0)

;
  border: 0px solid #7e398e;
  border-radius: 100px;
  color: #FFFFFF;
  padding: 15px 50px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(86, 17, 102, 1.0);
  border-color: #561166;
  color: #FFFFFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(166, 97, 182, 1.0);
  border-color: #a661b6;
  color: #FFFFFF;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #161616;
}

th,
td {
  border-color: #161616;
  color: #161616;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(1, 95, 90, 1.0)

;
  border-bottom-color: #161616;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(1, 22, 39, 1.0)

;
  color: #ffffff;
}

tbody + tbody {
  border-top-color: #161616;
}





body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #ffffff;
  font-family: Outfit;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #fff0;
}

body .submenu.level-2,
body .header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-color: #ffffff;
}

body .submenu.level-2 > li:first-child:before {
  border-color: #ffffff;
}

body .header__language-switcher .lang_list_class:before {
  border-bottom-color: #ffffff;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Outfit;
}

.header__language-switcher-label-current:after {
  border-top-color: #ffffff;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #ffffff;
  }
}

/* Primary header  */

.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
/*   background-color: transparent; */
  border-bottom: px  ;
  box-shadow: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  transition: all 200ms ease-in-out;
}

.header__container {
  max-width: 1240px;
}

/* Header Variations */

.header.sticky {
  background-color: rgba(255,255,255,1.0);
}

.header.sticky .header__menu .header__navigation .menu-link {
  color: #858585;
}

.header .header__logo .logo-on-transparent {
   display: block;  
}

.header .header__logo .logo-on-white {
   display: none;  
}

.header.sticky .header__logo .logo-on-white {
  display: block;
}

.header.sticky .header__logo .logo-on-transparent {
  display: none;
}
/* Logo */

.logo-company-name {
  color: ;
}

/* Site Navigation */

.header__navigation {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  transition: all 0.2s ease-in-out;
}

.header__menu .header__navigation .menu-link {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  ;
  text-transform: ;
  font-size: ;
}

.header__menu .header__navigation .menu-link:hover {
/*   color: { header_primary_nav_color_hover }}; */
  
    
  ;
/*   background-color: { header_primary_nav_bg_color_hover }}; */
}

.header__menu .header__navigation .submenu:not(.level-1) .menu-link {
  color: ;
  ;
  text-transform: ;
  font-size: ;
}

@media screen and (max-width: 768px) {
  .header__menu .header__navigation .submenu:not(.level-1) .menu-link {
    color: ;
    ;
    text-transform: ;
  }
  nav {
  background-color: #fff;
}
}

.header__menu .header__navigation .submenu:not(.level-1) .menu-item {
    display: list-item;
    position: relative;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    border-top: 0;
}

.header__menu .header__navigation .submenu:not(.level-1) .menu-link:hover {
  color: ;
  ;
  background-color: 

  
  
    
  


  rgba(72, 119, 147, 0.1)

;
  border-radius: 5px;
}

.navigation-primary a {
  ;
  font-size: ;
  color: ;
}

.navigation-primary a:hover,
.navigation-primary a:focus {
  opacity: 1;
  ;
  font-size: ;
  color: ;
/*   background-color: rgba({ theme.global.header.primary.menu.hover.bg_color.color|convert_rgb }}, { theme.global.header.primary.menu.hover.bg_color.opacity * 0.01 }}); */
}

.navigation-primary a.active-item {
  ;
  font-size: ;
  color: ;
/*   background-color: rgba({ theme.global.header.primary.menu.active.bg_color.color|convert_rgb }}, { theme.global.header.primary.menu.active.bg_color.opacity * 0.01 }}); */
}





.footer {
  background-color: #fafaf7;
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
  color: #161616;
}





.blog-post__date {
  border-color: #161616;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #161616;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #3e3e3e;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #015f5a;
}

.blog-pagination__link {
  color: #161616;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #015f5a;
}

.blog-post__title {
  font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none;
  color: #161616;
  font-size: 48px;
}

.blog-post__author {
  background-color: #7e398e;
}

.blog-recent-posts h2 {
  text-align: left; 
  
}

#comments-listing .comment-reply-to {
  color: #7e398e;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #561166;
}

#comments-listing .comment-reply-to:active {
  color: #a661b6;
}







.theme-system-gradient {
  background: linear-gradient(100.46deg, #2BE5E8 7.79%, #1FA7C5 92.21%); 
}

.system-page {
  height: 100vh; 
  display: flex;
}

.system-page .content-wrapper{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  
}

.error-page h5, .error-page h1, .error-page p {
  color: #fff; 
}

.error-page p {
  max-width: 75%; 
}

.content-wrapper .error-page {
   flex: 1;
  text-align: left;
   padding-left: 50px;
  flex-grow: 50%;
}

.content-wrapper .error-page-img {
   flex: 1;
  margin-right: 50px; 
  height:275px;
}

.content-wrapper .error-page-img img{
   width: 100%;
  height: auto;
}

.content-wrapper .systems-page.card {
  background-color: #fff; 
}

.content-wrapper .error-page-img .section-img-behind {
    position: absolute;
    z-index: 2;
    top: -75px;
}

@media ( max-width: 768px) {
  .content-wrapper .error-page {
  }

  .content-wrapper .error-page-img {

  }
}

@media ( max-width: 320px) {
  
}






body .icon svg {
  fill: #015f5a;
}

body .tns-nav button.tns-nav-active {
  background-color: #015f5a;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #015f5a;
}

body .team-member__description {
  background-color: #7e398e;
}





.cursor-circle {
  position: absolute;
  width: 14px; 
  height: 14px; 
  border-radius: 50%;
  background-color: rgba(0,0,0,0.7);
  pointer-events: none;
  z-index: 999;
}

.ml11 {
  
}

.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #011627;
  transform-origin: 0 50%;
}

.ml11 .line1 { 
  top: 0; 
  left: 0;
}

.ml11 .letter {
  display: inline-block;
  line-height: 1em;
}

.theme-scroll-reveal {
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out;
}
.theme-scroll-reveal.visible {
  opacity: 1;
  -webkit-transform: none;
    -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
          transform: none;
}





.hero-section {
  position: relative;
  padding-top: 175px;
  padding-bottom: 300px;
  padding-left: 0px;
  padding-right: 0px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}

.hero-section.interior {
  padding-top: 175px;
  padding-bottom: 175px;
}

h1.mobile-title{
  display: block; 
}

.hero-section.lp {
/*   height: 2400px; */
}

.hero-section-overlay:after {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
/*   background-color: rgba(248,112,96,0.65); */
/*   background-color: #0031E6; */
  background-color: #487793;

  opacity: 0.65;
}

.hero-section-background-container {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.hero-section-background-container img{
  
  width: 100%;
  object-fit: cover;
  
}
.hero-section-background-container video {width:100vw; height:100vh; object-fit:cover; max-height:1000px;}

.hero-content {
  display: -ms-flexbox !important;
  -ms-flex-direction: column !important;
  -ms-flex-pack: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  z-index: 10;
  position: relative;
  /*max-width: fit-content;*/
  max-width:1240px;
  margin: 0 auto;
  text-align: center;

} 

.lp-form-container {
  display: -ms-flexbox !important;
  -ms-flex-direction: column !important;
  -ms-flex-pack: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  z-index: 20;
  position: relative;
  width: 100%;
  text-align: center;
  height: 500px;
}


.lp-form-container .lp-form-card {
  background-color: #fff;
    height: auto;
    width: 800px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    margin: 0 auto;
    padding: 25px 50px;
}

.body-container--contact .hero-section {
    position: relative;
    padding-top: 175px;
    padding-bottom: 240px;
    padding-left: 0px;
    padding-right: 0px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}



.hero-section.lp .hero-section-background-container video{
    width:100vw !important;
  height: auto !important;
  object-fit: cover;
  max-height:1000px;
}

@media (min-aspect-ratio: 16/9) {
    .hero-section.lp .hero-section-background-container video {
        width:auto !important;
        height: 100% !important;
      object-fit: cover;
    }
  .hero-section-background-container video {max-height:1000px;}
}
@media (max-aspect-ratio: 16/9) {
    .hero-section.lp .hero-section-background-container video { 
        width:auto !important;
        height: 100% !important;
      object-fit: cover;
   }
  .hero-section-background-container video {max-height:1000px;}
}

.cta-container .button{
  max-width: fit-content;
}

.section-bg-fixed {
  background-attachment: fixed;
}

.section-base {
  padding: 100px 20px 150px 20px;
  position: relative;
  overflow: hidden;
}

.section-base.lead-magnet {
  padding: 150px 20px;
   
}

.section-base.testimonial {
  padding: 150px 20px 0px 20px;
   
}

.section-base.section-faq{
  padding: 50px 20px 0px 20px;
   
}

.section-row {
  margin-bottom: 100px;
  display: flex;
  
}

.section-base button, .section-base .button {
  display: table;
}

.section-row.slider-row {
  margin-bottom: 100px;
  display: block;
  
}





.section-background-container {
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
}

.section-background-container img{
  width: 100%;
  height: auto;
}

.section-base.lead-magnet .section-background-container img.img-parallax-horiz{
  width: auto;
  height: 100%;
}

.section-base.lead-magnet .section-background-container img.img-parallax-horiz-mobile {
  display: none;
  width: auto;
  height: 100%;
}

.section-background-overlay:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: .35;
}

.section-info-card {
  background-color: #fff;
  padding: 50px 35px 35px 35px;
}

.section-info-card.vertical-buffer {
  margin: 100px 0;
}

.section-img-container {
  position: relative;
}

.section-img {
/*   box-shadow: 0 10px 36px 0 rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.06); */
  position: absolute;
  z-index: 3;
  border-radius:10px;
}

.section-img-behind {
  position: absolute;
  z-index: 2;
}

.row-fluid .section-img-container.mobile {
  width: 100%;
  height: auto;
  display: none; 
}


.column-flex {
  display: -ms-flexbox !important;
  -ms-flex-direction: column !important;
  -ms-flex-pack: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  
}

.text-centered {
  text-align: center;
}

.center-subtext {
  text-align: center;
  max-width: 45%;
  margin: 0 auto;
}





.theme-border-radius {
  border-radius: 10px;
  overflow: hidden;
}

/* .theme-shadow {
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
} */

.theme-shadow {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
} 

.theme-shadow-card-flat {
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: all 200ms ease-in-out;
}

.theme-shadow-card-flat:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.theme-color-primary-bg {
  background-color: #015f5a;
}

.theme-color-secondary-bg {
  background-color: #7e398e;
}

.theme-color-tertiary-bg {
  background-color: #487793;
}

.theme-hero-gradient {
  background: linear-gradient(100.46deg, #2BE5E8 7.79%, #1FA7C5 92.21%); 
}

.module-hero-gradient {
  height: 100%; 
}

/* Theme Dependent Colors*/


footer .footer__container .footer__top-section .footer__info .social-links__icon {
    background-color: #7e398e;
  transition: all .2s ease-in-out;
  
}

.img-info-container:after {
    position: absolute;
    content: "";
    z-index: 1;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    background-color: #487793;
    opacity: .35;
    transition: all .2s ease-in-out;
}

/* HERO SECTION */

.hero-section-divider-angle-2 {
  position: absolute;
  z-index: 11;
  left: 0px;
  right: 0px;
  bottom: -1px;
  width: 100%;
  height: 200px;
  background: url(https://f.hubspotusercontent00.net/hubfs/395201/section_angle_1.svg) no-repeat bottom center;
  background-size: contain;
  pointer-events: none;
}

.hero-section-divider-angle-1 {
  position: absolute;
  z-index: 11;
  left: 0px;
  right: 0px;
  top: -1px;
  width: 100%;
  height: 200px;
  background: url(https://f.hubspotusercontent00.net/hubfs/395201/section_angle_2.svg) no-repeat top center;
  background-size: contain;
  pointer-events: none;
}

.hero-section-divider-wave-1 {
  position: absolute;
  z-index: 11;
  left: 0px;
  right: 0px;
  bottom: -1px;
  width: 102%;
  height: 100%;
  background: url(https://144528743.fs1.hubspotusercontent-eu1.net/hubfs/144528743/The%20Place%20Icons-SVG/the-place-section-overlay-positive-module-bottom--left-weighted.svg) no-repeat bottom center;
  background-size: 100%;
  pointer-events: none;
}

.hero-section-divider-wave-2 {
  position: absolute;
  z-index: 11;
  left: 0px;
  right: 0px;
  top: -1px;
  width: 102%;
  height: 200px;
  background: url(https://f.hubspotusercontent00.net/hubfs/395201/section-wave-2.svg) no-repeat top center;
  background-size: contain;
  pointer-events: none;
}

.hero-section-jobbies-1 {
  position: absolute;
  z-index: 9;
  left: 0px;
  right: 0px;
  bottom: -1px;
  width: 102%;
  height: 200px;
  pointer-events: none;
}

.hero-section-jobbies-3 {
  position: absolute;
  z-index: 9;
  left: 0px;
  right: 0px;
  bottom: -80px;
  width: 100%;
  height: auto;
  pointer-events: none;
}

.hero-section-jobbies-1 img{
  width: 100%;
  height: auto;
}

.accordion_area .accordion_box {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.accordion_area .accordion_fifty {
    width: 50%;
    float: left;
}

.accordion_area .accordion_cover {display:flex; flex-wrap:wrap;}

.accordion_area .accordion_box .accordion_boxinner {
    position: relative;
    padding: 30px 30px 30px 70px;
/*     background-color: { primary_color }} !important; */
    background-color: #fff;
    border-radius: 10px;
    font-size: 16px;
    line-height: 27px;
}

.accordion_area .accordion_box .accordion_boxtext {
    display: none;
    padding-top: 20px;
    color: #015f5a;
    padding-right: 50px;
}

.accordion_area {
    position: relative;
    padding: 50px 0 100px;
}

.accordion_area .accordion_box .accordion_boxinner h4 {
    position: relative;
    margin: 0;
    cursor: pointer;
    color: #015f5a;
/*     font-size: 24px;
    letter-spacing: 0.01rem; */
}

.accordion_area .accordion_box .accordion_boxinner h4:after {
  position: absolute;
  content: "+";
  left: -46px;
  top: 0;
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  font-size: 32px;
  font-weight: 100;
  transition: all .2s ease-in-out;
  opacity: 1;
  background-size: 100% 100%;
  color: #858B9B;
}

.accordion_area .accordion_box:hover > .accordion_boxinner h4:after {
  transition: all .2s ease-in-out;
  color: #7e398e;
}

.accordion_area .accordion_box .accordion_boxinner h4.active:after {
  transform: rotate(45deg) scale3d(1.05, 1.05, 1.05) translateX(-1px);
  color: #7e398e;
  
}



video {
  /* override other styles to make responsive */
  /*width: 100vw    !important;
  height: auto   !important;*/
}

::marker {
  color: #487793;
  font-size: 1.2em;
}

.card-horizontal {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(77,77,77,0.3);
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 25px 30px; 
}

.card-icon {
    float: left;
    width: 50px;
}

.card-icon img {
    max-width: 42px;
  width: 100%;
  height: auto;
}

.card-horizontal-title {
    float: left;
    width: calc(100% - 55px);
    font-size: 22px;
    line-height: 24px;
    padding-left: 32px;
}

.quote-icon-container svg {
    max-width: 48px;  
}

.testimonial-container {
  width: 100%; 
  padding: 0px 0px 150px 0px;
}

.author-name {
  margin-bottom: 10px;
}

.author-title {
  font-family: "Roboto";
  font-weight: 300;
  color: #aeaeae;
  font-size: 14px;
}

.slick-dots li button:hover,.slick-dots li button:focus, .slick-dots li button:active {
     box-shadow: none;
}

.slick-dots {
    margin-top: 50px; 
}

.slick-list {
    overflow: visible; 
}

.cta-section {
  position: relative; 
  height: 500px;
  display: flex;
}

.split-bg {
  position: absolute; 
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.top {
  position: absolute; 
  height: 50%;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fdfffc;
}

.bottom {
  position: absolute; 
  height: 50%;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #011627;
}

.cta-container {
  position: absolute;
  padding: 50px 75px;
  display: inline-block;
  z-index: 1;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
/*   background-color: { tertiary_color }}; */
  background: linear-gradient(98.47deg, #439DF0 0%, #2263EE 100%);
  max-width: 50%;
  height: fit-content;
  
}

.cta-container h2, .cta-container p{
   color: #fff;
}

.hero-btn, .section-cta-btn {
  width: max-content; 
  margin: 25px auto 0 auto;
}

.section-cta-btn {
  
}

.cta-btn {
  width: max-content; 
  background-color: #fff;
  margin: 25px auto 0 auto;
  color: #487793;
  border: none;
}

.cta-btn:hover {
  background-color: #f7f7f7;
  color: #487793;
  
}




.row-fluid .icon-box-main { padding: 60px 0px; }

.row-fluid .icon-box-main .icon-boxes { display: flex; margin: 0px -15px; }
.row-fluid .icon-box-main .icon-boxes .icon-box { width: calc(33.33% - 30px); transition: all 400ms ease; margin: 15px; background: #FFFFFF; box-shadow: 0px 4px 10px #D6D6D6; border-radius: 10px; padding: 18px 20px 17px 30px; }
.row-fluid .icon-box .icon-box-inner { display: flex; }
.row-fluid .icon-box .icon-box-inner .icon-icon { width: 40px; float: left; padding-top: 10px; text-align: center; }
.row-fluid .icon-box .icon-box-inner .icon-text { width: calc(100% - 40px); padding-left: 20px; }
.row-fluid .icon-box .icon-box-inner .icon-text p { margin: 0;}
.row-fluid .icon-box-main .icon-boxes .icon-box:hover { background: #F0F2FE; }
.icon-slider-main .heading-main .heading-text { max-width: 768px; margin-left: auto; margin-right: auto; }

.row-fluid .icon-slider-main { padding: 100px 0 75px; overflow: hidden;}
.row-fluid .icon-slider-main .title{ color: #fff; margin-bottom: 100px; }
.row-fluid .icon-slider { padding: 40px 0px 15px 0px; }
.row-fluid .icon-slider .icon-slide-img { width: 200px; height: 200px; display: inline-block; position: relative; margin-bottom: 50px;}
.row-fluid .icon-slider .icon-slide-img img.img-foreground { max-height: 100%; object-fit: contain; width: 100%; position: absolute; z-index: 1;}
.row-fluid .icon-slider .icon-slide-img img.img-background { max-height: 100%; object-fit: contain; width: 100%; position: absolute; z-index: -1; transform: scale(2);}
.row-fluid .icon-slider .icon-slide { text-align: center; transition: all 400ms ease; cursor: grab;}
.row-fluid .icon-slider h3 { max-width: 550px; line-height: 38px; margin: 0 auto 25px auto; transition: all 400ms ease; text-align: center; color: #fff; }
.row-fluid .icon-slider p { padding: 0 25%; margin: 0 auto 40px auto; transition: all 400ms ease; text-align: center; color: #fff; max-width:80%; }
.row-fluid .icon-slider .slick-dots { margin-top: 0px; }
.row-fluid .icon-slider .slick-dots li button:before { color: #fff; }


@media (min-width:768px) {/*hover event for desktops*/
    
    .row-fluid .icon-slider .icon-slide:not(.slick-center) h3 { opacity: 0; visibility: hidden;}
    .row-fluid .icon-slider .icon-slide:not(.slick-center) p { opacity: 0; visibility: hidden;}
    .row-fluid .icon-slider .icon-slide:not(.slick-center) img { opacity: 0.3; }
    .row-fluid .icon-slider .icon-slide.slick-center.slick-current ~ .icon-slide { transform: scale(0.6) translateX(-600px); }
    .row-fluid .icon-slider .icon-slide:not(.slick-center) { transform: scale(0.7) translateX(600px); }
  
} 

.quote-icon-container {
  max-width: 50px;
    height: 60px;
  
}

.quote-icon-container img {
  width: 100%;
  height: auto;
}

.img-responsive {
  width: 100%;
  height: auto;
}


.row-fluid .tabservices_area {
    padding: 50px 0;
    position: relative;
}

.row-fluid .tabservices_area .tabservices_img_box {
    width: 50%;
    float: left;
}

.row-fluid .tabservices_area .tabservices_right {
    width: 50%;
    float: left;
    padding-left: 80px;
}

.row-fluid .tabservices_area .tabservices_right_title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
}

.row-fluid .tabservices_area .tabservices_boxcover {
    margin-bottom: 30px;
}

.row-fluid .tabservices_area .tabservices_box {
    padding: 20px 35px 20px 0px;
    margin-bottom: 30px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    position: relative;
}

.row-fluid .tabservices_area .tabservices_box.current {
    padding: 20px 35px 20px 35px;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
}

.row-fluid .tabservices_area .tabservices_box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
  background-color: #7e398e;
    transition: all .3s ease-in-out;
  
}

.row-fluid .tabservices_area .tabservices_box.current:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
  background-color: #7e398e;
}

.row-fluid .tabservices_area .tabservices_box .tabservices_inner {
    display: flex;
    align-items: center;
}

.row-fluid .tabservices_area .tabservices_box .tabservices_icon {
    width: 100%;
    max-width: 35px;
    float: left;
}

.row-fluid .tabservices_area .tabservices_box_text {
    margin-top: 10px;
    color: #aeaeae;
    text-decoration: none !important;
  
}

.row-fluid .tabservices_area a.tabservices_link:hover, .row-fluid .tabservices_area a.tabservices_link:visited, .row-fluid .tabservices_area a.tabservices_link:focus {
    text-decoration: none !important;
}

.row-fluid .tabservices_area2 .tabservices_box:hover, .row-fluid .tabservices_area .tabservices_box.current {
    background: #fff;
    transition: all .4s ease;
}

.row-fluid .tabservices_area #srevtab1.tabservices_img {
    display: block;
}

.row-fluid .tabservices_area .tabservices_imgitem {
    position: relative;
    height: 650px;
    background-size: contain !important;
}

.row-fluid .tabservices_area .tabservices_img {
    display: none;
}

.row-fluid .tabservices_area .tabservices_box .tabservices_icon_hover {
    display: none;
}

.tabservices_box:not(.current) {
    box-shadow: none;
    opacity: 0.4;
}

.row-fluid .tabservices_area .tabservices_box h4 {
    width: calc(100% - 40px);
    padding-left: 50px;
    float: left;
    margin: 0;
}

.row-fluid .tabservices_area .tabservices_box h4.no-icon {
    width: 100%;
    padding-left: 0px;
    float: left;
    margin: 0;
}


/* MENU STYLE OVERRIDES */

.submenu.level-3 {
    display: none; /* Hide submenu completely */
    position: absolute;
    top: 0; /* Align to the top of parent */
    left: 100%; /* Align to the right of parent */
    width: 200px; /* Adjust width */
    background-color: #ffffff; /* Submenu background */
    z-index: 1000; /* Ensure it stays on top */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
}

li.has-submenu.menu-item:hover > .submenu.level-3 {
    display: block; /* Show instantly */
}

.header__menu .header__navigation .menu-link:hover {
    background-color: #fff0;
    color: #7e378e;
}


/* mobile nav */
/* .header .header__logo .logo-on-white {
  display: none;
} 

.header .header__logo .logo-on-transparent {
  display: block;
}  */

/* Active Menu Item Styles */

.navigation-primary a.active-item {
  position: relative;
}

.navigation-primary .submenu.level-1 > li > a.active-item:after,
.navigation-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: rgba(255,255,255,0);
  bottom: -3px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

@media (max-width: 767px) {
  .navigation-primary .submenu.level-1 > li > a.active-item:after,
  .navigation-primary .submenu.level-1 > li > a.active-branch:after {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  li.has-submenu.menu-item.hs-skip-lang-url-rewrite:hover ul {
    opacity:1;
  }
  
  .header__menu .header__navigation .submenu:not(.level-1) {
    background-color: #FFFFFF;
    width: auto;
    padding: 15px;
    border-radius: 10px;
    position: absolute;
    overflow: visible;
    transform: rotateY(0) rotateZ(0) translateX(-50%);
    transform-origin: top left;
    opacity: 0;
    pointer-events: none;
    left: 50%;
    margin: 0px auto;
    float: none;
    min-width: 200px;
  }
  
  .submenu.level-1 > li.has-submenu:hover .submenu.level-2, .submenu.level-1 > li.has-submenu.focus .submenu.level-2 {
      pointer-events: auto;
      transform: rotateX(0) translateX(-50%);
      opacity: 1;    
  }

  .header__menu .header__navigation .submenu:not(.level-1) {
    
  }
  .header__menu .header__navigation .menu-link {
    
  }

  .header__menu .header__navigation .submenu:not(.level-1) .menu-link {
    color: #3D3E40;
    padding: 10px;
    background-color: #ffffff;
    text-align: left;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .submenu.level-3 {
    visibility: hidden;
    position: absolute;
    background-color: #FFFFFF;
    left: 95%;
    top: 5%;
    width: 100%;
  }

  .submenu.level-2 .menu-item:hover .submenu.level-3 {
    visibility: visible;
    z-index: 1;
    left: 100%;
    position: absolute;
    top: 0;
    padding: 5px;
    transform:none;
  }

  .header__menu .header__navigation .submenu.level-3 .menu-link {
    padding-left: 20px;
    pointer-events:all;
  }

  .header__navigation-toggle {
    display: none;
  }

  .header__navigation--secondary-mobile {
    display: none;
  }

  .header__menu .header__navigation .submenu.level-1 > .has-submenu > .menu-arrow {
    border-top-color: #FFFFFF;
    top: 45%;
    right: 0px;
    border-radius: 2px;
  }
  .header__menu .header__navigation .submenu.level-2 > li {
      border-bottom: none !important;
      background-color: #FFFFFF;
      padding: 0;
      margin: 0;
  }
  .header__menu .header__navigation .submenu.level-1 > .menu-item {
    margin: 0;
    padding: 5px 25px;
    border-top: none;
    
  }
  .header__menu .header__navigation .submenu:after {
  }
  
  .header__menu .header__navigation .submenu:not(.level-1) .menu-item {
      border-radius: 5px;
      margin-bottom: 5px;
  }
  
  .header__menu .header__navigation .submenu:not(.level-1) .menu-item:last-child {
      
      margin-bottom: 0px;
  }
  
  .header.sticky .header__menu .header__navigation .menu-link:hover {
    color: #7f398e;
  }
  


}

@media screen and (max-width: 991px) {
  .accordion_area .accordion_box { width:100%;}
} 

@media screen and (max-width: 767px) {
  .header .header__mobile-menu-icon, .header  .header__mobile-menu-icon:after, .header .header__mobile-menu-icon:before {
      background-color: #fff;
      border-radius: 5px;
      display: inline-block;
      height: 4px;
      width: 24px;
  }
  .hero-section-jobbies-3 { height:auto;}
  
  .header.sticky .header__mobile-menu-icon, .header.sticky  .header__mobile-menu-icon:after, .header.sticky .header__mobile-menu-icon:before {
      background-color: #015f5a;
      border-radius: 5px;
      display: inline-block;
      height: 4px;
      width: 24px;
  }
  
  .header.sticky .header__menu .header__navigation .menu-link {
      color: #015f5a;
      
  }
  
  
}


/* CONTENT LAYOUTS */

.row-fluid .content-layouts-main {
    padding: 100px 0 0px;
    overflow: hidden;
}

.row-fluid .content-layouts-main h2{
    color: #fff;
    margin-bottom: 25px;
}

.single-card {
  padding: 35px 35px 20px 35px;
  margin: 25px auto;
  width: 100%;
  min-height: 325px;
  min-width: 325px;
}

.single-card.no-card {
  background-color: transparent !important;
}

.flex-content-container {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 100%; 
}


.single-card.three-col {
  padding: 35px;
  border: solid 1px rgba(0,0,0,0.1);
  margin: 25px;
  flex: 0 0 26%;
  width: auto;
}

@media ( max-width: 768px) {
  
}

@media ( max-width: 320px) {
  
}

.single-card .card-content {
  text-align: center; 
}



/* FOOTER */

.footer__navigation li {
    margin: .7rem 0;
    text-align: left;
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    padding: 0px !important;
    text-decoration: none;
  transition: all .2s ease-in-out;
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li a:hover {
  color: #7e398e;
}
.footer__bottom-section p {
  font-weight: 300;
  font-size: 14px;
}

.footer__container {
    margin: 0 auto;
    max-width: 1340px;
    padding: 3.8rem 2.8rem 0 2.8rem;
}

.footer__container .footer__navigation h3 {
    white-space: nowrap;
}






@media (max-width: 1200px) {
 
  .hero-section-background-container img{
    height: 100% !important;
    object-fit: cover;
  }
}

@media (max-width: 980px) {
  .footer .footer__top-section {
      text-align: left;
  }
  .footer .footer__navigation {
      margin-bottom: 15px;
  }
  h1.mobile-title{
      display: block; 
  }
  h1.ml11{
      display: none; 
  }
  
  .hero-section-background-container video {width:100vw; height:100vh; object-fit:cover;max-height:1000px;}
}


@media ( max-width: 768px) {
  h1, .h1 {
/*     font-size: 36px;
    line-height: 36px;
    letter-spacing: 0.01rem; */
    font-size: 48px;
    line-height: 52px;
  }

  h2, .h2 {
/*     font-size: 32px;
    letter-spacing: -0.1rem;
    line-height: 32px; */
  }

  h3, .h3 {
    font-size: 30px;
  }

  h4, .h4 {
    font-size: 24px;
  }

  h5 {
    font-weight: 500; text-decoration: none; font-family: Outfit; font-style: normal; margin-bottom: 10px;
    font-size: 18px;
  }

  h6 {
    font-size: 14px;
  }
  
  .hero-btn, .section-cta-btn {
    width: auto;
    margin: 0px auto 50px auto;
  } 
  
  .ml11 .letter {
      display: inline-block;
      line-height: 1.2em;
  }
  
  .single-card.three-col {
    flex-basis: 34%;
  }
  
  .row-fluid .tabservices_area .tabservices_img_box {
      width: 100%;
      float: none;
  }
  
  .row-fluid .tabservices_area .tabservices_right {
      width: 100%;
      float: none;
      padding-left: 0px;
  }
  
  .row-fluid .section-img-container.mobile {
    display: block; 
  }
  
  .section-base {
      padding: 25px 20px 25px 20px;
      position: relative;
      overflow: hidden;
  }
  
  .hero-section {
      padding-top: 175px;
      padding-bottom: 50px;
      padding-left: 25px;
      padding-right: 25px;
  }
  
  .hero-section.lp {
    padding-top: 175px;
    padding-bottom: 100px;
    padding-left: 25px;
    padding-right: 25px;
  }

  
  .row-fluid .icon-slider-main .title {
      margin-bottom: 0px;
  }
  .row-fluid .icon-slider p {
      padding: 0px;
  }
  
  
  .row-fluid .tabservices_area .tabservices_imgitem {
      position: relative;
      height: 650px;
      background-size: contain !important;
    display: none;
  }
  .single-card.three-col {
      padding: 35px;
      border: solid 1px rgba(0,0,0,0.1);
      margin: 25px 0;
      flex: 0 0 26%;
      width: auto;
  }
  .single-card {
      padding: 35px 35px 20px 35px;
        margin: 25px 0;
      /* width: 100%; */
      min-width: 100%;
  }
  .cta-container {
      padding: 35px;
      display: inline-block;
      margin: auto;
      max-width: 100%;
      border-radius: 0px;
  }
  .section-background-container img {
      width: auto;
      height: 100%;
  }
  
  .section-base.lead-magnet {
      padding: 25px;
  }
  
/*   .testimonial-container .dnd-column.slick-slide.slick-current.slick-active {
    display: block; 
  }
  
  .testimonial-container .dnd-column.slick-slide {
    display: none;
  } */
  
  .testimonial-container {
      width: 100%;
      padding: 0px 0px 0px 0px;
  }
  
  .section-base .testimonial-container .hs_cos_wrapper_type_inline_rich_text {
    text-align: left; 
  }
  
  .section-img-container {
    display: block;
    height: 250px;
  }
  
  .section-base .hs_cos_wrapper_type_inline_rich_text {
    text-align: center; 
  }
  
  .section-base a.button{
    margin: 0 auto; 
  }
  
  .accordion_area .accordion_fifty {
      width: 100%;
  }
  .img-info-container {
      margin-bottom: 25px;
   
  }
  .lp-form-container .lp-form-card {
    max-width: 800px;
    width: auto;
    top: 0px;
    padding: 25px 25px;
  }
  .header__menu .header__navigation .menu-link {
    color: #015f5a;
      
  }
  .timeline-container .timeline-row {
      padding: 50px 0px 0px 0px;
  }
  
  .section-base.testimonial {
    padding: 0px 20px 0px 20px;
  }
  .section-info-card {
    padding: 25px;
  }
  .section-info-card h2 {
    line-height: 40px;
    font-size: 36px;
    white-space: break-spaces;
  }
  .section-info-card ul li {
    text-align: left;
  }
  .testimonial-container .slick-list {
      overflow: hidden;
  }
  .tabservices_right_title h2, .tabservices_right_title h5 {
      text-align: center; 
  }
  .testimonial-container .slick-list .section-img-container {
      display: none;
  }
  .section-row.slider-row {
      margin-bottom: 0px;
  }
  .tabservices_area .tabservices_right .back_style {
      text-align: center;
  }
  .header.mobile-nav-open {
      background-color: rgba(255,255,255,1.0); 
  }
  
  .header__navigation {
      /* background-color: #34b5e5; */
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%;
      opacity: 0;
      pointer-events: none;
  }
  
  #nav-toggle:checked ~ .header__navigation {
      opacity: 1;
      pointer-events: auto;
  }
  
  .header.mobile-nav-open .header__logo .logo-on-white {
    display: block;
  } 
  
  .header.mobile-nav-open .header__logo .logo-on-transparent {
    display: none;
  } 
  
  .header.mobile-nav-open .header__mobile-menu-icon, .header.mobile-nav-open .header__mobile-menu-icon:after, .header.mobile-nav-open .header__mobile-menu-icon:before {
      background-color: #3a3a3a;
      border-radius: 5px;
      display: inline-block;
      height: 4px;
      width: 24px;
  }
  
  .row-fluid .tabservices_area .tabservices_box.current .tabservices_inimg {
      display: block;
        height: 250px;
    background-size: contain !important;
    margin-top: 25px;
  }
  
  .section-base.lead-magnet .section-background-container .simpleParallax img.img-parallax-horiz{
    display: none;
  }

  .section-base.lead-magnet .section-background-container img.img-parallax-horiz-mobile {
    display: block;
  }
  
  
}

@media ( max-width: 320px) {
  .single-card.three-col {
    flex-basis: 51%;
  }
}


@media (max-width: 768px) {
  .section-row {
    flex-wrap:wrap;
    justify-content: center;
  }
  .section-img-container.mobile {
    position:relative; 
    display:block;
  }
  .row-fluid .section-img-container.mobile .section-img-container {
    display:none;
  }
  .row-fluid .section-img-container .section-img {   position: relative;
    z-index: 3;
    height: 250px;
    margin: 0 auto;
    display: none;
    text-align: center;
  }
  .row-fluid .section-img-container.mobile .section-img {   position: relative;
    z-index: 3;
    height: 250px;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .row-fluid .section-img-container .section-img {   position: relative;
    z-index: 3;
    height: 250px;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .section-base .section-img-container {display:none;}
  .section-base .section-img-container.mobile {display:block;}
  .row-fluid .section-img-container.mobile .section-img-behind {
    display:none;
  }

}



.single-card .feature__image img {
    border-radius: 10px;
}

/* -- Two Box Section  -- */
.two-box-section { width: 100%; display: inline-block; vertical-align: top; overflow:hidden; }
.two-box-section .box { width: 50%; margin: 0 10px; filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.15)); position: relative; z-index: 1;height: 600px; display: flex; align-items: center; padding: 40px 30px 40px;}
.two-box-section .box .box-img{ position: absolute;  top: 0; left: 0; height: 100%; width:120%;}
.two-box-section .wrap { display: flex; margin: 0 -15px; }
.two-box-section .box .box-img:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; background-color: #005F5AD9; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all 0.4s; }
.two-box-section .box:nth-child(odd) .box-img:before { transform: rotate(180deg); }
.two-box-section .box .box-img:after { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: linear-gradient(45.81deg,  0%, #7e398e 100%); transition: all 0.4s; opacity: 0; visibility: hidden; }
.two-box-section .box:hover .box-img:after { opacity: 1; visibility: visible; }
.two-box-section .box:hover .box-img:before { opacity: 0; visibility: Visible; }
.two-box-section .box .cover { max-width: 451px; width: 100%; position: relative; text-align: center; z-index: 11; }
.two-box-section .box h3 { letter-spacing: -0.44px; color: #FFFFFF; font-weight: 600; font-size: 44px; }
.two-box-section .box .content { color: #fff !important; font-weight: normal; font-size: 20px; line-height: 29px; text-align: center; padding: 25px 0; }
.two-box-section .box .button a { display: inline-block; border-radius: 50px; font-weight: 600; font-size: 15px; color: #fff; }
.two-box-section .box .button a:hover { background: rgba(63, 62, 62, 0); color: #fff; }

.two-box-section .box-img-wrapper { transform: skewX(-13deg); position: absolute; top: 0; left: 0; width: 120%; height: 100%; overflow: hidden; }
.two-box-section .box-img-wrapper > div { transform: skewX(13deg); }
.two-box-section .box:first-child .box-img-wrapper { left: auto; right: 0; }
.two-box-section .box:last-child .box-img-wrapper { left: 0; }
.two-box-section .box:first-child .box-img-wrapper .box-img { left: 0; right: auto; }
.two-box-section .box:last-child .box-img-wrapper .box-img { left: auto; right: 0; }
.two-box-section .box:nth-child(odd) { justify-content: flex-end; padding-right: 90px; }
.two-box-section .box:nth-child(even) { padding-left: 90px; }

/* =============================== */
/* ------ Responsive Media ------ */

@media (max-width:991px){

    .two-box-section .box:nth-child(odd) { padding-right: 70px; }
    .two-box-section .box:nth-child(even) { padding-left: 70px; }
    .two-box-section .box .content { font-size: 17px; line-height: 24px; }
    .two-box-section .box h3 { font-size: 35px; }

}

@media (max-width:767px){
    
    .two-box-section .box { width: 100%; height: auto; margin: 0; margin-bottom: 20px; }
    .two-box-section .wrap { display: block; }
    .two-box-section .box-img-wrapper>div { transform: skewX(0deg); }
    .two-box-section .box-img-wrapper { transform: skewX(0deg); }
    .two-box-section .box:nth-child(even) { padding: 50px 15px 50px; }
    .two-box-section .box:nth-child(odd) { padding: 50px 15px 50px; justify-content: center; }
    .two-box-section .box .cover { margin: auto; max-width: 100%; padding: 0 15px; }
    .two-box-section .box-img-wrapper { width: 100%; }
    .two-box-section .box .box-img { width: 100%; }


}

@media (max-width:480px){

    .two-box-section .box h3 { font-size: 30px; }
    .two-box-section .box .content { padding: 18px 0 28px; }

}

/*
-- Gallery Section -- 
.cc-gallery-section { width: 100%; display: inline-block; vertical-align: top; padding: 60px 0 60px; text-align: center; }
.cc-gallery-section h2 { padding-bottom: 60px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, line-height=54px, text-decoration=none}, size=48, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none, css=color: #161616;font-size: 48px;font-family: Outfit; font-weight: 600; line-height: 54px;};}
.cc-gallery-section .cover { max-width: 1050px; width: 100%; margin: auto; padding: 0 70px; }
.cc-gallery-section .top-section { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 70px; }
.cc-gallery-section .bottom-section { width: 100%; display: inline-block; vertical-align: top; }
.cc-gallery-section .top-section .slick-arrow.slick-prev:before { left: -55px; }
.cc-gallery-section .top-section .slick-arrow.slick-next:before { right: -55px; }
.cc-gallery-section .bottom-section .box img { max-width: 770px; width: 100%; object-fit: cover; }
.cc-gallery-section .bottom-section ul.slick-dots li button:hover,
.cc-gallery-section .bottom-section ul.slick-dots li.slick-active button { background: #563691; border-color: #563691; opacity: 1; transform: scale(1.5); }
.cc-gallery-section .bottom-section ul.slick-dots li button { background: #563691; opacity: 0.25; width: 8px; height: 8px; border-color: #563691; }
.cc-gallery-section .top-section .slick-arrow.slick-disabled:before{ opacity: 0.5;}
.cc-gallery-section .top-section h4 { display: inline-block; position: relative; padding-bottom: 12px; cursor:pointer;font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, text-decoration=none}, size=24, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none, css=color: #161616;font-size: 24px;font-family: Outfit; font-weight: 600;};}
.cc-gallery-section .top-section .slick-current h4:before { opacity: 1; visibility: visible;font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, text-decoration=none}, size=24, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none, css=color: #161616;font-size: 24px;font-family: Outfit; font-weight: 600;}; }
.cc-gallery-section .top-section h4:before { content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; height: 3px; width: 100%; background: #563691; transition: all 0.5s; opacity: 0; visibility: visible; }

/* Slider 

.slick-slider {width:100%;margin:auto; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:30%; margin-top:-17.5px; display:inline-block; color:#fff; background:#333; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; border: 0; background: transparent;}
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:transparent; color:#000;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: " "; height: 35px; width: 35px; background-image: url(); background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top: 0; right: auto; left: 0px;  transition:all 0.5s; }
.slick-arrow.slick-prev:hover:before{transform: translateX(-10px);}
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: " "; height: 35px; width: 35px;transform: rotate(180deg);background-image: url();transform: rotate(180deg); background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top: 0; left: auto; right: 0px;  transition:all 0.5s; }
.slick-arrow.slick-next:hover:before{transform: translateX(10px);}
.slick-arrow.slick-disabled { display:none; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:40px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#fff;  width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; border:1px solid ; padding:0; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:; }

.container{max-width:1200px;width:100%;padding:0px 15px;margin:auto !important;float:none;}


.mobile-contact-sticky, .reastaurant-mobile-contact-sticky{display:none;}

*/

/*-- Sports Blog --*/

.sports-first-section { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0px 70px; position: relative; background: #fff; z-index: 1; overflow:hidden; }
.sports-first-section h1 { text-align: center; padding: 20px 0 90px;font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, text-decoration=none}, size=68, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none, css=color: #161616;font-size: 68px;font-family: Outfit; font-weight: 600;};}
.sports-first-section .left-part { width: 50%; float: left; padding-right: 60px; padding-left: calc((100% - 1170px) / 2); position: relative; z-index: 11; }
.sports-first-section .left-part .post-header h2 a {display:inline-block;font-weight: 600;font-size: 32px; padding-bottom: 15px; color: #333333;letter-spacing: -0.44px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, line-height=54px, text-decoration=none}, size=48, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none, css=color: #161616;font-size: 48px;font-family: Outfit; font-weight: 600; line-height: 54px;};}
.sports-first-section .left-part .post-header h2 a:hover{ color:; }
.sports-first-section .left-part .post-content { font-weight: normal; font-size: 17px; line-height: 26px; max-width: 470px; width: 100%; }
.sports-first-section .left-part .read-more { padding-top: 30px; }
.sports-first-section .left-part .read-more a { background: ; border-color: ; box-shadow: none; }
.sports-first-section .left-part .read-more a:hover { color: ; background: transparent; }
.sports-first-section .right-part { width: 50%; float: left; padding-left: 30px; }
.sports-first-section .right-part .hs-featured-image-wrapper { max-width: 100%; width: 100%; position: relative; z-index: 1; }
.sports-first-section .right-part .hs-featured-image-wrapper a{ display: inline-block;}
.sports-first-section .right-part .hs-featured-image-wrapper img {width: 100%; float: left; margin: 0; max-width: 100%;}
.sports-first-section .right-part .hs-featured-image-wrapper:before {content: ' ';top: 0;left: -138px;position: absolute;width: 215px;height: 101%;transform: skewX(-18deg);background: white;}

.blog-main-section { width: 100%; display: inline-block; vertical-align: top; overflow: hidden; padding: 0px 0 80px; }
.blog-main-section .post-listing.post-wrap { margin: 0 -25px; }
.blog-main-section .post-item { width: calc(100% / 3 - 54px); display: inline-block; vertical-align: top; margin: 0 25px; margin-bottom: 60px; }
.blog-main-section .post-item .hs-featured-image-wrapper { width: 100%; max-width: 280px; display: inline-block; vertical-align: top; height: 180px; position: relative; }
.blog-main-section .post-item .hs-featured-image-wrapper img { width: 100%; height: 100%; object-fit: cover; float: left; max-width: 100%; margin: 0;}
.blog-main-section .post-item .hs-featured-image-wrapper:before{ content: ' '; top: 15px; left: -12px; background: #3F3E3E; width: 90%; height: 100%; position: absolute; z-index: -1;}
.blog-main-section .post-item .hs-featured-image-wrapper a{display:inline-block; height: 100%;}
.blog-main-section .post-item h2 a {display:inline-block; font-weight: 600; font-size: 32px; letter-spacing: -0.44px; padding: 40px 0 17px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, line-height=54px, text-decoration=none}, size=48, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none, css=color: #161616;font-size: 48px;font-family: Outfit; font-weight: 600; line-height: 54px;};}
.blog-main-section .post-item h2 a:hover{color:; }
.blog-main-section .post-item .post-body { color: #585858; font-weight: normal; font-size: 18px; line-height: 26px; max-width: 301px; width: 100%; }
.blog-main-section .post-item .button-one { width: 100%; display: inline-block; vertical-align: top; padding-top: 25px; }
.blog-main-section .inner-cover { max-width: 1010px; width: 100%; margin: auto;}
.blog-main-section .post-item .button-one a{color: #fff;font-weight: normal;font-size: 18px; background:; border-color:; box-shadow:none; }
.blog-main-section .post-item .button-one a:hover{color:; background:#fff;}
.blog-main-section .load-more { text-align: center; padding: 30px 0 0; }
.blog-main-section .load-more a { display: inline-block; color: #979797; font-weight: 500; font-size: 18px; }
.blog-main-section .load-more a:hover { color: ; text-decoration: underline; }
.blog-main-section .post-item .content-wrap { width: 100%; display: inline-block;vertical-align: top;}

.post-item.subscribe-item { padding-right: 35px; }
.post-item.subscribe-item .subscribe-box { width: 100%; display: inline-block; vertical-align: top; position: relative; padding: 30px 20px; }
.post-item.subscribe-item .subscribe-box:before { content: ' '; top: 0; left: 0; background: linear-gradient(45.81deg,  0%, #7e398e 100%);  position: absolute; width: 100%; height: 100%; }
.post-item.subscribe-item .subscribe-box h2 { text-align: center; font-weight: 600; font-size: 32px; color: #fff;font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, line-height=54px, text-decoration=none}, size=48, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none, css=color: #161616;font-size: 48px;font-family: Outfit; font-weight: 600; line-height: 54px;}; }
.post-item.subscribe-item .subscribe-box h6 { font-weight: normal; font-size: 18px; line-height: 26px; color: #fff; text-align: center; padding: 15px 0 60px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-weight=normal, text-decoration=none, font-family=Outfit, font-style=normal}, size=14, size_unit=px, color=#FFFFFF, variant=null, fallback=null, style=font-weight: normal; text-decoration: none; font-family: Outfit; font-style: normal, css=color: #FFFFFF;font-size: 14px;font-family: Outfit;};}
.post-item.subscribe-item .subscribe-box:after { content: ' '; top: 15px; left: -12px; background: #3f3e3e; width: 90%; height: 100%; position: absolute; z-index: -3; }
.post-item.subscribe-item .subscribe-box .in-wrap { position: relative; width: 100%; display: inline-block; vertical-align: top; }
.post-item.subscribe-item .subscribe-box .hs-form-field input { border-radius: 9px; background: #FFFFFF; border: 2px solid #FFFFFF; color: #3F3E3E; height: 46px; padding: 10px 12px; }
.post-item.subscribe-item .subscribe-box .hs-form-field label.hs-error-msg { color: red; font-size: 12px; }
.post-item.subscribe-item .subscribe-box .hs-submit { text-align: center; padding-top: 15px;}
.post-item.subscribe-item .subscribe-box .hs-submit .hs-button { color: #fff; border: 2px solid #fff; background: transparent; font-weight: 500; font-size: 15px; padding: 10px 32px; }
.post-item.subscribe-item .subscribe-box .hs-submit .hs-button:hover { background: #fff; color: ; }
.post-item.subscribe-item .subscribe-box .submitted-message { font-size: 13px;padding: 10px 10px;}
.post-item.subscribe-item .subscribe-box .hs-form-field input::-webkit-input-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px; }
.post-item.subscribe-item .subscribe-box .hs-form-field input::-moz-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px; }
.post-item.subscribe-item .subscribe-box .hs-form-field input:-ms-input-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px; }
.post-item.subscribe-item .subscribe-box .hs-form-field input:-moz-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px;}

.schedule-section .left-part .content .btn a {color:#fff;}
.schedule-section .left-part .content .btn a:hover {color:;}
.sports-posthero-section { width: 100%; display: inline-block; vertical-align: top; padding: 0px 0px 40px; position: relative; background: #fff; z-index: 1; overflow:hidden; }
.sports-posthero-section h1 { letter-spacing: -0.44px; color: #333333; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, text-decoration=none}, size=68, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none, css=color: #161616;font-size: 68px;font-family: Outfit; font-weight: 600;};}
.sports-posthero-section .left-part { width: 50%; float: left; padding-right: 60px; padding-left: calc((100% - 1170px) / 2); position: relative; z-index: 11; padding-top: 50px;}
.sports-posthero-section .left-part .post-header h2 a {display:inline-block;font-weight: 600;font-size: 32px; padding-bottom: 15px; color: #333333;letter-spacing: -0.44px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, line-height=54px, text-decoration=none}, size=48, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none, css=color: #161616;font-size: 48px;font-family: Outfit; font-weight: 600; line-height: 54px;};}
.sports-posthero-section .left-part .post-header h2 a:hover{ color:; }
.sports-posthero-section .left-part .post-content { font-weight: normal; font-size: 17px; line-height: 26px; max-width: 520px; width: 100%; padding: 25px 0 30px; }
.sports-posthero-section .left-part .read-more { padding-top: 30px; }
.sports-posthero-section .left-part .read-more a { background: ; border-color: ; box-shadow: none; }
.sports-posthero-section .left-part .read-more a:hover { color: ; background: transparent; }
.sports-posthero-section .right-part { width: 50%; float: left; padding-left: 30px; }
.sports-posthero-section .right-part .hs-featured-image-wrapper { max-width: 100%; width: 100%; position: relative; z-index: 1;display: inline-block; height: 500px;}
.sports-posthero-section .right-part .hs-featured-image-wrapper img {width: 100%; float: left; margin: 0; max-width: 100%; height: 100%; object-fit: cover;}
.sports-posthero-section .right-part .hs-featured-image-wrapper:before {content: ' ';top: 0;left: -133px;position: absolute;width: 215px;height: 101%;transform: skewX(-18deg);background: white;}
.sports-posthero-section .left-part .date { font-weight: 500; font-size: 18px; color: #161616; padding-bottom: 14px; }
.sports-posthero-section .left-part .post-social { width: 100%; display: inline-block; vertical-align: top; }
.sports-posthero-section .left-part .post-social ul li { display: inline-block; padding-right:5px;}
.sports-posthero-section .left-part .post-social ul li a { display: inline-block; background: #161616; height: 24px; width: 24px; color: #fff; border-radius: 50%; text-align: center; font-size: 13px; line-height: 26px; }
.sports-posthero-section .left-part .post-social ul li a:hover { background: ; }
.sports-posthero-section .left-part .btn.button-one { padding-top: 35px; }
.sports-posthero-section .left-part .btn.button-one a.more-link { background: ; border-color: ; box-shadow: none; }
.sports-posthero-section .left-part .btn.button-one a.more-link:hover { background: #fff; color: ; }

.schedule-popup-box .subscribe-box { width: 100%; display: inline-block; vertical-align: top; position: relative; padding: 50px 20px 30px; }
.schedule-popup-box .subscribe-box:before { content: ' '; top: 0; left: 0; background: linear-gradient(45.81deg,  0%, #7e398e 100%);  position: absolute; width: 100%; height: 100%; }
.schedule-popup-box .subscribe-box h2 { text-align: center; font-weight: 600; font-size: 32px; color: #fff; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, line-height=54px, text-decoration=none}, size=48, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none, css=color: #161616;font-size: 48px;font-family: Outfit; font-weight: 600; line-height: 54px;};}
.schedule-popup-box .subscribe-box h6 { font-weight: normal; font-size: 18px; line-height: 26px; color: #fff; text-align: center; padding: 15px 0 60px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-weight=normal, text-decoration=none, font-family=Outfit, font-style=normal}, size=14, size_unit=px, color=#FFFFFF, variant=null, fallback=null, style=font-weight: normal; text-decoration: none; font-family: Outfit; font-style: normal, css=color: #FFFFFF;font-size: 14px;font-family: Outfit;};}
.schedule-popup-box .subscribe-box .in-wrap { position: relative; width: 100%; display: inline-block; vertical-align: top; }
.schedule-popup-box .subscribe-box .hs-form-field input { border-radius: 9px; background: #FFFFFF; border: 2px solid #FFFFFF; color: #3F3E3E; height: 46px; padding: 10px 12px; }
.schedule-popup-box .subscribe-box .hs-form-field label.hs-error-msg { color: red; font-size: 12px; }
.schedule-popup-box .subscribe-box .hs-submit { text-align: center; padding-top: 15px;}
.schedule-popup-box .subscribe-box .hs-submit .hs-button { color: #fff; border: 2px solid #fff; background: transparent; font-weight: 500; font-size: 15px; padding: 10px 32px; }
.schedule-popup-box .subscribe-box .hs-submit .hs-button:hover { background: #fff; color: ; }
.schedule-popup-box .subscribe-box .submitted-message { font-size: 13px;padding: 10px 10px;}
.schedule-popup-box .subscribe-box .hs-form-field input::-webkit-input-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px; }
.schedule-popup-box .subscribe-box .hs-form-field input::-moz-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px; }
.schedule-popup-box .subscribe-box .hs-form-field input:-ms-input-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px; }
.schedule-popup-box .subscribe-box .hs-form-field input:-moz-placeholder { color: #3F3E3E; font-weight: normal; font-size: 16px;}
.schedule-popup { position: fixed; top: 0; z-index: 999; width: 100%; height: 100vh; background: linear-gradient(180deg, rgba(63, 62, 62, 0.67) 0%, #161616 100%); padding: 30px; display: flex; align-items: center; transition: all 0.5s; opacity: 0; visibility: hidden;}
.schedule-popup .schedule-popup-box { max-width: 290px; width: 100%; margin: auto; }
.schedule-popup .schedule-popup-box img.close-btn { position: absolute; top: 15px; left: auto; right: 15px; cursor: pointer; }
.schedule-open .schedule-popup {opacity: 1; visibility: visible;}
body.schedule-open{overflow:hidden;}
.inner-blogpost-section { width: 100%; display: inline-block; vertical-align: top; padding: 0 0 60px; }
.inner-blogpost-section .section.post-body { max-width: 970px; width: 100%; margin: auto; color: #585858; font-weight: normal; font-size: 18px; line-height: 26px; }
.inner-blogpost-section .section.post-body h2 { font-weight: 600; font-size: 32px; letter-spacing: -0.44px; padding: 35px 0 10px; }
.inner-blogpost-section .section.post-body h3 { font-weight: 600; font-size: 28px; letter-spacing: -0.44px; padding: 25px 0 10px; }
.inner-blogpost-section .section.post-body ul li { list-style: disc; }
.inner-blogpost-section .section.post-body ul { padding-left: 40px; }
.inner-blogpost-section .section.post-body blockquote { position: relative; margin: 40px 0; padding: 0 30px; font-weight: normal; font-size: 20px; line-height: 30px; color: #9E9E9E; font-style: italic; }
.inner-blogpost-section .section.post-body blockquote:before { content: ' '; top: 0; left: 0; width: 2px; height: 100%; background: ; position: absolute; }
.inner-blogpost-section .section.post-body p img { margin: 25px 0; width: 100%; object-fit: cover; }
.inner-blogpost-section .section.post-body .percentage-box { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0; }
.inner-blogpost-section .section.post-body .percentage-box .inner { max-width: 550px; width: 100%; margin: auto; display: flex; align-items: center; }
.inner-blogpost-section .section.post-body .percentage-box .inner .left-per { width: auto; padding: 0 20px 0 0px; }
.inner-blogpost-section .section.post-body .percentage-box .inner .right-content { width: auto; padding: 0 0 0 20px; color: #9E9E9E; position: relative; font-weight: normal; font-size: 18px; line-height: 25px; }
.inner-blogpost-section .section.post-body .percentage-box .inner .right-content:before { content: ' '; top: 0; left: 0; width: 2px; height: 100%; position: absolute; background: ; }
.inner-blogpost-section .section.post-body .percentage-box .inner .left-per h4 { letter-spacing: -3px; color: ; font-style: normal; font-weight: bold; font-size: 86px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, text-decoration=none}, size=24, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none, css=color: #161616;font-size: 24px;font-family: Outfit; font-weight: 600;};}
.inner-blogpost-section .section.post-body a{ color: ;}
.inner-blogpost-section .section.post-body a:hover{color:#000;}

.sports-related-post-section{ width: 100%;  display: inline-block; vertical-align: top; padding: 30px 0 40px; overflow: hidden;}
.sports-related-post-section .cover { margin: 0 -25px; }
.sports-related-post-section .post-item { width: calc(100% / 3 - 54px); display: inline-block; vertical-align: top; margin: 0 25px; margin-bottom: 60px; }
.sports-related-post-section .post-item .hs-featured-image-wrapper { width: 100%; max-width: 280px; display: inline-block; vertical-align: top; height: 180px; position: relative; }
.sports-related-post-section .post-item .hs-featured-image-wrapper img { width: 100%; height: 100%; object-fit: cover; float: left; max-width: 100%; margin: 0;}
.sports-related-post-section .post-item .hs-featured-image-wrapper:before{ content: ' '; top: 15px; left: -12px; background: #3F3E3E; width: 90%; height: 100%; position: absolute; z-index: -1;}
.sports-related-post-section .post-item .hs-featured-image-wrapper a{display:inline-block; height: 100%;}
.sports-related-post-section .post-item h2 a {display:inline-block; font-weight: 600; font-size: 32px; letter-spacing: -0.44px; padding: 60px 0 22px; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, line-height=54px, text-decoration=none}, size=48, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; line-height: 54px; text-decoration: none, css=color: #161616;font-size: 48px;font-family: Outfit; font-weight: 600; line-height: 54px;};}
.sports-related-post-section .post-item h2 a:hover{color:; }
.sports-related-post-section .post-item .post-body { color: #585858; font-weight: normal; font-size: 18px; line-height: 26px; max-width: 301px; width: 100%; }
.sports-related-post-section .post-item .button-one { width: 100%; display: inline-block; vertical-align: top; padding-top: 25px; }
.sports-related-post-section .inner-cover { max-width: 1100px; width: 100%; margin: auto;}
.sports-related-post-section .post-item .button-one a{color: #fff;font-weight: normal;font-size: 18px; background:; border-color:; box-shadow:none; }
.sports-related-post-section .post-item .button-one a:hover{color:; background:#fff;}
.sports-related-post-section .post-item .content-wrap { width: 100%; display: inline-block;vertical-align: top;}


.blog-main-section .filter-strip-main { width: 100%; display: flex; padding: 0 0 50px; align-items: center; justify-content: flex-end; padding-right: 0px; }
.blog-main-section .filter-strip-main .category-filter { width: 240px; display: inline-block; vertical-align: top; position: relative; margin-right: 30px; }
.blog-main-section .filter-strip-main .most-reccent { width: 240px; display: inline-block; vertical-align: top; position: relative; }
.blog-main-section .filter-strip-main h4 { color: #3F3E3E; font-style: normal; font-weight: 500; font-size: 18px; font-size: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, text-decoration=none}, size=24, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none, css=color: #161616;font-size: 24px;font-family: Outfit; font-weight: 600;};}
.blog-main-section .filter-strip-main h4 i { display: inline-block; margin-left: 7px; }
.blog-main-section .filter-strip-main .category-filter .category-box { position: absolute; top: 32px; z-index: 9; background: ; width: 190px; height: 274px; overflow: auto; box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 10%); display: none; }
.blog-main-section .filter-strip-main .category-filter ul li a { display: inline-block; color: #fff; font-size: 16px; padding: 8px 10px; border-bottom: 1px dotted rgba(255, 255, 255, 0.4); width: 100%; }
.blog-main-section .filter-strip-main .category-filter ul li a span.filter-link-count { display: none; }
.blog-main-section .filter-strip-main .category-filter ul li a:hover { background: #fff; color: ; }
.blog-main-section .filter-strip-main .category-filter ul li:last-child a { border: 0; }
.blog-main-section .filter-strip-main { width: 100%; display: flex; padding: 0 0 50px; align-items: center; justify-content: flex-end; padding-right: 31px; }
.blog-main-section .filter-strip-main .category-filter { width: 200px; display: inline-block; vertical-align: top; position: relative; margin-right: 30px; }
.blog-main-section .filter-strip-main .most-reccent { width: 200px; display: inline-block; vertical-align: top; position: relative; }
.blog-main-section .filter-strip-main h4 { color: #3F3E3E; font-style: normal; font-weight: 500; font-size: 18px; cursor: pointer; font-size: ; color: ; font-family: {font=Outfit, font_set=GOOGLE, styles={font-family=Outfit, font-style=normal, font-weight=600, text-decoration=none}, size=24, size_unit=px, color=#161616, variant=600, fallback=null, style=font-family: Outfit; font-style: normal; font-weight: 600; text-decoration: none, css=color: #161616;font-size: 24px;font-family: Outfit; font-weight: 600;};}
.blog-main-section .filter-strip-main h4 i { display: inline-block; margin-left: 7px; }
.blog-main-section .filter-strip-main .most-reccent .most-r-box { position: absolute; top: 32px; z-index: 9; background: ; width: 190px; max-height: 117px; overflow: scroll !important; box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 10%); display: none; }
.blog-main-section .filter-strip-main .most-reccent ul li a { display: inline-block; color: #fff; font-size: 16px; padding: 8px 10px; border-bottom: 1px dotted rgba(255, 255, 255, 0.4); width: 100%; }
.blog-main-section .filter-strip-main .most-reccent ul li a span.filter-link-count { display: none; }
.blog-main-section .filter-strip-main .most-reccent ul li a:hover { background: #fff; color: ; }
.blog-main-section .filter-strip-main .most-reccent ul li:last-child a { border: 0; }
.sports-posthero-section .left-part .date br { display: none;}





/* =============================== */
 ------ Responsive Media ------ 




@media (max-width:767px){


    .cc-gallery-section .top-section h4 { font-size: 17px; }
    .cc-gallery-section h2 { padding-bottom: 40px; }
    .cc-gallery-section .top-section .slick-arrow.slick-prev:before { top: 8px; }
    .cc-gallery-section .top-section .slick-arrow.slick-next:before { top: 5px; }
    .cc-gallery-section { padding: 40px 0 40px; }
    .flnp-gallery-section .top-section h4 { font-size: 17px; }
    .flnp-gallery-section h2 { padding-bottom: 40px; }
    .flnp-gallery-section .top-section .slick-arrow.slick-prev:before { top: 8px; }
    .flnp-gallery-section .top-section .slick-arrow.slick-next:before { top: 5px; }
    .flnp-gallery-section { padding: 40px 0 40px; }
    .rightside { float: left !important;}


@media (max-width:480px){

    .cc-gallery-section .cover { padding: 0; }
    .cc-gallery-section .top-section { padding: 0 50px 50px; }
    .flnp-gallery-section .cover { padding: 0; }
    .flnp-gallery-section .top-section { padding: 0 50px 50px; }


}
*/
  
  
  .nav-custom-button {
    border: 2px solid #fff;
    background: #fff0;
    border-radius: 100px;
    padding: 5px 25px;
    color: #000; /* Default text color */
    transition: all 0.3s ease; /* Smooth transition for style changes */
}
.nav-custom-button.scrolled {
    background: #7f398e;
    border-radius: 100px;
    padding: 5px 25px;
    color: #fff;
}
  @media screen and (max-width: 1280px) {
    .header__container {
        padding: 0 20px!important;
    }
}
  @media screen and (max-width: 767px) {
    .rightside { 
        float: left !important;
}
  }