@charset "utf-8";
/* 
Start Project 
Company Name: Eclick Softwares
Date: 20/08/2024
Time: 11:50AM
Project name: ABS Apparel
Developer Name: Sourav Das
CSS Document 
*/
/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
  --default-font: "Open Sans", sans-serif;
  --secondary-font: "Fraunces", serif;
  --heading-font: "Playfair Display", serif;
  --nav-font: "Open Sans", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root {
  --background-color: #ffffff;
  /* Background color for the entire website, including individual sections */
  --default-color: #212529;
  /* Default color used for the majority of the text content across the entire website */
  --heading-color: #101818;
  /* Color for headings, subheadings and title throughout the website */
  --primary-color: #40B1E1;
  --primary-deep-color: #03A9F4;
  --accent-color: #042E50;
  --heading-color: #022846;
  /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff;
  /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff;
  --dark-color: #000000;
  /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
  --btn-bg: #40B1E1;
  --secondary-btn-bg: #014072;
  --gradient-bg: linear-gradient(96.2deg, #02A2EA 11.55%, #3EC3FF 91.8%);
}

html {
  overflow-x: hidden;
}

figure {
  margin: 0;
  display: block;
}

img {
  max-width: 100%;
  height: auto;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #212529;
  /* The default color of the main navmenu links */
  --nav-hover-color: #e30613;
  /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff;
  /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff;
  /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #212529;
  /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #e30613;
  /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
  --background-color: #f5f5f5;
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: #0d83fd;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #409dfd;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

/* ======== Shreyasi_kundu css starts here 03.03.25 ======== */
/* ===== menu_top_area_start =======*/
@media only screen and (min-width: 1470px) {
  .container {
    max-width: 1440px;
  }
}

/* 
.container {
  position: relative;
} */

.menu_top_area {
  width: 100%;
  background: #4e4e4e;
}

.menu_bottom_area {
  border-bottom: 1px solid #ccc;
}

.header_contact_area ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 30px;
}

.header_contact_area li a {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
}

.header_social_area ul {
  padding: 0;
  margin: 0;
  display: flex;
  list-style: none;
  gap: 20px;
}

.menu_top_area .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.header_social_area li a {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
}

/* ===== menu_top_area_end =======*/

/* ==== menu_bottom_area_start ====== */
.menu_bottom_area nav ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
}

.menu_bottom_area nav ul li:nth-child(3) {
  margin: 0 0 0 500px;
}

/* .menu_bottom_area nav ul li:nth-child(1)
{
  margin-right: 60px;
} */
.menu_bottom_area .logo_part {
  text-align: center;
}

.menu_bottom_area .logo_part a {
  position: relative;
  z-index: 9;
  display: inline-block;
  margin-top: -40px;
}

.menu_bottom_area .logo_part img {
  max-width: 90%;
  height: auto;
}

.menu_bottom_area .nav_part {
  margin: -120px 0 0 0;
  position: relative;
}

.menu_bottom_area .nav_part nav {
  padding: 0 0 25px 0;
  margin: 0;
}

.bg-light {
  background: none !important;
  /* background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; */
}

.menu_bottom_area .navbar-nav li a {

  font-size: 22px;
  line-height: 32px;
  text-transform: uppercase;
  font-weight: 800;
  color: #1A1818;
  font-family: "DM Sans", sans-serif;
}

.menu_bottom_area .container {
  padding: 0;
}

/* .menu_bottom_area nav ul li
{
  margin-right: 60px;
} */
/* ==== menu_bottom_area_end ====== */

/* banner_section_start */
/* .hero section .slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.only_mobile {
  display: none;
}

.hero.section .slide_image_inner_area {
  height: 700px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.hero.section .slider_between_area {
  text-align: center;
}

.hero.section .slider_between_area h3 {
  font-size: 68px;
  font-weight: 800;
  line-height: 70px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
}

.hero.section .slider_between_area h2 {
  font-size: 72px;
  font-weight: 800;
  line-height: 70px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  background-color: red;
  padding: 35px 90px;
  transform: rotate(-3deg);
  margin: 15px 0 15px 0;
}

.banner_content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hero.section .banner_content .get_btn a {
  background-color: #fff;
  padding: 15px 17px;
  border-radius: 10px;
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  margin: 50px 0 0 10px;
}

.hero.section .banner_content .get_btn a:hover {
  background-color: #969696;
  color: #ffff;
  border: 1px solid #969696;
} */

/* banner_section_end */

/* simple_section_start */
/* .banner_bottom_container {
  margin: 100px 0;
}

.banner_bottom_container .section_top_fields {
  text-align: center;
}

.banner_bottom_container .section_top_fields h5 {
  border: 1px solid red;
  border-radius: 130px;
  display: inline-block;
  padding: 7px 50px 5px 50px;
  color: #454545;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 3px;
}

.banner_bottom_container .section_top_fields h2 {
  font-size: 48px;
  line-height: 68px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  padding: 0 319px;
  text-transform: uppercase;
  margin: 30px 0 60px 0;
}

.banner_bottom_container .box-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.banner_bottom_container .box-area h3 {
  text-align: center;
  color: #363636;
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 46px;
  text-transform: uppercase;
}

.banner_bottom_container .box-area .content_area p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  line-height: 28px;
}

.banner_bottom_container .custom_btn {
  text-align: center;
  margin-top: 50px;
}

.banner_bottom_container .custom_btn a {
  border-radius: 5px;
  padding: 14px 24px;
  background: red;
  background: linear-gradient(to right, #FF2A04, #E50000);
  border: 1px solid red;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  background: rgb(255, 42, 4);
  background: linear-gradient(0deg, rgb(255, 42, 4) 11%, rgb(229, 0, 0) 74%);

} */

/* .banner_bottom_container .custom_btn a:hover {
  border: 1px solid red;
  background: linear-gradient(0deg, rgba(255, 42, 4, 1) 11%, rgba(229, 0, 0, 1) 74%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
} */

/* simple_section_end */

/* Premium_product_start */
.Premium_product {
  background: #1B1B1B;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.Premium_product::before {
  position: absolute;
  background: url(../images/tangle.png) no-repeat;
  content: '';
  width: 100vw;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 34px;
  background-size: contain;
}

.Premium_product .first_image_part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.Premium_product .second_image_part img {
  width: auto;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
  margin: 110px 0 0 30px;
}

.Premium_product .first_image_part {
  padding: 50px 0 30px 0;
}

.Premium_product .video_data_part {
  margin: 40px 0 0 0;
}

.Premium_product .left-part h3 {
  font-size: 48px;
  color: #fff;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.Premium_product .left-part .content_area {
  font-size: 17px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  line-height: 28px;
  color: #fff;
}

.Premium_product .buttons_area a {
  background: rgb(255, 42, 4);
  background: linear-gradient(0deg, rgb(255, 42, 4) 11%, rgb(229, 0, 0) 74%);
  border-radius: 8px;
  padding: 14px 37px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.Premium_product .buttons_area {
  margin: 37px 0 0 0;
}

.Premium_product .left-part {
  display: flex;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}

/* Premium_product_end */

/* Service_section_start */
.service_section .service_img_part {
  position: relative;
}

.service_section .service_content_section {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  background: rgb(1, 1, 1);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.76) 0%, rgba(252, 176, 69, 0) 90%);
  border-radius: 17px;
  padding: 50px 0 50px 25px;
}

.service_section .service_content_section .more_btn a {
  padding: 0;
}

.service_section .service_img_part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 17px;
}

.service_section .service_img_part figure {
  height: 300px;
}

.service_section .section_bottom_fields .row {
  row-gap: 10px;
}

.service_section .service_content_section h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 1.2px;
  text-align: justify;
  color: #fff;
  font-family: "Poppins", sans-serif;
}

.service_section .service_content_section p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  /* text-align: justify; */
  color: #fff;
  font-family: "DM Sans", sans-serif;
  max-width: 199px;
}

.service_section .service_content_section .more_btn a {
  border: 1px solid #fff;
  padding: 7px 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
}

.service_section .view_btn a {
  background: rgb(255, 42, 4);
  background: linear-gradient(0deg, rgb(255, 42, 4) 11%, rgb(229, 0, 0) 74%);
  color: #fff;
  padding: 12px 24px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.service_section .view_btn {
  text-align: center;
  margin: 48px 0 0 0;
}

/* Service_section_end */

/* Client_slider_start */
.client_section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.client_section ul li {
  border: 1px solid #CBCBCB;
  border-radius: 16PX;
}

.client_section ul li img {
  width: auto;
  height: auto;
  object-fit: cover;
  margin: 0 auto;
  text-align: center;
}

.client_section ul li figure {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 30px;
  margin: 0 0 0 0 !important;
}

/* Client_slider_end*/

/* ===== customize_section_start ===== */
.customize_section {
  height: 700px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  position: relative;
}

.customize_section .overlay_area {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  max-width: 1022px;
}

.customize_section .overlay_area h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 68px;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  padding: 0 139px;
  font-family: "Poppins", sans-serif;

}

.customize_section .container {
  position: relative;
  height: 100%;
}

.customize_section .custom_content {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #7C7C7C;
  padding: 90px 40px;
  border-radius: 20px;
}

/* ===== customize_section_end ===== */

/* about_container_start */
.about_container {
  margin: 120px 0 0 0;
}

.about_container .about_details_area .image_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.about_container .about_details_area .image_wrap figure {
  position: relative;
  z-index: 1;
}

.about_container .about_details_area:nth-child(2n) .row {
  display: flex;
  flex-direction: row-reverse;

}

.about_container .about_details_area:nth-child(1) .image_wrap figure::before {
  position: absolute;
  right: -70px;
  bottom: -70px;
  width: 100%;
  height: 100%;
  content: '';
  border-radius: 20px;
  background: rgb(255, 42, 4);
  background: linear-gradient(0deg, rgba(255, 42, 4, 1) 11%, rgba(229, 0, 0, 1) 74%);
  z-index: -1;
}

.about_container .about_details_area:nth-child(2) .image_wrap figure::after {
  position: absolute;
  left: -70px;
  bottom: -70px;
  width: 100%;
  height: 100%;
  content: '';
  border-radius: 20px;
  background: rgb(1, 6, 46);
  background: linear-gradient(90deg, rgba(1, 6, 46, 1) 0%, rgba(12, 12, 12, 1) 100%);
  z-index: -1;
}

.about_container .about_details_area:nth-child(2) {
  margin: 150px 0 0 0;
}

.about_container .about_details_area:nth-child(2) .heading_content_area {
  padding: 16px 0 0 0
}

.about_container .about_details_area:nth-child(1) .heading_content_area {
  padding: 100px 0 0 110px;
}

.about_container .about_details_area:nth-child(2) .image_wrap {
  padding: 0 0 0 120px;
}

.about_container .heading_content_area .top_title {
  border: 1px solid red;
  border-radius: 130px;
  display: inline-block;
  padding: 4px 30px 3px 30px;
  color: #454545;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.about_container .heading_content_area h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 68px;
  letter-spacing: 1.2px;
  font-family: "Poppins", sans-serif;
  margin: 26px 0;
}

.about_container .main_content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
  font-family: "DM Sans", sans-serif;
  color: #454545;

}

.about_container .main_content {
  margin-bottom: 39px;
}

.about_container .main_content br {
  display: none;
}

.about_container .heading_content_area .custom_about_link {
  border: 1px solid #4A4A4A;
  border-radius: 5px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  font-family: "Poppins", sans-serif;
}

/* about_container_end */


/* testimonials_section_start */
.testimonials.section {
  background: #EFEFEF;
  margin: 120px 0 0 0;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

.testimonials.section::before {
  position: absolute;
  background: url(../images/test.png) no-repeat;
  content: '';
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-size: contain;
}

.testimonials.section .container.section-title {
  text-align: center;
}

.testimonials.section .container.section-title h2 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  border: 1px solid red;
  display: inline-block;
  margin: 0 auto;
  padding: 5px 50px 5px 50px;
  border-radius: 130px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 30px 0;
}

.testimonials.section .container.section-title p {
  font-weight: 700;
  font-size: 48px;
  line-height: 68px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  text-align: center;
  padding: 0 164px;
}

.testimonials.section .testimonial_content {
  display: flex;
  gap: 15px;
}

.testimonials.section .testimonial-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}

.testimonials.section .review_area {
  margin: 50px 0 0 0;
}

.testimonials.section .testimonial-item {
  background-color: #fff;
  border-radius: 14px;
  padding: 30px;
  position: relative;
}

.testimonials.section .testimonial_text h3 {

  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  font-family: "DM Sans", sans-serif;
  margin: 0 0;
}

.testimonials.section .testimonial_text h4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  font-family: "DM Sans", sans-serif;
  margin: 0 0;
}

.testimonials.section .stars {
  color: #FFC107;
}

.testimonials.section .testimonial-item p {
  font-weight: 400;
  font-size: 15px;
  font-style: italic;
  line-height: 28px;
  font-family: "DM Sans", sans-serif;
  color: #454545;
  margin: 27px 0 0 0;
}

.testimonials.section .owl-stage-outer {
  padding: 0 0 80px 0;
}

.testimonials.section .testimonial-item::before {
  position: absolute;
  content: '';
  background-image: url(../images/dots.png);
  width: 47px;
  height: 34px;
  bottom: -10px;
  right: 7%;
}

/* testimonials_section_end */

/* footer_section_start */
/* footer {
  background: #1C1C1C;
} */

.footer .footer-links a {
  color: #fff;
}

footer .footer_about p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 1px;
  color: #fff;
  padding-right: 33px;
  font-family: "DM Sans", sans-serif;
}

footer .social-links i {
  color: #454545;
  border: 1px solid #454545;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer .social-links {
  gap: 10px;
}

footer #nav_menu-2 h2,
footer #nav_menu-3 h2,
.footer-contact h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 44px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

footer #nav_menu-2 ul li a,
footer #nav_menu-3 ul li a,
.footer-contact p {
  font-weight: 400;
  font-size: 16px;
  line-height: 44px;
  color: #fff;
  font-family: "DM Sans", sans-serif;
}

.footer-contact {
  padding: 0 0 0 0 !important;
}

footer .copy_right {
  border-top: 1px solid #fff;
}

/* .footer_copyright {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  letter-spacing: 1px;
  color: #fff;
} */

footer .credits a {
  color: #fff;
}

/* .copyright_text {
  position: relative;
  padding-right: 10px;
} */

.copyright_text::after {
  position: absolute;
  content: '|';
  right: 4px;
  top: 0;
}

footer .footer-top {
  padding: 50px 0;
}

footer .footer_logo_area {
  padding-left: 120px;
}

/* footer_section_end */
.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #1A1818;
  text-align: center;
  min-width: 116px;
  padding: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid;
  background-color: transparent;
  border-color: #1A1818;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
}

.upload__btn:hover {
  background-color: unset;
  color: #4e4e4e;
  transition: all 0.3s ease;
  border-color: #4e4e4e;
}

.upload__btn p {
  margin: 0;
  font: normal 500 16px "Poppins", sans-serif;
  text-transform: uppercase;
}

.upload__btn p i {
  margin-left: 5px;
}

.upload__btn-box {
  margin-bottom: 10px;
}

.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  align-items: center;
}

.upload__img-box {
  width: 170px;
  padding: 0 10px;
  margin-bottom: 12px;
}

.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
  color: #FFF;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}

/* Premium_product_start */
.second_image_part {
  position: relative;
  z-index: 1;
}

.second_image_part::after {
  position: absolute;
  content: '';
  background: linear-gradient(0deg, rgba(255, 42, 4, 1) 11%, rgba(229, 0, 0, 1) 74%);
  width: 254px;
  height: 254px;
  border-radius: 50%;
  right: 0;
  top: 26px;
  z-index: -1;
}

.right-part {
  position: relative;
  z-index: 1;
}

.right-part::before {
  position: absolute;
  content: '';
  width: 740px;
  height: 740px;
  background: linear-gradient(0deg, rgb(180, 43, 17) 45%, rgb(201, 37, 37) 79%);
  border-radius: 50%;
  z-index: -1;
  bottom: -225px;
  left: -200px;
}

/* Premium_product_end */

/* innerBanner_start */
.innerBanner {
  position: relative;
  max-height: 500px;
  overflow: hidden;
}

.innerBanner::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.iBannerInfo .container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 2;
}

.iBannerInfo .container h1 {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-weight: 800;
  font-size: 68px;
  line-height: 80px;
  text-transform: uppercase;
}

.iBannerInfo .container h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 30px;
  line-height: 50px;
  text-transform: uppercase;
}

/* service_listing_start */
/* .section_bottom_fields .box-specialClass .service_img_part
{
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
} */
/* .section_bottom_fields .service_content_section
{
  padding: 165px 127px;
} */
/* .service_img_part figure
{
  height: 380px;
} */
.service_listing_section .service_img_part figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .section_bottom_fields .box
{
  padding: 0;
}
.section_bottom_fields .box-specialClass
{
  padding: 0;
} */
.service_listing_section .service_content_section h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 37px;
  line-height: 44px;
  text-transform: uppercase;

}

.service_listing_section .service_content_section h3 a {
  color: #222222 !important;
}

.service_listing_section .service_img_part {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  min-height: 100%;
}

.service_listing_section .service_content_section {
  display: grid;
  align-content: center;
  padding: 50px;
  text-align: center;
}

.service_listing_section .service_img_part figure {
  margin: 0;
}

.service_listing_section .service_content_section {
  display: grid;
  align-content: center;
  padding: 50px;
}

.box-specialClass .service_content_section {
  order: -1;
}

.service_listing_section .service_content_section p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #222222 !important;
  margin: 15px 0;
}

.service_listing_section .more_btn a {
  font-family: "Poppins", sans-serif;
  background: #383838;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;

}

.service_listing_section .image_part figure {
  position: relative;
}

.service_listing_section .box .image_part figure::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #B8B8B8 transparent transparent;
  border-width: 40px 40px 40px 40px;
  transform: rotate(-90deg);
  bottom: -80px;
  left: 194px;
}

.service_listing_section .box-specialClass .image_part figure::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #B8B8B8 transparent transparent;
  border-width: 40px 40px 40px 40px;
  transform: rotate(90deg);
  top: -80px;
  left: 194px;
}

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

/* service_listing_end */

/* service_details_page_start */
.containerSection {
  overflow: hidden;
}

.containerSection .services_area figure {
  height: 600px;
}

.containerSection .service_content_area {
  margin: 80px 0 0 44px;
}

.containerSection .services_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .containerSection .service_content_area {
  padding: 85px 246px 0 28px;
} */

.containerSection .service_content_area h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 68px;
  line-height: 91px;
  text-transform: uppercase;
}

.containerSection .content_part p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  text-align: justify;
  color: #454545;
  max-width: 653px;
}

.containerSection .related_products {
  margin: 60px 0;
}

.containerSection .service_box {
  border: 1px solid #B6B6B6;
  border-radius: 16px;
  text-align: center;

}

/* service_details_page_end */
/* innerBanner_end */
/* custom_quote_start */
/* .section.custom-quote {
  padding: 100px 0;
} */
.quote_section {
  margin: 120px 0 100px 0;
}

#customQuoteFrom {
  margin: 0 auto;
  max-width: 80%;
  box-shadow: rgba(0, 0, 0, 0.24) 18px 24px 52px;
  border-radius: 20px;
  border: 1px solid #ccc;
  background: #FFF;
  padding: 35px 35px 5px;
  max-width: 800px;
  z-index: 1;
  position: relative;
}

#customQuoteFrom .quote-group {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin: 20px 0;
  padding: 30px 12px;
  border-radius: 10px;
}

.custom-quote form select {
  -webkit-appearance: none;
  background-image: url('../images/bg-select-w.svg');
  background-position: calc(100% + -8px) center;
  -webkit-background-size: contain;
  background-size: 30px;
  background-repeat: no-repeat;
  padding-right: 2.5em !important;
  padding-top: .45em;
  cursor: pointer;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden !important;
  white-space: nowrap;
}

.custom-quote form input,
.custom-quote form select {
  background: 0 0;
  border: 1px solid #454545;
  border-radius: .38em;
  font-size: 15px;
  height: 2.88em;
  line-height: 24px;
  padding: .3em 1em 0;
  display: block;
  width: 100%;
  color: #454545;
  margin: 20px 0;
}

.custom-quote form input::placeholder,
.custom-quote form textarea::placeholder {
  font-size: 15px;
  text-transform: uppercase;
  color: #4545454f;
}

.custom-quote form .form-group {
  display: flex;
  column-gap: 10px;
  position: relative;
  /* align-items: center; */
}

.custom-quote form input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  accent-color: #E50000;
}

.custom-quote form .form-group p {
  font: normal 400 16px "DM Sans", sans-serif;
  line-height: 26px;
  color: #454545;
  margin: 0;
}

.custom-quote form label {
  font-size: 18px;
  margin-top: 8px;
}

.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #E50000;
  text-align: center;
  min-width: 116px;
  padding: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid;
  background-color: transparent;
  border-color: #E50000;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
}

.custom-quote form .form-group button {
  padding: 10px 50px;
  font-size: 18px;
  background: rgb(255, 42, 4);
  background: linear-gradient(0deg, rgb(255, 42, 4) 11%, rgb(229, 0, 0) 74%);
  color: #fff;
  border-color: transparent;

}

.custom-quote form .form-group button::after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0px;
  right: -20px;
  transition: 0.5s;
  font-size: 30px;
}

.custom-quote form .form-group button:hover::after {
  opacity: 1;
  right: 26px;
}

.custom-quote form .form-group.btn-wrap {
  display: inline-block;
}

.custom-quote form .form-group button:hover {
  padding-right: 55px;
  padding-left: 40px;
}

.tbtn {
  display: inline-block;
  vertical-align: middle;
  font: normal 500 16px "Poppins", sans-serif;
  padding: 10px 18px 8px;
  text-align: center;
  text-transform: uppercase;
  background: var(--navyBlueColor);
  text-decoration: none;
  color: #FFF;
  border-radius: 25px;
  border: 1px solid var(--navyBlueColor);
  transition: all 400ms ease-in;
}

.custom-quote form .form-group.acceptPolicy {
  margin: 20px 0 0 0;
}

#customQuoteFrom .section_top_fields h2 {
  font-size: 36px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}

.custom-quote form .form-group.createAccCheck {
  align-items: center;
}

.custom-quote form .form-group.createAccCheck input[type="checkbox"] {
  margin-bottom: 0;
}

.createAcc.createAccCheck span {
  font: normal 400 16px "DM Sans", sans-serif;
  line-height: normal;
  line-height: 26px;
  color: #454545;
}

.custom-quote form input[type="color"] {
  width: 44px;
  padding: 5px;
  margin: 0;
}

#firstField .quote-group .form-control {
  margin: 0 0;
}

#secondField .quote-group .form-control {
  margin: 0 0;
}

#customQuoteFrom .acceptPolicy a {
  color: #000d70;
  text-decoration: underline;
}

/* custom_quote_end */

.summary.entry-summary h1 {
  font: normal 400 44px / 1.2 "Poppins", sans-serif;
  color: #000;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.summary.entry-summary .price bdi {
  color: #00094C;
  font-size: 30px;
  font-weight: 700;
}

.summary.entry-summary .input-text.qty {
  height: 42px;
}

.summary.entry-summary .lumise-customize-button {
  margin-left: 25px;
  margin-top: 1px;
  height: 42px;
  width: 160px;
  background: #383838 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0px;
  border: 1px solid #383838 !important;
  text-align: center;
  font-size: 17px;
  line-height: 40px;
}

.services_area .service_content_area .short_content strong {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 30px;
}

.services_area .service_content_area .short_content span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  padding-left: 6px;
}

.services_area .service_content_area .short_content.turnaround_content {
  margin: 10px 0 0 0;
}

/* .zigzag_section .container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
} */

.zigzag_section .inner_data .row:nth-child(even) {
  display: flex;
  flex-direction: row-reverse;
}

.zigzag_section figure {
  margin: 0;
}

.zigzag_section .inner_data_content h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 43px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 60px;
}

.zigzag_section .inner_data_content .content p {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;

}

.zigzag_section .inner_data_content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 100px 0 0;
  flex-direction: column;
}

.zigzag_section .inner_data .row:nth-child(2n) .inner_data_content {
  padding: 0 0 0 100px;
}

/* .zigzag_section .inner_data .row:nth-child(2n) .inner_data_content h3 {
  padding: 0 164px 0 0px;
} */

.related_container {
  margin: 50px 0;
}

.related_products .product_lists {
  display: flex;
  list-style: none;
  gap: 25px;
  padding: 0;
  margin: 0 25px;
}

.related_products .service_box {
  border: 1px solid #B6B6B6B6;
  border-radius: 16px;
}

.related_products .product_lists figure {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin: 0;
}

.related_products .service_box h2 {
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;

}

.related_products .service_box a {
  color: #2E2E2E;

}

.proud_section .client_section {
  margin: 120px 0 100px 0;
}

.woocommerce-tabs .tabs {
  display: none;
}

.summary.entry-summary .single_add_to_cart_button {
  margin-left: 25px;
  margin-top: 0px;
  height: 42px;
  width: 160px;
  background: #383838 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0px;
  border: 1px solid #383838 !important;
  text-align: center;
  font-size: 17px;
  line-height: 40px;
}

.product_meta span {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

#client_slider .owl-nav {
  display: flex;
  justify-content: center;
  text-align: center;
}

#client_slider .owl-nav .owl-prev {
  position: absolute;
  top: 38%;
  right: -64px;
}

#client_slider .owl-nav .owl-next {
  position: absolute;
  top: 38%;
  left: -64px
}

#client_slider .owl-nav i {
  font-size: 14px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 50%;
  color: #000;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid #E9E9E9;
}

body.woocommerce .products .product .lumise-list-button {
  background: linear-gradient(0deg, rgb(255, 42, 4) 11%, rgb(229, 0, 0) 74%);
}

.woocommerce ul.products li.product .button {
  display: inline-block;
  margin-top: 1em;
  background: linear-gradient(0deg, rgb(255, 42, 4) 11%, rgb(229, 0, 0) 74%);
  color: #fff;
}

.woocommerce-tabs #tab-reviews {
  display: none !important;
}

/* contact_us_page_start */
/* .contactPage {
  margin: 100px 0;
} */

/* .cnt_content_wrap .noList.contact-info h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 48px;
  text-transform: uppercase;
  line-height: 60px;
} */

.cnt_content_wrap .address a {
  font-family: "Inter", sans-serif;
  color: #2C2C2C;
  font-weight: 400;
  font-size: 32px;
  line-height: 46px;
  letter-spacing: 0.1px;
}

/* .cnt_content_wrap .phone_email {
  margin: 80px 0;
} */

.cnt_content_wrap .phone_email a {
  font-family: "Inter", sans-serif;
  color: #2C2C2C;
  font-weight: 600;
  font-size: 32px;
  line-height: 46px;
  letter-spacing: 0.1px;
  display: block;
}

.form_wrap .wpcf7-submit {
  padding: 10px 50px;
  font-size: 18px;
  background: rgb(255, 42, 4);
  background: #40B1E1;
  color: #fff;
  border-color: transparent;
  width: auto;
  height: auto;
}

.cnt_content_wrap ul {
  padding: 0;
  list-style: none;
}

.social_area .social_lists {
  display: flex;
  gap: 10px;
}

.social_area .social_lists a {
  width: 50px;
  height: 50px;
  border: 1px solid #E0DCDC;
  border-radius: 50%;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

.wpcf7-form-control,
.comment-form .wpcf7-form-control,
.comment-form input:not([type="checkbox"], [type="submit"]),
.comment-form textarea, 
.widget_search [type=search]{
  padding: 5px 20px;
  width: 100%;
  height: 54px;
  border: 1px solid #D2D2D2;
  -webkit-border-radius: 6px;
  border-radius: 4px;
  background-color: #F5F5F5;
  color: #504949;
  caret-color: #000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
  position: relative;
  vertical-align: top;
  outline: none;
  -moz-transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;

}
input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--primary-deep-color);
  cursor: pointer;
  margin: 5px 6px 0 0;
  display: inline-block;
  vertical-align: top;
}
.comment-respond .comment-form textarea{
  height: 150px;
}
.comment-form-cookies-consent {
  display: flex;
  align-items: start;
}
.comment-form-cookies-consent input[type="checkbox"]{
  margin-top: 4px;
}
.wpcf7-form-control-wrap .wpcf7-textarea {
  height: 160px;
}

.codedropz-upload-handler {
  width: 80%;
  height: 182px;
}

.codedropz-upload-container {
  padding: 20px 0 !important;
}

.codedropz-upload-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.codedropz-upload-handler .codedropz-btn-wrap {
  background-color: #fff;
  margin: 10px 0;
  color: #000;
  border: 1px solid #ccc;
  padding: 10px 20px 10px 20px;
}

.codedropz-btn-wrap::before {
  content: "\f093";
  font-family: 'FontAwesome';
  margin: 0 10px 0 0;
}

.codedropz-btn-wrap a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: #616161;
}

/*.cnt_content_wrap {
  float: right;
  position: relative;
}

 .cnt_content_wrap::before {
  position: absolute;
  content: '';
  background: #DCDCDC;
  width: 1px;
  height: 100%;
  left: -70px;
} */
.form_wrap h2, .cnt_content_wrap .noList.contact-info h2{
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.25;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}

.form_wrap h5 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin-bottom: 34px;
}

.form_wrap #request_submit {
  padding: 10px 50px;
  font-size: 18px;
  background: rgb(255, 42, 4);
  background: linear-gradient(0deg, rgb(255, 42, 4) 11%, rgb(229, 0, 0) 74%);
  color: #fff;
  border-color: transparent;
  width: auto;
  height: auto;
}

.formLabel-wrap {
  position: relative;
}

.formLabel-wrap .dd-alert-area {
  position: absolute;
  bottom: 8px;
  font-size: 12px !important;
  color: red !important;
  pointer-events: none;
  left: 8px;
  font-style: italic;
  /* width: 80%; */
}

.formLabel-wrap .wpcf7-not-valid-tip {
  position: absolute;
  top: 14px;
  right: 10px;
  font-size: 14px;
}

.wpcf7 form.invalid .wpcf7-response-output {
  width: 80%;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
  width: 78%;
}

.dnd-upload-counter {
  color: red;
}

/* contact_us_page_end */

/* sample_order_page_start */
.entry.product .listing_main_inner_group {
  display: flex;
  justify-content: space-between;
  background: #000;
  padding: 0 0 0 20px;
}

.entry.product .listing_main_inner_group h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  line-height: 25px;
  text-transform: uppercase;
  padding: 10px 0 0 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.entry.product .listing_main_inner_group span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  line-height: 25px;
  letter-spacing: 0.5px;
}

.entry.product {

  border: 1px solid #B4B4B4;

}

.listing_product_box {
  background: #D20000;
}

.listing_product_box i {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
}

.entry.product img {
  margin: 0 !important;
}

.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
  width: calc(25% - 0px) !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: left;
  margin: 0 19px 35px !important;
}

.shop_container {
  margin: 100px 0;
}

/* sample_order_page_end */


/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 20px;
  bottom: -15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

/* # Scroll Top Button_end */

/* =================Header Start================= */
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}

.full_menu_area .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.custom-logo-link {
  display: block;
}

.logo_part {
  max-width: 160px;
  transition: 0.3s;
}

.nav_part {
  display: flex;
  align-items: center;
  column-gap: 60px;
}

.nav_part .navbar {
  padding: 0;
}

.nav_part .navbar-nav {
  column-gap: 40px;
}

.nav_part .navbar-nav>li>a {
  line-height: 40px;
}

/* .nav_part .navbar-nav > li > a:hover
{
  color: #3ec3ff;
} */
/* .nav_part .navbar-nav > li.current-menu-item > a {
	color: #3ec3ff;
	text-decoration: none;
} */
.fixedHeader .nav_part .navbar-nav>li.current-menu-item>a {
  color: #fff;
  text-decoration: none;
}

.fixedHeader .nav_part .navbar-nav>li.current-menu-item>a:hover {
  color: #fff;
}

nav li.current-menu-item a span::after,
nav a:hover span::after {
  width: 70%;
}

nav a span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  background: #fff;
  height: 3px;
  width: 0%;
  z-index: -1;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

nav ul li {
  position: relative;
}

.nav_part .navbar-nav a {
  display: block;
  color: var(--contrast-color);
  font-size: 17px;
  font-family: var(--nav-font);
}

.btn-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}

.btn, .pmpro_member_log_out a{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  cursor: pointer;
  font: 400 16px / normal var(--default-font);
  --height: 48px;
  height: var(--height);
  line-height: calc(var(--height) - 2px);
  border: 1px solid transparent;
  outline: none;
  background: var(--btn-bg);
  color: var(--contrast-color);
  min-width: 140px;
  text-align: center;
  padding: 0 24px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.btn.white-btn:not(:hover) {
  color: var(--dark-color);
}

.btn:hover {
  color: var(--contrast-color);
  background: var(--secondary-btn-bg);
}

.btn.gradient-btn:not(:hover) {
  background: transparent;
}

.btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gradient-bg);
  z-index: -1;
  opacity: 0;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.btn.gradient-btn:not(:hover)::before {
  opacity: 1;
}

.btn.white-btn:not(:hover) {
  background: var(--contrast-color);
}

.buttons_area .btn,
.btn.lg {
  min-width: 160px;
  --height: 54px;
  font-size: 17px;
}

.btn:has(i, img) {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  max-width: max-content;
}

.btn img {
  max-width: 100%;
}

.btn i {
  font-size: 1.1em;
}

.btn-img-wrap {
  position: relative;
  z-index: 1;
  width: 20px;
}

.btn-img-wrap img {
  position: absolute;
  top: -8px;
  left: 0;
}

.btn:hover .normal-img,
.btn .hover-img {
  opacity: 0;
  visibility: hidden;
}

.btn:hover .hover-img {
  opacity: 1;
  visibility: visible;
}

.btn.radius-btn {
  border-radius: 50px;
}

/* =================Header Ends================= */

/* =================Banner Start================= */
.hero .slide_image_inner_area {
  --minHeight: 630px;
  min-height: clamp(var(--minHeight), 100vh, 930px);
  background-size: cover !important;
  background-position: center center !important;
  padding-block: 80px;
  display: grid;
  align-content: end;
  position: relative;
  z-index: 1;
}

.only_mobile {
  display: none;
}

.heading,
.title,
.subheading,
.subtitle {
  display: block;
  font: 400 48px / 1.15 var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 24px;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.title {
  font-size: 36px;
  margin-bottom: 16px;
}

.subheading {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 8px;
}

.subtitle {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 8px;
}

p,
div:not([class]) {
  margin: 0 0 16px;
  line-height: 1.8;
}

p:last-child,
div:not([class]):last-child {
  margin-bottom: 0;
}

.bannerText-in {
  max-width: 650px;
  color: var(--contrast-color);
  font-size: 17px;
}

.slider_between_area .heading {
  color: inherit;
  font-size: 60px;
  margin-bottom: 24px;
}

.banner_btn {
  margin-top: 30px;
}

/* =================Banner Ends================= */

/* =================Counter Start================= */
.rj_counter {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.counter-section {
  margin-top: 60px;
}

.rj-count-box {
  text-align: center;
  padding: 8px 24px 8px 0px;
  font-size: 17px;
  letter-spacing: 0.3px;
  position: relative;
  z-index: 1;
}

.rj-count-box::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: var(--contrast-color);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  right: -3px;
}

.rj-count-box::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(0deg, #fff 36%, transparent 36%, transparent 64%, #fff 64%);
}

.rj-count-box:last-child::before,
.rj-count-box:last-child::after {
  display: none;
}

.rj_count {
  display: block;
  font: 600 48px/1 var(--secondary-font);
  margin-bottom: 8px;
}

/* =================Counter Ends================= */

/* =================Section Ends================= */
.section {
  position: relative;
  z-index: 1;
  padding-block: 50px;
}

.banner_bottom_container {
  margin-top: 30px;
}

.section_content {
  max-width: 830px;
  margin-bottom: 40px;
}

.section_content.text-center {
  margin-inline: auto;
}

.section_top_join_area .section_content {
  max-width: 800px;
}
.join_steps_row {
  background: #EEF9FF;
  border-radius: 1.5vw;
  margin-top: 50px;
  overflow: hidden;
  border: 1px solid #CDCDCD;
}
.join_steps_row:nth-child(2n) {
  background: #042E50;
  color: var(--contrast-color);
}

.join_steps_row:nth-child(3n) {
  background: #F8F8F8;
}

.join_steps_row .content_area {
  padding: 60px 70px;
  max-width: 650px;
}

.join_steps_row .image_area,
.join_steps_row .image_area figure {
  margin: 0;
  height: 100%;
}

.join_steps_row .image_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.subtag {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.subtag {
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #272727;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}

.sp_counter {
  display: inline-block;
  vertical-align: top;
  font: 600 100px/ 1 var(--secondary-font);
  background: linear-gradient(74.3deg, #03A9F4 -15.8%, #179AD5 30.2%, #014072 69.33%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.join_steps_row:nth-child(2n) .sp_counter {
  background: linear-gradient(90deg, #03A9F4 -15.8%, #179AD5 50%, #ffffff 55%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.join_steps_row .heading_area {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-bottom: 24px;
}

.join_steps_row .title {
  margin: 0;
  font-size: 32px;
  max-width: 320px;
  text-wrap: balance;
  align-self: center;
}

.join_steps_row:nth-child(2n) .title,
.join_steps_row:nth-child(2n) .subtag {
  color: inherit;
}

.btn_left,
.btn_center {
  margin-top: 40px;
}

.btn_center {
  text-align: center;
}

/* =================Membership Box================= */
.relative {
  position: relative;
  z-index: 1;
}

.package_box_area {
  max-width: var(--width);
  z-index: 1;
  padding: 20px;
  background: var(--contrast-color);
  box-shadow: 0px 4px 24px 0px #0057871F;
  border-radius: 20px;
  font-size: 15px;
}

.join_steps_row .package_box_area {
  position: absolute;
  bottom: 20%;
  --width: 320px;
  right: calc(-0.5 * var(--width));
}

.subscription_box .subs_list {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  margin: 0px 0px 16px;
  list-style: none;
  border: 1px solid #CCCCCC;
  max-width: max-content;
  border-radius: 50px;
}

.subscription_box .subs_list li {
  line-height: normal;
}

.subscription_box .subs_list li:not(:first-child) {
  margin-left: -12px;
}

.subscription_box .subs_list a {
  display: block;
  padding: 6px 18px;
  font-size: 14px;
  font-weight: 500;
  text-shadow: 0px 0px currentColor;
  cursor: pointer;
  border-radius: 50px;
}

.subscription_box .subs_list .active a {
  background: var(--primary-deep-color);
  color: var(--contrast-color);
  text-shadow: none;
}

.subscription_box_besc p {
  line-height: 1.5;
}

.subscription_box .btn {
  font-size: 14px;
  --height: 48px;
  padding-inline: 20px;
  letter-spacing: 0.3px;
  margin-top: 16px;
}

.subscriptionPrice {
  font: 600 32px/ 1 var(--secondary-font);
  color: #014072;
  margin-bottom: 12px;
}

.subscriptionPrice em {
  font-style: normal;
}

.subscriptionPrice small {
  font-size: 0.6em;
  color: var(--bs-black);
  font-family: var(--default-font);
  margin-left: 8px;
}

/* =================Section Ends================= */

/* =================Owl Carousel Ends================= */
.owl-nav [class*="owl-"],
.flex-prev,
.flex-next,
[class*="swiper-button-"] {
  --space: 44px;
  --offset: -30px;
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 6px 4px 4px 6px;
  font-size: 18px;
  width: var(--space);
  height: var(--space);
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--contrast-color);
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  opacity: 1;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.sm .owl-nav [class*="owl-"],
.sm .flex-prev,
.sm .flex-next,
.sm [class*="swiper-button-"] {
  --space: 36px;
  font-size: 16px;
}

.owl-nav .owl-prev,
.flex-prev,
.swiper-button-prev {
  left: var(--offset);
}

.owl-nav .owl-next,
.flex-next,
.swiper-button-next {
  right: var(--offset);
  padding-inline: 4px 6px;
}

.owl-next i {
  margin-left: 2px;
}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.4;
  background: #dfdfdf;
}

.owl-nav [class*="owl-"]:not(.disabled):hover {
  background: var(--primary-deep-color);
  border-color: var(--primary-deep-color);
  color: var(--contrast-color);
  opacity: 1;
}

.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 50px;
  line-height: 0;
}

.owl-carousel .owl-dots .owl-dot {
  min-width: auto;
  width: 12px;
  height: 12px;
  border: 2px solid transparent;
  background: var(--primary-color);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0px 6px;
  opacity: 0.2;
}

.owl-dot.active+.owl-dot {
  opacity: 0.4;
}

.owl-carousel .owl-dots .owl-dot.active {
  opacity: 1;
}

.owl-carousel:not(.homeslider, .hoverExpand) .owl-item img {
  width: auto;
  margin: 0 auto;
}
.service_section_container .container {
  position: relative;
}

/* =================Owl Carousel Ends================= */

/* =================Services Section Start================= */
.service_section_container {
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 120px 0;
  overflow: hidden;
  position: relative;
}

*.w {
  color: inherit;
}

#service_slider .owl-stage-outer, #page_service_slider .owl-stage-outer{
  margin-right: -14vw;
}

#service_slider .owl-stage {
  display: flex;
}

.service_box_data {
  background: #DCF3FF;
  padding: 6px;
  border-radius: 16px;
  color: var(--heading-color);
  display: grid;
  grid-template-columns: repeat(1, 5fr 4fr);
  gap: 20px;
  align-items: end;
  min-height: 100%;
  font-size: 16px;
}

.service_box_data.service_box_data_even {
  background: var(--contrast-color);
}
.image_area, .image_area figure,
.service_box_data figure, .service_box_data figure img {
	height: 100%;
}
.service_box_text {
  padding: 20px;
}

.icon-button {
  padding: 4px;
  --width: 36px;
  display: grid;
  place-items: center;
  width: var(--width);
  height: var(--width);
  font-size: calc(var(--width) / 1.5);
  transform: rotate(130deg);
  margin-top: 10px;
}

/* =================Services Section Ends================= */

/* ======== Shreyasi_css_starts_here_28.03.2025 ======== */
/* Benefit_section_start */
.benefit_section_container {
  /* margin: 60px 0; */
  background: #F6F8FF;
  padding: 60px 0;
}

.section_top_fields h2:not(.heading) {
  font: 400 48px / 1.2 var(--heading-font);
  text-align: center;
}

.benf_lists .benefit {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 40px 0;
  border-bottom: 1px solid #D1D1D1;
}

.benf_lists_text .content-part h3 {
  font: 600 20px / 1.5 var(--default-font);
  color: #222222;
}

/* .benf_lists_text .content-part p {
  font: 400 16px / 27px var(--default-font);
} */

.benf_main_list_container {
  position: relative;
  padding: 0px 30px;
}

[class*="col-"]:nth-child(odd) .benf_main_list_container::before {
  position: absolute;
  content: '';
  background-color: #D1D1D1;
  width: 1px;
  height: 100%;
  top: 0px;
  right: -15px;
}

.section_middle_fields {
  padding: 50px 0;
}
.section_bottom_field p {
	font-size: 1.1em;
}

/* Benefit_section_end */


/* about_container_start */
.about_main_part .left_side_data {
  border: 1px solid #DBDBDB;
  border-radius: 18px;
  padding: 50px 50px 70px;
}

/* .about_main_part .left_side_data h2 {
  font: 400 48px / 68px var(--heading-font);
} */

.about_main_part .left_side_data .content-area p {
  font: 400 17px / 28px var(--default-font);
}

.about_main_part .left_side_data .content-area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about_main_part .left_side_data .content-area li {
	position: relative;
	padding: 10px 0 10px 26px;
	font-size: 16px;
	line-height: 1.7;
}

.about_main_part .left_side_data .content-area li::before {
  content: "\f00c";
  position: absolute;
  font-family: FontAwesome;
  top: 16px;
  color: #000;
  transition: color 0.3s;
  left: 0;
  border-radius: 50%;
  border: 1px solid #000;
  width: 18px;
  height: 18px;
  /* line-height: 18px; */
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about_main_part .left_side_data .content-area li strong {
	font: 600 1.2em / 1.5 var(--default-font);
	display: block;
	margin-bottom: 8px;
}
.about_main_part .left_side_data .content-area li strong + br{
  display: none;
}
.about_main_part .right_side_data {
  background: url(../images/about.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 52px;
  width: auto;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

/* .about_main_part .right_side_data h5 {
  font: 500 18px / 1.4 var(--default-font);
  text-transform: uppercase;
  color: #fff;
} */

.about_main_part .right_side_data .content-area p {
  /* font: 400 17/ 28px var(--default-font); */
  color: #fff;
  text-align: justify;
  max-width: 538px;
  padding: 28px 0 0 0;
}

/* .about_main_part .right_side_data .button_part span {
  background: #40B1E1;
  line-height: 46px;
  padding: 0 32px;
  display: inline-block;
  border-radius: 12px;
  font-family: var(--default-font);
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  font: 400 16px / 60px var(--default-font);

} */

.about_main_part .right_side_data .button_part {
  margin: 40px 0 0 0;
}

/* about_container_end */
/* testimonial_section_start */
.testimonial_container {
  margin: 60px 0 0 0;
}

.testimonial_container .top_heading_part h2 {
	text-align: center;
	max-width: 550px;
	margin-inline: auto;
}
.testimonial_box {
  border: 1px solid #ECECEC;
  border-radius: 16px;
  padding: 50px;
  position: relative;
  /* flex: 1 1 calc(33.333% - 20px); */
  flex: 1 0 40%;
}

.testimonial_box::before {
  position: absolute;
  content: '';
  background: url(../images/Vector\(4\).png) no-repeat;
  width: 47px;
  height: 34px;
  bottom: 58px;
  right: 4%;
}

.testimonial_box .content_part {
  padding: 50px 0;
}

.testimonial_box .stars {
  color: #FFB007;
}

.testimonial_details_part {
  display: flex;
  gap: 20px;
  padding: 60px 0 0 0;
  flex-wrap: wrap;
}

.testimonial_container .testimonial_content {
  display: flex;
  gap: 15px;
  align-items: center;
}

.testimonial_container .testimonial_content .testimonial_image img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}

/* testimonial_section_end */
/* membership_section_start */
.home_bottom_part {
  background: url(../images/membership.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 690px;
  position: relative;
  margin: 100px 0 0 0;
}

.home_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.home_bottom_part .join_box:has(.package_box_area) {
  background: rgba(1, 25, 45, 0.6);

  max-width: 434px;
  padding: 60px 28px;
  border-radius: 0 30px 30px 0;
}

.home_bottom_part .join_box h3 {
  font: 400 48px / 1.25 var(--heading-font);
  color: #fff;
}

/* membership_section_end */
/* bottom_footer_start */
.bottom_footer {
  background: rgb(4, 46, 80);
}

.bottom_footer .heading_part {
  text-align: center;
  padding: 16px 0px;
}

.bottom_footer .heading_part p {
  font: 400 48px / 1.3 var(--heading-font);
  color: var(--contrast-color);
}
.bottom_footer .heading_part p a{
  color: inherit;
}
/* bottom_footer_end */

/* footer_section_start */
footer .footer_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .menu_part ul {
  display: flex;
  gap: 30px;
}

.copy_right .container {
  border-top: 1px solid #454545;
  padding: 33px 0;
}

.footer_solo p {
  color: #000;
}

footer .text-center {
  text-align: inherit !important;
}

.copy_right .footer_solo {
  display: flex;
  justify-content: space-between;
}

.copy_right .footer_solo p {
  font: 400 16px/ 20px var(--default-font);
}

.footer_bottom_text {
  padding: 20px 0 0 0;
}

.footer_bottom_text h5 {
  font: 500 16px / 26px var(--default-font);
}

.footer_link_area a {
  font: 400 16px / 26px var(--default-font);
  text-decoration: underline;
  color: #454545E5;
}

.footer_add .phone_number_area a {
  font: 600 24px / 28px var(--default-font);
}

.footer_add .email_area a {
  font: 400 16px / 28px var(--default-font);
  text-decoration: underline;
}

.footer_link h4 {
  font: 400 18px / 26px var(--default-font);
}

/* footer_section_end */
.section.content_part .pmpro_login_wrap,
.section.content_part .pmpro_lost_password_wrap {
  padding: 60px;
  box-shadow: 0px 4px 24px 0px #0057871F;
  border-radius: 30px;
  width: 100%;
  max-width: 650px;
  text-align: center;
  margin: 0 auto;
}

.pmpro_login_wrap #user_login,
.pmpro_login_wrap #user_pass {
  display: inline-block;
  vertical-align: middle;
  outline: none;
  border: 1px solid #c7c7c7;
  width: 100%;
  max-width: 100% !important;
  height: 48px;
  border-radius: 4px;
  padding: 5px 20px;
  font-size: 17px;
}
.pmpro_lost_password_wrap .pmpro_actions_nav {
  justify-content: center !important;  
}
/*  ======== Shreyasi_css_ends_here ======== */

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* about_section_start */
.about.section {
  margin: 60px 0;
  /* background: #F6F8FF; */
}

/* .about.section .about_heading {
  font: 400 48px / 68px var(--heading-font);
} */

.about.section ul {
  list-style: none;
  padding: 0;
}

.about.section li {
	position: relative;
	padding: 10px 0 10px 26px;
	line-height: 1.7;
}

.about.section li::before {
  content: "\f00c";
  position: absolute;
  font-family: FontAwesome;
  top: 16px;
  color: #000;
  transition: color 0.3s;
  left: 0;
  border-radius: 50%;
  border: 1px solid #000;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .about.section p {
  font: 400 17px / 28px var(--default-font);
}

.container.footer-top
{
  border-top: 1px solid #000;
} */
.about.section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.innerBanner figure {
  height: 500px;
}

.innerBanner .iBannerInfo h2 {
  font: 400 70px var(--heading-font);
  line-height: 1.15em;
  color: #fff;
  padding: 0;
}

/* about_section_end */

/* service_section_start */
/* .service_section_container .owl-nav [class*="owl-"]
{
  top: 21%;
} */
/* .service_section_container .owl-nav .owl-prev {
  position: absolute;
  left: 12px;
}

.service_section_container .owl-nav .owl-next {
  position: absolute;
  right: 12px;
} */

.top_container .tc_data .zigzag_area:nth-child(2n) .row {
  display: flex;
  flex-direction: row-reverse;
}

.top_container .tc_data .zigzag_area:nth-child(2n) .content_area {
  padding-inline: 0px 50px;
}

.top_container {
  margin: 50px 0;
}

.top_container .tc_data .zigzag_area .image_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top_container .tc_data .zigzag_area .content_area {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 50px 0px 50px 50px;
}

/* .top_container .tc_data .zigzag_area .inner-content-part p {
  font: 400 17/ 28px var(--default-font);
}

.zigzag_area.service_area.odd_services_row {
  padding: 50px 0 0 0;
}

.zigzag_area .content_area h3 {
  font: 400 48px / 68px var(--heading-font);
} */

.section_top_fields {
  max-width: 830px;
  margin-bottom: 40px;
}
.section_top_fields.text-center{
  margin-inline: auto;
}

/* .section_top_fields h2
{
  color: #fff;
  text-align: center;
} */
.service_section_container h2 {
  color: #fff;
}

.service_box_data .service_box_desc {
  margin: 25px 0;
}

#page_service_slider {
  position: static;
}

/* service_section_end*/

/* Blog_section_start */
/* .article_section {
  margin: 60px 0;
}

.article_section h2 {
  text-align: center;
  font: 400 48px / 68px var(--heading-font);
} */

.example_section ul {
  list-style: none;
  padding: 0;
  margin: 0;
  row-gap: 30px;
}

.example_section {
  padding: 50px 0 0 0;
}

.blog_cat {
  background: #EEF9FF;
}

.blog_cat aside {
  padding: 3.5rem;
  height: 100%;
}

.article_section .blog_cat .list_figure,
.article_section .blog_cat .list_figure figure,
.article_section .blog_cat .list_figure figure a {
  height: 100%;
}

.article_section .blog_cat .list_figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article_section .blog_cat p {
  padding: 20px 0;
  text-align: justify;
}

.blog_details_main_area .other_timing_areas ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  padding: 0px 0 20px 0;
}
.top_image_area figure, .custom_image_area figure {
  margin-bottom: 16px;
}
/* .blog_details_main_area .top_heading_area h2 {
  font: 400 48px / 68px var(--heading-font);
  padding: 20px 0 0 0;
} */

.blog_details_main_area .related_area {
  padding: 50px 0 0 0;
}

/* Blog_section_end */
.fixedHeader .logo_part {
  transition: 0.3s;
  max-width: 120px;
  margin: 0px 0px -50px 0px;
}

.fixedHeader#header {
  /* background: #20b2f4; */
  background: #006aaa;
}

.fixedHeader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}

/* ===================== 
Dashbord Left 
================ */
.topSearch {
  padding: 0;
  margin: 0 40px 0 0;
}

.topSearch input[type=text] {
  width: 350px;
  height: 40px;
  padding: 0 15px 0 35px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
}

.topSearch form {
  position: relative;
}

.topSearch {
  position: relative;
}

.topSearch .search i {
  position: absolute;
  left: 10px;
  top: 13px;
  z-index: 2;
}
.dashbordLeft, .dashbordSection{  
  --dashBoardSpace: 300px;
  --dashBoardCollapse: 100px;
}
.dashbordLeft {
  position: fixed;
  left: 0;
  width: var(--dashBoardSpace);
  top: 0;
  bottom: 0;
  /* background-color: #00356c; */
  background-color: #4aa8d0;
  padding: 20px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  z-index: 9;
}

.dashbordLeft.dashbordLeft-small {
  width: var(--dashBoardCollapse);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  /* overflow: hidden; */
}

.dashbordLeft ul {
  padding: 0;
  margin: 40px 0 0 0;
}

.dashbordLeft ul li {
  display: block;
  border-bottom: 1px solid #fff;
  position: relative;
}

.dashbordLeft ul li.active:after {
  font: 600 50px "FontAwesome";
  line-height: 30px;
  color: #4aa8d0;
  content: "\f0da";
  position: absolute;
  right: -35px;
  top: 14px;
}

.dashbordLeft ul li:last-child {
  border-bottom: none;
}

.dashbordLeft ul li a {
  font: 600 16px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding: 20px 0;
  display: flex;
  align-items: center;
}

.dashbordLeft ul li a i {
  font-size: 20px;
  width: 30px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.dashbordLeft li a span {
  white-space: nowrap;
  display: block;
}

/* .dashbordLeft.dashbordLeft-small li a{
	justify-content: center;
} */
.dashbordLeft.dashbordLeft-small li a span {
  width: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
  white-space: nowrap;
  z-index: 9;
}

.dashbordLeft.dashbordLeft-small li {
  border-bottom: 1px solid #4aa8d0;
}
.dashbordLeft.dashbordLeft-small ul li a i {
  text-align: center;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.dashbordLeft.dashbordLeft-small ul li a:hover span {
  position: absolute;
  display: block;
  white-space: nowrap;
  left: 60px;
  top: 16px;
  opacity: 1;
  width: auto;
  visibility: visible;
  background: #00356c;
  padding: 5px 15px;
  font-size: 11px;
  border-radius: 30px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.dashbordLeft.dashbordLeft-small ul li a span:before {
  font: 600 18px "FontAwesome";
  line-height: 30px;
  color: #00356c;
  content: "\f0d9";
  position: absolute;
  left: -5px;
  top: 0px;
}

.dashbordLeft figure {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  padding: 12px;
  margin: 0 auto;
  text-align: center;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.dashbordLeft figure img {
  width: 100%;
  height: auto;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.menu-col {
  position: absolute;
  left: 27px;
  bottom: 30px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.menu-col a {
  font-size: 22px;
  color: #fff;
}

.dashbordLeft.dashbordLeft-small figure {
  width: 50px;
  height: 50px;
  padding: 5px;
  position: relative;
  left: -6px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.dashbordLeft.dashbordLeft-small figure img {
  width: 30px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

/* ===================== 
Dashbord Left end
================ */
/* ===================== 
Dashbord Section
================ */
.dashbordmainContainer h1 {
  font: 700 25px / 1.35 'Open Sans', sans-serif;
  color: #000;
  margin: 0 0 30px 0;
}

/* .dashbordmainContainer p
{
  text-align: center;
} */
.dashbordmainContainer .lodge_complaint {

  background: #4aa8d0;
  padding: 0 30px;
  display: inline-block;
  border-radius: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  font: 400 16px / 50px var(--default-font);
}

.dashbordmainContainer .no_grievance_area {
  margin: 0 0 15px 0;
}

.dashbordmainContainer h1 i {
  color: #4aa8d0;
  margin: 0 5px 0 0;
}

.dashbordSection {
	width: calc(100% - var(--dashBoardSpace));
	margin-left: var(--dashBoardSpace);
	padding: 0 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.dashbordSection.dashbordSection-large {
  width: calc(100% - var(--dashBoardCollapse));
  margin-left: var(--dashBoardCollapse);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.dashbordSection header {
  background-color: #fff;
  padding: 0 40px;
  -webkit-box-shadow: -1px 4px 5px -7px rgba(99, 99, 99, 1);
  -moz-box-shadow: -1px 4px 5px -7px rgba(99, 99, 99, 1);
  box-shadow: -1px 4px 5px -7px rgba(99, 99, 99, 1);
}

.dashbordSection header .container {
  margin: 0;
  max-width: none;
}

.dashbordmainContainer {
  padding: 40px;
}

.customerDetails {
  padding: 0;
  margin: 0;
  height: 100%;
}

.customerDetails h2 {
	font: 600 22px / 1.35 'Open Sans', sans-serif;
	color: #000;
	margin-bottom: 16px;
}
.dashbordTop .customerDetails .CustomerDetail {
  height: auto;
}

.customerDetails .CustomerDetail {
	/* background-color: #e0e0e0; */
	/* padding: 20px; */
	/* position: relative; */
	/* border-left: 6px solid #b6b6b6; */
	background-color: #fff;
	padding: 30px 20px;
	position: relative;
	border-left: 6px solid #4aa8d0;
	box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
	-webkit-box-shadow: -2px 1px 10px 0px rgba(189, 189, 189, 0.75);
	-moz-box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
	height: 100%;
}

.section01 .row [class^="col-"] {
  margin: 0 0 30px 0;
}

.section01 .row .CustomerDetail [class^="col-"] {
  margin: 0 0 0 0;
}

.customerDetails .CustomerDetail h3,
.customerDetails .CustomerDetail .quotations-tab h3,
.customerDetails .CustomerDetail aside .listItem span {
  padding: 0;
  margin: 0 0 8px 0;
  font: 500 18px / 1.3 'Open Sans', sans-serif;
  color: #000000;
  display: block;
}

.customerDetails .CustomerDetail h3 {
  margin: 0;
}

.customerDetails .CustomerDetail .quotations-tab h3 {
  font-weight: 700;
  font-size: 16px;
  color: #014f12;
  text-transform: uppercase;
}

.customerDetails .CustomerDetail .quotations-tab dl {
  padding: 0;
  margin: 0;
  width: 100%;
}

.customerDetails .CustomerDetail .quotations-tab dl dt {
  padding: 7px 0;
  display: grid;
  grid-template-columns: 30% 30% 40%;
  justify-content: space-between;
  font: 400 12px 'Open Sans', sans-serif;
  line-height: 16px;
  color: #000;
  gap: 10px;
  margin: 0 0 5px 0;
  border-top: 1px solid #ccc;
}

.customerDetails .CustomerDetail .quotations-tab {
  position: relative;
}

.customerDetails .CustomerDetail .quotations-tab figure {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.customerDetails .CustomerDetail .quotations-tab figure img {
  opacity: 0.1;
  width: 22%;
}

.customerDetails .CustomerDetail .quotations-tab aside {
  position: relative;
  z-index: 1;
}

.customerDetails .CustomerDetail .Part01 {
  display: block;
  padding: 0;
  margin: 0;
}

.customerDetails .CustomerDetail .Part01 figure {
  display: flex;
  padding: 0;
  margin: 0;
  font: 500 15px 'Open Sans', sans-serif;
  line-height: 30px;
  color: #3f3f3f;
}

.customerDetails .CustomerDetail .Part01 figure img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 15px 0 0;
}

.customerDetails .CustomerDetail aside {
  height: 100%;
}

.customerDetails .CustomerDetail aside {
  display: flex;
  flex-wrap: wrap;
}

.customerDetails .CustomerDetail aside .listItem {
	width: 100%;
	margin: 0 0px 25px 0;
	font: 400 16px 'Open Sans', sans-serif;
	line-height: 24px;
	color: #272727;
	max-width: 320px;
}
.customerDetails .CustomerDetail .EditCustomerDetail {
  position: absolute;
  right: 0;
  top: -43px;
}

.customerDetails .CustomerDetail .EditCustomerDetail a {
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 24px;
  color: #272727;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.customerDetails .CustomerDetail .EditCustomerDetail a:hover {
  color: #000;
}

.customerSection {
  padding: 30px 0 0 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
}

.customerSection aside {
  background-color: #e0e0e0;
  padding: 20px;
  /* border-left: 6px solid #b6b6b6; */
  border-left: 6px solid #4aa8d0;
}

.customerSection aside h2 {
  padding: 0 0 15px 0;
  font: 600 17px 'Open Sans', sans-serif;
  line-height: 25px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.customerSection aside .part01 {
  display: grid;
  grid-template-columns: auto auto auto;
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 18px;
  color: #020b1e;
  gap: 15px;
}

.customerSection aside .part01 span {
  display: block;
  /* color: #a6a6a6; */
  color: #747474;
  font-size: 13px;
}

.customerSection aside .part01 .progress {
  font-size: 12px;
  height: 6px;
  margin: 7px 0 3px 0;
  background-color: #fff;
}

.customerSection aside .part01 .progress .progress-bar {
  background-color: #4aa8d0;
}

.dashbordSection header .HeaderTop .container .TopRight .UserAccount ul {
  right: 0;
  left: inherit;
}

.dashbordSection header .HeaderTop .container .TopRight .UserAccount ul::after {
  right: 12px;
  left: inherit;
}

/* ================== Quote Policy ================ */
.quotePolicy #tabs-nav {
  display: flex;
  padding: 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #ccc;
}

.quotePolicy #tabs-nav li {
  padding: 0 0;
  margin: 0 10px 0 0;
  font: 700 13px 'Open Sans', sans-serif;
  line-height: 35px;
  color: #020b1e;
  border: 1px solid #ccc;
  border-bottom: none;
}

.quotePolicy #tabs-nav li.active {
  background-color: #4aa8d0;
  color: #fff;
}

.quotePolicy #tabs-nav li a {
  font: 700 13px 'Open Sans', sans-serif;
  line-height: 35px;
  color: #000;
  letter-spacing: 1px;
  display: block;
  padding: 0 15px;
}

.quotePolicy #tabs-nav li.active {
  border: 1px solid #4aa8d0;
}

.quotePolicy #tabs-nav li.active a {
  color: #fff;
}

.Policylist {
  margin: 0;
  background-color: #fff;
  padding: 0 0 0 0;
  position: relative;
  /* border-left: 6px solid #4aa8d0; */
  box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
  -webkit-box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
  -moz-box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
}

.tab-content h2 {
  padding: 0 0 20px 0;
  font: 600 18px 'Open Sans', sans-serif;
  line-height: 30px;
  color: #000;
}

.Policylist table {
  width: 100%;
  border: none;
  outline: none;
}

.Policylist table th {
  background-color: #125318;
  font: 500 12px 'Open Sans', sans-serif;
  line-height: 17px;
  color: #fff;
  padding: 10px 10px;
  text-transform: uppercase;
  border-right: 1px solid #ccc;
  white-space: nowrap;
}

.Policylist table td {
  font: 500 12px 'Open Sans', sans-serif;
  line-height: 17px;
  color: #000;
  padding: 12px 10px;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.Policylist table tr {
  background-color: #fff;
}

.Policylist table tr:nth-child(odd) {
  background-color: #e6e6e6;
}

.Policylist table th:last-child,
.Policylist table td:last-child {
  border-right: none;
  text-align: center;
}

.Policylist table th:first-child,
.Policylist table td:first-child {
  text-align: center;
}

.Policylist table .download,
.Policylist table .view,
.Policylist table .status {
  text-align: center;
}

.Policylist table td.status i {
  margin: 0 1px;
}

/* ================== Quote Policy end================ */
/* ================== our products ================ */
.productsSection {
  padding: 0;
  margin: 0;
}

.productsSection h2,
.similarProducts h2 {
  font: 400 20px 'Open Sans', sans-serif;
  line-height: 25px;
  color: #000;
  padding: 0 0 15px 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #ccc;
}

.ourProduct h3 {
  padding: 0;
  margin: 0 0 0 0;
  font: 300 22px 'Open Sans', sans-serif;
  line-height: 25px;
  color: #000;
}

.ourProduct h4 {
  padding: 0 0 13px 0;
  margin: 20px 0 0 0;
  font: 600 17px 'Open Sans', sans-serif;
  line-height: 23px;
  color: #000;
  border-bottom: 1px solid #ccc;
}

.ourProduct p {
  padding: 15px 0 0 0;
  margin: 0 0 0 0;
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #3d3d3d;
}

.ourProduct ul {
  padding: 0;
  margin: 15px 0 0 20px;
}

.ourProduct ul li {
  padding: 0;
  margin: 0;
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #3d3d3d;
  list-style-type: disc;
}

.ourProduct figure {
  text-align: center;
}

.ourProduct .buttonLink {
  text-align: center;
  margin: 30px 0 0 0;
}

.ourProduct .buttonLink a,
.similarProductslist ul.similarlist>li aside a {
  background-color: #3d3d3d;
  font: 600 14px 'Open Sans', sans-serif;
  line-height: 45px;
  color: #fff;
  border-radius: 30px;
  padding: 0 25px;
  display: inline-block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.ourProduct .buttonLink a:hover,
.similarProductslist ul.similarlist>li aside a:hover {
  background-color: #4aa8d0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.similarProducts {
  padding: 50px 0 0 0;
  margin: 0;
}

.similarProductslist {
  padding: 70px 0 50px 0;
}

.similarProductslist ul.similarlist {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.similarProductslist ul.similarlist>li {
  width: 33.33%;
  background-color: #e6e6e6;
  list-style: none;
}

.similarProductslist ul.similarlist>li aside {
  padding: 40px;
}

.similarProductslist ul.similarlist>li aside h3 {
  font-family: "Oswald", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.3em;
  margin: 0 0 30px 0;
}

.similarProductslist ul.similarlist>li aside p {
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #353535;
  padding: 0 0 15px 0;
  margin: 0;
}

.similarProductslist ul.similarlist>li:nth-child(2) {
  box-shadow: 10px 10px 40px 10px rgba(0, 0, 0, 0.15);
  margin: 0px 0px 0px 0px;
  background-color: #fff;
  transform: scale(1.1);
}

.similarProductslist ul.similarlist ul {
  margin: 0 20px 0 15px;
}

.similarProductslist ul.similarlist ul li {
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #353535;
  list-style-type: disc;
  margin: 0 0 10px 0;
}

.similarProductslist ul.similarlist>li aside a {
  margin: 20px 0 0 0;
  line-height: 40px;
}

.similarProductslist ul.similarlist>li aside figure {
  width: 80px;
  height: 80px;
  background: #4aa8d0;
  font-size: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  margin: -78px 0 20px 0;
  color: #fff;
}

/* ================== our products end================ */
.aboutContainer {
  padding: 0;
  margin: 0;
  background-color: #fff;
  padding: 20px;
  position: relative;
  border-left: 6px solid #4aa8d0;
  box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
  -webkit-box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
  -moz-box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
}

.aboutContainer h3 {
  padding: 0 0 15px 0;
  font: 400 25px 'Open Sans', sans-serif;
  line-height: 30px;
  color: #353535;
  border-bottom: 1px solid #ccc;
}

.aboutContainer p {
  padding: 22px 0 0 0;
  font: 400 16px 'Open Sans', sans-serif;
  line-height: 25px;
  color: #353535;
}

/* ============= Vehicle Summary =============== */
.vehicleSummary {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border: 1px solid #a5bf72;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  margin: 0 0 20px 0;
}

.vehicleSummary .vehicleSummaryLeft {
  display: grid;
  grid-template-columns: 70px 2fr;
  column-gap: 20px;
  align-items: center;
}

.vehicleSummary .vehicleSummaryLeft figure {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 5px;
  border-radius: 5px;
}

.vehicleSummary .vehicleSummaryLeft .vehicleDetails h6 {
  font: 700 16px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #000;
  padding: 0;
  margin: 0 0 4px 0;
}

.vehicleSummary .vehicleSummaryLeft .vehicleDetails h5 {
  font: 600 13px 'Open Sans', sans-serif;
  line-height: 16px;
  color: #a1a1a1;
  padding: 0;
  margin: 0;
}

.vehicleSummary .vehicleSummaryLeft .vehicleDetails h5 span {
  display: block;
  color: #000;
  margin: 4px 0 0 0;
}

.vehicleSummary .vehicleSummaryright {
  border: 1px solid #e3e3e3;
  display: grid;
  grid-template-columns: 1fr 1fr .5fr;
  border-radius: 5px;
}

.vehicleSummary .vehicleSummaryright dl {
  border-right: 1px solid #e3e3e3;
}

.vehicleSummary .vehicleSummaryright dl dt {
  border-bottom: 1px solid #e3e3e3;
  font: 600 15px 'Open Sans', sans-serif;
  line-height: normal;
  color: #a1a1a1;
  text-align: center;
  letter-spacing: 5px;
  display: flex;
  justify-content: center;
  height: 50%;
  align-items: center;
}

.vehicleSummary .vehicleSummaryright dl dt:last-child {
  border-bottom: none;
}

.vehicleSummary .vehicleSummaryright .ksa img {
  display: inline-block;
}

.vehicleSummary .vehicleSummaryright .ksa {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.vehicleSummary .vehicleSummaryright .ksa figure {
  width: 100%;
  text-align: center;
}

.vehicleSummary .vehicleSummaryright .ksa span {
  width: 34%;
  text-align: center;
  font: 700 10px 'Open Sans', sans-serif;
  line-height: 13px;
  color: #000;
}

/* ================= Company Overview ================== */
.CompanyOverview {
  padding: 0;
  margin: 0;
}

.CompanyOverview ul.tabOverview {
  padding: 0;
  margin: 0 0 30px 0;
  border: 1px solid #ccc;
  display: inline-flex;
}

.CompanyOverview ul.tabOverview li {
  padding: 0;
  margin: 0;
  display: inline-block;
  border-right: 1px solid #ccc;
}

.CompanyOverview ul.tabOverview li:last-child {
  border-right: none;
}

.CompanyOverview ul.tabOverview li a {
  font: 600 15px 'Open Sans', sans-serif;
  line-height: 45px;
  color: #000;
  padding: 0 35px;
  margin: 0;
  display: block;
}

.CompanyOverview ul.tabOverview li.active a {
  font: 600 15px 'Open Sans', sans-serif;
  line-height: 45px;
  color: #fff;
  padding: 0 35px;
  margin: 0;
  display: block;
  background-color: #4aa8d0;
}

/* mkk css 11/9/23 */
.CompanyOverview .row {
  row-gap: 30px;
}

.CompanyOverview .tab-content .aboutContainer {
  min-height: 450px;
}

.CompanyOverview .tab-content [class*="col-"]:last-child .aboutContainer {
  min-height: inherit;
}

.CompanyOverview .company_title {
  position: relative;
}

.CompanyOverview .company_title::before {
  position: absolute;
  content: " ";
  border-bottom: 2px solid #4aa8d0;
  left: 0;
  right: 0;
  top: 80%;
  width: 7%;
}

.CompanyOverview .company_title h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}

/* team css starts */
.CompanyOverview #Team ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 45px;
  column-gap: 45px;
}

.CompanyOverview #Team li {
  width: 22%;
}

.CompanyOverview .item-box {
  box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
  -webkit-box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
  -moz-box-shadow: -2px 1px 13px 0px rgba(166, 166, 166, 0.75);
  min-width: 250px;
}

.CompanyOverview .item-box .details-wrap {
  padding: 10px 15px;
}

.CompanyOverview #Team .details-wrap ul {
  display: block;
  padding-top: 10px;
}

.CompanyOverview #Team .details-wrap li {
  width: 100%;
}

.CompanyOverview .item-box {
  border-radius: 10px;
}

.CompanyOverview .item-box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.CompanyOverview .item-box h3,
.CompanyOverview .item-box h6 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 5px;

  color: #353535;
}

.CompanyOverview .item-box h6 {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.CompanyOverview #Team .details-wrap em {
  margin-right: 10px;
}

.CompanyOverview #Team .details-wrap p {
  padding-top: 15px;
  color: #353535;
}

.CompanyOverview #Team .details-wrap a:hover {
  color: #4aa8d0;
}

/* team css ends */

/* board of directors css starts*/
#Boarddirectors .item {
  text-align: center;
  position: relative;
  padding: 50px 0 0 0;
}

#Boarddirectors .item::before {
  position: absolute;
  content: ' ';
  top: 0;
  bottom: -5%;
  border-bottom: 1px solid #4aa8d0;
  left: 25%;
  width: 50%;
}

#Boarddirectors .item figure {
  height: 300px;
  width: 300px;
  border-radius: 50%;
  border: 2px solid #4aa8d0;
  overflow: hidden;
  display: inline-block;
}

#Boarddirectors .item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#Boarddirectors .item .text-wrap p {
  max-width: 900px;
  margin: 0 auto;
}

#Boarddirectors .item h3 {
  font: 600 18px 'Open Sans', sans-serif;
  line-height: normal;
  line-height: 24px;
  color: #3d8b11;
}

#Boarddirectors .item h6 {
  font: 600 14px 'Open Sans', sans-serif;
  line-height: normal;
  line-height: 24px;
  color: #353535;
  margin-bottom: 20px;
}

#Boarddirectors .item p {
  font: 400 16px 'Open Sans', sans-serif;
  line-height: normal;
  line-height: 25px;
  color: #353535;
}

.crosspart {
  display: none;
}

.crosspartsteps {
  display: none;
}

/* board of directors css ends*/
/* ======Indrani naskar 21/11/23 css starts======= */
/* dashboard page  css starts */
.dashboard_hamburger {
	padding: 4px;
  display: none;
	row-gap: 5px;
	width: 30px;
	height: 30px;
	align-content: center;
	justify-content: center;
	border-radius: 3px;
  cursor: pointer;
}
.dashboard_hamburger > * {
	width: 22px;
	height: 1px;
	background: #000;
}
#AccoutUser em{
  font-style: normal;
}

/* dashboard page  css ends */
/* ======Indrani naskar 21/11/23 css starts====== */
/* mkk css 11/9/23 */
/* ================= Company Overview end================== */
/* ============= Vehicle Summary end=============== */
@media only screen and (min-width:1360px) and (max-width:1536px) {
  .customerDetails .CustomerDetail aside .listItem {
    margin: 0 0 25px 0;
  }

  .dashbordLeft {
    width: 18%;
  }

  .dashbordSection {
    margin: 0 0 0 18%;
    width: 82%;
  }

  .dashbordLeft ul li a {
    font-size: 14px;
  }

  header .HeaderTop {
    padding: 5px 0;
    margin: 0;
  }

  header nav ul li {
    padding: 7px 0;
  }

  .TopSection {
    padding: 20px 0 0 0;
    background: #fff;
  }

  .TopSection h2 {
    font: 700 20px 'Open Sans', sans-serif;
  }

  .formSteps .rightFormSteps h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 19px;
  }

  header nav ul li ul {
    top: 50px;
  }

  .formSteps .rightFormSteps input[type="text"],
  .formSteps .rightFormSteps input[type="email"],
  .formSteps .rightFormSteps input[type="phone"],
  .formSteps .rightFormSteps select {
    margin: 0 0 13px 0;
    height: 25px;
    font-size: 12px;
  }

  footer {
    padding: 10px 0;
  }

  #applicationForm {
    padding: 20px;
  }

  header nav ul li a {
    font-size: 13px;
    line-height: 18px;
  }

  .formSteps .rightFormSteps label {
    font-size: 12px;
    line-height: 15px;
  }

  .C2AButton button,
  .C2AButton button:hover,
  .formSteps fieldset .next {
    font-size: 13px;
    line-height: 30px;
    padding: 0 20px;
  }

  .formSteps .leftformStepsName li {
    padding: 0 120px 35px 0;
  }

  .formSteps .leftformStepsName.rightformStepsName li {
    padding: 0 0 30px 120px;
  }

  .formSteps .leftformStepsName li i,
  .formSteps .leftformStepsName li.current i,
  .formSteps .leftformStepsName.rightformStepsName li i,
  .formSteps .leftformStepsName.rightformStepsName li.current i {
    top: 0;
  }

  .C2AButton button:first-child,
  .formSteps fieldset .previous {
    padding: 0 15px;
    font-size: 13px;
    line-height: 30px;
  }

  header nav ul li.children i.fa-caret-down {
    top: 4px;
  }

  header nav ul li ul .productList h4 {
    font-size: 16px;
    line-height: 16px;
  }

  header nav ul li ul .productList ul li a {
    font-size: 12px;
    line-height: 18px;
  }

  header nav ul li ul .productList ul li a i,
  header nav ul li ul .productList ul li a figure {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  /* ============= Vehicle Summary =============== */
  .vehicleSummary {
    display: grid;
    grid-template-columns: 2fr 1fr;
    border: 1px solid #a5bf72;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 15px 0;
  }

  .vehicleSummary .vehicleSummaryLeft {
    display: grid;
    grid-template-columns: 70px 2fr;
    column-gap: 20px;
    align-items: center;
  }

  .vehicleSummary .vehicleSummaryLeft figure {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 5px;
    border-radius: 5px;
  }

  .vehicleSummary .vehicleSummaryLeft .vehicleDetails h6 {
    font: 700 16px 'Open Sans', sans-serif;
    line-height: 20px;
    color: #000;
    padding: 0;
    margin: 0 0 4px 0;
  }

  .vehicleSummary .vehicleSummaryLeft .vehicleDetails h5 {
    font: 600 13px 'Open Sans', sans-serif;
    line-height: 16px;
    color: #a1a1a1;
    padding: 0;
    margin: 0;
  }

  .vehicleSummary .vehicleSummaryLeft .vehicleDetails h5 span {
    display: block;
    color: #000;
    margin: 4px 0 0 0;
  }

  .vehicleSummary .vehicleSummaryright {
    border: 1px solid #e3e3e3;
    display: grid;
    grid-template-columns: 1fr 1fr .5fr;
    border-radius: 5px;
  }

  .vehicleSummary .vehicleSummaryright dl {
    border-right: 1px solid #e3e3e3;
  }

  .vehicleSummary .vehicleSummaryright dl dt {
    border-bottom: 1px solid #e3e3e3;
    font: 600 15px 'Open Sans', sans-serif;
    line-height: normal;
    color: #a1a1a1;
    text-align: center;
    letter-spacing: 5px;
    display: flex;
    justify-content: center;
    height: 50%;
    align-items: center;
  }

  .vehicleSummary .vehicleSummaryright dl dt:last-child {
    border-bottom: none;
  }

  .vehicleSummary .vehicleSummaryright .ksa img {
    display: inline-block;
  }

  .vehicleSummary .vehicleSummaryright .ksa {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }

  .vehicleSummary .vehicleSummaryright .ksa figure {
    width: 100%;
    text-align: center;
  }

  .vehicleSummary .vehicleSummaryright .ksa span {
    width: 34%;
    text-align: center;
    font: 700 10px 'Open Sans', sans-serif;
    line-height: 13px;
    color: #000;
  }

  /* ============= Vehicle Summary end=============== */
}

@media only screen and (width:1920px) {
  .dashbordLeft.dashbordLeft-small li a {
    justify-content: center;
  }

  .dashbordLeft.dashbordLeft-small .menu-col {
    position: absolute;
    left: 40px;
    bottom: 30px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
  }

  .dashbordLeft.dashbordLeft-small figure {
    left: 0;
  }

  .customerDetails .CustomerDetail .quotations-tab figure img {
    opacity: 0.1;
    width: 17%;
  }
}

/* ===================== 
Dashbord Section right
================ */
/* mkk css starts 11/10/2023 */
.myQuotation-Steps .formSection li span {
  display: none;
}

/* mkk css ends 11/10/2023 */

/* =================== Header Top ===================== */
.user_dashboard_part header .HeaderTop {
  padding: 10px 0;
  margin: 0;
}

.user_dashboard_part header .HeaderTop .navbar-brand img {
  max-width: 44%;
}

.user_dashboard_part header .HeaderTop .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.user_dashboard_part header .HeaderTop .container .TopRight {
  display: flex;
  justify-content: flex-start;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount {
  padding: 0;
  margin: 0;
  position: relative;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount a {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  font: 400 15px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #646464;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount a figure {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ccc;
  margin: 0 10px 0 0;
}

.rtl .user_dashboard_part header .HeaderTop .container .TopRight .UserAccount a figure {
  margin: 0 0 0 10px;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount ul {
  position: absolute;
  right: 0;
  top: 45px;
  width: 230px;
  background-color: #f0f0f4;
  padding: 15px 25px;
  z-index: 9;
  display: none;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount ul:after {
  position: absolute;
  right: 12px;
  top: -12px;
  font: 400 25px "FontAwesome";
  line-height: 30px;
  color: #f0f0f4;
  content: "\f0de";
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount ul li {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 35px;
  color: #646464;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount ul li:last-child {
  border-bottom: none;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount ul li a {
  display: block;
  font: 400 14px 'Open Sans', sans-serif;
  line-height: 20px;
  color: #646464;
  padding: 8px 0;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount ul li a span {
  display: block;
  padding: 0 0 0 25px;
}

.user_dashboard_part header .HeaderTop .container .TopRight .UserAccount ul li a i {
  margin: 0 8px 0 0;
}

.user_dashboard_part .change_password_container .password_part h2,
.user_dashboard_part .edit_profile_container .profile_part h2 {
  display: none;
}

/* =================== Header Top end===================== */
.privacy_text {
	flex-shrink: 0;
}
.testimonial_box .subtitle{
  font-size: 24px;
}
.designation{
  font-style: 1.1em;
}


/*RESPONSIVE MENU*/
.responsive_btn {
  flex-shrink: 0;
  cursor: pointer;
  text-align: center;
  width: 40px;
  height: 40px;
  margin: -2px 0;
  float: right;
  position: relative;
  z-index: 20;
  background: var(--primary-color);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.bodyOverlay, .modelOverlay{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  transform: none;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}
.responsive_btn span {
  display: block;
  height: 2px;
  width: 20px;
  position: relative;
  top: 50%;
  margin: -1px auto;
}
.responsive_btn span:before,
.responsive_btn span:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
}
.responsive_btn span:before {
  top: -6px;
}
.responsive_btn span:after {
  bottom: -6px;
}
.responsive_btn span,
.responsive_btn span:before,
.responsive_btn span:after {
  background: #fff;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {
  background: var(--contrast-color);
}
.responsive_nav {
  display: block;
  position: fixed;
  left: -280px;
  top: 0;
  bottom: 90px;
  width: 280px;
  min-height: 100%;
  z-index: 91;
  background: var(--primary-color);
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.responsive_nav ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
.responsive_nav ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
}
.responsive_nav ul li:first-child {
  border-top: none;
}
.responsive_nav ul li:after {
  display: none;
}
.responsive_nav ul li>a {
  display: block;
  padding: 12px 10px 8px;
  color: inherit;
  position: relative;
}
.responsive_nav ul li a:hover,
.responsive_nav ul li a:focus,
.responsive_nav ul li.active>a {
  color: #fff;
  background: var(--primary-color);
}
.responsive_nav ul ul {
  padding: 0 0 15px 15px;
}
.responsive_nav ul .sub-menu,
.responsive_nav ul li a i {
  display: none;
}
.responsive_nav .subarrow {
  display: block;
  pointer-events: inherit;
  width: 30px;
  height: 40px;
  line-height: 40px !important;
  right: 0;
}
.responsive_nav ul .sub-menu .container {
  width: 100%;
  padding: 0;
}
html.responsive,
.responsive body {
  overflow-y: hidden;
}
.responsive .wrapper {
  -webkit-transform: translate(-280px, 0) !important;
  transform: translate(-280px, 0) !important;
}
.responsive .bodyOverlay {
  opacity: 1;
  visibility: visible;
}
.responsive .responsive_nav {
  left: 0;
}
.responsive .responsive_btn {
  pointer-events: none;
}
.responsive .responsive_btn span {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.responsive .responsive_btn span:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  top: 0;
}
.responsive .responsive_btn span:before {
  opacity: 0;
}
.responsive_nav .opened>.subarrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.responsive_nav .mCSB_outside+.mCSB_scrollTools {
  right: 0;
}
.responsive .responsive_nav .mCSB_outside+.mCSB_scrollTools {
  right: -4px;
}
/*MENU END*/
label {
  display: block;
  font-weight: 600;
}
.gapRow{
    row-gap: var(--bs-gutter-x);
}
.stickyContent {
	position: sticky;
	top: 100px;
}
.related_area .heading_area{
  margin-bottom: 16px;
}
.grid_box a {
  display: block;
}
.grid_box img {
  width: 100%;
}
.grid_box figure {
  margin-bottom: 12px;
}
.form_wrap p:has(> .wpcf7-submit){
  margin: 0;
}
.dashbordSection .navbar-brand a {
	font-size: 22px;
	font-weight: 600;
	/* background: var(--gradient-bg); */
	/* -webkit-text-fill-color: transparent; */
	/* -webkit-background-clip: text; */
	color: #000;
}
#loginform ~ .pmpro_actions_nav a {
  min-width: auto;
  padding: 0;
  background: transparent;
  color: var(--accent-color) !important;
  height: auto !important;
  line-height: 1.5;
  border: none;
  text-decoration: underline !important;
  font-weight: 700 !important;
  font-size: 18px;
}
form.pmpro_form .pmpro_checkout-fields [class*="col-"] {
  margin: 0;
}
.pmpro_checkout-form .row {
  margin-inline: calc(-0.5 * var(--bs-gutter-x)) !important;
}
.pmpro_invoice_wrap > hr:last-child{
  display: none;
}
@media only screen and (min-width:992px){
  .middleLine.row{
    position: relative;
    z-index: 1;
    --space: 40px;
    margin: 0px calc(-1 * var(--space));
  }
  .middleLine [class*="col-"]{
    padding: 0px var(--space);
  }
  .middleLine::before{
    position: absolute;
    content: '';
    background: #DCDCDC;
    width: 1px;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
  }

  #service_slider {
    position: static;
  }
  .transparent-arrow .owl-nav {
    display: flex;
    gap: 30px;
    position: absolute;
    top: 0%;
    right: 0;
  }
  .transparent-arrow .owl-nav [class*="owl-"] {
    background: transparent;
    color: rgba(255, 255, 255, 0.75);
    border-color: currentColor;
    position: static;
    transform: none;
  }
  
}
/* ===========Thank You Page & 404 Page Start============ */
.thankyouSection {
  padding: 100px 0;
  font-size: 18px;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  background: var(--gradient-bg);
  min-height: 60svh;
  display: grid;
  place-items: center;
  margin-top: 20px;
}
.page_404 {
  padding: 50px;
  position: relative;
  min-height: 60svh;
}
.errorimg {
	margin-bottom: 20px;
}
.pmpro_logged_in_welcome_wrap {
  max-width: 830px;
  margin: 40px auto 0;
  text-align: center;
}
.pmpro_member_log_out {
  margin-top: 24px;
}
.pmpro_member_log_out a::before {
  content: '\f090';
  font-family: 'FontAwesome';
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
/* ===========Thank You Page & 404 Page Ends============ */
.btn_disabled {
  /* pointer-events: none; */ /* removed */
  text-decoration: none;
  background-color: #fff;
  color:#40b1e1;
  border: 1px solid #40b1e1;
}

.btn_disabled:hover {
  background-color: #fff;
  color:#40b1e1;
  border: 1px solid #40b1e1;
  cursor: not-allowed;
}
.benf_main_list_container, .benefit_video {
	position: sticky;
	top: 90px;
}