/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://yourwebsite.com
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

* {
  padding: 0;
  box-sizing: border-box;
}
body {
  max-width: 2100px;
  margin: 0 auto !important;
}
a {
  text-decoration: none;
}
ul,
ol {
  padding-left: 0;
}
.elementor-widget-text-editor ul{
    padding-left: 17px;
    margin-bottom: 10px;
}
/* ========= Padding classes ========= */
.mb_0 {
  margin-bottom: 0 !important;
}
.ptb_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.pt_60 {
  padding-top: 60px;
}
.pb_60 {
  padding-bottom: 60px !important;
}
.ptb_40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pt_40 {
  padding-top: 40px;
}
.pb_40 {
  padding-bottom: 40px;
}
h1,
h2,
h3 {
  font-family: var(--lexend), sans-serif !important;
  font-weight: 600 !important;
}
.heading_h2 h2 {
  font-weight: 700 !important;
  /* font-size: 54px !important; */
  font-size: clamp(1.75rem, 1.4138rem + 1.4943vw, 3.375rem) !important;
  line-height: 1.3;
  position: relative;
}
.heading_h2 h2::after {
  content: "";
  width: 130px;
  height: 5px;
  position: absolute;
  left: 0;
  bottom: -25px;
  background: #fff;
  border-radius: 5px;
}
.heading_h2.blue h2::after{
  background: #a71b24;
}
.heading_h2.center_heading h2::after {
  left: 50%;
  transform: translateX(-50%);
  background: #a71b24;
}
.para_font p {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 1.4;
}
.web_btn a {
  padding: 9px 40px !important;
  border-radius: 40px;
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.5;
  position: relative;
  overflow: hidden;
  transition: ease-in 300ms all;
}
.web_btn a span.elementor-button-text {
  position: relative;
  left: 0;
  transition: ease-in 300ms all;
}
.web_btn a::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%) !important;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/button_element.svg)
    no-repeat;
  background-size: contain;
  background-position: center;
  transition: ease-in 300ms all;
  background-color: transparent !important;
}
.web_btn a:hover::after {
  left: 5px;
}
.web_btn a:hover span.elementor-button-text {
  left: 10px;
}
.sub_heading .elementor-icon-box-wrapper {
  padding: 8px 20px;
  border-radius: 5px;
  gap: 10px;
  flex-direction: row !important;
}
.sub_heading .elementor-icon-box-wrapper .elementor-icon-box-title {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.3;
  text-transform: uppercase;
}
.sec_sub_heading {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
.sec_sub_heading span {
  font-family: var(--lexend) !important;
  font-weight: 400 !important;
  /* font-size: 36px !important; */
  font-size: clamp(1.5rem, 1.3448rem + 0.6897vw, 2.25rem) !important;
  line-height: 1.3;
}
section.elementor-section-full_width > .elementor-container {
  width: 90%;
}
section.elementor-section > .elementor-container > .elementor-column > div {
  padding: 0;
}
.map_sec .elementor-container {
  width: 100% !important;
}
.elementor-inner-section > .elementor-container {
  width: 100% !important;
  max-width: 100% !important;
}
:root {
  --lexend: "Lexend", sans-serif;
  --alata: "Alata", sans-serif;
}

/* ============== Header css ========= */
.elementor-location-header {
  position: relative;
  z-index: 9999 !important;
}
.tob_bar_contact {
  margin-left: 12%;
}
.tob_bar_contact ul li span.elementor-icon-list-text,
.top_bar .announcement_text p {
  font-family: var(--alata), sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.4;
  text-decoration: underline;
}
.top_bar .announcement_text {
  margin-right: 170px;
}
.top_bar .announcement_text p {
  font-size: 20px !important;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .main_header {
    z-index: 99;
  }
/*   .main_header .header_logo {
    margin-top: -38px;
    margin-left: -5.5%;
  } */
  .main_header .header_menu nav ul#menu-1-bebb1bb {
    align-items: center;
    gap: 50px;
  }
  .main_header .header_menu nav ul#menu-1-bebb1bb::after {
    display: none !important;
  }
  .main_header .header_menu nav ul li a {
    font-family: var(--alata) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 1.4;
    padding: 0 !important;
  }
  .main_header .header_menu nav ul li.header_contactbtn a,
  .main_header .header_menu nav ul li.header_schedulebtn a {
    line-height: 1.3 !important;
    height: max-content;
    padding: 9px 40px !important;
    position: relative !important;
  }
  .main_header .header_menu nav ul li.web_btn a span.elementor-button-text {
    position: relative !important;
  }
  .main_header .header_menu nav ul li.header_contactbtn a {
    color: #a71b24 !important;
    background: #fff !important;
  }
  .main_header .header_menu nav ul li.header_schedulebtn a {
    color: #fff !important;
    background: #a71b24 !important;
  }
  .main_header .header_menu nav ul li.header_contactbtn a::after,
  .web_btn.white_btn a::after {
    background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/btn_red_element.png)
      no-repeat;
    background-size: contain;
    background-position: center;
  }
  .main_header .header_menu nav ul li.menu-item-home a {
    font-size: 0 !important;
  }
  .main_header .header_menu nav ul li.menu-item-home a img {
    width: 30px !important;
  }
  .main_header .header_menu nav ul li.icon_menu a {
    position: relative !important;
    transition: ease-in 300ms all;
  }
  .main_header .header_menu nav ul li.icon_menu a::after {
    content: "";
    width: 30px;
    height: 14px;
    position: absolute;
    top: -15px;
    left: 0;
    transform: translateX(50%);
    transition: ease-in 300ms all;
    background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/nav_icon.png)
      no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent !important;
  }
  .main_header .header_menu nav ul li.icon_menu a:hover::after {
    transform: translateX(-50%);
    left: 50%;
  }
  /* .main_header .header_menu {
    position: unset !important;
  }
  .elementor-location-header .main_header .header_menu nav > ul,
  .elementor-location-header .main_header .header_menu nav,
  .elementor-location-header .main_header .header_menu {
    position: unset !important;
  }
  .elementor-location-header .main_header .header_menu,
  .elementor-location-header .main_header .header_menu * {
    position: unset !important;
  }
  .mega_menus > ul.sub-menu {
    display: none !important;
  } */
  /* .elementor-location-header .main_header .header_menu .mega_menus {
    position: unset !important;
  } */
  
  .mega_menus:hover .elementor-item ~ ul.sub-menu {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    /*   width: 1024px;
    max-width: 1024px; */
    border: 2px solid #a71b24;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    position: absolute !important;
    left: 50% !important;
    z-index: 9;
    transform: translateX(-50%) !important;
    padding: 20px;
  }
  
  .mega_menus ul li {
    width: calc(25% - 10px);
  }
}

/* ============== ----> Mega Menu CSS ===================== */
.headerMenuWrapper {
  position: relative !important;
}
.elementor-location-header .main_header .header_menu .mega_menus {
  position: unset !important;
  padding-block: 20px !important;
}
.headerMenuWrapper .elementor-nav-menu--main,
.headerMenuWrapper .elementor-nav-menu--main > .elementor-nav-menu,
.headerMenuWrapper .header_menu {
  position: static !important;
}
.headerMenuWrapper .mega_menus .sub-menu {
  width: 100% !important;
  max-width: 90% !important;
  left: 50% !important;
  min-width: unset !important;
  top: calc(100% - 0px) !important;
}
.main_header
  .header_menu
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > .menu-item
  > a {
  padding-block: 10px !important;
}
/* ============== Mega Menu CSS ---->  ===================== */
.main_header .header_menu .mega_menus ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px !important;
  background: #fff;
  border-radius: 9px;
  color: #000;
  transition: ease-in 300ms all;
  white-space: unset;
  font-size: 18px !important;
  border-left: 0 !important;
}

.mega_menus ul li a:hover {
  background: #a71b24 !important;
  color: #fff !important;
}
.mega_menus ul li a img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid #ffffff;
}
/* ================= Banner styling =============== */
.main_banner .banner_content_col .banner_heading {
  margin-bottom: 0 !important;
}
.main_banner .banner_content_col .banner_heading h1 {
  /* font-size: 70px !important; */
  font-size: clamp(2.5rem, 2.1121rem + 1.7241vw, 4.375rem) !important;
  line-height: 1.5;
}
.main_banner .banner_content_col .banner_subheading * {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  /* font-size: 40px !important; */
  font-size: clamp(1.625rem, 1.444rem + 0.8046vw, 2.5rem) !important;
  line-height: 1.4;
}
.main_banner .banner_content_col .banner_desc p {
  /* font-size: 22px !important; */
  font-size: clamp(1.125rem, 1.0733rem + 0.2299vw, 1.375rem) !important;
  line-height: 1.4;
}
/* .main_banner .banner_content_col > .elementor-widget-wrap {
  padding: 20px 30px !important;
  border-radius: 10px;
  background: rgba(14, 38, 68, 0.6);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4.7px);
  -webkit-backdrop-filter: blur(4.7px);
  border: 1px solid rgba(14, 38, 68, 0.3);
} */
/* ============== About sec styling ============ */
.about_sec .about_left_col .elementor-widget-wrap {
  border-radius: 20px 0 0 20px;
  border: 6px solid #fff;
  padding: 30px 0 !important;
}
.about_experience_text .elementor-image-box-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.about_experience_text .elementor-image-box-content h3 {
  font-weight: 700 !important;
  /* font-size: 90px !important; */
  font-size: clamp(3.125rem, 2.6078rem + 2.2989vw, 5.625rem) !important;
  line-height: 1.3;
  text-transform: uppercase;
}
.about_experience_text .elementor-image-box-content p {
  font-family: var(--lexend) !important;
  font-weight: 400 !important;
  /* font-size: 25px; */
  font-size: clamp(1.125rem, 1.0345rem + 0.4023vw, 1.5625rem) !important;
  line-height: 1.3;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.about_experience_text .elementor-image-box-content p span {
  font-weight: 700;
  /* font-size: 40px;. */
  font-size: clamp(1.625rem, 1.444rem + 0.8046vw, 2.5rem) !important;
  line-height: 1.3;
  display: block;
}
.about_sec .about_right_col .elementor-widget-wrap {
  padding: 40px 90px 30px 90px !important;
  margin: 6px 0 0px 0;
  border-radius: 0 20px 20px 0;
}
.about_img {
  max-width: 300px;
  max-height: 350px !important;
  height: 100% !important;
  border: 6px solid #fff;
  right: -30px;
  position: absolute !important;
  bottom: 45px;
  transform: rotate(8deg);
  z-index: 9;
}
.about_img img {
  height: 100% !important;
  object-fit: cover;
}
.sec_side_text {
  writing-mode: vertical-rl;
  position: absolute !important;
  right: -20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg) !important;
  height: 100%;
}
/* ============== Services sec =============== */
.service_inner_sec {
  width: 90% !important;
  margin: 0 auto;
}
.service_inner_sec .elementor-container {
  flex-wrap: wrap;
  gap: 30px;
}
.service_inner_sec .service_box {
  width: calc(33.33% - 20px) !important;
  transition: ease-in 300ms all;
  height: 100%;
  overflow: hidden;
}
.service_inner_sec .service_box * {
  transition: 0.5s ease all !important;
}
.service_inner_sec .service_box .elementor-widget-image a{
  height: 100%;
  width: 100%;
  display: inline-block;
  position: relative;
}
.service_inner_sec .service_box .elementor-widget-image {
  aspect-ratio: 0.7;
  margin-bottom: 0 !important;
  position: relative;
}
.service_inner_sec .service_box .elementor-widget-image a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, rgba(15, 37, 68, 0) 59.8%, #0f2544 100%);
  border-radius: 20px;
  transition: ease-in 500ms all;
}
.service_inner_sec .service_box .elementor-widget-image img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  border-radius: 20px;
}
.service_box_content_icon .elementor-icon-wrapper {
  background: #fff;
  padding: 8px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service_box_content_icon .elementor-icon-wrapper .elementor-icon {
  background: #a71b24;
  border-radius: 10px;
}
.service_box_content_icon .elementor-icon-wrapper .elementor-icon svg {
  transition: ease-in 300ms all;
  font-size: 85px !important;
}
.service_inner_sec .service_box:hover .elementor-widget-image a::after {
  background: linear-gradient(
    180deg,
    rgba(15, 37, 68, 0.5) 17.48%,
    #0f2544 100%
  );
}
.service_inner_sec .service_box .elementor-widget-image a::before {
  content: "";
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/services_border.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  opacity: 0;
  transition: ease-in 300ms all;
  z-index: 999;
}
.service_inner_sec .service_box:hover .elementor-widget-image a::before {
  opacity: 1;
}
.service_box:hover svg {
  transform: rotate(-35deg);
}
.service_box .service_box_content {
  position: absolute !important;
  top: 90%;
  left: 50%;
  transition: ease-in 300ms all;
  transform: translate(-50%, -60%);
  width: 80% !important;
}
.service_box:hover .service_box_content {
  top: 50%;
}
.service_box .service_box_content h3 {
  font-family: var(--lexend) !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 1.3;
  color: #fff !important;
}
.service_box .service_box_content p {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.3;
  color: #fff;
  opacity: 0;
  transition: ease-in 300ms all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.service_box:hover .service_box_content p {
  opacity: 1;
}
/* =================== Choose us sec =============== */
.why_choose_sec .sec_side_text,
.faq_sec .sec_side_text {
  transform: translateY(-50%) rotate(0deg) !important;
  left: -15px;
  right: unset;
  z-index: -1;
}
.why_chooseus_points ul {
  gap: 20px;
}
.why_chooseus_points ul li {
  width: calc(50% - 15px) !important;
}
.why_chooseus_points ul li span.elementor-icon-list-text {
  font-family: var(--lexend) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.3;
}
.why_choose_sec .elementor-container,
.why_choose_sec .elementor-column,
.why_choose_sec .elementor-widget-wrap,
.faq_sec .elementor-container,
.faq_sec .elementor-column,
.faq_sec .elementor-widget-wrap {
  position: unset !important;
}
/* ============== Service areas sec ============== */
.service_area_1 .area1_content .elementor-widget-wrap {
  padding-left: 60px !important;
}
.service_area_inner .elementor-container {
  gap: 25px;
}
.service_area_1 .area1_content {
  width: calc(40% - 12px) !important;
}
.service_area_1 .area1_box {
  width: calc(20% - 12px) !important;
}
.service_area_1 .area1_content .heading_h2 h2 {
  font-weight: 700 !important;
  /* font-size: 50px !important; */
  font-size: clamp(2.25rem, 2.069rem + 0.8046vw, 3.125rem) !important;
  line-height: 1.3;
}
.service_area_1 .area1_content .heading_h2 h2::after {
  display: none !important;
}
.service_area_1 .area1_content .heading_h2 span {
  font-family: var(--lexend) !important;
  font-weight: 700 !important;
  font-size: 58px !important;
  line-height: 1;
}
.area_box .elementor-widget-wrap {
  position: relative;
}
.area_box .area_box_img {
  aspect-ratio: 0.8;
  margin-bottom: 0 !important;
  height: 100%;
}
.area_box .area_box_img img {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}
.area_box .elementor-widget-wrap::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, #0f2544 0%, rgba(15, 37, 68, 0) 46.79%);
  transition: ease-in 300ms all;
}
.area_box .area_box_text {
  position: absolute;
  top: 80%;
  left: 0;
  z-index: 999;
  text-align: center;
  transition: ease-in 300ms all;
  transform: translateY(-50%);
}
.area_box .area_box_text span {
  font-family: var(--lexend) !important;
  font-weight: 600 !important;
  font-size: 25px !important;
  line-height: 1.3;
  color: #fff !important;
}
.service_area_2 .area2_box {
  width: calc(25% - 12px) !important;
}
.area2_box .area_box_img {
  aspect-ratio: 1;
}
.service_area_inner .area_box {
  transition: ease-in 300ms all;
  position: relative;
}
.service_area_inner .area_box::after {
  content: "";
  width: 90%;
  height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  opacity: 0;
  transition: ease-in 300ms all;
}
.service_area_inner .area_box:hover .elementor-widget-wrap::after {
  background: linear-gradient(180deg, #0f254499 0%, #0f254499 100%);
  transition: ease-in 300ms all;
}
.service_area_inner .area_box:hover::after {
  opacity: 1;
}
.service_area_inner .area_box:hover .area_box_text {
  top: 50%;
  transition: ease-in 300ms all;
}
/* ========= Home page cta ================== */
.ceneter_heading h2::after {
  left: 50%;
  transform: translateX(-50%);
}
.home_cta .cta_heading h2 {
  font-weight: 700 !important;
  font-size: 50px !important;
  line-height: 1.3; 
}
.home_cta .cta_heading h2 {
  font-size: clamp(2rem, 1.7203rem + 1.3559vw, 3.5rem)!important; 
}

/* =========== review =========== */
.review_sec .heading_h2 h2::after {
  background: #a71b24;
}
/* =========== Faq sec =-============== */
.faq_sec::after {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(302.86deg, #a71b24 50.9%, #0f2544 110.22%);
  z-index: -1;
}
.faq_ques span {
  font-family: var(--lexend) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 1.3;
  color: #fff !important;
  display: flex;
  position: relative;
  /* padding-left: 42px; */
  align-items: center;
  gap: 10px;
}
.faq_ques span::before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/ques_icon.png)
    no-repeat;
  background-size: contain;
  background-position: center;
}
.faq_ques span::after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/plus_icon.png)
    no-repeat;
  background-size: contain;
  background-position: center;
}
.faq_sec .sec_side_text span {
  line-height: 0.8;
}
/* ============== Blog sec ============= */
.blog_sec {
  overflow: hidden;
}
.blog_sec .blog_post {
  width: 90% !important;
}
.blog_sec .blog_post article .elementor-post__thumbnail__link {
  margin-bottom: 0 !important;
  aspect-ratio: 1.5;
}
.blog_sec
  .blog_post
  article
  .elementor-post__thumbnail__link
  .elementor-post__thumbnail {
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}
.blog_sec
  .blog_post
  article
  .elementor-post__thumbnail__link
  .elementor-post__thumbnail::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #a71b2433;
  opacity: 0;
  transition: ease-in 300ms all;
}
.blog_sec
  .blog_post
  article:hover
  .elementor-post__thumbnail__link
  .elementor-post__thumbnail::after {
  opacity: 1;
}
.blog_sec
  .blog_post
  article
  .elementor-post__thumbnail__link
  .elementor-post__thumbnail
  img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: ease-in 300ms all;
  position: unset !important;
  transform: unset !important;
}
.blog_sec
  .blog_post
  article:hover
  .elementor-post__thumbnail__link
  .elementor-post__thumbnail
  img {
  transform: scale(1.1) !important;
}
.blog_sec .blog_post article .elementor-post__text h3 {
  margin: 40px 0 20px !important;
}
.blog_sec .blog_post article .elementor-post__text h3 a {
  font-family: var(--lexend) !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  line-height: 1.3;
}
.blog_sec .blog_post article .elementor-post__text p {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.3;
}
.blog_sec .blog_post article .elementor-post__text a.elementor-post__read-more {
  font-family: var(--lexend) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.3;
  text-decoration: underline;
  transition: ease-in 300ms all;
  position: relative;
}
.blog_sec
  .blog_post
  article
  .elementor-post__text
  a.elementor-post__read-more::after {
  content: "";
  width: 12px;
  height: 14px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/05/readmore-arrow.png)
    no-repeat;
  background-size: 100%;
  background-position: center;
  transition: ease-in 300ms all;
}
.blog_sec
  .blog_post
  article:hover
  .elementor-post__text
  a.elementor-post__read-more::after {
  right: -25px;
}
.blog_sec
  .blog_post
  article:hover
  .elementor-post__text
  a.elementor-post__read-more {
  color: #a71b24 !important;
}
.blog_sec .blog_post article .elementor-post__text {
  position: relative;
}
.blog_sec .blog_post article .elementor-post__text .elementor-post__meta-data {
  background: #a71b24;
  border-radius: 10px;
  border: 2px solid #fff;
  position: absolute;
  top: -62px;
  padding: 14px;
  right: 20px;
  max-width: 80px;
  height: 80px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  transition: ease-in 300ms all;
}
.blog_sec
  .blog_post
  article:hover
  .elementor-post__text
  .elementor-post__meta-data {
  top: -72px;
}
.blog_sec
  .blog_post
  article
  .elementor-post__text
  .elementor-post__meta-data
  span {
  font-family: var(--lexend) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.3;
  color: #fff !important;
  text-align: center;
  display: block;
}
.blog_sec .elementor-widget-wrap,
.blog_sec .elementor-column,
.blog_sec .elementor-container {
  position: unset !important;
}
.blog_sec .sec_side_text span {
  line-height: 0.78;
}
/* =============== Gallery sec =============== */
.gallery_sec .heading_h2 h2::after {
  display: none;
}
/* ========== Contact Us sec =========== */
.contact_sec {
  z-index: 99;
}
.contact_sec::after {
  content: "";
  width: 55%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/contactus_left.webp)
    no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.contact_sec::before {
  content: "";
  width: 45%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/contactus_right.webp)
    no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.contact_sec .contact_detail_col .heading_h2 h2 {
  font-size: 45px !important;
}
.contact_sec .contact_detail_col .heading_h2 h2::after {
  display: none;
}
.contact_sec
  .contact_detail_col
  .contact_head
  li
  span.elementor-icon-list-text {
  font-family: var(--lexend) !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 1.3;
}
.contact_sec .contact_detail_col .contact_desc * {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 1.3;
}
.contact_sec .contact_form_col .heading_h2 h2::after {
  background: #a71b24;
}
.contact_sec .contact_form_col form input,
.contact_sec .contact_form_col form textarea {
  background: #d9d9d9 !important;
  border: none !important;
  outline: none !important;
  border-radius: 50px;
  padding: 20px !important;
}
.contact_sec .contact_form_col form textarea {
  border-radius: 10px;
}
.contact_sec .contact_form_col form input,
.contact_sec .contact_form_col form textarea,
.contact_sec .contact_form_col form input::placeholder,
.contact_sec .contact_form_col form textarea::placeholder {
  font-family: var(--lexend) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 1.3;
  color: #0f2544 !important;
}
.contact_sec .contact_form_col form button[type="submit"] {
  background: #a71b24 !important;
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 1.3;
  padding: 8px 70px !important;
  border-radius: 40px !important;
  overflow: hidden;
}
.contact_sec {
  overflow: hidden;
}
.contact_sec .elementor-widget-wrap,
.contact_sec .elementor-column,
.contact_sec .elementor-container {
  position: unset !important;
}
.contact_sec form .wpforms-field-html {
  padding: 8px 0 !important;
}
.contact_sec form .wpforms-field-html p {
  color: #0f2544 !important;
}

.contact_sec .contact_form_col form button[type="submit"]::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%) !important;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/04/button_element.svg)
    no-repeat;
  background-size: contain;
  background-position: center;
  transition: ease-in 300ms all;
  background-color: transparent !important;
}
.contact_sec .contact_form_col form button[type="submit"]:hover:before {
  left: 5px;
}
/* ============ Footer ============ */
.footer_info_sec .heading_h3 h3 {
  font-size: 30px !important;
  line-height: 1.6;
  position: relative;
}
.footer_info_sec .heading_h3 h3::after {
  content: "";
  width: 133px;
  height: 5px;
  position: absolute;
  bottom: -15px;
  left: 0;
  background: #a71b24;
  border-radius: 5px;
}
.footer_links nav ul li a {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  padding: 8px 0px !important;
}
.footer_contact
  .elementor-widget-icon-list
  ul
  li
  span.elementor-icon-list-text {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.3;
}
.footer_google_review .elementor-image-box-wrapper {
  border: 1px solid #ffffff;
  background: #d9d9d91a;
  border-radius: 5px;
  padding: 8px 12px;
}
.footer_google_review figure {
  border-left: 1px solid #fff;
  margin-left: 0;
  padding-left: 15px;
}
.footer_google_review figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.footer_google_review p {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.3;
}
.footer_bottom_sec .elementor-container {
  flex-wrap: wrap;
}
.footer_bottom_sec .elementor-column {
  width: 100% !important;
}
.footer_bottom_sec {
  width: 80% !important;
  margin: 0 auto;
}
.footer_bottom_sec .heading_h3 h3 {
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 1.6;
}
.footer_bottom_sec .elementor-widget-icon-list span.elementor-icon-list-text {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 1.3;
}
.page-header {
  display: none;
}
/* ================================== */
.home .footerCta{
  display: none !important;
}
/* ================= Services Inner Page styling ================ */
.inner_banner .elementor-container{
	position: unset !important;
	width: 100% !important;
}
.inner_banner .elementor-column,.inner_banner .elementor-widget-wrap{
	position: unset;
}
.inner_banner .inner_bg{
	position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.inner_banner .inner_bg img{
	height: 100%;
	object-fit: cover;
	width: 100% !important;
}
.inner_banner h1{
	font-size: clamp(2.25rem, 1.8395rem + 1.9318vw, 4.375rem) !important;
	line-height: 1.3;
	text-transform:uppercase;
}
.about_service .elementor-container {
  gap: 60px;
}
.about_service .elementor-column {
  width: calc(50% - 30px) !important;
}
.about_service .heading_h2 h2::after {
  background: #a71b24;
}
.about_service .about_service_subheading span {
  font-family: var(--lexend) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3;
}
.about_service .para_font {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.3;
}
.about_service_img .elementor-gallery__container {
  display: block !important;
}
.about_service_img .e-gallery-item:nth-child(2) {
  width: 100%;
  aspect-ratio: 1.8;
  padding: 40px;
  margin-bottom: 40px;
}
.about_service_img .e-gallery-item:nth-child(2) .e-gallery-image {
  border: 5px solid #ffffff;
  border-radius: 0 20px 20px 0;
  background-size: cover;
  background-position: 100% 100%;
}
.about_service_img .e-gallery-item:nth-child(1) {
  aspect-ratio: 1.5;
  position: absolute;
  width: 50%;
  height: 50%;
  left: 0;
  bottom: -40px;
  z-index: 99;
}
.about_service_img .e-gallery-item:nth-child(1) .e-gallery-image {
  border: 5px solid #ffffff;
  border-radius: 20px 20px 0 0;
  background-size: cover;
  background-position: 100% 100%;
}
.about_service_img {
  position: relative;
  z-index: 99;
}
.about_service_img::after {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #a71b24;
  border-radius: 0 20px 20px 0;
  z-index: -1;
}
/* ============ Services Issue sec ============ */
.issues_sec .heading_h2 h2::after {
  background: #fff;
  text-transform: uppercase;
}
.common_issue_box {
  width: 90% !important;
  margin: 70px auto !important;
}
.common_issue_box .services-wrap {
  display: flex;
  justify-content: center;
  gap: 50px 100px;
  flex-wrap: wrap;
}
.common_issue_box .services-wrap .service-item {
  width: calc(25% - 75px) !important;
  display: flex;
  align-items: center;
  gap: 20px;
}
.common_issue_box .services-wrap .service-item .service-img {
  background: #fff;
  max-width: 88px !important;
  height: 88px !important;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
	min-width: 88px;
}
.common_issue_box .services-wrap .service-item .service-img img {
  object-fit: contain;
}
.common_issue_box .services-wrap .service-item h3 {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 1.3;
  color: #fff !important;
}
.problem_description {
  width: 80% !important;
  border: 1px solid #ffffff;
  background: #ffffff1a;
  padding: 30px;
  border-radius: 10px;
  font-family: var(--lexend) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 1.3;
  margin: 0 auto;
}
.service_location .heading_h2 h2::after {
  background: #a71b24;
}
.service_location .para_font,
.service_location .location_points ul li {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.7;
}
.service_location .location_points ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.service_location .location_points ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 20px;
}
.service_location .location_points ul li::before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/05/check_mark.png)
    no-repeat;
  background-position: center;
  background-size: contain;
}
.service_location_img_col .elementor-widget-wrap {
  height: 100%;
}
.service_location_img_col .service_location_img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.service_location_img_col .service_location_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.barnd_specialist .heading_h2 h2::after {
  background: #fff;
}
.barnd_specialist .para_font {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 1.7;
}
.barnd_specialist .brand_box {
  background: #ffffff1a;
  border: 1px solid #ffffff;
  padding: 30px 50px;
  border-radius: 20px;
}
.barnd_specialist .brand_box .brand-img {
  background: #fff;
  border-radius: 20px;
  width: 100%;
  height: 131px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.barnd_specialist .brand_box .brand-item h3 {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 25px !important;
  line-height: 1.3;
  color: #fff !important;
  margin-top: 25px;
}
.barnd_specialist .brand_box .brand-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.barnd_specialist .brand_box .brand-item {
  width: calc(25% - 24px) !important;
  text-align: center;
}
.barnd_specialist .para_font ul li{
	width: fit-content;
	margin: 0 auto;
}
.shortcode_sec > .elementor-container {
  width: 100% !important;
}
.template_description{
	max-width: 80%;
    margin: 0 auto;
}
.template_description h4{
	font-family: var(--lexend), sans-serif !important;
    font-weight: 600 !important;
	font-size: 30px !important;
	line-height: 1.3;
}
.template_description h4 span{
	color: #A71B24 !important;
}
.shortcode_sec .service_template{
	padding-bottom: 30px !important;	
}
.service_process .heading_h2 h2::after {
  background: #fff;
}
.service_process .heading_h2 h2 p {
    font-size: 20px;
}
.service_process .process-wrap {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 40px;
  flex-wrap: wrap;
}
.service_process .process-wrap .process-item {
  width: calc(33% - 33px);
  box-shadow: 0px 0px 0px 10px #ffffff40;
  background: #ffffff;
  border-radius: 20px;
  padding: 50px;
  position: relative;
}
.service_process .process-wrap .process-item h3 {
  font-family: var(--lexend) !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1.3;
  margin-top: 30px;
  padding-right: 38px !important;
}
.service_process .process-wrap .process-item span.process-number {
  font-family: var(--lexend);
  font-weight: 700;
  font-size: 50px;
  line-height: 1.3;
  letter-spacing: 0%;
  color: #a71b2433;
  position: absolute;
  right: 20px;
  top: 13px;
}
.service_process .process-wrap .process-item::after {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/05/rigjht_arrow.png)
    no-repeat;
  background-position: center;
  background-size: contain;
}
.why_choose_service .heading_h2 h2::after {
  background: #a71b24;
}
.why_choose_service .why-choose-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.why_choose_service .why-choose-wrap .why-choose-item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.why_choose_service .why-choose-wrap .why-choose-item .why-choose-img {
  background: #a71b24;
  border: 1px solid #0f2544;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.why_choose_service .why-choose-wrap .why-choose-item h3 {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 2;
  margin: 0;
}
.why_choose_service .why_choose_service_img {
  margin-bottom: 70px;
}
.why_choose_service .why_choose_service_img .e-gallery-item {
  aspect-ratio: 0.73;
  height: 100%;
  border-radius: 10px;
}
.why_choose_service .why_choose_service_img .e-gallery-item:nth-child(2) {
  margin-top: 70px;
}
.why_choose_service .why_choose_service_img .e-gallery-item .e-gallery-image {
  height: 100%;
}
.inner_cta {
  z-index: 99;
}
.inner_cta::after {
  content: "";
  width: 60%;
  height: 100%;
  clip-path: polygon(0 0, 93% 0%, 74% 100%, 0% 100%);
  background: #951820;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.inner_cta::before {
  content: "";
  width: 60%;
  height: 100%;
  clip-path: polygon(24% 0%, 100% 0%, 100% 100%, 6% 100%);
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/05/outboard_cta_bg.png)
    no-repeat;
  background-position: right center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.inner_cta .elementor-container::after {
  content: "";
  width: 15%;
  height: calc(100% + 120px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #0f2544;
  clip-path: polygon(0 0, 100% 0%, 17% 100%, 0% 100%);
  z-index: -1;
}
.inner_cta .para_font {
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 100%;
}
body.page-id-639 .barnd_specialist .brand_box,body.page-id-860 .barnd_specialist .brand_box{
	display: none;
}
@media screen and (min-width: 1200px) {
  .main_header .header_menu nav ul#menu-1-bebb1bb {
    gap: 20px;
  }
  .main_header .header_menu nav ul li a {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 1800px) {
  .service_box_content_icon .elementor-icon-wrapper .elementor-icon svg {
    font-size: 80px !important;
  }
}
@media screen and (max-width: 1600px) {
  .faq_img {
    width: 46% !important;
  }
  .service_box_content_icon .elementor-icon-wrapper .elementor-icon svg {
    font-size: 70px !important;
  }
  .tob_bar_contact {
    margin-left: 14%;
  }
}
@media screen and (max-width: 1400px) {
  .top_bar .elementor-widget-wrap {
    gap: 80px;
  }
  .main_header .header_logo {
    max-width: 180px !important;
    width: 100% !important;
    margin-left: -5.7%;
  }
  .para_font p {
    font-size: 16px !important;
  }
  .heading_h2 h2 {
    /* font-size: 36px !important; */
    font-size: clamp(1.75rem, 1.5187rem + 1.1215vw, 2.5rem) !important;
  }
  .main_banner .banner_content_col .banner_heading h1 {
    /* font-size: 50px !important; */
    font-size: clamp(2rem, 1.653rem + 1.6822vw, 3.125rem) !important;
  }
  .tob_bar_contact ul li span.elementor-icon-list-text,
  .top_bar .announcement_text p {
    font-size: 14px !important;
  }
  .service_box_content_icon .elementor-icon-wrapper .elementor-icon svg {
    font-size: 55px !important;
  }
  .why_chooseus_points ul li span.elementor-icon-list-text {
    font-size: 15px !important;
  }
  .footer_bottom_sec .elementor-widget-icon-list span.elementor-icon-list-text {
    font-size: 16px !important;
  }
  .area_box .area_box_text span {
    font-size: 20px !important;
  }
  .blog_sec .blog_post article .elementor-post__text h3 a {
    font-size: 20px !important;
  }
	.common_issue_box {
    width: 90% !important;
}
	.common_issue_box .services-wrap{
		gap: 50px
	}
	.common_issue_box .services-wrap .service-item{
	    width: calc(25% - 45px) !important;
	}
	.service_process .process-wrap .process-item h3{
		font-size: 18px !important;
	}
	.service_process .process-wrap .process-item{
		padding: 20px;
	}
}

/* ================= Policies Pages ===================== */

.privacyContentSec .elementor-widget-text-editor h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  margin: 28px 0 12px;
}

.privacyContentSec .elementor-widget-text-editor h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
  margin: 22px 0 10px;
}

.privacyContentSec .elementor-widget-text-editor h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 18px 0 8px;
}

.privacyContentSec .elementor-widget-text-editor h6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin: 16px 0 6px;
}
.privacyContentSec .elementor-widget-text-editor ul{
  margin-top: 14px;
}
.privacyContentSec .elementor-widget-text-editor ul li{
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 1.4;
}
.privacyContentSec .elementor-widget-text-editor a{
  color: #a71b24;
}
/* =============== Faq Page ======================= */

.elementor-accordion .elementor-tab-content {
  display: block !important;
}

.elementor-accordion .elementor-tab-title {
  pointer-events: none; 
  cursor: default;
  position: relative;
  padding-left: 50px !important;
}

.elementor-accordion .elementor-tab-content ul {
  padding-left: 20px;
  margin-block: 10px;
}
.faqMainWrapper > .elementor-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 40px 40px;
}
.elementor-accordion .elementor-tab-title:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://staging.belltechwordpress.com/bayside-marine-repair-pbbt/wp-content/uploads/2026/05/chatFaq.png) no-repeat;
  background-size: 20px;
  background-position: center center;
  position: absolute;
  left: 16px;
  top: 20px;
}

.faqMainWrapper > .elementor-container > .faqWrapper {
  width: 100%;
}

/* 1,4,5,8,9,12... */
.faqMainWrapper > .elementor-container > .faqWrapper:nth-child(4n + 1) > .elementor-widget-wrap,
.faqMainWrapper > .elementor-container > .faqWrapper:nth-child(4n + 0) > .elementor-widget-wrap {
    background: #f2f2f2;
    padding: 40px;
}

/* 2,3,6,7,10,11... */
.faqMainWrapper > .elementor-container > .faqWrapper:nth-child(4n + 2) > .elementor-widget-wrap,
.faqMainWrapper > .elementor-container > .faqWrapper:nth-child(4n + 3) > .elementor-widget-wrap {
    background: #15294b08;
    padding: 40px;
}
/* ===================== Review Page Design ===================== */

.reviewBoxes .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 34px;
  padding-inline: 20px !important;
}

.reviewBoxes .elementor-testimonial-wrapper {
  background: #ffffff;
  padding: 34px 40px;
  border-radius: 18px;
  border: 1px solid #e9eef5;
  box-shadow: 0 12px 30px rgba(21, 41, 75, 0.08);
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

.reviewBoxes .elementor-testimonial-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #15294b, #a71b24);
}

.reviewBoxes .elementor-testimonial-wrapper::before {
  content: "“";
  font-size: 80px;
  color: #15294b12;
  position: absolute;
  top: 2px;
  left: 2px;
  font-family: serif;
}

.reviewBoxes .elementor-testimonial-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(21, 41, 75, 0.16);
  border-color: #dbe6f3;
}

.reviewBoxes .elementor-testimonial-content {
  color: #2d3748 !important;
  margin-bottom: 26px;
  font-family: var(--alata) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.7;
}


.reviewBoxes .elementor-testimonial-image img {
  width: 110px;
  margin: 0 auto 8px;
  display: block;
}

.reviewBoxes .elementor-testimonial-name {
  color: #15294b !important;
  text-align: center;
  letter-spacing: 0.3px;
  font-family: var(--lexend) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3;
}


.reviewBoxes .elementor-testimonial-meta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reviewBoxes .elementor-testimonial-meta-inner .elementor-testimonial-image {
  margin-bottom: 2px !important;
}
.reviewBoxes .elementor-widget-testimonial {
  margin: 0px !important;
}

.privacyContentSec {
    padding-inline: 15px;
}
/* =================== Responsive ======================= */
@media (min-width: 1400px){
	.main_header .header_logo {
		margin-top: -38px;
    }
	.top_bar .elementor-widget-wrap{
		padding-left: 142px !important;
	}
	
}
@media (max-width: 1400px){
   .service_sec .elementor-absolute.elementor-widget-image {
    	right: 0px !important;
   }
    .main_header .header_logo {
		margin-top: -3px;
    }

}
@media screen and (max-width: 1200px) and (min-width:1024px) {
  .main_header .header_menu nav ul#menu-1-bebb1bb {
      align-items: center;
      gap: 20px;
  }
  .main_header .header_menu nav ul li a {
      font-size: 15px !important;
  }
  .tob_bar_contact {
      margin-left: 0;
  }
  .top_bar .announcement_text {
      margin-right: 0;
  }
  .header_menu,.main_header .header_logo {
      margin-top: 0px !important
  }
  .footer_info_sec > .elementor-container {
    flex-wrap: wrap;
    gap: 30px 10px;
  }
  .footer_info_sec > .elementor-container > .elementor-column {
      width: calc(50% - 10px) !important;
  }
	.top_bar .elementor-widget-wrap{
		padding-left: 0px !important;
	}
}
@media screen and (max-width: 1200px) {
  section.elementor-section-full_width > .elementor-container {
    width: calc(100% - 5%);
  }
  .service_area_1 .area1_content .elementor-widget-wrap{
    padding-left: 20px !important;
  }
  .service_inner_sec,.blog_sec .blog_post{
    width: 100% !important;
  }
	.common_issue_box .services-wrap .service-item {
		width: calc(33% - 33px) !important;
	}
	.top_bar .elementor-widget-wrap{
		padding-left: 0px !important;
	}
	.main_header .header_logo {
        margin-left: -22px;
		margin-top: -3px;
    }

}
@media (min-width: 1200px){
	 .main_header .header_logo {
        margin-left: -5.5%;
    }
}
@media (min-width: 992px){
	.top_bar .elementor-widget-wrap{
		display: grid !important;
		grid-template-columns: 1.2fr 1fr 1fr;	
	}
	.top_bar .elementor-widget-wrap > div {
		width: 100% !important;
	}
}
@media screen and (max-width: 1024px) {
  .top_bar.elementor-section-full_width > .elementor-container,.headerMobile.elementor-section-full_width > .elementor-container  {
    width: calc(100% - 14px);
  }
  .tob_bar_contact {
      margin: 0px;
  }
  .top_bar .announcement_text {
      margin: 0;
  }
  .homeIconHeader img {
    display: none;
  }
  .web_btn.header_schedulebtn {
      display: none !important;
  }
  .mega_menus ul li img {
      display: none;
  }
  .headerMobile  > .elementor-container {
    display: grid !important;
    grid-template-columns: 180px 1fr;
  }
  .headerMobile  > .elementor-container > .elementor-column{
    width: 100% !important;
  }
  .headerMobile .highlighted .sub-arrow,.headerMobile .elementor-item:hover .sub-arrow {
    fill: #fff;
  }

  .headerMobile .current_page_item .elementor-item-active .sub-arrow {
      fill: #fff;
  }
  .main_banner {
    margin: 0px !important;
	padding-block: 10px !important;
	background: #1a507c !important;
	background-image: none !important;
  }
  .main_banner video{
	  display: none !important;
   }
  .main_banner .banner_content_col {
    width: 100% !important;
  }

  .main_banner .banner_content_col * {
      text-align: center;
      justify-content: center;
  }

  .main_banner .banner_content_col > .elementor-widget-wrap {
/*       width: calc(100% - 10%); */
      margin: auto;
/*       padding: 20px 30px !important;
      border-radius: 10px;
      background: rgba(14, 38, 68, 0.6);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(4.7px);
      -webkit-backdrop-filter: blur(4.7px);
      border: 1px solid rgba(14, 38, 68, 0.3); */
	   width: 100%;
	  padding: 20px 0 !important;
	  }
	  .about_sec .about_img {
		display: none !important;
	 }
	 .about_sec .about_left_col .elementor-widget-wrap{
		aspect-ratio: 1;
	 }

	 .about_sec .about_experience_text .elementor-image-box-content {
		justify-content: left;
		padding: 20px;
		width: fit-content;
		margin-left: 12px;
		margin-top: -18px;
		background: rgba(14, 38, 68, 0.6);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(4.7px);
		-webkit-backdrop-filter: blur(4.7px);
		border: 1px solid rgba(14, 38, 68, 0.3);
	  }
	  .why_choose_sec  .elementor-background-overlay {
		background: linear-gradient(123.11deg, #0E2644 42.58%, #2579B3 146.37%)  !important;
	  } 
	  .about_sec > .elementor-container {
		flex-direction: column;
	  }

	  .about_sec > .elementor-container > div,.service_inner_sec {
		  width: 100% !important;
	  }
	  .about_sec .about_right_col .elementor-widget-wrap {
		  padding: 30px 14px !important;
		  border-radius: 10px;
	  }

	  .service_inner_sec .service_box {
		  width: calc(50% - 20px) !important;
	  }

	  .why_choose_sec > .elementor-container > div {
		  width: 100%;
	  }
	  .faq_sec::after {
		  width: 100%;
	  }
	  .faq_sec .elementor-column .elementor-widget-wrap {
		  padding: 30px 0px !important;
	  }

	  .faq_sec > .elementor-container > div {
		  width: 100%;
	  }
	  .blog_sec .blog_post{
		  width: 100% !important;
	  }
	  .srvice_area_sec .elementor-container .elementor-column {
		  width: 100% !important;
	  }
	  .srvice_area_sec  .area1_content .elementor-widget-wrap {
		  padding: 30px 14px!important;
	  }
	  .service_area_inner .area_box .elementor-widget-wrap::after {
		  background: linear-gradient(180deg, #0f254499 0%, #0f254499 100%);
		  transition: ease-in 300ms all;
	  }
	  .service_area_inner .area_box::after {
		  opacity: 1;
	  }
	  .service_area_inner .area_box .area_box_text {
		  top: 50%;
		  transition: ease-in 300ms all;
	  }
	  .area_box .area_box_text span {
		  font-size: 32px !important;
	  }
	  .area_box .area_box_img,.area2_box .area_box_img {
		  aspect-ratio: 2;
	  }
	  .blog_sec .blog_post{
		  width: 100% !important;
	  }
	  .contact_sec >  .elementor-container {
		flex-direction: column;
	  }

	  .contact_sec > .elementor-container .elementor-column {
		  width: 100% !important;
	  }
	  .contact_form_col > .elementor-widget-wrap,.contact_detail_col  > .elementor-widget-wrap{
		padding: 40px 15px !important;
		border-radius: 10px !important;
		margin-top: 20px;
	  }
  
	.inner_banner {
		margin: 0px !important;
		padding: 100px 14px !important;
	}
	.faqMainWrapper > .elementor-container{
		grid-template-columns: 1fr;
	}
	.headerMobile > .elementor-container > .elementor-column .elementor-item-active .sub-arrow svg {
		fill: #fff;
	}
	/* ================= About Service ================= */

	.about_service .elementor-container {
		flex-wrap: wrap;
	}

	.about_service .elementor-container > div {
		width: 100% !important;
	}

	.common_issue_box {
		width: 100% !important;
		margin-block: 50px !important;
	}

	.common_issue_box .services-wrap {
		gap: 30px;
	}

	.common_issue_box .services-wrap .service-item {
		width: calc(50% - 26px) !important;
	}

	.service_location > .elementor-container {
		flex-wrap: wrap;
		gap: 40px;
	}

	.service_location > .elementor-container > div {
		width: 100%;
	}

	.service_location_img_col .service_location_img {
		position: unset !important;
		padding: 0 !important;
		aspect-ratio: 1.5;
	}

	.service_process .process-wrap {
		gap: 40px;
	}

	.service_process .process-wrap .process-item {
		width: calc(33% - 30px);
	}


	.why_choose_service .elementor-container {
		flex-wrap: wrap;
		gap: 40px;
	}

	.why_choose_service .elementor-container .elementor-column {
		width: 100%;
	}

	.why_choose_service .why_choose_service_img {
		margin: 0;
	}

	.why_choose_service .why_choose_service_img .e-gallery-item:nth-child(2) {
		margin: 0;
	}
	.why_choose_service .elementor-container > .elementor-column {
		width: 100% !important;
	}
	.problem_description {
		width: 100% !important;
	}
	.service_process  .brand_box {
		padding-inline: 10px;
	}
	 /*  =======================*/
	.about_service_img {
		transition: none !important;
	}
	.about_service_img .elementor-gallery__container{
		aspect-ratio: unset !important;
		margin: 0 !important;
		padding: 0 !important;

	}
	.about_service_img::after{
		display: none !important;
	}
	.about_service_img .e-gallery-item:nth-child(1) {
		display: none !important;
	}
	.about_service_img .e-gallery-item:nth-child(2) .e-gallery-image {
		height: 100% !important;
		width: 100% !important;
		padding: 0px !important;
		transition: none !important;
		background-position: center center !important;
	}
	.about_service_img .e-gallery-item:nth-child(2) {
		position: relative !important;
		height: 380px !important;
        margin: 0px;
        padding: 10px !important;
        background: #a71b24;
        border-radius: 10px;
        aspect-ratio: unset !important;
		transition: none !important;	
	} 
	.why_choose_service .why-choose-wrap .why-choose-item h3{
		font-size: 18px !important;
	}
	.service_process .brand_box {
        margin-top: 40px !important;
    }
	.why_choose_service .why_choose_service_img .elementor-gallery__container {
		padding: 0px !important;
		height: 300px;
		gap: 20px !important;
	}
	.why_choose_service .why_choose_service_img .e-gallery-item:nth-child(2) {
		display: none !important;
	}
	.why_choose_service .why_choose_service_img .e-gallery-item{
		width: 100% !important;
	}
	

}

@media screen and (max-width: 767px) {
  .tob_bar_contact,
  .top_bar .announcement_text{
      margin: 0px;
  }

  .top_bar .elementor-widget-wrap {
      display: grid !important;
      grid-template-columns: 1fr;
      gap: 10px;
  }

  .top_bar .elementor-widget-wrap .announcement_text {
      grid-column: 1/-1;
      order: -1;
      border-bottom: 1px solid #e9e9e9;
      padding-bottom: 5px;
  }
  .footer_google_review .elementor-image-box-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: fit-content;
  }

  .footer_bottom_sec {
      width: 100% !important;
  }
  .footer_bottom_link_col .elementor-icon-list-items,.footer_location_col .elementor-icon-list-items{
    gap: 10px;
  }
  .copyrightCol .elementor-widget-wrap {
    justify-content: center !important;
  }
   /* ============================= */
   .about_sec .sec_side_text{
    display: none;
  }
   .about_sec .about_right_col .elementor-widget-wrap {
      padding: 30px 14px !important;
      border-radius: 10px;
    }
    .service_inner_sec {
      width: 100% !important;
    }
    .service_inner_sec .service_box {
        width: 100% !important;
    }
    .service_box .service_box_content {
        top: 50%;
    }
    .service_box .service_box_content p{
      opacity: 1;
    }
    .service_inner_sec .service_box .elementor-widget-image a::before {
        opacity: 1;
        display: none;
    }
    .service_inner_sec .service_box .elementor-widget-image a::after {
        background: linear-gradient(180deg, rgba(15, 37, 68, 0.5) 17.48%, #0f2544 100%);
    }
    .service_inner_sec .service_box .elementor-widget-image {
      aspect-ratio: 1.2;
    }
   
    .reviewBoxes .elementor-widget-wrap {
      grid-template-columns: 1fr 1fr;
      gap: 22px;
      padding-inline: 20px !important;
    }

    .reviewBoxes .elementor-testimonial-wrapper {
        padding: 26px 22px;
    }
    .home_cta {
      background: linear-gradient(302.86deg, #a71b24 40.9%, #0f2544 110.22%) !important;
     }
     .contact_sec::before {
      display: none;
    }
    .contact_sec::after {
        width: 100% 
    }
    .area_box .area_box_text span {
      font-size: 24px !important;
    }
	.service_process .process-wrap .process-item {
		width: calc(50% - 30px);
	}
    .common_issue_box .services-wrap .service-item {
		width: 100% !important;
	}

  

}
@media screen and (max-width: 576px) {
  .reviewBoxes .elementor-widget-wrap {
    grid-template-columns: 1fr;
  }
  .faq_img {
    margin-left: 14px !important;
  }
  .service_process .process-wrap .process-item {
     width: calc(100%);
   }
 
}
@media screen and (max-width: 480px) {
  
  .tob_bar_contact ul li span.elementor-icon-list-text, .top_bar .announcement_text p {
      font-size: 12px !important;
  }

  .top_bar .elementor-social-icon {
      font-size: 12px !important;
      height: 18px;
      width: 18px;
  }

  .top_bar > .elementor-container {
      width: 100% !important;
      padding-inline: 10px;
  }

  .headerMobile  > .elementor-container {
      display: grid !important;
      grid-template-columns: 120px 1fr;
      width: calc(100% - 10px) !important;
  }

  .headerMobile > .elementor-container img {
      max-width: 100% !important;
  }

  .headerMobile .web_btn a span.elementor-button-text {
      font-size: 14px;
  }

  .headerMobile .web_btn a::after {
      display: none;
  }

  .headerMobile .web_btn a {
      padding-inline: 14px !important;
  }
	.headerMobile .web_btn a:hover span.elementor-button-text{
		left: 0px !important;
	}
	.barnd_specialist .para_font ul li{
		font-size: 17px;
	}

}