* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}

html {
    scroll-behavior: smooth;
}


.right-arrow {
	font-weight: 800;
	font-size: 28px;
}

.bg-light-blue {
	background: #EDF7FD !important;
}

.bg-light-gray {
	background: #F1F2F2 !important;
}

.bg-white {
	background: #FFFFFF !important;
}

.bg-red {
	background: #E94B5D !important;
	color: #FFFFFF !important;
	font-weight: 600;
}

.bg-red:focus {
	box-shadow: 0 0 0 .2rem rgb(233 75 93 / 25%);
}

.bg-gradient {
	background: linear-gradient(90deg, #FBBC3B 0%, #E94B5D 30%, #E94B5D 40%, #E94B5D 50%, #E94B5D 60%, #E94B5D 70%, #FBBC3B 100%) !important;
	color: #FFFFFF !important;
}

.request-quote-header {
	margin-left: 26px;
}

.request-quotes-icons {
	border: 2px solid #ffffff;
	padding: 5px 10px;
	border-radius: 100%;
	color: #ffffff;
}
.request-quotes-icons:hover {
	color: #ffffff;
}
.gap-20px {
	gap: 20px !important;
}

.py-35 {
	padding: 35px 0;
}

.gap-20 {
	gap: 20px !important;
}

.mx-50 {
	margin: 0 50px !important;
}

.flex-direction-column {
	display: flex;
	flex-direction: column !important;
}

#blog-desc {
	width: 64% !important;
}

/* Top Navbar Style Start  */
.navbar {
  width: 100%;
  background: #000000;
  padding: 0px;
}

.nav_portion {
  padding: 7px 0px 0px 0px;
}

.first_nav {
  box-shadow: 0px 0.75px 0.75px 0px rgba(0, 0, 0, 0.19);
  padding: 10px;
}

.contact_text {
  font-size: 14px;
  font-weight: 500;
}

.contact_info {
  margin-left: auto;
  justify-content: flex-end;
}

.request_button {
  min-width: 170px;
  border-radius: 7px;
  padding: 6px 12px;
  background-color: #E94B5D;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border: none;
  margin-left: 10px;
}
/* Top Navbar Style End  */

/* Header Navbar Style Start */
.navbar_logo {
  display: none;
}

.navbar_container {
  transition: top 0.3s;
}

.navbar_container.fixed {
  position: fixed; /* Makes the navbar fixed */
  top: 0; /* Aligns it to the top */
  z-index: 1000; /* Keeps it on top of other elements */
  background-color: #FFFFFF;
  width: 100%;
  box-shadow: 0 1px 5px gray;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: center;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255);
    font-weight: 500;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #fbbc3b;
}

.dropdown-item:focus, .dropdown-item:hover {
	background: #e94b5d !important;
	color: #FFFFFF !important;
}

.dropdown-item {
	background: linear-gradient(180deg, aliceblue, #8dd4e1b0) !important;
	margin: 0px;
/* 	padding: 0px; */
}				

/* Submenu 2 Start */
.dropdown-submenu {
    position: relative; /* Ensure positioning for the submenu */
}

.sub-menu-two {
    display: none; /* Hide the submenu by default */
    position: absolute; /* Position it absolutely to the parent */
    top: 0; /* Align it with the parent */
    left: 100%; /* Place it next to the parent */
    z-index: 1000; /* Ensure it appears above other elements */
}

.dropdown-submenu:hover .sub-menu-two {
    display: block; /* Show submenu on hover */
}

/* Optional: Add some styles for better visibility */
.sub-menu-two .dropdown-item {
    white-space: nowrap; /* Prevent text wrapping */
}

/* Header Navbar Sytle End */

/* Hero Style Start */
.hero_portion {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 60px 40px;
  background: url(../images/Gradient.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.gap-5 {
  gap: 5px;
}

.hero_heading {
  font-size: 36px;
  font-weight: 700;
}

.stats_container {
  gap: 50px;
}

.red_color {
  color: #E94B5D;
}

.paragraph_hero {
  font-size: 18px;
  font-weight: 400;
}

.number_content {
  font-size: 53px;
  font-weight: 700;
  margin: 0px;
}

.black_color {
  font-size: 16px;
  font-weight: 400;
  color: black;
  /* width: 20px; */
}

.button_Consultation {
  width: 230px;
  padding: 20px 15px;
  border-radius: 38px;
  background-color: #FBBC3B;
  color: black;
  border: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  font-weight: 600;
  font-size: 18px;
}

.image_container {
  width: 700px;
  height: 620px;
}

.image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
/* Hero Style End */

/* Hero Banner Bottom Logo Style Start */
section.banner-bottom-logo {
  padding: 30px 0 15px;
  background: #efefef;
  position: relative;
  display: block;
}

section.banner-bottom-logo ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

section.banner-bottom-logo ul li {
  list-style: none;
  width: 200px;
  background: #fff;
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
  text-align: center !important;
}

section.banner-bottom-logo ul li img {
  height: 130px;
  background: #fff;
  padding: 10px;
  object-fit: cover;
}
/* Hero Banner Bottom Logo Style End */

/* About Us Style Start */
.Meshvin_portion_parent {
  background: #EDF7FD;
}

.Meshvin_portion {
  padding: 30px 0;
}

.image_container_meshvin {
  width: 430px;
  height: 430px;
  border: 3px solid #E94B5D;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #0000004a;
}

.meshvin_content_heading {
  font-size: 40px;
  font-weight: 700;
  margin-right: 10px;
}

.meshvin_paragraph {
  font-weight: 400;
  font-size: 16px;
  /* text-align: justify; */
  line-height: 28px;
  margin-right: 100px;
  margin-top: 20px !important;
}

.meshvin_button {
  border-radius: 10px;
  min-width: 215px;
  background-color: #FBBC3B;
  color: black;
  border: none;
  padding: 16px 33px;
  margin-top: 10px;
  font-weight: 600;
  font-size: 18px;
}
/* About Us Style End */

/* Avail Free SEO Form Start */

#wpforms-2606 {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

#wpforms-2606 #wpforms-confirmation-2606 {
	z-index: 10;
}

#wpforms-form-2606 {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

#wpforms-form-2606 .wpforms-field-container {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

#wpforms-form-2606 .wpforms-field-container #wpforms-2606-field_1, #wpforms-2606-field_2, #wpforms-2606-field_3 {
	padding: 10px 15px;
	border-radius: 10px;
}

#wpforms-form-2606 .wpforms-submit-container {
  margin: auto;
  padding: 0;
}

#wpforms-form-2606 .wpforms-submit-container #wpforms-submit-2606 {
  border-radius: 10px;
  background: #fbbc3b;
  border: none;	
}

/* .meshvin-seo-form {
  background: url(../images/avail-form-bg-image.jpeg);
  background-color: rgba(0, 0, 0, 0.7) !important;
  background-position: center;
  text-align: center;
  padding: 20px 0;
  height: 120px
} */

.meshvin-seo-form {
  position: relative;
  background: url(../images/avail-form-bg-image.jpeg);
  background-color: rgba(0, 0, 0, 0.7) !important;
  background-position: center;
  text-align: center;
  padding: 30px 0;
  overflow: hidden;
}

.meshvin-seo-form::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.5;
  pointer-events: none;
}

.meshvin-seo-form h2,
.meshvin-seo-form p,
.meshvin-seo-form form {
  position: relative; /* Ensure these elements are above the overlay */
  z-index: 2; /* Bring text and form above the overlay */
}

#seo-form-title, #seo-form-para {
  text-align: center;
  color: #E6E6E6;
}

#seo-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

#seo-form label {
  display: none;
}

#seo-form input {
  text-indent: 10px;
  border:1px solid #00000030;
  border-radius: 10px;
  width: 205px;
}

#audit-submit {
  background-color: #C96577;
  color: #FFFFFF;
  border: 1px solid #C96577;
  border-radius: 10px;
  padding: 10px 24px;
  margin: 10px 0;
}

/* Avail Free SEO Form End */

/* Why Choose Meshvin Start */
.meshvin-choose-parent {
  margin: 20px 0px 30px;
}
.meshvin-choose-title, .meshvin-choose-para {
  width: 60%;
}
.meshvin-points-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.trusted-points {
  background-color: #EDF7FD;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 26px;
}
.trusted-points > h5 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
}
.point-icon {
  height: 24px;
  width: 24px;
}
.point-icon img {
  height: 100%;
  width: 100%;
}
/* Why Choose Meshvin End */

/* Meshvin Stats Start */
.meshvin-stats {
  background-color: #E94B5D !important;
  color: #FFFFFF;
}
.stats-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.stats {
  text-align: center;
}
.stats > h3 {
  margin-bottom: 0;
}
/* Meshvin Stats End */

/* Meshvin Service Style Start */
.meshvin_service {
  background-color: #FFFFFF;
  padding: 25px 0px;
  text-align: center;
}

.service_heading {
  font-size: 37px;
  font-weight: 600;
}

.service_paragraph {
  font-size: 16px;
  font-weight: 400;
}

.card_grid_service {
  justify-items: center;
  gap: 25px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 10px 0;
}

.cardservice {
  padding: 20px;
  background-color: #fff;
  max-width: 540px;
  border: 1px solid #E94B5D;
  border-radius: 10px;
  box-shadow: 0px 0px 5px lightgray;
  transition: 0.5s ease-in-out;
}

.cardservice:hover {
  background-color: #52B9CC;
}

.card_btn {
  background-color: #FBBC3B;
  max-width: 250px;
  padding: 10px;
  border-radius: 10px;
  border: none;
  color: #fff;
  font-weight: 500;
}

.card_icon {
  width: 80px;
  height: 80px;
}
/* Meshvin Service Style End */

/* Meshvin Strip Start */
.meshvin-strip {
  background-color: #E94B5D;
  color: #FFFFFF;
  padding: 20px;
  gap: 25px;
}
.meshvin-strip > h4 {
  margin-bottom: 0;
}
.meshvin_strip_button {
  background-color: #FBBC3B;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 15px 35px;
  border: none;
}
/* Meshvin Strip End */

/* Slick Carousel Start */

.wrapper {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #EDF7FD;
}
.our-clients {
  color: #0E0F11;
}
.carousel {
  width: 90%;
  margin: 0 auto;
}
.slick-slide {
  margin: 10px;
}
.slick-slide img {
  width: 100%;
  border: 2px solid #fff;
}
.wrapper .slick-dots li button:before {
  font-size: 20px;
  color: white;
}

/* Slick Carousel End */

/* Blog Style Start */
.blog-container {
  background-color: #EDF7FD;
  padding: 20px 0;
}
.blog-gap {
  gap: 45px
}
/* Blog Style End */

/* Footer Style Start */
#footer_container {
  position: relative;
  background-color: #000000;
/*   background: url(../images/world-map.avif); */
  background-position: center;
  /* background-size: cover; */
  color: #FFFFFF;
  padding: 50px 40px;
  overflow: hidden;
}

#footer_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1;
}

#footer_container>* {
  position: relative;
  z-index: 2;
  margin-right: 40px;
}

#footer_container hr {
  background: #A9A9A9;
  height: 2px;
  width: 40px;
}

.footer_links h5 {
  text-transform: uppercase;
}

#footer_coptyright {
  background: #EDF7FD;
  color: #191A1B;
  padding: 20px 0;
  display: flex;
  justify-content: center;
}

#footer_coptyright p {
  margin-bottom: 0;
}

.flag-images {
  width: 50px;
  height: 35px;
}

.flag-images img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.country-code {
  color: lightgray;
}

.icon-bg {
  background-color: #E94B5D;
  width: 42px;
  height: 42px;
  border-radius: 100%;
}

/* Footer Style End */

/* Contact Us Style Start */

.contact-us-grid-2 {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	padding: 50px 0;
}

.contact-us-icon-text .elementor-widget-container .elementor-icon-box-wrapper {
	display: flex;
	gap: 10px;
}

.contact-us-icon-text .elementor-icon-box-title {
	font-size: 16px !important;
	font-weight: 400 !important;
}

.contact-us-icon-text .elementor-icon-box-title a {
	color: #ffffff !important;
}

.contact-us-left-grid {
	background: #E94B5D;
	color: #ffffff;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.contact-us-right-grid {
	padding: 50px;
	background: #ffffff;
}

.contact-us-right-grid label {
	display: none;
}

.contact-us-right-grid .elementor-form-fields-wrapper .elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-tel {
	display: inline;
}

.contact-us-right-grid .elementor-form-fields-wrapper .elementor-field-type-text input, .elementor-field-type-email input, .elementor-field-type-tel input {
	width: 250px;
    border-bottom: 2px solid #000000;
	margin-top: 20px;
	border-radius: 0px;
	outline: none;
}

.contact-us-right-grid .elementor-form-fields-wrapper .elementor-field-type-text input:focus, .elementor-field-type-email input:focus, .elementor-field-type-tel input:focus {
	background: #fff1f2;
}

.contact-us-right-grid .elementor-form-fields-wrapper #form-field-name, #form-field-email {
	margin-right: 50px;
}

.contact-us-right-grid .elementor-form-fields-wrapper textarea {
	width: 100%;
	border: none;
	border-bottom: 2px solid #000000;
	margin-top: 20px;
	padding: 14px;
	font-family: inherit;
	font-size: inherit;
	outline: none;
}

.contact-us-right-grid .elementor-form-fields-wrapper textarea:focus {
	background: #fff1f2;
}

.contact-us-icon-text .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
	width: 24px;
	height: 24px;
	fill: #ffffff;
}

.contact-us-icon-text .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon img {
	width: 100%;
	height: 100%;
}

.contact-us-bulk-icon .elementor-widget-container .elementor-social-icons-wrapper {
	display: flex;
	justify-content: center;
	gap: 20px;
	fill: #ffffff;
}

.contact-us-bulk-icon .elementor-widget-container .elementor-social-icons-wrapper .elementor-grid-item svg {
	width: 24px;
	height: 24px;
}

.contact-us-bulk-icon .elementor-widget-container .elementor-social-icons-wrapper .elementor-grid-item {
	border: 2px solid #ffffff;
    border-radius: 100%;
    padding: 10px;
}

.contact-us-bulk-icon .elementor-widget-container .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon {
	text-decoration: none;
}

.contact-us-bulk-icon .elementor-widget-container .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon .elementor-screen-only {
	color: transparent;
}

.contact-us-right-grid .elementor-form-fields-wrapper .elementor-field-group .elementor-button, #wpforms-submit-2617 {
	background: #E94B5D;
	color: #ffffff;
	padding: 10px 50px;
	border: none;
	margin-top: 14px;
	border-radius: 5px;
}

.contact-us-heading-lg {
	font-size: 2.2rem !important;
}

.contact-us-info-details {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.elementor-custom-embed {
	background: #000000;
}

/* Contact Us Style End */

/* ---------------------------  WordPress Styling Section  --------------------------- */

#wpforms-submit-2590 {
	background: #fbbc3b;
	border: none;	
}

/* WP Primary Menu Style Start */
#menu-primary-menu {
  display: flex;
  gap: 24px;
  margin-bottom: 0;
}  

#menu-primary-menu > .menu-item-type-custom::after {
	content: '▼'; /* Unicode for FontAwesome caret down */
    font-family: 'Bootstrap Icons'; /* Ensure to specify the correct icon font */
    font-size: 0.7rem; /* Adjust size as needed */
    margin-left: 5px; /* Space between the item and icon */
    display: inline-block; /* Ensure it appears inline */
    vertical-align: middle; /* Align with text */
	color: #FFF;
}

#menu-primary-menu li {
  list-style: none;
  position: relative;
}

#menu-primary-menu li a {
  color: #FFFFFF;
  font-weight: 500;
}

#menu-primary-menu li a:hover{
  color: #FBBC3B;
  text-decoration: none;
}

.sub-menu {
/* 	display: none;
	position: absolute;
	top: 30px;
	background: #e94b5d;
	width: max-content;
	border-top: 5px solid #e94b5d;
	border-bottom: 5px solid #e94b5d; */
	position: absolute;
    top: 100%;
    left: 0;
	width: max-content;
    background-color: #e94b5d; /* Dropdown background */
    border: 1px solid #dee2e6; /* Border */
    display: none; /* Initially hidden */
    z-index: 1000; /* On top */
}

#menu-primary-menu .menu-item:hover .sub-menu {
	display: block;
}

.sub-menu {
    padding: 0.5rem 1rem;
    color: #212529; /* Dropdown item color */
    text-decoration: none;
}

/* .sub-menu:hover {
    background-color: #f8f9fa; 
} */


.sub-menu li a {
/* 	padding: 34px 10px; */
	color: #FFFFFF !important;
}

/* .sub-menu li:hover {
	background: #e94b5d;
	color: #FFFFFF !important;
} */


/* .navbar-light .navbar-toggler-icon {
	background-image: url(`<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50">
<path d="M 5 8 A 2.0002 2.0002 0 1 0 5 12 L 45 12 A 2.0002 2.0002 0 1 0 45 8 L 5 8 z M 5 23 A 2.0002 2.0002 0 1 0 5 27 L 45 27 A 2.0002 2.0002 0 1 0 45 23 L 5 23 z M 5 38 A 2.0002 2.0002 0 1 0 5 42 L 45 42 A 2.0002 2.0002 0 1 0 45 38 L 5 38 z"></path>
</svg>`) !important;
} */

.navbar-light .navbar-toggler-icon {
  border-color: rgb(255,102,203);
  z-index: 10;
} 

/* WP Primary Menu Style End */

/* WP Quick Links Style Start */
.menu {
  list-style: none;
}

.menu li a {
  color: #FFFFFF;
  text-decoration: none;
}

.menu li a:hover {
  color: #FBBC3B;
}

/* WP Quick Links Style End */

/* WP Service Page.php Start */
.header-container {
	background: linear-gradient(90deg, #FBBC3B 0%, #E94B5D 30%, #E94B5D 40%, #E94B5D 50%, #E94B5D 60%, #E94B5D 70%, #FBBC3B 100%);
    text-align: center;
	padding: 34px 20px;
	color: #FFFFFF;
	min-height: 297px;
	display: flex;
    flex-direction: column;
    gap: 20px;
	justify-content: center;
}

.header-container h2 {
	font-size: 2.25rem !important;
	margin-bottom: 0px;
}

.header-container p {
	width: 64%;
	padding: 0 30px 10px;
	margin: auto;
}

.service-second-portion {
	width: 100%;
	text-align: left;
	padding: 35px 0;
	min-height: 155px;
	display: flex;
	align-items: center;
}

.service-second-portion .e-con-inner {
	margin: auto;
}

.service-second-portion p {
	margin: 0px !important;
}

.header-banner-btn {
	background: #FBBC3B;
	color: #000000;
	padding: 10px 16px;
	border-radius: 10px;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	width: fit-content;
	margin: auto;
}

.header-banner-btn #audit-report-btn {
	text-decoration: none;
	color: #000000;
}

.header-banner-btn:hover {
	background: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
}

.header-banner-btn:hover #audit-report-btn {
	color: #ffffff;
}

/* #audit-report-btn {
	text-decoration: none;
	background: #FBBC3B;
    color: #000000;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: 500;
	transition: all 0.3s ease-in-out;
}

#audit-report-btn:hover {
	background: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
} */

#service-second-content p {
	margin: 0;
}

.service-third-portion {
	background: #edf7fd;
	text-align: center;
	padding: 20px 0 35px;
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.grid-container-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.center {
    grid-column: 1 / -1; /* Span across both columns */
	margin: auto;
	max-width: 545px;
}

.grid-container .service-grid-card {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 4px 4px 8px #00000024;
	transition: all 0.35s ease-in-out;
}

.grid-container .service-grid-card:hover {
	transform: scale(1.05);
}

.grid-container .service-grid-card h3 {
	color: #EA4C5E !important;
	font-size: 1.55rem;
}

.service-forth-portion {
	padding: 35px 0;
}

.why-choose-header {
	padding: 0 0 0 36px;
}

.why-choose-header h2 {
	font-size: 1.875 !important;
	margin-bottom: 31px !important;
} 

.why-choose-points .elementor-widget-container .elementor-icon-box-wrapper {
	display: flex;
	gap: 16px;
}

.why-choose-points p {
	font-size: 22px; 
	font-weight: 400;
}

.why-choose-points svg {
	width: 20px;
	height: 20px;
	object-fit: cover;
	fill: #E94B5D;
}

.colored-bg {
	background-color: #EDF7FD !important;
}

.partner-strip {
	background: #E94B5D;
	margin: auto;
}

.partner-strip .elementor-element .e-con-inner {
	display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    min-height: 122px;
    margin: 0px 20px;
}

.parthner-strip .elementor-element .e-con-inner h4 {
	margin-bottom: 0px;
}

.strip-title {
	color: #FFFFFF;
    margin-bottom: 0 !important;
    flex: 1;
}

.strip-title h4 {
	margin-bottom: 0 !important;
}

#strip-btn {
	background: #FBBC3B;
	padding: 10px 16px;
	color: #000000;
	text-decoration: none;
	font-weight: 500;
	border-radius: 10px;
}

#strip-btn svg {
	height: 24px;
	width: 24px;
}

.card-border-title {
	padding: 35px 0 20px;
	text-align: center;
}

.card-border-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding-bottom: 35px;
}

.card-border {
	border: 2px solid #EA4C5E;
	border-radius: 10px;
	text-align: center;
	min-height: 300px;
}

.card-border-items svg {
	height: 79px;
	width: 79px;
	fill: #ea4c5e;
	margin-bottom: 20px;
	margin-top: 20px;
}

.card-border-items h3 {
	background: #EA4C5E;
	color: #FFFFFF;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.what-makes-different {
	padding: 35px 0px;
}

.what-makes-different h2 {
	text-align: center;
	margin-bottom: 10px;
}

.what-makes-different-card-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.what-makes-different-card .elementor-image-box-wrapper {
	background: #EDF7FD;
	display: flex;
	gap: 40px;
	align-items: center;
	border-radius: 20px;
	padding: 14px 20px 0 20px;
}

.what-makes-different-card-2 .elementor-image-box-wrapper {
	background: #F1F2F2;
	display: flex;
	gap: 40px;
	align-items: center;
	border-radius: 20px;
	padding: 14px 20px 0 20px;
}

.what-makes-different-card-2 .elementor-image-box-wrapper .elementor-image-box-img img {
	height: 125px;
	width: 125px;
	object-fit: cover;
	border-radius: 10px;
}

.what-makes-different-reverse {
	background-color: #EDF7FD !important;
}

.what-makes-different-card-reverse .elementor-image-box-wrapper {
	background-color: #FFFFFF !important;
}

#seo-small-business-btn {
	padding: 10px 15px;
	background: linear-gradient(90deg, #52B9CC 0%, #FBBC3B 100%);
	border-radius: 26.9px;
	color: #000000;
	font-weight: 500;
	text-decoration: none;
	display: flex;
    justify-content: center;
    width: fit-content;
    margin: auto;
    margin-top: 25px;
}

.content-img-parent {
	min-height: 560px;
	padding: 35px 0;
}

.content-img-container {
	display: grid;
	grid-template-columns: 1.3fr 0.7fr;
    gap: 20px;
}

.content-img-container-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.img-container {
	display: flex;
	justify-content: center;
	width: auto;
}

.img-container img {
	width: 100%;
	object-fit: cover;
	height: auto;
}

.mm-services-top {
	background-color: #EDF7FD !important;
}

.content-form-container {
	display: grid;
	grid-template-columns: 1.3fr 0.7fr;
	gap: 20px;
}

.form-container {
	background-color: #136A84 !important;
	color: #FFFFFF;
	border-radius: 12px;
	padding: 16px;
}

.form-fields form input, .form-fields form textarea {
	width: 100%;
	margin-bottom: 20px;
	border: none;
	border-radius: 3.87px;
	outline: none;
	padding: 5px 10px;
	background: #ffffff;
}

#request-submit-btn {
	color: #000000;
	background-color: #FBBC3B;
	border: none;
	border-radius: 7.73px;
	padding: 10px 20px;
	display: flex;
	margin: auto;
}

.heading-red {
	color: #EA4C5E;
}

.img-content-group .elementor-widget-container .elementor-image-box-wrapper {
	display: flex !important;
	gap: 25px;
	align-items: center;
}

.img-content-group .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img img {
	width: 110px;
	height: 110px;
	object-fit: cover;
	border-radius: 10px;
}

.animation-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.animation-box figure {
	margin: auto;
	display: flex;
	justify-content: center;
}

.animation-box img {
	height: 150px;
	width: 150px;
}

.animation-box p {
	text-align: center;
}

.major-section {
	padding: 35px 0;
}

.website-design-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 100px;
}

.custom-grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
	text-align: center;
}

.head-with-yellow-bg {
	background-color: #FBBC3B;
	font-size: 24px !important;
	border-radius: 10px;
	padding: 10px 29px;
	min-height: 100px;
    display: flex;
    justify-content: center;
}

.head-with-yellow-bg .elementor-widget-container {
	margin: auto;
}

.head-with-yellow-bg h3 {
	margin-bottom: 0 !important;
}

.horizontal-card .elementor-widget-container .elementor-image-box-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.horizontal-card figure {
	height: 100px;
	width: 100px;
}

.horizontal-card figure img {
	height: 100px;
	width: 100px;
}

.horizontal-card .elementor-image-box-content {
	text-align: left;
}

.custom-grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	align-items: center;
}

.custom-grid-2 img {
	width: 100%;
	height: 100%;
}

.vertical-card img {
	width: 150px;
	height: 150px;
}

.custom-flex-1 .elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper {
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 50px;
}

.custom-flex-2 .elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper {
	display: flex;
    align-items: center;
    gap: 50px;
}

.custom-flex-2 figure img {
	height: 250px;
    width: 400px;
	border-radius: 10px;
}

.custom-flex-1 h3, .custom-flex-2 h3 {
	margin-bottom: 20px;
}

.text-container {
    background: #FFFFFF;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    color: #EA4C5E;
	display: flex;
	justify-content: center;
	align-items: center;
}

.text-container:hover {
	background: #EA4C5E;
	color: #FFFFFF;
	border: transparent;
}

.text-container h4 {
	margin: 0;
}

.location-map iframe {
	width: 100%;
	height: 500px;
}

/* ---------------------------  Responsiveness Section  --------------------------- */

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 585px;
	}
}

@media (max-width: 575.98px) {
  /* Header Navbar Section Start */
  .logo {
    display: none;
  }
  .navbar_logo {
    display: block;
  }
  .navbar_logo {
    margin: 0.5rem auto 0.5rem 1rem;
    height: 34px;
    width: 50px;
  }
  .navbar_logo img {
    height: 100%;
    width: 100%;
  }
  .navbar_container {
    justify-content: space-around !important;
  }
  .contact_info {
    justify-content: start !important;
  }
  .request_button {
    min-width: 110px;
    font-size: 14px;
  }
  .container {
    padding: 0;
  }
  .contact_text {
    font-size: 12px;
    font-weight: 500;
  }
  /* Header Navbar Section End */

  /* Hero Section Start */
  .stats_container {
    gap: 20px;
  }
  .number_content {
    font-size: 48px;
    font-weight: 700;
  }
  /* Hero Section End */

  /* Why Choose Meshvin Start */
	.point-icon {
		height: 34px;
		width: 34px;
	}
	.trusted-points {
		display: flex;
    	flex-direction: column;
    	text-align: center;
	}
	
  .meshvin-choose-parent {
    margin: 20px 20px;
  }
  /* Why Choose Meshvin End */

  /* Meshvin Stats Start */
  .stats-container {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column !important;
  }
  /* Meshvin Stats End */

  /* Meshvin Service Start */
	.service_heading {
		font-size: 2rem;
	}
  .meshvin_service {
    padding: 30px 20px;
  }
  /* Meshvin Service End */

  /* Meshvin Strip Start */
  .partner-strip .elementor-element .e-con-inner, .meshvin-strip {
    flex-direction: column;
    padding: 20px 20px;
  }
  /* Meshvin Strip End */

  /* Blog Style Start */
  .blog-container img {
    width: 310px;
  }
  /* Blog Style End */

  /* Footer Section Start */
  #footer_container {
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
  }
  /* Footer Section End */
	
  .content-img-container img {
	width: 280px;
	object-fit: contain;
	margin: auto;
  }
	.animation-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.major-section {
		padding: 35px 20px;
	}
	.animation-box img {
		height: 100px;
		width: 100px;
	}
	.py-35 {
		padding: 35px 20px;
	}
	.grid-container-3 {
		grid-template-columns: 1fr !important;
	}
	.website-design-grid-2 {
		grid-template-columns: 1fr;
	}
	.custom-grid-cols-3 {
		grid-template-columns: 1fr !important;
		gap: 20px;
	}
	.custom-flex-2 figure img, .custom-flex-1 figure img {
		height: 250px;
    	width: 300px;
		object-fit: cover;
		border-radius: 10px;
	}
	.horizontal-card .elementor-widget-container .elementor-image-box-wrapper, .img-content-group .elementor-widget-container .elementor-image-box-wrapper {
		flex-direction: column !important;
	}
	.mx-50 {
		margin: 0 !important;
	}
	.contact-us-grid-2 {
		padding: 20px;
	}
/* 	#seo-form {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		gap: 5px;
		padding: 20px;
	}
	#seo-form br {
		display: none;
	}
	#seo-form input, button {
		width: 100%;
	} */
	.popup-form {
		width: 320px !important;
		overflow-x: auto;
	}
	.popup-content {
		width: 320px !important;
		padding: 15px !important;
	}
	form input, form textarea {
		margin: 5px 0px !important;
	}
	.meshvin-seo-form {
		padding: 20px 20px !important;
	}
	#seo-from {
		flex-direction: column !important;
	}
	.avail-form-break {
		display: none !important;
	}
	#seo-form, #website, #email, #phone, #audit-submit {
		width: 100% !important;
	}
	.what-makes-different-card-2 .elementor-image-box-wrapper {
		flex-direction: column;
	}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  /* Header Section Start */
  .contact_info {
    justify-content: end;
  }
  /* Header Section End */
  
  /* Hero Section Start */
  .image_container {
    width: auto !important;
    height: auto !important;
  }
  /* Hero Section End */

  /* About Section Start */
  .Meshvin_portion {
    padding: 60px 20px;
  }
  /* About Section End */

  /* Why Choose Meshvin Start */
  .meshvin-choose-parent {
    margin: 20px 20px;
  }

  .meshvin-choose-title, .meshvin-choose-para {
    width: 100% !important;
  }
  .meshvin-points-container {
    grid-template-columns: 1fr;
  }
  /* Why Choose Meshvin End */

  /* Meshvin Service Start */
  .card_grid_service {
    grid-template-columns: 1fr;
  }
  /* Meshvin Service End */

  /* Footer Section Start */
  #footer_container {
    justify-content: flex-start !important;
    gap: 16px;
  }
  /* Footer Section End */
	
  /* WP Service Page */
  .grid-container {
	grid-template-columns: 1fr;
  }
  .service-third-portion, .service-second-content p, .service-forth-portion .e-con-inner {
	padding: 20px 20px !important;
  }
	.partner-strip .elementor-element .e-con-inner {
		padding: 40px 20px;
	}
  .header-container p {
	width: 100%;
	padding: 10px 20px 30px;
  }
  .card-border-grid {
	grid-template-columns: 1fr;
	padding: 0 20px;
  } 
  .what-makes-different-card .elementor-image-box-wrapper {
	flex-direction: column;
	gap: 10px;
  }
  .what-makes-different {
	padding: 35px 20px;	
  }
	.content-img-parent {
		padding: 35px 20px;
	}
  .content-img-container {
	grid-template-columns: 1fr;
	direction: rtl;
  }
  .content-img-container img {
	order: 1 !important;
  }
  .content-img-container .content-order-2 {
	order: 2 !important;
  }
	.content-form-container {
		grid-template-columns: 1fr;
	}
	.content-img-container-2 {
		grid-template-columns: 1fr;
		direction: rtl;
	}
	.content-img-container-2 img {
	order: 1 !important;
  }
  .content-img-container-2 .content-order-2 {
	order: 2 !important;
  }
	.grid-container-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	.website-design-grid-2 {
		gap: 20px 50px;
	}
	.custom-grid-2 {
		grid-template-columns: 1fr;
	}
	.custom-flex-1 .elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper {
		gap: 20px;
		flex-direction: column;
	}
	.custom-flex-2 .elementor-widget-image-box .elementor-widget-container .elementor-image-box-wrapper {
		gap: 20px;
		flex-direction: column;
	}
/* Contact Us Start	 */
	.contact-us-grid-2 {
		grid-template-columns: 1fr;
	}
/* Contact Us End	 */
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  /* Header Navbar Start */
  .navbar {
    padding: 0;
  }
  .navbar-light .navbar-toggler {
    border-color: transparent !important;
    margin-left: auto;
  }
  .navbar-light .navbar-toggler:focus {
    outline: none;
  }
  .navbar_container {
    justify-content: end !important;
  }
  #menu-primary-menu {
    flex-direction: column;
  }
  #navbarNavDropdown {
    width: 96vw;
    background: #52b9cc;
    padding: 0 14px 10px;
    border-top: 1px solid black;
  }
	.navbar-nav {
/* 	background: #52b9cc; */
	background: linear-gradient(180deg, #e94b5d,#52b9cc);
	padding-left: 10px;
  }
  /* Header Navbar End */

  /* Hero Section Start */
  .stats_container {
    width: 100% !important;
  }
  /* Hero Section End */

  /* Hero Banner Bottom Logo Start */
  section.banner-bottom-logo ul {
    gap: 10px;
    margin-top: 0;
    flex-wrap: wrap;
  }
  section.banner-bottom-logo ul li {
    border-radius: 10px;
    width: 25%;
  }
  section.banner-bottom-logo ul li img {
    height: auto;
    background: #fff;
    padding: 10px;
    object-fit: cover;
    width: 100%;
  }
  /* Hero Banner Bottom Logo End */
  
  /* About us Start */
  .Meshvin_portion {
    flex-direction: column;
    gap: 20px;
  }
  .image_container_meshvin {
    width: auto !important;
    height: auto !important;
  }  
  .meshvin_paragraph {
    margin-top: 20px !important;
  }
  .meshvin_content {
    width: 100% !important;
  }
  /* About us End */

  /* Why Choose Meshvin Start */
  .meshvin-choose-title, .meshvin-choose-para {
    width: 80%;
  }
  /* Why Choose Meshvin End */

  /* Meshvin Stats Start */
  .stats-container {
    grid-template-columns: repeat(3, 1fr);
  }
  /* Meshvin Stats End */

  /* Footer Section Start */
  #footer_container {
    gap: 16px;
  }
  /* Footer Section End */
	.animation-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.custom-grid-cols-3 {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.head-with-yellow-bg {
		padding: 10px 20px;
		margin-bottom: 10px;
	}
/* 	Contact Us Start */
	.contact-us-right-grid .elementor-form-fields-wrapper .elementor-field-type-text input, .elementor-field-type-email input, .elementor-field-type-tel input {
    width: 100% !important;
	}
/* Contact Us End	 */
/* 	Request a quote Start */
	#form-field-raqname, #form-field-raqemail, #form-field-raqfield_23c08aa, #form-field-raqfield_e79f6b6 {
		width: 100% !important;
		margin-right: 0 !important;
		margin-top: 10px !important;
	}
	/* 	Request a quote End */
	#blog-desc {
		width: 100% !important;
	}
}


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

  /* Hero Section Start */
  .hero_portion {
    grid-template-columns: 1fr;
  }
  .image_container {
    margin: auto;
  }
  /* Hero Section End */

  /* About Us Section Start */
  .image_container_meshvin {
    width: 400px;
    height: 380px;
  }
  .meshvin_paragraph {
    margin: 0;
  }
  .meshvin_button {
    margin-top: 50px;
  }
  /* About Us Section End */ 
  /* Contact Us Start */
	.contact-us-right-grid .elementor-form-fields-wrapper #form-field-name, #form-field-email {
		margin-right: 20px;
	}
	.contact-us-right-grid .elementor-form-fields-wrapper .elementor-field-type-text input, .elementor-field-type-email input, .elementor-field-type-tel input {
    width: 220px;
	}
  /* 	Contact Us End */
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) {
	.hero_portion {
		background-size: cover !important;
	}
	.hero_heading {
		font-size: 46px !important;
	}
}


/* Client Carousel Start */
.client-carousel {
	background-color: #EDF7FD;
}

.carousel {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin: auto;
}

.carousel-container {
    display: flex;
    transition: transform 0.5s ease;
}

.carousel-slide {
    min-width: 100%;
    box-sizing: border-box;
	padding: 10px 70px;
}

.carousel-slide img {
    width: 100%;
    display: block;
}

/* Button styles */
.cBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
	height: 46px;
	width: 46px;
	border-radius: 100%;
}

.cBtn.prev {
    left: 10px;
}

.cBtn.next {
    right: 10px;
}

.cBtn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* RESPONSIVENESS */

/* Mobile and small screen sizes */
@media screen and (max-width: 768px) {
    .carousel-slide {
        min-width: 100%; /* Show 1 slide at a time on small screens */
    }
}

/* Tablets or small desktop screens */
@media screen and (max-width: 1024px) {
    .carousel-slide {
        min-width: 50%; /* Show 2 slides at a time on medium screens */
		padding: 10px;
    }
}

/* Large screens (desktop and larger) */
@media screen and (min-width: 1025px) {
    .carousel-slide {
        min-width: 33.33%; /* Show 3 slides at a time on larger screens */
    }
}
/* Client Carousel End */

/* Review Carousel Start */
.review-carousel-container {
    background-color: #f9f9f9;
    padding: 20px 0;
}

.review-carousel {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin: auto;
}

.review-carousel-content {
    display: flex;
    transition: transform 0.5s ease;
}

.review-carousel-slide {
    min-width: 100%; /* Full width for each slide */
    box-sizing: border-box;
    padding: 10px; /* Padding around each review */
}

.review {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 20px;
}

.review-avatar {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.review-name {
    margin: 10px 0 5px;
    font-size: 1.2em;
}

.review-stars {
    color: #FFD700; /* Gold color for stars */
    margin: 5px 0;
}

.review-description {
    font-size: 0.9em;
    color: #555;
}

/* Button styles */
.review-cBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    height: 46px;
    width: 46px;
    border-radius: 100%;
}

.review-cBtn.prev {
    left: 10px;
}

.review-cBtn.next {
    right: 10px;
}

.review-cBtn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* RESPONSIVENESS */

/* Mobile and small screen sizes */
@media screen and (max-width: 768px) {
    .review-carousel-slide {
        min-width: 100%; /* Show 1 review at a time on small screens */
    }
}

/* Tablets or small desktop screens */
@media screen and (max-width: 1024px) {
    .review-carousel-slide {
        min-width: 100%; /* Still show 1 review at a time */
    }
}

/* Large screens (desktop and larger) */
@media screen and (min-width: 1025px) {
    .review-carousel-slide {
        min-width: 33.33%; /* Show 3 reviews at a time on larger screens */
    }
}
/* Review Carousel End */
/* Custom CSS to enable hover functionality */
    .nav-item.dropdown:hover > .dropdown-menu {
      display: block;
    }

    .dropdown-submenu {
      position: relative;
    }

    .dropdown-submenu:hover > .dropdown-menu {
      display: block;
      top: 0;
      left: 100%;
    }

    /* Optional: You can add some animation for smooth opening */
    .dropdown-menu {
      display: none;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
    }

    .nav-item.dropdown:hover > .dropdown-menu,
    .dropdown-submenu:hover > .dropdown-menu {
      visibility: visible;
      opacity: 1;
      transition-delay: 0s;
	  padding: 0px;
	  top: 30px;
    }

.sub-menu-two {
	top: 0 !important;
}

/* Blog Page Style Start */

.blog-middle-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Default: 3 columns */
  justify-items: center;
  gap: 20px;
  margin: 40px 0;
}

.blog-item {
  background: #EDF7FD;
  max-width: 350px;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.blog-item:hover {
  box-shadow: 4px 4px 5px lightgray;
}

.blog-item:hover .blog-title {
	color: #52B9CC;
}

.blog-item:hover .blog-thumbnail {
  transition: all 0.3s ease-in-out;
  transform: scale(1.03);
}

.blog-thumbnail {
  max-width: 350px;
  height: 200px;
}

.blog-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-content {
  padding: 18px; 
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.blog-date {
	font-weight: 600;
}

.blog-title {
	color: #E94B64;
}

.blog-readmore {
	font-weight: 600;
	color: #000000;
}

.blog-category a {
	color: #E94B64;
}

.wp-pagenavi {
	display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.wp-pagenavi .current {
	display: flex;
    justify-content: center;
    align-items: center;
	background: #E94B64;
	color: #ffffff;
	padding: 5px;
	border-radius: 100%;
	height: 35px;
	width: 35px;
	text-align: center;
	margin-right: 10px;
}

.wp-pagenavi a {
	display: flex;
    justify-content: center;
    align-items: center;
	height: 35px;
	width: 35px;
	border: 1px solid #000000;
	border-radius: 100%;
	text-align: center;
	margin-right: 10px;
	text-decoration: none;
	color: #000000;
}

.wp-pagenavi a:focus, .wp-pagenavi a:hover {
	color: #8d8d8d;
}

.wp-pagenavi .nextpostslink, .previouspostslink {
	background: #000000;
	color: #ffffff !important;
}

.wp-pagenavi .pages {
	display: none;
}

/* Media Queries for Responsiveness */

/* For tablets and small devices (min-width: 600px) */
@media (max-width: 1024px) {
  .blog-middle-container {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
  }
}

/* For mobile screens (max-width: 600px) */
@media (max-width: 600px) {
  .blog-middle-container {
    grid-template-columns: 1fr; /* 1 column on mobile screens */
  }

  .blog-item {
    max-width: 100%; /* Make blog item take full width on mobile */
	margin: 20px 20px;
  }

  .blog-thumbnail {
	max-width: 100% !important;
    height: 200px; /* Adjust image size for mobile */
  }
}
/* Blog Page Style End */

/* Single Page Comment Style Start */

.comment-form label {
	display: block;
	font-weight: 500;
}

.comment-form textarea, input {
	width: 100%;
	text-indent: 5px;
	border-radius: 5px;
    border: none;
    padding: 10px;
}

.comment-form-cookies-consent {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}

.comment-form-cookies-consent label {
	margin: 0;
}

#wp-comment-cookies-consent {
	width: fit-content;
}

.form-submit .submit {
    background-color: #FBBC3B;
    font-family: inherit;
    padding: 10px;
    border: none;
    font-weight: 500;
    transition: all 0.5s ease-out; /* Transition applied to all properties */
}

.form-submit .submit:hover {
    border-radius: 10px;
    background-color: #F1A80D; /* Optional: You can add a color change to make the transition more noticeable */
}

.comment-notes {
	color: gray;
}

.commentlist {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.comment-body {
	padding: 14px 24px;
}

.comment-author img {
	border-radius: 100%;
}

.comment-body {
	background: #ededed;
	border-radius: 10px;
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.comment-respond {
	background: #ededed;
    padding: 14px 24px;
    border-radius: 10px;
}

@media only screen and (max-width: 575px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
}

/* Single Page Comment Style End */

/* Request a Quote - Pop-up Start */
/* Popup styles */
.quote-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    width: 400px;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
}

.popup-form {
    padding: 10px;
}

/* Form styles */
form input, form textarea, #wpforms-2609-field_1, #wpforms-2609-field_2, #wpforms-2609-field_3 {
    width: 100%;
    padding: 10px;
	border-radius: 5px;
}

form input, form textarea {
	margin: 10px 0;
}

form button, #wpforms-submit-2609 {
    padding: 10px 20px;
    background: #fbbc3b;
    color: #000000;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 500;
}


.popup-content-quote {
/*     width: 600px; */
	padding: 0;
	background: #ffffff;
/* 	margin: 70px auto; */
}

.popup-form {
	padding: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 600px;
	background: #ffffff;
}

.raq-header {
	text-align: center;
	background: linear-gradient(90deg, #FBBC3B 0%, #E94B5D 30%, #E94B5D 40%, #E94B5D 50%, #E94B5D 60%, #E94B5D 70%, #FBBC3B 100%);
	color: #ffffff;
	padding: 25px 50px;
}
	
.raq-header svg {
	width: 24px;
	height: 24px;
}

.elementor-social-icons-wrapper {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.elementor-social-icons-wrapper .elementor-grid-item {
	border: 2px solid #ffffff;
    border-radius: 100%;
    padding: 10px;
}

.elementor-social-icons-wrapper .elementor-grid-item a {
	display: flex;
    flex-direction: column;
    align-items: center;
	color: transparent;
}

.elementor-social-icons-wrapper .elementor-grid-item a span {
	display: none;
}

.elementor-social-icons-wrapper svg {
	fill: #ffffff;
}

.raq-form {
	padding: 20px 38px;
}

/* #wpforms-2612-field_1-container */
.raq-form .elementor-form .elementor-field-type-text {
	display: inline-block !important;
}

.elementor-field-type-number {
	display: inline;
}

.raq-form label {
	display: none;
}

/* #wpforms-2612-field_1, #wpforms-2612-field_2, #wpforms-2612-field_3, #wpforms-2612-field_4  */
#form-field-raqname, #form-field-raqemail, #form-field-raqfield_23c08aa, #form-field-raqfield_e79f6b6, textarea{
	width: 250px;
	background: transparent;
	border: 1px solid #000000;
	border-radius: 0;
}

#form-field-raqname:focus, #form-field-raqemail:focus, #form-field-raqfield_23c08aa:focus, #form-field-raqfield_e79f6b6:focus, #form-field-raqmessage:focus {
	background: transparent !important;
	outline: none;
}

/* #wpforms-2612-field_1, #wpforms-2612-field_3 */
#form-field-raqname, #form-field-raqfield_23c08aa {
	margin-right: 20px;
}

#raq-submit-btn, #wpforms-submit-2612 {
	background: #e94b5d !important;
	padding: 10px 50px;
    display: flex;
    margin: auto;
}

/* Auto Popup Start */
.popup {
    display: none !important; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #000;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease-in-out; /* Fade-in transition for the popup */
}

.popup-content {
    background: linear-gradient(0deg, #e94b5d, #fbbc3b);
    padding: 36px;
    border-radius: 5px;
    width: 500px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: top 1s ease, right 1s ease; /* Smooth transition to move the popup content */
}

.popup.show {
    display: block !important; /* Show popup with flexbox */
    opacity: 1; /* Make popup visible */
}

.popup.hide {
	display: none !important;
}

.popup .popup-content #popup-form .form-group label {
	display: none;
}

.popup .popup-content #popup-form .form-group {
	margin-bottom: 0;
}

/* .popup-content {
    text-align: center;
    background: linear-gradient(0deg, #e94b5d, #fbbc3b);
    padding: 36px;
} */

.close-btn {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 30px;
    color: white;
    cursor: pointer;
	margin-top: 5px;
}

.close-btn:hover {
    color: #ff5c5c;
}

/* Blog Portion in Home Page */
.blog-container {
    padding: 20px;
    background-color: #f9f9f9;
}

.blog-container h2 {
    text-align: center;
    margin-bottom: 30px;
}

.blog-layout {
    display: grid;
	grid-template-columns: 1fr 1fr; /* 2 columns of equal width */
	gap: 20px; /* Optional: Adds space between grid items */
}

.blog-post {
    width: 100%; /* Default full width */
    margin-bottom: 20px; /* Bottom margin between posts */
}

.blog-img-container {
	height: 300px;
	width: 100%;
}

.blog-post img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
	object-fit: cover;
}

.blog-info {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

.blog-info h3 {
    font-size: 1.2rem;
    margin: 0;
}

.blog-info p {
    font-size: 0.9rem;
    color: #FAF9F6;
	z-index: 2;
}

/* Responsive Design for smaller screens */
@media (max-width: 768px) {
    .blog-layout {
        grid-template-columns: 1fr;
    }
    .blog-post {
        width: 100%; /* On smaller screens, all posts will take full width */
    }
	.raq-header {
		padding: 10px 15px;
	}
	.raq-form {
    	padding: 10px 15px;
	}
	.popup-form {
		width: 500px;
	}
	#form-field-raqname, #form-field-raqemail, #form-field-raqfield_23c08aa, #form-field-raqfield_e79f6b6 {
		margin: 2.5px 0 !important;
	}
}

.blog-post {
  position: relative;
  overflow: hidden; /* Ensure that the info doesn't show outside the container initially */
}

.blog-img-container {
  position: relative;
  width: 100%;
  height: 300px; /* Adjust as needed for your image size */
  overflow: hidden;
}

.blog-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the container */
}

.blog-info {
  position: absolute;
  bottom: -100%; /* Initially hide the info below the image */
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Dark background for the text */
  color: white;
  padding: 20px;
  transition: bottom 0.3s ease; /* Smooth transition for sliding up */
}

.blog-post:hover .blog-info {
  bottom: 0; /* Slide the info up when hovering over the post */
}

/* Blog Author Style Start */

.author-info {
	background: #EDF7FD;
}

.author-name {
	color: #E94B64;
}

.btn-custom {
	background: #E94B5D;
	color: #FFFFFF;
}

#recent-posts {
	background-color: #F1F2F2 !important;
}

#recent-posts h3 {
	background-color: #E94B5D;
	color: #ffffff;
	text-align: center;
	padding: 10px 0;
}

#recent-posts ul {
	list-style: none;
	padding: 5px 20px 20px;
}

#recent-posts ul li a {
	color: #000000;
	text-decoration: none;
}

#recent-posts ul li {
	border-bottom: 1px solid #000000;
	padding: 10px 0;
}

#recent-posts ul li:hover {
	background: #e94b5d
}

#recent-posts ul li:hover a {
	color: #FFFFFF;
	padding-left: 10px;
	transition: all 0.5s ease-in-out;
}

.blog-contact-form {
	background: #136A84;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	border-radius: 12px;
}

.blog-contact-form p {
	margin: 0px;
}

#blog-name, #blog-email, #blog-contact, #blog-message {
	background: #ffffff;
}

/* Blog Author Style End */

/* Contact Us First & Last Name label of WPForm Start */
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
	display: none !important;
}
/* Contact Us First & Last Name label of WPForm End */

/* WhatsApp Button Style Start */
#whatsapp-button {
    background: green;
    padding: 10px;
    border-radius: 10px;
}

#whatsapp-button a {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
	color: #ffffff;
}

#whatsapp-button .whatsapp-title {
	margin: 0 !important;
}
/* WhatsApp Button Style End */