/* @import url('http://example.com/example_style.css'); */

@font-face {  
  font-family: 'Effra',sans-serif; 
   @import url("https://use.typekit.net/bkm8eqc.css");
  font-weight: normal; 
  font-style: normal;
  font-display: block;
}




/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* LATO */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* Open Sans Font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


/******* || GLOBAL ELEMENTS || *******/
body {
    margin:0;
    padding:0;
    font-size: 1rem;
    font-family:"Lato",sans-serif !important;
    font-weight: 400;
    background-color:#FFFFFF !important;
    overflow-x:hidden;
}

/* HEADINGS */
h1, h2, h3, h4, h5 {
    margin-top:0;
    font-family:"Effra",Open-Sans, sans-serif !important;
}

/* H1 */
h1 {
    font-size: 3em;
    margin-bottom:0.5rem;
    font-weight:800;
    color:#0B3862;
}

@media only screen and (max-width:991px) {
    h1 {
      font-size: 2em;
  }
  .lead {
    font-size: 1.8em !important;
  }
}

/* H2 */
h2 {
    font-size:2.2em;
    margin-bottom:0.3rem;
    font-weight: 600 !important;
    color: #0B3862;
}

@media only screen and (max-width:991px) {
    h2 {
      font-size: 1.8em;
  }
}


/* H3 */
h3 {
  font-size:1.8em;
  font-weight:600 !important;
}

/* | Paragraph Text | */
p {
    font-size: 1em;
    line-height:24px;
    font-weight:400;
    color: #333333;
}

@media screen and (max-width:991px) {
  p {
    font-size:1em
  }
  .block-content p {
    font-size:1em;
  }
  .vertical-column span {
    font-size:1.8em !important;
  }
  .feature-header {
    margin-bottom: 1em !important;
  }
}

@media only screen and (max-width:786px) {
    h1 {
      font-size: 1.8em;
  }
}

/* | Unordered List | */
ul {

}

/* | List | */
li {

}

/* | Anchor Links | */
a {
    color: #0072bc;
}

a:hover {
/*   color:#cbdfee !important; */
}


/* Menu Dropdown Hover */
.group-item-link .menu-item .menu-item-header:hover {
/*   opacity:0.5; */
  color: #0072bc;
}

group-item-link .menu-item .menu-item-header:focus {
/*   opacity:0.5; */
  color: #0072bc;
}
.group-item-link:hover, .group-item-link:hover {
/*   opacity:0.5; */
  color: #333333;
}

/* .group-item-link .menu-link-img:hover {
  opacity:0.5;
} */





/******* || Header and Main Navigation || *******/


/******* || FREIGHTCOM MENU || *******/
/* Refer to Freightcom Menu Module  */

/* Freightcom Logo */
.freightcom-logo {
  margin-right:3rem;
}


/* Column for Entire Menu Link */
.menu-col-link {
  text-decoration:none;
  color: #333333;
}

.menu-col-link:hover {
  
}

/* Menu Image Icons on Dropdown */
.menu-link-img {
  max-width:48px;
  height:auto;
  margin-right: 1rem !important;
}


/* Menu Titles on Dropdown */
.menu-link-header {
  font-size:1em;
  font-weight:600;
}


/* Dropdown Menu for Other Menu */
.fc-dropdown-menu {
  min-width:20rem !important;
}




.site-nav-container {
    position: -webkit-sticky;
    position: sticky;
    top:0;
    z-index: 100;
}

.nav-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.header-container-wrapper .container-fluid {
  padding:0px !important;
}

.btn-check:focus+.btn, .btn:focus {
  box-shadow: none !important;
}


/******* || Page Templates || *******/

/* | Parent Container | */
#pageContainer, #pageContainerHorizontal {
    overflow:hidden;
    max-width: 1400px;  
    margin-left:auto;
    margin-right:auto;
}

.hero-subtitle {
  font-size:2em;
  line-height:1.2em;
  font-family:"Effra",sans-serif !important;
}

@media only screen and (max-width:991px) {
  .hero-subtitle {
  font-size:21px !important; 
  }
}

/* Extra Margin on Sections */


.section-wrapper {
  padding-top:45px;
  padding-bottom:45px;
}


.block-content {
  font-size:1.125rem;
  margin-bottom:1rem;
}



/******* || Buttons || *******/


/* Primary Button Styling */
.button-primary {
    display: inline-block;
    padding: 1em 1.8125em;
    border-radius:4px ;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
/*     box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%); */
    background-color: #FFA733;
    color: #333333;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
  text-decoration:none;

}

/* Primary Button Styling for Hover */
.button-primary:hover, .button-primary:focus {
    background-color:#AA6E1F !important;
    color: #ffffff !important;
}


/* Primary Button Styling */
.button-secondary {
    display: inline-block;
    padding: 1em 1.8125em;
    border-radius:4px ;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
/*     box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%); */
    background-color: #FFFFFF;
    color: #0072bc;
    border-width: 1px;
    border: 2px solid #0072bc;
  text-decoration:none;
}

/* Primary Button Styling for Hover */
.button-secondary:hover, .button-secondary:focus {
    background-color:#0072bc !important;
    color: #ffffff !important;
}


/* Tertiary Button for Hero */
 .button-tertiary {
    display: inline-block;
    padding: 1em 1.8125em;
    border-radius:4px ;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
/*     box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%); */
    background-color: #FFFFFF;
    color: #333333;
    border-width: 1px;
    border: 2px solid #333333;
     text-decoration:none;
   
}

/* Tertiary Button for Hover */
.button-tertiary:hover, .button-tertiary:focus {
  background-color: #333333 !important;
  color: #FFFFFF !important;
  
}

/* ClickShip Button for Hero */
 .button-clickship {
    display: inline-block;
    padding: 1em 1.8125em;
    border-radius:4px ;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
/*     box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%); */
    background-color: #0072bc;
    color: #ffffff;
    border-width: 1px;
    border: 2px solid #0072bc;
     text-decoration:none;
}

/* ClickShip Button for Hover */
.button-clickship:hover, .button-clickship:focus {
  background-color: #59c5ef !important;
  color: #FFFFFF !important;
   border: 2px solid #59c5ef !important;
  
}



/* Book a Demo Button for Menu */
 .button-bookdemo {
    display: inline-block;
    padding: 1em 1.8125em;
    border-radius:4px ;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
/*     box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%); */
    background-color: transparent;
    color: #ffffff;
    border-width: 1px;
    border: 2px solid #ffffff;
     text-decoration:none;
}

.button-bookdemo:hover, .button-bookdemo:focus {
  background-color: #0072bc !important;
  color: #ffffff !important;
  border: 2px solid #0072bc !important;
}


/* Book a Demo Button for Menu */
 .button-bookdemo-2 {
    display: inline-block;
    padding: 1em 1.8125em;
    border-radius:4px ;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
/*     box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%); */
    background-color: transparent;
    color: #0072bc;
    border-width: 1px;
    border: 2px solid #0072bc;
     text-decoration:none;
}

.button-bookdemo-2:hover, .button-bookdemo-2:focus {
  background-color: #0072bc !important;
  color: #ffffff !important;
  border: 2px solid #0072bc !important;
}


 .button-tertiary-menu {
    display: inline-block;
    padding: 1em 1.8125em;
    border-radius:4px ;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 0.75em;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
/*     box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%); */
    background-color: #FFFFFF;
    color: #333333;
    border-width: 1px;
    border: 2px solid #333333;
     text-decoration:none;
}

.button-tertiary-menu:hover, .button-tertiary-menu:focus {
  background-color:#0072bc;
  color:#ffffff;
   border: 2px solid #0072bc !important;
}

/******* || Home Page || *******/

.nav-tab-container {
  background-color: #ffffff;
}

.nav-pills .nav-link {
  color: #CCCCCC;
}

.services-list-nav {
/*   box-shadow:0 5px 5px 0 rgb(0 0 0 / 5%); */
}

.services-list-nav .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #FFFFFF !important;
  color: #333333 !important;
  font-weight:700 !important;
  border-top:6px solid #FFA733 !important;
  border-radius: 8px 8px 0px 0px !important;
  height:100% !important;
/*   box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%) !important; */
}

.services-list-nav .nav-link {
  padding:1rem;
}

@media screen and (max-width:991px){
  .hero-padding {
    padding-left:calc(5% + 18px);
    padding-right:calc(5% + 18px);
  }
}

@media only screen and (max-width:1280px) {
  header {
  height: 50vh !important;
  min-height: 30rem !important;
}
  .hero-padding {
    padding-left:calc(5% + 18px);
    padding-right:calc(5% + 18px);
  }
}

@media only screen and (min-width:768px) and (max-width:992px) {
  header {
  height: 30vh !important;
  min-height: 30rem !important;
}
}

@media only screen and (max-width:768px) {
  header {
      height: 50vh !important;
  min-height: 25rem !important;
  }
}


/*** FORMS *****/


/* Form Field */
body .hs-form-field {}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family:"Lato", sans-serif;
  font-size: 1em;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:5px;
/*   height:40px; */
  padding-left:8px;

}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {

}

/* Separate Styles for Multiple Line Inputs */
body textarea {
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  min-height:150px;
}
body textarea:focus {
border-color:#0072bc;
}

/* Separate Styles for Drop Downs */
body select {
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:5px;
}

body select:focus {
  border-color:#0072bc;
}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] { margin-right:4px;}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {
border-color:red;
}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {
border-color:red;
}

input.invalid.error {
  border-color:red;
}


.hs-form-field {
  margin-bottom:16px;
}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}

label.hs-error-msg {
  font-size:0.875em;
  color:red;
}

ul.no-list.hs-error-msgs.inputs-list {
  margin:0px;
}


.input .is-placeholder {
  height:40px; !important;
}

.input .is-placeholder select {
  height:40px; !important;
}

/******* BLOG ******** / 


/* Form Field */
body .hs-form-field {}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family: "Lato",sans-serif;;
  font-size: 1em;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:5px;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {

}

/* Separate Styles for Multiple Line Inputs */
body textarea {
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  min-height:150px;
  margin-bottom:16px;
}
body textarea:focus {
border-color:#0072bc;
}

/* Separate Styles for Drop Downs */
body select {
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:5px;
}

body select:focus {
  border-color:#0072bc;
}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {
border-color:red;
}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {
border-color:red;
}

input.invalid.error {
  border-color:red;
}

.hs-form-checkbox-display > span{
  margin-left:0.5em;
}


/* Heading Text for Contact Forms */
.hs-richtext h2 {
  color: #333333;
  font-size:1.875em;
  margin-bottom:16px;
}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}

label.hs-error-msg {
  font-size:0.875em;
  color:red;
}

ul.no-list.hs-error-msgs.inputs-list {
  margin:0px;
}

.hs-button {
  display: inline-block;
    padding: 1em 1.8125em;
    border-radius: 4px;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    transition: 150ms ease;
    transition-property: background-color,border-color,box-shadow,color;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #0072bc;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}


/* Apply this class to section that you want to fade in */
.tag {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.tag.visible {
  opacity: 1;
  transform: translate(0, 0);
}

/* Apply this class to section that you want to fade Up */
.fadeIn {
  opacity: 0;
  transform: translate(10vh, 0vh);
  transition: all 1s;
}

.fadeIn.visible {
  opacity: 1;
  transform: translate(0, 0);
}


/* FOOTER */

.footer-container-wrapper {
    background-color: #0B3862;
/*     margin-left: -15px;
    margin-right: -15px; */
    color: #ffffff;
}


.footer-container-wrapper a {
  color:#ffffff;
}

.footer-category ul li a, .footer-category h4 {
  color:#ffffff;
}



/******** || BENEFIT with ICONS MODULE || ********/
/* .benefit-card:hover, .icon-animate:hover {
    box-shadow: 0 4px 50px 0 #e8e9eb;
    transform:translate3d(0,0,0);
    border-radius: 8px;
    transition: 0.4s ease-in;
}
 */

/******* || CONTACT TAB || *******/

/* Paragaph Sections for Contact Text */

/* Add extra spacing between the text and the form */
.partner-content {
  --bs-gutter-x:8em !important;
}

.contact-section {
  margin-bottom:64px;
}

/* Hover State on the Tabs for Contact/Partnership */
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
/*   border-color: transparent !important; */
}


.card-header {
  padding:0rem !important;
  padding-top: 0.5rem !important;
}

.card-content {
  border-bottom: none !important;
}

/*  */
.card-header-tabs {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
    border-bottom: 0 !important;
}
/* 1st Header text for contact text */
.contact-header {
  color: #0B3862;
  font-size:30px;
  margin-bottom:16px;
}

/*Heading Text for Office Addresses */
.contact-office-header {
  font-size:1.875em;
  color: #0B3862;
  font-weight:600;
}


/* Claims Form */
fieldset {
  max-width:none !important;
}



.animate-bottom {
  opacity:0;
  transform: translate(0, -10vh);
  transition: all 1s;
}

.animate-bottom.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.text-fadeIn  {
  opacity: 0;
  transform: translate(-10vw, 0);
  transition: all 1s;
}

.text-fadeIn.visible {
  opacity: 1;
  transform: translate(0, 0);
}


.image-fadeIn  {
  opacity: 0;
  transform: translate(10vw, 0);
  transition: all 1s;
}

.image-fadeIn.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.footer-category .hs-menu-item a:hover {
  color:#e8e8e8;
}

.footer-category .hs-menu-item a:focus {
  color:#e8e8e8;
}


#designstudio-button {
  display: block !important;
}

/******* || Mobile View || *******/

@media screen and (max-width:67.5em) {
 #pageContainer {
/*    padding-left:5%;
   padding-right:5%;
   */}
   .services-list-nav .nav-link {
     font-size:0.875em !important;
   }
}
  
  @media (max-width:991px) {
  .hero-img {
    max-width:none !important;
  }
    .serviceDropdown {
      padding-top:0px !important;
      padding-left:0px !important;
    }
    .serviceDropdown2, .aboutUsDropdown {
      margin-top:0em !important;
    }
    
    .aboutUsDropdown {
      margin-left: 1em !important;
    }
    .aboutUsLinks {
      margin-top: 0em !important;
      margin-bottom:0em !important;
    }
    .partnerOfferMenu {
      margin-top: 0 !important;
    }
    .menu-login {
      margin-right:0em !important;
    }
    .servicesMenuImg {
    width:100% !important;
    height:auto !important;
  }
    .hs-richtext h2 {
/*       text-align:center !important; */
      font-size:1.75em;
    }
    .footer-section {
      padding:0 !important;
    }
/*     .footer-container {
      padding:2em;
    } */
    .footer-category {
      padding:0 !important;
    }
    .text-mobile {
      padding:0 !important;
    }
    .hudb-careers-table {
      --bs-gutter-x:3em !important;
    }
    
    .sticky-glossary {
      padding:1em !important;
    }
    .footer-container-wrapper {
      margin-left:0px;
      margin-right:0px;
  }
    #hero-section {
    margin-left:0em !important;
    margin-right:0em !important;
/*     margin-top:-4em !important; */
  }
    
    #pageContainerHorizontal {
/*      padding-left:5% !important;
     padding-right:5% !important; */
    }

    
}
  
.navbar-toggler {
  line-height:1.5 !important;
  }

  

/******* || Tablet View || *******/
  
  @media only screen 

  and (max-device-width: 1024px) 
    and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
    .tablet-5050 {
      margin-top:1em;
      padding-top:0em;
      justify-content:center;
    }
    .tabletSwapOrder {
      flex-direction:column-reverse !important;
      margin-top: 4em !important;
    }

}
  
  @media only screen and (min-device-width:767px) and (max-device-width:992px) {
    h1 {
      font-size:2.375em !important;
    }
    .tablet-specific {
      margin-top:0em !important;
    }
  }
  
  
  /* Services Carousel Horizontal v3 */
  
  @media only screen and (max-width:768px) {
    .vertical-column-50-50 h2 {
      text-align:center !important;
    }
    .block-cotent p {
      text-align:center !important;
    }
    
    .grey-containertext .header-text {
      text-align:center !important;
    }
    .grey-containertext p {
      text-align:center !important;
    }
  }