/*
Theme Name: Zerin
Theme URI: #
Author: Saiful Islam
Author URI:saifulislamrazib57@gmail.com
Description: Easy, Fast & Creative Blog, Bootstrap v5.1.3 (https://getbootstrap.com/)
Tags: left-sidebar, right-sidebar, post-formats, theme-options, translation-ready
*/


html {
  overflow-x: hidden;
}

* {
  font-family: "Inter", sans-serif;
}

body {
  font-size: 14px;
  overflow-x: hidden;

  background-color: #F1F1F1;
}

p {
  font-size: 15px;
  line-height: 2;
  font-family: "Inter-Light";
}


h1 {
  font-size: 40px;
}

h2 {
  font-size: 35px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;

}

p {
  margin: 0;
  padding: 0;

}



a {
  text-decoration: none;

}

a:hover {
  color: #86bc42
}

ul {
  list-style-type: none;
  padding: 0;
  font-family: "Inter";
}

.btn:focus {
  border: unset;
}

.custom_container {
  padding: 0% 5%;
}


@font-face {
  font-family: "Base Neue";
  src: url(./include/fonts/BaseNeue-ExtraBold.woff);
}

@font-face {
  font-family: "Bega";
  src: url(./include/fonts/Bega-Light.woff);
}

@font-face {
  font-family: "Bega-EXTRALIGHT";
  src: url(./include/fonts/BEGA-EXTRALIGHT.woff);
}

@font-face {
  font-family: "Inter", sans-serif;
  src: url(./include/fonts/Inter-Regular.woff);
}

@font-face {
  font-family: "Inter-Light";
  src: url(./include/fonts/Inter-Light.woff);
}

@font-face {
  font-family: "CGS";
  src: url(./include/fonts/Copperplate-Gothic-Std-29-AB.woff);
}

@font-face {
  font-family: "CGS-ab30";
  src: url(./include/fonts/Copperplate-Gothic-Std-30-AB.woff);
}

@font-face {
  font-family: "CGS-ab31";
  src: url(./include/fonts/Copperplate-Gothic-Std-31-AB.woff);
}

@font-face {
  font-family: "CGS30";
  src: url(./include/fonts/Copperplate-Gothic-Std-30-BC.woff);
}

@font-face {
  font-family: "CGS31";
  src: url(./include/fonts/Copperplate-Gothic-Std-31-BC.woff);
}

@font-face {
  font-family: "CGS32";
  src: url(./include/fonts/Copperplate-Gothic-Std-32-BC.woff);
}

@font-face {
  font-family: "CGS33";
  src: url(./include/fonts/Copperplate-Gothic-Std-33-BC.woff);
}

@font-face {
  font-family: "Roboto", sans-serif;
  src: url(./include/fonts/Roboto.woff);
}


/* =========================
   Top Header
========================= */
.top_header {
  background-color: #0089cf;
  padding: 10px 0;
  position: relative;
}

.top_header p {
  color: #fff;
  margin: 0;
}

/* Green background with left slant only */
.top_header_contentbg_green {
  position: relative;
  width: 100%;
  width: 600px;
  background-color: #79b343;
  clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
  padding: 12px 20px;
}

/* Keep text straight */
.top_header_unskew {
  text-align: center;
}

.header_left_position {
  position: absolute;
  right: 0;
  bottom: -27px;
}


/* =========================
   Logo Area
========================= */
.Logo_part {
  padding: 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_logo img {
  width: 80px;
}

/* =========================
   Main Menu
========================= */
.PC_Menu {
  position: relative;
  z-index: 999;
  background-color: #0089cf;
  margin-bottom: -33px;
  padding: 0;
}

.PC_Menu .header_menu .navbar-nav li a {
  padding: 17px 30px;
  color: #e6e6e6;
  text-align: center;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 16px;
  position: relative;
}

/* Menu Divider */
.PC_Menu .header_menu .navbar-nav li a:after {
  position: absolute;
  content: '';
  right: 0px;
  top: 50%;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  background-color: rgba(68, 68, 68, 0.30);
}

/* Menu Bottom Border */
.PC_Menu .header_menu .navbar-nav li a:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 3px;
  opacity: 0;
  background-color: #79b343;
  transition: all 500ms ease;
}

/* Hover Effect */
.PC_Menu .header_menu .navbar-nav li:hover a:before {
  opacity: 1;
}

/* Active Menu Item */
.PC_Menu .header_menu .navbar-nav li.current-menu-item>a {
  color: #ffffff;
}

.PC_Menu .header_menu .navbar-nav li.current-menu-item>a:before {
  opacity: 1;
}
.main_logo {
  width: 40px;
}
/* =========================
   Header Contact
========================= */
.header_contact {
  display: flex;
  align-items: center;
}

.header_contact .list-style-one {
  display: flex;
  gap: 40px;
  margin-bottom: 0px;
}

.header_contact .list-style-one li {
  font-weight: 600;
  color: #1f2a30;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0px;
  padding-top: 0;
}

.header_contact .list-style-one li:before {
  height: 48px;
  width: 48px;
  border-color: #1f2a30;
}

.header_contact .list-style-one li p {
  font-weight: 400;
  color: #777777;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
}

.list-style-one li.houseBlack::before {
  background: url(./include/images/icon/houseBlack.svg) no-repeat center center;
}

.list-style-one li.mailBlack::before {
  background: url(./include/images/icon/mailBlack.svg) no-repeat center center;
}

.list-style-one li.clockBlack::before {
  background: url(./include/images/icon/clockBlack.svg) no-repeat center center;
}

.end_contuct {
  position: relative;
  display: inline-block;
  padding: 20px 90px 19px 28px;
  background-color: #79b343;
  overflow: hidden;
  transition-duration: .5s;
  z-index: 1;
}

.end_contuct:hover {
  background-color: #222222;
}

.end_contuct a {
  color: #222222;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  z-index: 2;
  text-decoration: none;
}

.end_contuct:hover a {
  color: #ffffff;
}

/* Tilted right side */
.end_contuct::after {
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  width: 80px;
  height: 100%;
  background-color: #0089cf;
  transform: skewX(-20deg);
  z-index: 0;
  transition: .5s;
}

/* Arrow inside tilted area */
.end_contuct::before {
  content: "➜";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 18px;
  color: #79b343;
  z-index: 2;
  transition: .3s;
}

/* =========================
   Mobile Menu Base
========================= */

.Mobile_Menu {
  display: none;
  position: relative;
  background-color: #0089cf;

  z-index: 9999;
}

.Mobile_Menu .navbar-toggler {
  border: none;
  background: none;
}

/* Hamburger icon */
.Mobile_Menu .navbar-toggler-icon {
  background-image: none;
  width: 26px;
  height: 2px;
  background: #ffffff;
  position: relative;
  display: block;
}

.Mobile_Menu .navbar-toggler-icon::before,
.Mobile_Menu .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 2px;
  background: #ffffff;
  right: 0;
}

.Mobile_Menu .navbar-toggler-icon::before {
  top: -8px;
}

.Mobile_Menu .navbar-toggler-icon::after {
  top: 8px;
}

/* Menu container */
.Mobile_Menu_inner {
  position: absolute;
  top: 80px;
  ;
  left: 0;
  width: 100%;
  background-color: #0089cf;
}

/* Menu list */
.Mobile_Menu .navbar-nav li a {
  padding: 14px 20px;
  color: #ffffff;
  font-size: 16px;
}

/* Quotation button */
.Mobile_Menu .end_contuct {
  margin: 15px;
  width: 90%;
}

/* =========================
   Defult Single Page
========================= */
  .page_bannertext.single_page{
    padding: 30px 0px;
  }

  .single_page h3{
    margin-bottom: 15px;
  }
  .single_page img{
    margin-bottom: 15px;
  }

/* 
================================
Home Page 
==================================
*/

.sliderImg {
  height: 40rem;
  object-fit: cover;
  position: relative;
}

.sliderImg::before {
  content: '';
  background-color: black;
  width: 100%;
  height: 40rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1111;
}

.slider-img{
  width: 100%;
  height: 700px;
  object-fit: cover;
  background-position: top center;
}

/* #carouselExampleIndicators .carousel-item {
  height: 800px;
} */

#carouselExampleIndicators .carousel-captions {
  position: absolute;
  top: 50%;
  left:15%;
  transform: translateY(-50%);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
  z-index: 2;
  max-width: 750px;
}

#carouselExampleIndicators .last_items .carousel-captions {
  position: absolute;
  top: 50%;
  left:50%;
}

#carouselExampleIndicators .carousel-captions h1 {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 60px;
}

#carouselExampleIndicators .carousel-captions p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 40px;
}

#carouselExampleIndicators .carousel-buttons {
  display: flex;
  gap: 12px;
}

#carouselExampleIndicators .outlate_button {
  width: 180px;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  line-height: 48px;
  text-align: center;
  padding: 0px 25px;
  border: 2px solid #fff;
  background: rgba(251, 185, 8, 0);
}

#carouselExampleIndicators .outlate_button:hover {
  color: #fff;
}

#carouselExampleIndicators .green_button {
  width: 180px;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  line-height: 48px;
  text-align: center;
  padding: 0px 25px;
  border: 2px solid #79b343;
  background: #79b343;
}

#carouselExampleIndicators .green_button:hover {
  color: #fff;
}

#carouselExampleIndicators .Engineering_slider_position {
  display: flex;
  justify-content: end;
}

#carouselExampleIndicators .Engineering_slider_position .carousel-captions .carousel-buttons {
  justify-content: start;
}

#carouselExampleIndicators .carousel-control-prev-icon,
#carouselExampleIndicators .carousel-control-next-icon {
  width: 40px;
  height: 40px;
  padding: 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  background: #999999;
  background: -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%);
  background: -webkit-linear-gradient(top, #999999 0%, #e1e1e1 100%);
  background: -o-linear-gradient(top, #999999 0%, #e1e1e1 100%);
  background: -ms-linear-gradient(top, #999999 0%, #e1e1e1 100%);
  background: linear-gradient(to bottom, #999999 0%, #e1e1e1 100%);
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#999999', endcolorstr='#e1e1e1', gradienttype=0);
  border: 3px solid #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: content-box;
  display: none;
}



/* secound section  */

.secend_section_img {
  width: 100%;
  height: 40rem;
  object-fit: cover;
}

.fluid-section-one {
  background-color: white;
}

.fluid-section-one .content-column .inner-box {
  position: relative;
  /* max-width: 650px; */
  padding: 50px 10px 10px 70px;
  ;

}

.sec-title .title {

  font-family: 'Arimo', sans-serif;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 7px;
}

.sec-title h2 {
  position: relative;
  color: #404040;
  font-size: 32px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.4em;
  padding-bottom: 20px;
}

.sec-title h2:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 60px;
  height: 3px;
  background-color: #c5c5c5;
}

.theme_color {
  color: #79b343;
}

.fluid-section-one .content-column .inner-box .sec-title {
  margin-bottom: 30px;
}

.fluid-section-one .content-column .inner-box .text {

  margin-bottom: 50px;
  font-size: 15px;
  line-height: 1.9em;
  color: #333;
}

.list-style-one li {
  position: relative;
  color: #222222;
  font-size: 14px;
  font-weight: 700;
  padding-left: 60px;
  /* space for icon */
  padding-top: 14px;
  display: inline-block;
  min-height: 50px;
  margin-bottom: 40px;
}

.list-style-one li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 1px dashed #79b343;
  background-size: 24px 24px;

}

.list-style-one li.diamond::before {
  background: url(./include/images/icon/diamond.svg) no-repeat center center;
}

.list-style-one li.victory::before {
  background: url(./include/images/icon/victory.svg) no-repeat center center;
}

.list-style-one li.suitcase::before {
  background: url(./include/images/icon/suitcase.svg) no-repeat center center;
}

.list-style-one li.bank::before {
  background: url(./include/images/icon/bank.svg) no-repeat center center;
}

.read-me {
  display: flex;
  justify-content: center
}

.read-me button {
  border: 1px dashed #79b343;
  background-color: transparent;
  padding: 10px 40px;
  color: black;
  font-size: 16px;
  font-weight: 600;
  transition-duration: .2s;
  text-align: center;
}

.read-me button:hover {
  border: 1px solid #79b343;
  background-color: #79b343;
  color: #ffffff;
}

/* secound section  */
.searvice_section_full {
  position: relative;
  padding: 110px 0px 110px;
}

.searvice_sec-title {
  margin-bottom: 60px;
}

.servuce_full_content {
  padding: 30px 0px;
}

.servuce_full_content p {
  color: #222;
  font-size: 15px;
  line-height: 1.9em;
}

.service_card {
  border-bottom: 2px solid #ededed;
  transition-duration: .3s;
}

.service_card  .card_img{
  width: 100%;
  height: 15rem;
}

.service_card:hover {
  border-color: #222222;
}

.service_card_content {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}

.service_card_content svg {
  color: #bbbbbb;
  transition-duration: .3s;
  height: 50px;
  width: 50px;
  padding: 10px;
  border: 1px dashed #bbbbbb;
}

.service_card:hover .service_card_content svg {
  color: #79b343;
  border: 1px dashed #79b343;
}

.service_card h4 {
  color: #1f2a30;
  font-size: 18px;
  font-weight: 500;
  padding-top: 10px;
  transition-duration: .3s;
}

.service_card:hover .service_card_content h4 {
  color: #79b343;
}

#customers-testimonials10 .owl-prev,
#customers-testimonials10 .owl-next {
  position: absolute;
  top: -100px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 1px solid #777777;
  display: flex;
  align-items: center;
  justify-content: center;
  color: gray;
  transition-duration: .3s;
}

#customers-testimonials10 .owl-prev:hover,
#customers-testimonials10 .owl-next:hover {
  border: 1px solid #79b343;
  color: white;
  background-color: #79b343;
}

#customers-testimonials10 .owl-prev {
  right: 50px;
}

#customers-testimonials10 .owl-next {
  right: 0px;
}


/* project section  */
.project_section {
  background-color: white;
  padding: 110px 0px 80px;
}

.project_button_section {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.project_sec_title {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  text-align: center;
}

.project_sec_title .sec-title h2:after {
  left: 50%;
  transform: translateX(-50%);
}

.project_button_section button {
  border: 1px solid #cccccc;
  background-color: transparent;
  padding: 10px 40px;
  color: #cccccc;
  transform: skewX(-20deg);
  transition: .3s;
}

.project_button_section button span {
  display: inline-block;
  color: #666666;
  transform: skewX(20deg);
}

.project_button_section button:hover span,
.project_button_section button.active span {
  color: #222222;
}

.project_button_section button.active,
.project_button_section button:hover {
  border-color: #79b343;
  background-color: #79b343;
  color: #222222;
}

/* =========================
   TAB IMAGE CARD
========================= */

.tab_image_section {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.tab_image_section img{
	width:100%;
    height: 17rem;
	    background-size: cover;
}

/* =========================
   OVERLAY
========================= */

.tab_image_section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #0089cfcc;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  z-index: 1;
}

.tab_image_section:hover::before {
  opacity: 1;
  visibility: visible;
}

/* =========================
   COMMON ICON STYLES
========================= */

.tab_image_link,
.tab_gallery {
  position: absolute;
  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: transparent;

  opacity: 0;
  cursor: pointer;

  transition: all 0.5s ease;
  z-index: 2;
}

/* Positions */
.tab_image_link {
  top: 30px;
  right: 80px;
}

.tab_gallery {
  top: 30px;
  right: 30px;
}

/* Hover state */
.tab_image_link:hover,
.tab_gallery:hover {
  background-color: #79b343;
  border-color: #79b343;
  color: #ffffff;
}

/* =========================
   CARD TITLE
========================= */

.tab_card_title {
  position: absolute;
  bottom: 30px;
  left: 30px;
  opacity: 0;
  z-index: 2;
  transition: all 0.5s ease;
}

.tab_card_title h1 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.tab_card_title h3 {
  color: #79b343;
  font-size: 14px;
  font-weight: 500;
}

/* =========================
   HOVER REVEAL
========================= */

.tab_image_section:hover .tab_image_link,
.tab_image_section:hover .tab_gallery,
.tab_image_section:hover .tab_card_title {
  opacity: 1;
}

.show_all_btn_table {
  display: flex;
  justify-content: center;
}

.show_all_btn {
  margin: 10px;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.show_all_btn {
  border: 2px solid #79b343;
  background-color: transparent;
  padding: 10px 40px;
  color: #79b343;
  font-size: 16px;
  font-weight: 600;
  transition-duration: .2s;
  text-align: center;
}

.show_all_btn:hover {
  border: 2px solid #79b343;
  background-color: #79b343;
  color: white;
}

/* BRAND SLIDER */

.brand_slider {
  padding: 40px 0px 40px;
}



/* map and contuct section */
.map_and_contuct {
  position: relative;
}

.map_and_contuct iframe {
  width: 100%;
  height: 550px;
}

.contuct_sec {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
  background-color: white;
  max-width: 1200px;
  width: 100%;
  padding: 40px;
  z-index: 20;
}

.contuct_left_section {
  border-right: 2px solid #dddddd;
}

.contuct_left_section .list-style-one li {
  display: flex;
  flex-direction: column;
  line-height: normal;
  font-weight: 600;
  color: #1f2a30;
  font-size: 15px;
}

.contuct_left_section .list-style-one li p {
  font-weight: 400;
  color: #1f2a30;
  font-size: 14px;
  line-height: 1.5;
}

.contuct_right_section {
  padding-left: 60px;
}

.contuct_right_section h1 {
  color: #0089cf;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4em;
  margin-top: -5px;
  margin-bottom: 30px;
}

 .form-control {
  display: block;
  width: 100%;
  line-height: 40px;
  padding: 20px;

  height: 48px;
  color: #222222;
  font-size: 14px;
  border: 1px solid #bbbbbb;
  background-color: transparent;
  transition: all 0.3s ease;
}

.contact-form input[type="file"] {
  padding: 14px 16px;
  line-height: normal;
  background-color: transparent;
}

.form-control2 {
  padding: 20px;
  height: 250px;
	width: 100%;
	border: 1px solid #bbbbbb;
  background-color: transparent;
}

.form-control input:focus,
.form-control2 textarea:focus {
  border-color: #79b343;
  outline: none;
}

.contuct_btn {
  border: none;
  background-color: #79b343;
  padding: 11px 23px 11px;
  color: #222222;
  font-size: 16px;
  font-weight: 500;
  transition-duration: .2s;
  text-align: center;
}

.contuct_btn:hover {
  background: #333333;
  color: #ffffff;
  border-color: #333333;
}

.list-style-one li.house::before {
  background: url(./include/images/icon/housesvg.svg) no-repeat center center;
}

.list-style-one li.mail::before {
  background: url(./include/images/icon/mail.svg) no-repeat center center;
}

.list-style-one li.call::before {
  background: url(./include/images/icon/call.svg) no-repeat center center;
}

.list-style-one li.clock::before {
  background: url(./include/images/icon/clock.svg) no-repeat center center;
}

/* about_us page  */
.about_section1 {
  background-color: white;
  padding: 110px 0px 110px;
}

.about_sectionimg {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.about_sectionimg img {
  position: relative;
  width: 90%;
  box-shadow: 0px 0px 5px 0px #00000059;
  z-index: 3;
}
/* 
.about_sectionimg:before {
  position: absolute;
  content: '';
  left: 0px;
  top: -30px;
  width: 80%;
  height: 65%;
  border: 2px solid #cccccc;
  z-index: 1;
}

.about_sectionimg:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: -30px;
  width: 80%;
  height: 65%;
  z-index: 1;
  border: 2px solid #79b343;
} */

.about_section1st_text p {
  color: #222;
  font-size: 14px;
  line-height: 1.9em;
  margin-bottom: 10px;
  font-weight: 500;

}

.about_section1st_text h4 {
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter-Light";
  margin-bottom: 10px;
  opacity: 0.7;
}

.searvice_sec-title .sec-title {
  margin-bottom: 30px;
}

.about_section2_text .about_section2_text_title {
  color: #6EC1E4;
  margin-bottom: 20px;
}

.about_section2img {
  display: flex;
  justify-content: end;
}

.about_section2_text p {
  font-size: 15px;
  line-height: 1.9em;
  margin-bottom: 10px;
  font-weight: 400;
  margin-bottom: 10px;

}

.about_section2 {
  padding: 40px 0px;
}

.about_section1st_text .read-me {
  justify-content: left;
}

.about_section1st_text .read-me button {
  border: solid 1px #79b343;
  font-size: 15px;
  color: #0089cf;
  font-weight: 500;
  margin-top: 20px;
}

.about_section1st_text .read-me button:hover {
  color: #ffffff;
}

.brand_slider_section_about {
  background-color: white;
  padding: 40px 0px;
}

.mission_vission_section_bg {
  margin: 60px 0px;
}

.mission_vission_section {
  margin-bottom: 20px;
  padding: 30px;
  border: 1px solid #79B343;
}

.mission_vission_center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.mission_vission_icon svg {
  height: 60px;
  width: 60px;
  fill: #6EC1E4;
  color: #6EC1E4;
  margin-bottom: 15px;
}

.mission_vission_text h1 {
  font-size: 24px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 15px;

}

.mission_vission_text h1 span {
  color: #79b343;

}

.mission_vission_text2 p {
  text-align: center;
}

.Career_section_title {
  margin-bottom: 50px;
}

.Careerssubtitle {
  color: #222;
  font-size: 15px;
  line-height: 1.9em;
  margin-bottom: 0px ! important;

  font-weight: 500;
}
.Consultationsbg{
  padding: 50px 0px;
  background-image: url(./include/images/bg_dirt.jpg);
}
.number_sec{
  display: flex;
  align-items: center;
  justify-content: center;
}
.number {
    
    color: #0089cf;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
/* Footer Section */
.footer_bg {
  position: relative;
  /* min-height: 550px;
  display: flex;
  flex-direction: column; */
  justify-content: space-between;
  background-image: url(./include/images/footer.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 60px 0 0px;
}

.footer_padding {
  padding: 60px 0 20px;
}

.footer_bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(49, 121, 183, 0.95);
  z-index: 1;
  pointer-events: none;
}


.footer_bg .container {
  position: relative;
  z-index: 2;
}


.footer_partfirst img {
  width: 120px;
  margin-bottom: 20px;
}

.footer_partfirst p {
  color: #fafafa;
  font-size: 14px;
  line-height: 1.8em;
}


.footer_title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  padding-bottom: 18px;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.footer_title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 130px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}

.footer_title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 55px;
  height: 2px;
  background-color: #79b343;
}

/* Footer Lists */
.footer_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer_list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
}

.footer_list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  -webkit-mask: url(./include/images/icon/right_arrow.svg) no-repeat center;
  mask: url(./include/images/icon/right_arrow.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.3s ease;
}



.footer_list li a {
  color: #fafafa;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: none;
  display: inline-block;
  transition: color 0.3s ease, padding-left 0.3s ease;
}

.footer_list li:hover a {
  color: #79b343;
}


.social_media {
  display: flex;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.social_media li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: transform 0.2s ease, opacity 0.3s ease;
}


.social_icon {
  width: 20px;
  height: 20px;
}


.social_media li a.facebook {
  background-color: #3b5998;
}

.social_media li a.youtube {
  background-color: #ff0000;
}

.social_media li a.linkedin {
  background-color: #0077b5;
}


.social_media li a:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}


.footer_partlast {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: #fafafa;
}

.footer_partlast a {
  color: #79b343;
  text-decoration: none;
}

.footer_bottom {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

/* Contuct page  */


.contact_hero_bg_img {
  background-image: url('./include/images/contuct/banner.jpg');
  /* Your banner */
  background-size: cover;
  background-position: center;
  padding: 120px 0;
  position: relative;
  color: #fff;
}

.contact_hero_bg_img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  /* overlay */
  z-index: 1;
}

.contact_hero_bg_img .container {
  position: relative;
  z-index: 2;
}

.contact_hero_bg_img h1 {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* Breadcrumb */
.contact_hero_bg_img .breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* use space-between if you want full width */
  gap: 10px;
  font-size: 16px;
}

/* Links */
.contact_hero_bg_img .breadcrumb .previous_page {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s;
}

.contact_hero_bg_img .breadcrumb .current_page {
  color: #79b343;
  text-decoration: none;
  transition: color 0.3s;
}

.contact_hero_bg_img .breadcrumb a:hover {
  color: #79b343;

}

/* Separator using SVG */
.contact_hero_bg_img .breadcrumb .separator {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('./include/images/icon/ep--d-arrow-right.svg') no-repeat center center;
  background-size: contain;
}

.devidePosition {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.contact_info_section iframe {
  height: 700px;
  width: 100%;
}

.contact_form_section {
  padding: 100px 0;
}

.contact_form_section .contact_text {
  color: #666666;
  font-size: 16px;
  line-height: 1.9em;
  margin-bottom: 50px;
}

.contact_form_section .contact_heading {
  color: #222222;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 20px;
}

.contact_form_section .contact_heading span {
  color: #79b343;
}

.contact_form_section .list-style-one li::before {


  width: 48px;
  height: 48px;

}

.contact_form_section .contact-form input:focus,
.contact_form_section .contact-form textarea:focus {
  border-color: #79b343;
  outline: none;
}

.contact_form_section .contuct_right_section {
  padding-left: 0px;
}

.contact_form_section .contuct_left_section {
  border: none;
  padding-left: 30px;
}

.contact_form_section .list-style-one li {
  padding-top: 0px;
}

.contact_form_section .list-style-one li.houseBlack::before {
  background: url(./include/images/icon/houseBlack.svg) no-repeat center center;
}

.contact_form_section .list-style-one li.callBlack::before {
  background: url(./include/images/icon/callBlack.svg) no-repeat center center;
}

.contact_form_section .list-style-one li.mailBlack::before {
  background: url(./include/images/icon/mailBlack.svg) no-repeat center center;
}

.contact_form_section.list-style-one li.clockBlack::before {
  background: url(./include/images/icon/clockBlack.svg) no-repeat center center;
}

/* =========================
   Responsive Styles
========================= */

/* Large tablets */
@media (max-width: 1199px) {
  /* .Logo_part {
    padding: 30px 0;
  } */

  .header_contact .list-style-one {
    gap: 25px;
  }

  .PC_Menu .header_menu .navbar-nav li a {
    padding: 15px 20px;
    font-size: 15px;
  }
}

/* Tablets */
@media (max-width: 991px) {
  .Logo_part,
.header_logo img,
  .PC_Menu,
  .header_contact,
  .top_header {
    display: none !important;
  }

  .Mobile_Menu {
    display: flex;
    justify-content: space-between;
    padding: 20px ;
  }
	#carouselExampleIndicators .last_items .carousel-captions {
		  position: absolute;
		  top: 50%;
		  left:15%;
		}

  .Logo_part {
    padding: 15px 0;
    justify-content: center;
  }

  .header_logo img {
    width: 100px;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .Logo_part {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }

  .header_contact .list-style-one {
    flex-wrap: wrap;
    gap: 20px;
  }

  .PC_Menu {
    margin-bottom: 0;
  }

  .PC_Menu .navbar-toggler {
    border: none;
  }

  .PC_Menu .header_menu {
    background-color: #0089cf;
    padding: 10px 0;
  }

  .PC_Menu .header_menu .navbar-nav {
    width: 100%;
  }

  .PC_Menu .header_menu .navbar-nav li a {
    padding: 12px 20px;
    text-align: left;
  }

  .PC_Menu .header_menu .navbar-nav li a:after {
    display: none;
  }

  .end_contuct {
    margin-top: 15px;
  }

  .header_left_position {
    display: none;
  }

}

/* Mobile */
@media (max-width: 768px) {
  .contuct_sec {
    width: 95%;
  }

  .map_and_contuct iframe {
    height: 900px;
  }

  .contuct_left_section {
    border-right: none;
  }

  .contuct_right_section {
    padding-left: 0px;
  }

  .footer_bottom {
    align-items: center;
    flex-direction: column;
  }

  .secend_section_img {
    height: fit-content;
  }

  .fluid-section-one .content-column .inner-box {

    padding: 60px 20px;
  }

  .contuct_left_section .list-style-one li::before {
    left: 10px;
  }

  #carouselExampleIndicators .carousel-control-prev,
  #carouselExampleIndicators .carousel-control-next {
    display: none;
  }

  .carousel-indicators [data-bs-target] {

    display: block;
  }

  #carouselExampleIndicators .carousel-captions h1 {
    font-size: 30px;
    text-align: center;
  }

  #carouselExampleIndicators .carousel-captions p {
    font-size: 14px;
    text-align: center;
  }
    #carouselExampleIndicators .carousel-captions h1 {
        font-size: 14px;
        text-align: center;
		    margin-bottom: 15px;
    }
  #carouselExampleIndicators .outlate_button {
    width: auto;
    text-align: center;
  }
	#carouselExampleIndicators .outlate_button,#carouselExampleIndicators .green_button {
		font-size: 12px;
		line-height: 30px;
		padding: 0px 15px;
		height: 35px;
	}
  /* #carouselExampleIndicators .carousel-item {
    height: 550px;
  } */

  .top_header p {
    font-size: 14px;
    text-align: center;
  }

  .Logo_part {
    padding: 25px 0;
  }

  .header_logo img {
    width: 180px;
  }

  .header_contact .list-style-one {
    flex-direction: column;
  }

  .header_contact .list-style-one li {
    font-size: 15px;
  }

  .header_contact .list-style-one li p {
    font-size: 14px;
  }

  .end_contuct {
    width: 100%;
    text-align: left;
    padding: 16px 70px 16px 22px;
  }

  .end_contuct::after {
    width: 65px;
  }

  .end_contuct::before {
    right: 12px;
  }
  .number_sec{
  flex-direction: column;
}
}

/* Small mobile */
@media (max-width: 480px) {
  .PC_Menu .header_menu .navbar-nav li a {
    font-size: 14px;
  }
	

.slider-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    background-position: top left;
}
.tab_image_section img {
    width: 100%;
    height: 10rem;
    background-size: cover;
}
.contact_hero_bg_img .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    font-size: 11px;
}
	#carouselExampleIndicators .carousel-captions p {
    margin-bottom: 15px;
	        line-height: 20px;
}

	#carouselExampleIndicators .carousel-captions, #carouselExampleIndicators .last_items .carousel-captions{
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		    max-width: 100%;
    width: 100%;
	}
	#carouselExampleIndicators .Engineering_slider_position .carousel-captions .carousel-buttons {
    justify-content: center;
}
	#carouselExampleIndicators .carousel-buttons{
		   justify-content: center;
	}

.contact_hero_bg_img {
    padding: 70px 0;
}
.about_section1,.searvice_section_full,.project_section,.contact_form_section {
    background-color: white;
    padding: 50px 0px 110px;
}

.contact_hero_bg_img h1 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
.contact_info_section iframe {
    height: 300px;
    width: 100%;
}

.contact_form_section .contuct_left_section {
    border: none;
    padding-left: 0px;
}
  .end_contuct a {
    font-size: 14px;
  }
}