html {
  scroll-behavior: smooth;
}
body::-webkit-scrollbar {
  width: 5px;
  z-index: 1000;
  height: 5px;
  border-radius: 14px;
}

body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-radius: 100px;
  background-color: #bfd1e2;
}

body::-webkit-scrollbar-track {
  background: transparent;
}

.slider_area .single_slider .slider_text h3 {
  font-size: 40px;
  font-weight: 800;
  margin: 0px;
  text-shadow: 1px 1px 2px rgb(24, 24, 24), 0 0 1em rgb(0, 0, 0),
    0 0 0.2em rgb(24, 24, 24);
}
.slider_area .single_slider .slider_text p {
  font-size: 18px;
  text-shadow: 1px 1px 2px rgb(24, 24, 24), 0 0 1em rgb(0, 0, 0),
    0 0 0.2em rgb(24, 24, 24);
}
.slider_area {
}
.slider_area::before {
  background: linear-gradient(
    180deg,
    rgba(0, 29, 56, 0.774) 0%,
    rgb(24, 24, 24) 100%
  );
  opacity: 0.92;
}
.logo img {
  max-width: 95px;
}
.banner_logo img {
  max-width: 150px;
}
.header-area .header-top_area {
  padding: 5px 0;
}
.transportaion_area .single_transport {
  padding-right: 5px;
}
.boxed-btn3-line,
.boxed-btn3,
.boxed-btn {
  padding: 8px 24px;
  border-radius: var(--radius_1);
}
.service_area .single_service .thumb {
  border-radius: var(--radius_1);
}
.transportaion_area .single_transport .icon img,
.testimonial_area
  .single_testmonial
  .testmonial_author
  .thumb
  .testmonial_image_ui {
  --radius_full: 50px;
  width: var(--radius_full);
  height: var(--radius_full);
}
.testimonial_area
  .single_testmonial
  .testmonial_author
  .thumb
  .testmonial_image_ui {
  border-radius: var(--radius_full);
  object-fit: cover;
}
.header-area .main-header-area .main-menu ul li .submenu {
  /* border: 1px solid #cacaca; */
  /* border-radius: var(--radius_1); */
  transition: 0.3s;
  width: 220px;
  max-width: 220px;
}
.contact_action_area .action_heading h3 {
  font-size: 40px;
  font-weight: 600;
}
.Estimate_area .form .boxed-btn3-line {
  height: 50px;
}

.counter_area {
  padding: 15px 0;
}
.accordion_area .faq_ask #accordion .card {
  margin-bottom: 10px;
}
.service_details_area .service_details_left h3 {
  margin-bottom: 20px;
}
.contact_location,
.service_area,
.transportaion_area,
.service_details_area {
  padding: 50px 0;
}
.contact_location .location_left .logo {
  margin-bottom: 20px;
}
.footer .footer_top .footer_widget .footer_title {
  margin-bottom: 15px;
  text-decoration: underline;
}
.footer .footer_top {
  padding-top: 40px;
  padding-bottom: 42px;
}

.bradcam_area.bradcam_area2 {
  padding: 120px 0;
}
.bradcam_bg_2.overlay:before {
  background: #252423;
  opacity: 0.6;
}
.service_details_left {
  position: sticky;
  top: 80px;
}
.bradcam_area h3 {
  font-size: 40px;
  font-weight: 600;
}
.service_area .single_service .service_info h3 a {
  font-size: 18px;
  font-weight: 600;
}
.service_details_area .service_details_info h3 {
  font-size: 24px;
  font-weight: 600;
}
.generic-blockquote {
  border-radius: 0 var(--radius_1) var(--radius_1) 0;
  border-left: 3px solid var(--primary);
}
.generic-blockquote p {
  margin: 0;
}
.generic-blockquote-first {
  border-color: rgb(51, 167, 51);
}
.contact_action_area .call_add_action .boxed-btn3,
.Estimate_area .Estimate_info .boxed-btn3 {
  border-radius: var(--radius_1);
}
.slicknav_btn {
  top: -45px;
}
.slicknav_menu .slicknav_nav {
  width: 100%;
}
#getfreequote {
  scroll-margin-top: 110px;
}
#why_choose_us_section {
  scroll-margin-top: 180px;
}

.header-area .main-header-area .main-menu ul li:hover > .submenu {
  overflow: hidden;
}
.header-area .main-header-area .main-menu ul li:hover > .submenu li {
  margin: 0 0 0 0;
}
.header-area .main-header-area .main-menu ul li:hover > .submenu li a {
  color: #596672;
}

.header-area .main-header-area .main-menu ul li:hover > .submenu li:hover {
  background-color: var(--primary);
}
.header-area .main-header-area .main-menu ul li:hover > .submenu li:hover a {
  color: #fff;
  transition: none;
}
#passion_is_where,
#Vision,
#Mission {
  scroll-margin-top: 120px;
}
.why_choose_us #accordion .card {
  margin-bottom: 15px;
}
.why_choose_us #accordion h5 button.btn.btn-link.collapsed:after,
.why_choose_us #accordion h5 button.btn.btn-link:after {
  left: initial !important;
}

/**--------------------------------------------
 *               nested submenu css
 *---------------------------------------------**/
.header-area .main-header-area .main-menu ul li:hover > .submenu {
  overflow: visible;
}
.header-area .main-header-area .main-menu ul li .submenu.nested_submenu {
  left: 100.2%;
  top: 25%;
}

.header-area .main-header-area .main-menu ul li .submenu.nested_submenu li a {
  color: #596672 !important;
  transition: none;
}
.header-area
  .main-header-area
  .main-menu
  ul
  li
  .submenu.nested_submenu
  li:hover
  a {
  color: #fff !important;
}