/*
 Theme Name:     HMDG
 Theme URI:      https://hmdg.co.uk
 Description:    HMDG Child Theme
 Author:         HMDG
 Author URI:     https://hmdg.co.uk
 Template:       Divi
 Version:        2.0.0
 License:     	 GNU General Public License v2 or later
 License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =========================================================================================== */
/*	SITE ALREADY HAS THE FOLLOWING CSS USE ID SHOWN BELOW IF REQUIRED:


-	#freemap 
    (for iframe map height)

-	#custom_row + #first-on-mobile - #fourth-on-mobile
    (for mobile column stacking)

-	#randomise
    (name slider section *not the slider itself* this to randomly order content within - only works with divi sliders)

-	#fc4c54
    (replace for accent colours via better search replace)

-	.ds-vertical-align
    (align content vertically within a column, requires equalize column heights' to be active)

-	.highlight
    (puts a accent colour background behind text - each line should be a module)

-   .bookmenu
    (button class for buttons within main navigation menu)

-	.fixed_buttons
    (set as class for row with equalize column heights on to align buttons to bottom of columns)

-   .btn-inline
    (set as class the row for side by side buttons within single column)

-	instagram slider code
    [iscwp-slider autoplay_interval="6000" slidestoshow="5" gallery_height="20%" show_likes_count="false" show_arrows="false" show_comments_count="false" username="username"]


-   prestyled lists are available for use with both ul & ol classes as follows:
    .ulist for ul lists
    .utiem for li items
    .olist for ol lists
    .oitem for ol items
    no colours have been assigned to these by default so apply a colour using a span class or the visual builder
*/
/* =========================================================================================== */
/*  DIVI CORE CSS TWEAKS */
#page-container {
  overflow: hidden;
}

body {
  position: relative;
}

#et-info {
  display: block;
  float: none;
  text-align: left;
  line-height: 1.4em;
}

#et-secondary-menu .et-cart-info {
  font-size: 12px !important;
  float: right;
  padding: 0px !important;
  margin-top: -22px !important;
}

/*  WIDGET CSS  */
.widget .eaw-block li {
  border-bottom: none !important;
}

/*  NAVIGATION CSS  */
.container.clearfix.et_menu_container {
  width: 80% !important;
  max-width: 1200px !important;
}

#main-header {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

#main-header.et-fixed-header {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25) !important;
  padding: 10px 0px !important;
}

#top-header .et-social-icons {
  float: left;
  display: block;
}

#et-secondary-menu {
  width: 100%;
}

#et-secondary-nav {
  display: inline-block;
  float: right;
  padding-right: 0;
  margin-right: 0;
}

#top-menu {
  z-index: 999;
}

#top-menu li {
  display: inline-block;
  padding-right: 15px !important;
}

#top-menu li:last-child {
  padding-right: 0 !important;
}

#top-menu li a {
  font-size: 12px !important;
  font-weight: 600 !important;
}

#top-menu li li {
  padding: 0 20px 0px 20px !important;
  margin: 0;
  display: block;
}

#top-menu li li:last-child {
  padding-right: 20px !important;
}

#top-menu li li a {
  width: auto;
  padding: 2px 0px;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: 1px;
}

#top-menu .menu-item-has-children > a:after {
  display: none;
}

#top-menu .menu-item-has-children > a:first-child {
  padding-right: 0;
  font-weight: 600;
}

#top-menu .menu-item-has-children > a:first-child:after {
  position: absolute;
  top: 0;
  right: 0;
  font-family: ETmodules;
  font-size: 10px;
  font-weight: 600;
  content: "3";
}

#top-menu .bookmenu {
  border: 1px solid #fff !important;
  padding: 10px 12px 8px 14px !important;
  max-height: 36px;
  background-color: rgba(0, 0, 0, 0);
}

#top-menu .bookmenu a {
  font-weight: 700 !important;
  color: #fff !important;
}

#top-menu .bookmenu:hover {
  border: 1px solid #fff !important;
  padding: 10px 12px 8px 14px !important;
  max-height: 36px;
  background-color: #fff;
  color: #333333 !important;
}

#top-menu .bookmenu a:hover {
  font-weight: 700 !important;
  color: #333333 !important;
}

.et-fixed-header #top-menu .bookmenu {
  border: 1px solid #094a7e !important;
  padding: 10px 12px 10px 14px !important;
  max-height: 36px;
  background-color: rgba(0, 0, 0, 0);
}

.et-fixed-header #top-menu .bookmenu a {
  font-weight: 700 !important;
  color: #094a7e !important;
}

.et-fixed-header #top-menu .bookmenu:hover {
  border: 1px solid #094a7e !important;
  padding: 10px 12px 8px 14px !important;
  max-height: 36px;
  background-color: #094a7e;
  color: #ffffff !important;
}

.et-fixed-header #top-menu .bookmenu a:hover {
  font-weight: 700 !important;
  color: #ffffff !important;
}

.et_header_style_left #et-top-navigation {
  padding-top: 20px;
  display: block;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
  padding-top: 0px;
  display: block;
}

.nav li.et-reverse-direction-nav li ul {
  left: auto;
  right: 180px;
  top: 15px;
  padding: 10px 0 !important;
}

.et-fixed-header .nav li.et-reverse-direction-nav li ul {
  left: auto;
  right: 180px;
  top: -10px;
  padding: 10px 0 !important;
}

.nav li ul {
  position: absolute;
  padding: 10px 0;
  z-index: 9999;
  width: -webkit-max-content;
  width: max-content;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-top: 0px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  text-align: left;
}

.et-fixed-header .nav li ul {
  padding: 10px 0 !important;
}

.nav ul li a:hover {
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0);
}

ul.sub-menu {
  margin-left: -20px;
  margin-top: -25px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: none;
  border-top: none;
  line-height: 20px;
  border-radius: 0 0 0 0;
  background-color: #000;
}

.et-fixed-header ul.sub-menu {
  margin-top: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: -20px;
  margin-top: -10px !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 16px -10px !important;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 16px -10px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 16px -10px !important;
  border-radius: 0 0 0 0;
}

/*  MENU UNDERLINE ANIMATION    */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}

#top-menu li a:before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 100%;
  bottom: 55%;
  background: #fc4c54;
  /*** COLOR OF THE LINE ***/
  height: 2px;
  /*** THICKNESS OF THE LINE ***/
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.et-fixed-header #top-menu li a:before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 100%;
  bottom: 35%;
  background: #fc4c54;
  /*** COLOR OF THE LINE ***/
  height: 2px;
  /*** THICKNESS OF THE LINE ***/
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

#top-menu li li a #top-menu li a:hover {
  opacity: 1 !important;
}

#top-menu li a:hover:before {
  right: 0;
}

#top-menu li li a:before {
  bottom: 9%;
}

.et-fixed-header #top-menu li li a:before {
  bottom: 4% !important;
}

/*  GET IN TOUCH TAG CSS    */
#getintouch {
  position: fixed;
  right: -38px;
  transform: rotate(-90deg);
  background: #fc4c54;
  border: 2px solid #fc4c54;
  color: #ffffff;
  display: block;
  z-index: 99;
  top: calc(50% - 40px) !important;
  padding: 6px 14px 14px 14px;
}

#getintouch a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 2;
}

#getintouch:hover {
  background: #333333;
  border: 2px solid #333333;
  color: #ffffff;
}

#getintouch:hover a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 2;
}

/*  FIXED BUTTON CSS */
.fixed_buttons .et_pb_column {
  padding-bottom: 30px;
}

.fixed_buttons .et_pb_button_module_wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* BUTTONS SIDE BY SIDE */
.btn-inline .et_pb_button_module_wrapper {
  display: inline-block;
  padding-bottom: 20px;
  margin: 0 10px 0 0;
}

/*  DS VERTICAL ALIGN CSS */
.ds-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*  HIGHLIGHT CSS   */
.highlight {
  color: #FFF;
  text-align: left;
  background: #fc4c54;
  padding: 2% 4%;
  float: left;
  display: inline;
  clear: both;
  right: 0;
  MARGIN-bottom: -2%;
}

/*  BUTTON PADDING DEFAULT CSS  */
.et_pb_button {
  padding: 8px 16px;
}

.et_pb_button:hover {
  padding: 8px 16px;
}

/*  LIST STYLING CSS */
.ulist {
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-position: outside;
}

.uitem {
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 10px;
}

.uitem:last-child {
  margin-bottom: 0;
}

.olist {
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-position: outside;
}

.oitem {
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 10px;
}

.uitem:last-child {
  margin-bottom: 0;
}

/*  CONTACT SUCCESS MESSAGE CSS */
a.et_pb_button.et_pb_button {
  padding: 8px 16px;
}

a.et_pb_button.et_pb_button:hover {
  padding: 8px 16px;
}

.et-pb-contact-message {
  text-align: center;
  position: relative;
  color: #fff;
}

/*  BLOG GRID CSS   */
.et_pb_blog_grid .et_pb_image_container img {
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  left: 0;
  position: relative;
}

/*  INSURANCE GRID CSS  */
#insurancegrid .et_pb_column {
  width: 14.16% !important;
  margin: 1.25% !important;
}

/*  INSTAGRAM SLIDER CSS    */
.iscwp-gallery-slider .slick-dots {
  display: none;
}

img.iscwp-img {
  opacity: 1;
}

.iscwp-gallery-slider .iscwp-cnt-wrp.slick-slide {
  padding: 0 0;
}

.iscwp-gallery-slider button.slick-arrow {
  top: 52.5%;
}

.iscwp-image-fit.slidestoshow-5 .iscwp-img-wrp {
  height: 20vw;
}

/*  GOOGLE MAP INFO BUBBLE CSS    */
.gm-style-iw-d h3 {
  max-width: 250px;
  line-height: 1.4em;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.gm-style-iw-d p {
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  FONT-WEIGHT: 400;
  line-height: 1.3;
}

.gm-style-iw-d {
  margin: 0 auto;
  padding: 0 0 10px 5px;
}

/*	BLOG LIST STYLING    */
#postcontent ol {
  list-style-position: outside;
}

#postcontent ol li {
  line-height: 1.5em;
  margin-bottom: 10px;
}

#postcontent ul {
  list-style-position: outside;
}

#postcontent ul li {
  line-height: 1.5em;
  margin-bottom: 10px;
}

#blogcolumns .et_pb_post {
  width: 90% !important;
  margin: 0 5% 35px 5% !important;
}

.ds-author-bio-section {
  display: none !important;
}

/*		BLOG COMMENT STYLING		*/
#postcomments form#commentform {
  display: none;
}

#postcomments li {
  padding-bottom: 15px !important;
  display: block;
}

#commentform p {
  padding-bottom: 50px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #f7f7f7 !important;
}

#commentform p.logged-in-as {
  color: #f7f7f7 !important;
}

#commentform p.logged-in-as a {
  color: #f7f7f7 !important;
}

#commentform {
  padding-bottom: 0px;
}

/*      GOOGLE REVIEW PLUGIN STYLING    */
nav.wprs_unslider-nav {
  display: none !important;
}

.wprevpro_t1_DIV_2 {
  box-shadow: none !important;
  margin-bottom: -10px;
  border: 0px !important;
  padding: 20px !important;
}

.wprevpro_t1_A_8 > img {
  box-shadow: 0 0;
  padding: 0;
  display: block;
  text-align: center;
  float: none;
  margin: 0 auto;
  width: 40px;
  height: 40px;
}

.wprevpro_t1_DIV_2:before {
  display: none;
}

span.wprevpro_star_imgs_T1 {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 0px 10px 10px 10px;
}

p.wprevpro_t1_P_3.wprev_preview_tcolor1_T1 {
  font-weight: 400;
  font-size: 13.5px;
  letter-spacing: 1px;
  text-align: center;
  font-style: normal;
}

#wprev-slider-1 .wprev_preview_tcolor2_T1 {
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 11px;
  text-align: center;
}

@media (max-width: 980px) {
  p.wprevpro_t1_P_3.wprev_preview_tcolor1_T1 {
    font-size: 13px;
  }

  #wprev-slider-1 .wprev_preview_tcolor2_T1 {
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 10.5px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  p.wprevpro_t1_P_3.wprev_preview_tcolor1_T1 {
    font-size: 12.5px;
  }

  #wprev-slider-1 .wprev_preview_tcolor2_T1 {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 10px;
    text-align: center;
  }
}
/*      WOOCOMMERCE STYLING         */
.woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty {
  min-width: 40px;
  padding: 6px 6px !important;
  margin-right: 10px !important;
  line-height: 1em !important;
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  background-color: #333333 !important;
  text-align: center !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 200px;
  padding: 6px 6px !important;
  margin-right: 10px !important;
  line-height: 1em !important;
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  background-color: #333333 !important;
  text-align: center !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

.woocommerce button.button {
  min-height: 40px !important;
}

.woocommerce button.button:hover {
  min-height: 40px !important;
  background: #fc4c54 !important;
  border-color: #fc4c54 !important;
  color: #ffffff !important;
}

.woocommerce a.checkout-button.button.alt.wc-forward {
  min-height: 40px !important;
  padding: 8px 16px !important;
}

.woocommerce a.checkout-button.button.alt.wc-forward:hover {
  min-height: 40px !important;
  padding: 8px 16px !important;
  background: #fc4c54 !important;
  border-color: #fc4c54 !important;
  color: #ffffff !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* =========================================================================================== */
/*  BREAKPOINT SPECIFIC TWEAKS  */
@media (min-width: 981px) {
  /*  BLOG IMAGE STYLING  */
  #postcontent img.alignleft {
    margin: 0 20px 20px 0 !important;
  }

  #postcontent img.alignright {
    margin: 0 0 20px 20px !important;
  }

  #postcontent img.aligncenter {
    margin: 0 0 20px 0 !important;
  }

  #postcontent img {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 980px) {
  /*  NAVIGATION STYLING */
  .container.clearfix.et_menu_container {
    width: 90% !important;
    max-width: 90% !important;
  }

  #main-header {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }

  #main-header.et-fixed-header {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25) !important;
    padding: 5px 0px !important;
  }

  #top-header .container {
    padding-top: 0;
    width: 88%;
  }

  #et-top-navigation {
    padding-right: 5px;
  }

  #et-secondary-menu {
    display: block !important;
    margin-bottom: 0px;
  }

  #et-secondary-menu .et-cart-info {
    font-size: 10px;
    float: right;
  }

  /*  MOBILE MENU STYLING   */
  #mobile_menu {
    display: block;
    min-height: 110vh;
    width: 110% !important;
    height: 100%;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 9998;
    overflow: scroll;
    border-top: none;
    padding: 50px 40px 100px 40px !important;
  }

  #main-header .et_mobile_menu {
    background-color: #333333 !important;
    width: 100%;
    height: 100vh;
  }

  #main-header .et_mobile_menu li a {
    font-weight: 700 !important;
  }

  #main-header .et_mobile_menu li a:hover {
    opacity: 1;
  }

  #main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
    font-weight: inherit;
  }

  #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: "ETmodules";
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 16px;
    content: "L";
    top: 13px;
    right: 10px;
  }

  #main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
  }

  #main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
  }

  #main-header .nav li ul, .et_mobile_menu {
    border-top: 0;
  }

  #main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: "M";
  }

  #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-size: 16px;
    content: "L";
    top: 9px;
    right: 101%;
  }

  #main-header .et_mobile_menu li ul,
.et_pb_fullwidth_menu .et_mobile_menu li ul,
.et_pb_menu .et_mobile_menu li ul {
    visibility: visible;
    display: block;
    padding-left: 10px;
    background-color: rgba(0, 0, 0, 0);
  }

  span.mobile_menu_bar.mobile_menu_bar_toggle {
    margin-top: calc(50% - 16px) !important;
    padding: 2px 0 18px 0 !important;
  }

  .et-fixed-header span.mobile_menu_bar.mobile_menu_bar_toggle {
    margin-top: calc(50% - 16px) !important;
    padding: 14px 0 10px 0 !important;
  }

  .et_mobile_menu li a {
    display: block;
    padding: 10px 0%;
    color: #fff !important;
    width: 94%;
    float: left;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: 2px;
    border: none;
    margin: 4% 3% -5% 3%;
    transition: 0.2s;
    text-transform: uppercase;
  }

  .et_mobile_menu li a:hover, .nav ul li a:hover {
    background: transparent;
  }

  .et_mobile_menu li li {
    padding-left: 25px;
  }

  .et_mobile_menu .menu-item-has-children > a {
    background-color: rgba(0, 0, 0, 0);
  }

  .et_header_style_split .mobile_menu_bar,
.et_header_style_left .mobile_menu_bar {
    z-index: 9999;
  }

  .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
  }

  .sub-menu li a {
    display: block !important;
    margin-bottom: -30px;
    margin-left: 25px;
    margin-top: 30px;
    font-size: 11px;
    font-weight: 600 !important;
    letter-spacing: 2px;
    line-height: 1.4em;
  }

  .mobile_nav ul#mobile_menu .current_page_item > a {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    padding-left: 0;
  }

  .mobile_nav.closed #mobile_menu {
    background-color: #333;
    transform: translateX(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.4s 0s;
  }

  .mobile_nav.opened #mobile_menu {
    background-color: #333;
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
    transition: transform 0.4s 0s;
  }

  .mobile_nav.opened .mobile_menu_bar:before {
    content: "M";
    z-index: 9999;
    border: 0 solid #fff;
    width: 30px;
    height: 30px;
    margin-right: 0;
    border-radius: 0;
  }

  /*  COLUMN STACKING ORDER CSS   */
  .et_pb_column.et_pb_column_empty {
    display: block;
  }

  .et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
    width: 100%;
  }

  .custom_row {
    display: flex;
    /*  Safari 6.1+   */
    flex-wrap: wrap;
  }

  .first-on-mobile {
    order: 1;
  }

  .second-on-mobile {
    order: 2;
  }

  .third-on-mobile {
    order: 3;
  }

  .fourth-on-mobile {
    order: 4;
  }

  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 0px;
  }

  /*  GENERAL LAYOUT TWEAKS CSS   */
  .et_pb_text_inner {
    text-align: center;
    margin: 0 auto;
  }

  body, input, textarea, select {
    margin-top: 0;
  }

  /*  INSTAGRAM SLIDER CSS */
  .iscwp-image-fit.slidestoshow-5 .iscwp-img-wrp {
    height: 33.3vw;
  }

  /*  BLOG IMAGE STYLING  */
  #postcontent img.alignleft {
    max-width: 50%;
    margin: 0 20px 20px 0 !important;
  }

  #postcontent img.alignright {
    max-width: 50%;
    margin: 0 0 20px 20px !important;
  }

  #postcontent img.aligncenter {
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0 !important;
  }

  #postcontent img {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 767px) {
  /*  INSTAGRAM SLIDER CSS    */
  .iscwp-image-fit.slidestoshow-5 .iscwp-img-wrp {
    height: 50vw;
  }

  /*  BLOG IMAGE STYLING  */
  #postcontent img.alignleft {
    max-width: 50%;
    margin: 0 20px 20px 0 !important;
  }

  #postcontent img.alignright {
    max-width: 50%;
    margin: 0 0 20px 20px !important;
  }

  #postcontent img.aligncenter {
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0 !important;
  }

  #postcontent img {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 480px) {
  /*  BEGIN MOBILE MENU STYLING   */
  #mobile_menu {
    padding: 50px 30px 100px 30px !important;
  }

  .sub-menu li a {
    margin-bottom: -10px;
    margin-left: 25px;
    margin-top: 10px;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 1.4em;
  }

  /*  ET INFO MOBILE STYLING WITH WOOCOMMERCE  */
  /*
  #et-info {
      line-height: 1.4em!important;
      font-size: 11px!important;
      max-width: 70%;
      text-align: left;
  }

  #et-secondary-menu .et-cart-info {
      font-size: 11px!important;
      float: right;
      padding: 0px!important;
      margin-top: -28px!important;
  } 
  */
  /*  ET INFO MOBILE STYLING WITHOUT WOOCOMMERCE     */
  #et-info {
    line-height: 1.4em !important;
    font-size: 11px !important;
    max-width: 100%;
    text-align: center;
  }

  #et-secondary-menu .et-cart-info {
    font-size: 11px !important;
    float: right;
    padding: 0px !important;
    margin-top: -28px !important;
  }

  /*  WOOCOMMERCE BUTTON STYLING  */
  /*      WOOCOMMERCE STYLING         */
  .woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty {
    min-width: 40px;
    padding: 6px 6px !important;
    margin-right: 10px !important;
    line-height: 1em !important;
    min-height: 40px !important;
    height: 40px !important;
    max-height: 40px !important;
    background-color: #333333 !important;
    text-align: center !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
  }

  .woocommerce button.button {
    min-height: 40px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce a.checkout-button.button.alt.wc-forward {
    min-height: 40px !important;
    padding: 8px 16px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  /*  INSTAGRAM SLIDER CSS */
  .iscwp-image-fit.slidestoshow-5 .iscwp-img-wrp {
    height: 100vw;
  }

  /*  INSURANCE GRID CSS  */
  #insurancegrid .et_pb_column {
    width: 30.84% !important;
    margin: 1.25%;
  }

  /*  GET IN TOUCH TAG CSS */
  /*  FULLWIDTH HEADER MOBILE CSS */
  .et_pb_fullscreen .et_pb_fullwidth_header_container {
    width: 100%;
  }

  .et_pb_fullwidth_header_container .et_pb_button_two {
    margin-left: 0;
  }

  /*  BLOG IMAGE STYLING  */
  #postcontent img.alignleft {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0 !important;
  }

  #postcontent img.alignright {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0 !important;
  }

  #postcontent img.aligncenter {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0 !important;
  }

  #postcontent img {
    margin-bottom: 20px !important;
  }
}
/*total shock wave stylesheet compile using scss, preprose.io, .scss file can be located to child theme*/
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #eaeaea;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0c3146;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #676f85;
}

p {
  font-weight: 400;
}

#main-header {
  background-color: #ffffff;
  padding: 15px 0px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 981px) {
  #logo {
    max-height: 100% !important;
    /* 		min-width: 200px !important; */
    width: 150px !important;
  }

  .et-fixed-header #logo {
    content: url(/wp-content/uploads/2021/02/favicon.png) !important;
    width: 100px !important;
    max-width: 100px !important;
    height: auto;
  }

  .et-fixed-header#main-header {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }
}
.et-fixed-header {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}
@media only screen and (max-width: 980px) {
  .et-fixed-header #logo {
    content: url(/wp-content/uploads/2021/02/favicon.png) !important;
    width: 34px !important;
    max-width: 34px !important;
    max-height: 100% !important;
  }
}
@media only screen and (max-width: 414px) {
  .et-fixed-header #logo {
    height: unset !important;
  }
}

/* HomePage */
.homepage-main-banner .homepageh1 h1 {
  font-size: 80px;
  color: #ffffff;
  letter-spacing: 10px;
}
@media only screen and (max-width: 768px) {
  .homepage-main-banner .homepageh1 h1 {
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 425px) {
  .homepage-main-banner .homepageh1 h1 {
    font-size: 30px !important;
  }
}

.homepage-main-banner .homepageh1 h1 span:nth-child(1) {
  color: #0c3146 !important;
}

.homepage-main-banner .homepage-title-h2 h2 {
  color: #0c3146 !important;
  letter-spacing: 2em;
}
@media only screen and (max-width: 425px) {
  .homepage-main-banner .homepage-title-h2 h2 {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 768px) {
  .homepage-main-banner .homepage-title-h2 h2 {
    letter-spacing: 2em !important;
  }
}
#getintouch {
  display: none;
}

a.shockwave-btn {
  background-color: transparent !important;
  border-radius: 25px;
  border: 3px solid #ffffff !important;
  font-size: 15px !important;
}
a.shockwave-btn:hover {
  background-color: #0c3146 !important;
  color: #0c3146 !important;
  border-radius: 25px !important;
}

a.shockwave-btn-on-whitebackground {
  background-color: transparent !important;
  border-radius: 25px;
  border: 3px solid #0c3146 !important;
  padding: 8px 16px;
  letter-spacing: 4px;
  font-size: 15px;
  font-weight: 700 !important;
  color: #0c3146 !important;
}
a.shockwave-btn-on-whitebackground:hover {
  background-color: #0c3146 !important;
  color: #ffffff !important;
  border-radius: 25px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  a.shockwave-btn-on-whitebackground {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 35%;
    padding: 4px 16px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  a.shockwave-btn-on-whitebackground {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 25%;
    padding: 4px 16px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 375px) {
  a.shockwave-btn-on-whitebackground {
    margin: 0px 95px !important;
  }
}
@media only screen and (max-width: 320px) {
  a.shockwave-btn-on-whitebackground {
    margin: 0px 75px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .et_pb_row_1 {
    max-width: 1200px !important;
  }
}

.et_pb_text_5 {
  font-size: unset !important;
  font-weight: 400 !important;
}

body #page-container .et_pb_section .et_pb_button_1 {
  color: inherit !important;
}

.homepage-second-row .second-col-homepage-h2 h2 {
  font-size: 42px;
  color: #0c3146;
  margin-top: -60px;
}
.homepage-second-row .second-col-homepage-h2 h2 span {
  color: #676f85;
}
@media only screen and (max-width: 768px) {
  .homepage-second-row .second-col-homepage-h2 h2 {
    margin-top: -44px;
  }
}
@media only screen and (max-width: 425px) {
  .homepage-second-row .second-col-homepage-h2 h2 {
    font-size: 35px !important;
  }
}
.homepage-second-row .second-col-homepage-h2-shadow h2 {
  color: #eaeaea;
  font-size: 82px;
  margin-left: -80px;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  .homepage-second-row .second-col-homepage-h2-shadow h2 {
    font-size: 41px;
    margin-left: -39px;
    position: relative;
    top: -12px;
  }
}
@media only screen and (max-width: 768px) {
  .homepage-second-row .second-row-content {
    padding: 0px 15px !important;
  }
}

.vertical-line-container {
  width: 900px;
  position: relative;
  left: -901px;
  top: -73px;
}
@media only screen and (max-width: 425px) {
  .vertical-line-container {
    position: unset;
    left: unset;
    top: unset;
    width: 300px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .vertical-line-container {
    left: -650px;
  }
}
.vertical-line-container .column-one, .vertical-line-container .column-two {
  float: left;
  display: grid;
}
.vertical-line-container .column-one {
  width: 90%;
}
.vertical-line-container .column-one .line {
  width: 100%;
  height: 3px;
  background-color: #676f85;
}
.vertical-line-container .column-two {
  width: 10%;
}
.vertical-line-container .column-two .circle {
  width: 20px;
  height: 20px;
  background-color: #0c3146;
  border-radius: 100%;
  margin-top: -8px;
  transform: scale(1);
  animation: pulse 2s infinite;
}

.vertical-line-container-right {
  width: 900px;
  position: relative;
  right: -501px;
  top: -73px;
}
@media only screen and (max-width: 425px) {
  .vertical-line-container-right {
    position: unset;
    right: unset;
    top: unset;
    width: 300px;
    padding-bottom: 30px;
    margin-left: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .vertical-line-container-right {
    right: -650px;
  }
}
.vertical-line-container-right .column-one, .vertical-line-container-right .column-two {
  float: left;
  display: grid;
}
.vertical-line-container-right .column-one {
  width: 10%;
}
.vertical-line-container-right .column-one .line {
  width: 20px;
  height: 20px;
  background-color: #0c3146;
  border-radius: 100%;
  margin-top: -8px;
  transform: scale(1);
  animation: pulse 2s infinite;
}
@media only screen and (max-width: 425px) {
  .vertical-line-container-right .column-one .line {
    margin-left: -60px;
  }
}
.vertical-line-container-right .column-two {
  width: 90%;
  margin-left: -70px;
}
.vertical-line-container-right .column-two .circle {
  width: 100%;
  height: 3px;
  background-color: #676f85;
}

.application-text-title h2 {
  font-size: 80px !important;
  letter-spacing: 10px !important;
  font-weight: 900 !important;
  color: #eaeaea !important;
}
@media only screen and (max-width: 1023px) {
  .application-text-title h2 {
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 425px) {
  .application-text-title h2 {
    font-size: 21px !important;
  }
}

.the-team-person-name p {
  padding: 20px 0px;
  font-size: 21px;
  font-weight: 700;
}

.the-team-person-position p {
  font-size: 15px;
  font-weight: 500;
  padding: 15px 0px;
}

a.email-me-btn {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  background-color: transparent !important;
  border: 2px solid #0c3146 !important;
  color: #0c3146 !important;
  border-radius: 25px;
}
a.email-me-btn:hover {
  border-radius: 0px;
  background-color: #0c3146 !important;
  color: #ffffff !important;
}

.et_slide_in_menu_container {
  background-color: #0c3146 !important;
}
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item span.et_mobile_menu_arrow:before, .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a {
  color: #ffffff;
  font-size: 24px;
}

@media only screen and (min-width: 1200px) {
  .mobile_menu_bar:after, .et_toggle_slide_menu:after, .mobile_menu_bar:before {
    color: #676f85 !important;
    background: transparent !important;
    padding: 31px;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile_menu_bar:after, .et_toggle_slide_menu:after, .mobile_menu_bar:before {
    color: #0c3146 !important;
  }
}

.mobile_menu_bar:before {
  font-size: 62px !important;
}
@media only screen and (max-width: 768px) {
  .mobile_menu_bar:before {
    font-size: 32px !important;
  }
}

#main-header {
  padding: unset !important;
}

.et_slide_menu_top {
  display: block !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
  color: #ffffff !important;
}

/* slider testimonial */
.et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p:nth-child(1) {
  font-size: 15px !important;
  color: #0c3146;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
}
.et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p:nth-child(2) span {
  font-size: 15px !important;
}

/* Application diagram */
.tst-diagram-panel {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  .tst-diagram-panel {
    margin-top: -97px;
  }
}
@media only screen and (max-width: 981px) {
  .tst-diagram-panel {
    argin-top: -97px;
    margin-bottom: 50px;
  }
}
.tst-diagram-panel .diagram-row {
  width: 100%;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.tst-diagram-panel .diagram-row .col-one, .tst-diagram-panel .diagram-row .col-two, .tst-diagram-panel .diagram-row .col-three {
  flex: 0 0 auto;
  float: left;
  width: 33.3%;
}
.tst-diagram-panel .diagram-row:nth-child(1) .col-two, .tst-diagram-panel .diagram-row:nth-child(3) .col-two {
  padding: 15px;
}
.tst-diagram-panel .diagram-row:nth-child(1) .col-two img, .tst-diagram-panel .diagram-row:nth-child(3) .col-two img {
  width: 60px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(1) .col-two img, .tst-diagram-panel .diagram-row:nth-child(3) .col-two img {
    width: 50px !important;
  }
}
.tst-diagram-panel .diagram-row:nth-child(1) .col-two p, .tst-diagram-panel .diagram-row:nth-child(3) .col-two p {
  font-weight: 500;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(1) .col-two p, .tst-diagram-panel .diagram-row:nth-child(3) .col-two p {
    font-size: 12px !important;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-one, .tst-diagram-panel .diagram-row:nth-child(2) .col-three {
  padding: 15px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-one img, .tst-diagram-panel .diagram-row:nth-child(2) .col-three img {
  width: 60px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one img, .tst-diagram-panel .diagram-row:nth-child(2) .col-three img {
    width: 50px !important;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-one p, .tst-diagram-panel .diagram-row:nth-child(2) .col-three p {
  font-weight: 500;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one p, .tst-diagram-panel .diagram-row:nth-child(2) .col-three p {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one p {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three p {
    padding-left: 15px;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-two {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-two {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-two .circle {
  width: 100px;
  height: 100px;
  background-color: #0c3146;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-two .circle {
    width: 100px;
    height: 100px;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-two .circle h2 {
  margin-top: 12px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 3px;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-two .circle h2 {
    font-size: 12px;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .tst-diagram-panel .diagram-row:nth-child(1) {
    margin-bottom: -88px;
  }
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(1) {
    margin-bottom: -80px;
  }
}
.tst-diagram-panel .diagram-row:nth-child(1) .col-two .line-container {
  padding-top: 10px;
}
.tst-diagram-panel .diagram-row:nth-child(1) .col-two .line-container hr.ver {
  border: none;
  border-left: 3px dashed #73848c;
  height: 50px;
  width: 1px;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(1) .col-two .line-container hr.ver {
    height: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .tst-diagram-panel .diagram-row:nth-child(3) {
    margin-top: -88px;
  }
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(3) {
    margin-top: -80px;
  }
}
.tst-diagram-panel .diagram-row:nth-child(3) .col-two .line-container {
  padding-bottom: 10px;
}
.tst-diagram-panel .diagram-row:nth-child(3) .col-two .line-container hr.ver {
  border: none;
  border-left: 3px dashed #73848c;
  height: 50px;
  width: 1px;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(3) .col-two .line-container hr.ver {
    height: 50px;
  }
}
.tst-diagram-panel .diagram-row:nth-child(1) .col-two .line-container .circle, .tst-diagram-panel .diagram-row:nth-child(3) .col-two .line-container .circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #0c3146;
  transform: scale(1);
  animation: pulse 2s infinite;
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container .circle, .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #0c3146;
  transform: scale(1);
  animation: pulse 2s infinite;
  margin: 0;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 414px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container .circle, .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
    top: 47.5%;
  }
}
@media only screen and (max-width: 375px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container .circle, .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
    top: 48.3%;
  }
}
@media only screen and (max-width: 360px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container .circle, .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
    top: 47.5%;
  }
}
@media only screen and (max-width: 414px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container hr.ver, .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container hr.ver {
    top: -72px !important;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container .circle {
  left: 27.3%;
}
@media only screen and (max-width: 375px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container .circle {
    left: 24.3%;
  }
}
@media only screen and (max-width: 414px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container .circle {
    left: 24.3%;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container hr.ver {
  border: none;
  border-bottom: 3px dashed #73848c;
  width: 67px;
  position: relative;
  top: -58px;
  right: -149px;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container hr.ver {
    right: -66px;
    width: 8px;
  }
}
@media only screen and (max-width: 375px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container hr.ver {
    right: -60px;
    width: 4px;
    top: -80px !important;
  }
}
@media only screen and (max-width: 320px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container hr.ver {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-one .line-container hr.ver {
    right: -122px;
    width: 17px;
    top: -70px;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
  right: 29%;
}
@media only screen and (max-width: 425px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
    right: 30%;
  }
}
@media only screen and (max-width: 375px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
    right: 30%;
  }
}
@media only screen and (max-width: 320px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container .circle {
    right: 32% !important;
  }
}
.tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container hr.ver {
  border: none;
  border-bottom: 3px dashed #73848c;
  width: 78px;
  position: relative;
  top: -58px;
  left: -144px;
}
@media only screen and (max-width: 767px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container hr.ver {
    left: -69px;
    width: 8px;
  }
}
@media only screen and (max-width: 375px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container hr.ver {
    left: -57px;
    width: 4px;
    top: -80px !important;
  }
}
@media only screen and (max-width: 320px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container hr.ver {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tst-diagram-panel .diagram-row:nth-child(2) .col-three .line-container hr.ver {
    left: -111px;
    width: 17px;
    top: -70px;
  }
}

/*Pluse effect*/
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
/* Homepage toggle*/
.et_pb_tab_active a {
  color: #ffffff !important;
}

.tabs-home-page {
  border: unset !important;
}
.tabs-home-page .et_pb_tabs_controls {
  background-color: transparent !important;
}
.tabs-home-page .et_pb_tabs_controls:after {
  border-top: unset !important;
}
.tabs-home-page .et_pb_tabs_controls li {
  border-right: unset;
  width: 16.66% !important;
  padding: 10px 20px !important;
}
@media only screen and (max-width: 1023px) {
  .tabs-home-page .et_pb_tabs_controls li {
    width: unset !important;
  }
}
.tabs-home-page .et_pb_tabs_controls li a {
  padding: 15px 70px 13px !important;
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media only screen and (max-width: 768px) {
  .tabs-home-page .et_pb_tabs_controls li a {
    padding: 17px 0px 13px !important;
  }
}
.tabs-home-page .et_pb_tabs_controls li.et_pb_tab_active {
  box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
  background-color: #0c3146;
}
.tabs-home-page .et_pb_tabs_controls li.et_pb_tab_active a {
  color: #ffffff;
}
.tabs-home-page .et_pb_tab .et_pb_tab_content {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  color: #0c3146;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  .tabs-home-page .et_pb_tab .et_pb_tab_content {
    padding: 30px;
  }
}
.tabs-home-page .et_pb_tab .et_pb_tab_content p {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 15px;
}
.tabs-home-page .et_pb_all_tabs {
  background-color: #F2F2F2 !important;
}

.et_pb_inner_shadow {
  box-shadow: unset !important;
}

/*meet the team body*/
.meettheteam-box {
  background-color: #ffffff;
  padding: 30px !important;
  margin: -100px 50px 0px 50px !important;
}
.meettheteam-box h2 {
  font-size: 17px !important;
  text-transform: uppercase;
  color: #0c3146;
}
@media only screen and (max-width: 425px) {
  .meettheteam-box h2 {
    font-size: 12px !important;
  }
}
.meettheteam-box p:nth-child(1) {
  color: #676f85;
}
.meettheteam-box p:nth-child(2) {
  margin-top: 15px;
  color: #676f85;
  font-weight: 400;
  margin-top: 0px;
}
.meettheteam-box p {
  font-size: 15px;
  color: #0c3146;
}
@media only screen and (max-width: 425px) {
  .meettheteam-box p {
    font-size: 12px !important;
  }
}
.meettheteam-box a i {
  padding: 5px !important;
  color: #0c3146 !important;
}
.meettheteam-box a i:hover {
  color: #676f85 !important;
}
@media only screen and (max-width: 1023px) {
  .meettheteam-box a i {
    font-size: 32px !important;
  }
}

/*Application Shadow*/
@media only screen and (min-width: 1024px) {
  .application-row-sec .second-col-homepage-h2-shadow h2 {
    margin-left: -195px !important;
  }
}

/*Video the technology*/
.videohomepage {
  margin-left: 100px !important;
}