:root {
  --heading-font: "Poppins", sans-serif;
  --sub-font: "Open Sans", sans-serif;
  --font-52: 52px;
  --font-48: 48px;
  --font-44: 44px;
  --font-40: 40px;
  --font-36: 36px;
  --font-32: 32px;
  --font-28: 28px;
  --font-24: 24px;
  --font-20: 20px;
  --font-18: 18px;
  --font-16: 16px;
  --font-15: 15px;
  --font-14: 14px;
  --font-12: 12px;
  --font-10: 10px;
  --weight-100: 100;
  --weight-200: 200;
  --weight-300: 300;
  --weight-400: 400;
  --weight-500: 500;
  --weight-600: 600;
  --weight-700: 700;
  --weight-800: 800;
  --weight-900: 900;
  --black-clr: #000000;
  --black-light: #4d4d4d;
  --white-clr: #ffffff;
  --white-light: #f9f9f9;
  --logo-clr: #32568a;
  --logo-secendary-clr: #fbaf3a;
  --logo-rgb: 254, 129, 1;
  --logo-clr-50: #f4f6fb;
  --logo-clr-100: #e8ecf6;
  --logo-clr-200: #ccd9eb;
  --logo-clr-300: #9eb8db;
  --logo-clr-400: #6a93c6;
  --logo-clr-500: #4775b0;
  --logo-clr-600: #32568a;
  --logo-clr-700: #2c4a78;
  --logo-clr-800: #284064;
  --logo-clr-900: #263754;
  --logo-clr-950: #192438;
  --logo-secendary-50: #fff8eb;
  --logo-secendary-100: #feeac7;
  --logo-secendary-200: #fdd48a;
  --logo-secendary-300: #fbb03b;
  --logo-secendary-400: #fa9e25;
  --logo-secendary-500: #fbaf3a;
  --logo-secendary-600: #d85607;
  --logo-secendary-700: #b3390a;
  --logo-secendary-800: #922b0e;
  --logo-secendary-900: #78250f;
  --logo-secendary-950: #451003;
  --transition-fast: .1s ease;
  --transition-nrml: .25s ease;
  --transition-slow: .4s ease;
  --transition-xslow: .6s ease;
  --border-radius-3: 3px;
  --border-radius-5: 5px;
  --border-radius-10: 10px;
  --border-radius-15: 15px;
  --border-radius-20: 20px;
  --border-radius-25: 25px;
  --border-radius-30: 30px;
  --border-radius-circle: 50%;
  --box-shadow-sm: 0 0 12px -5px rgba(0, 0, 0, 0.05);
  --box-shadow-nrml: 0 0 10px -3px rgba(0, 0, 0, 0.07);
  --box-shadow-rglr: 0 0 25px -3px rgba(0, 0, 0, 0.075);
  --box-shadow-lg: 0 0 50px rgba(0, 0, 0, 0.1);
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  color: var(--black-light);
  font-family: var(--heading-font);
  font-size: var(--font-16);
}

a,
a:hover {
  color: currentColor;
  text-decoration: none;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1160px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1260px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1360px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1550px;
  }
}
.row-bordered {
  overflow: hidden;
}
.row-bordered > * {
  position: relative;
}
.row-bordered > *::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  display: block;
  height: 0;
  border-top: 1px solid #e0e0e0;
}
.row-bordered > *::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  display: block;
  width: 0;
  border-left: 1px solid #e0e0e0;
}

.form-group {
  margin-bottom: 12px;
}
.form-group label {
  font-size: var(--font-14);
  margin: 0 0 5px;
  font-weight: var(--weight-500);
  color: var(--black-light);
  opacity: 0.8;
  margin-bottom: 0.75rem;
}
.form-group label span.star {
  color: red;
}
.form-group .form-control,
.form-group .form-select {
  height: 42px;
  border-radius: var(--border-radius-3);
  border-color: #c9c9c9;
  font-size: var(--font-15);
}
.form-group .form-control:focus,
.form-group .form-select:focus {
  border-color: var(--logo-clr-500);
  color: var(--logo-clr-500);
  box-shadow: unset;
}
.form-group .form-control::-moz-placeholder, .form-group .form-select::-moz-placeholder {
  color: #bdbdbd;
  font-size: var(--font-14);
}
.form-group .form-control::placeholder,
.form-group .form-select::placeholder {
  color: #bdbdbd;
  font-size: var(--font-14);
}

@media only screen and (max-width: 480px) {
  .class_mob {
    height: 300px;
  }
  .swiper-button-prev {
    top: 56px;
    right: 15%;
    left: auto;
  }
}
.heading {
  color: var(--black-clr);
}
@media only screen and (max-width: 768px) {
  .heading {
    width: 100% !important;
  }
  .heading h1,
  .heading .h1,
  .heading p,
  .heading .p {
    width: 100% !important;
  }
}
.heading h1,
.heading .h1 {
  font-family: var(--heading-font);
  font-size: var(--font-36);
  font-weight: var(--weight-700);
  line-height: 1.3;
  color: inherit;
  text-transform: capitalize;
}
.heading h1 span,
.heading .h1 span {
  background: url(https://odoocdn.com/openerp_website/static/src/img/highlights/yellow_highlight_03.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-text-fill-color: unset;
}
@media only screen and (max-width: 768px) {
  .heading h1,
  .heading .h1 {
    font-size: var(--font-28);
    font-weight: var(--weight-600);
  }
}
@media only screen and (max-width: 480px) {
  .heading h1,
  .heading .h1 {
    font-size: var(--font-24);
    font-weight: var(--weight-600);
  }
}
.heading h2,
.heading .h2 {
  font-family: var(--heading-font);
  font-size: var(--font-28);
  font-weight: var(--weight-600);
  line-height: 1.5;
  text-transform: capitalize;
  color: inherit;
}
.heading h2 span,
.heading .h2 span {
  background: url(https://odoocdn.com/openerp_website/static/src/img/highlights/yellow_highlight_03.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-text-fill-color: unset;
}
.heading p,
.heading .p {
  font-family: var(--heading-font);
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  line-height: normal;
  color: var(--black-clr);
  opacity: 0.75;
}
@media only screen and (max-width: 768px) {
  .heading p,
  .heading .p {
    font-size: var(--font-14);
    font-weight: var(--weight-300);
  }
}
.heading.text-white {
  color: var(--white-clr);
}
.heading.text-white p,
.heading.text-white .p {
  color: var(--white-clr) !important;
}

.logo_clr {
  color: var(--logo-clr) !important;
}

.logo_secclr {
  color: #dd9b00 !important;
}

.logo_bgclr {
  background-color: var(--logo-clr) !important;
}

.logo_bgsecclr {
  --bg-opacity: 1;
  background-color: #dd9b00 !important;
}

.hero_btn {
  padding: 10px 20px;
  background-color: var(--logo-clr);
  border: 1px solid transparent;
  transition: var(--transition-nrml);
  color: var(--white-clr);
  border-radius: var(--border-radius-5);
  font-weight: var(--weight-600);
  width: -moz-fit-content;
  width: fit-content;
}
.hero_btn:hover {
  background: var(--white-clr);
  color: var(--logo-clr);
  border: 1px solid var(--logo-clr);
}
.hero_btn.btn_sec {
  background: var(--logo-secendary-500);
  color: var(--logo-clr);
}
.hero_btn.pill_btn {
  border-radius: var(--border-radius-25);
}
.hero_btn.btn_white {
  background: var(--white-clr);
  color: var(--logo-clr);
  border: 1px solid var(--logo-clr);
}
.hero_btn.btn_white:hover {
  background-color: var(--logo-secendary-400);
  color: var(--black-clr);
  border: 1px solid var(--logo-secendary-400);
}
.hero_btn.btn_sm {
  font-size: var(--font-14);
}

#header {
  width: 100%;
  transition: transform 0.3s ease-in-out;
  position: relative;
}
#header .org__logo {
  display: none;
}
#header .navbar {
  position: relative;
  z-index: 201;
  border: 1px solid #e9e9e9;
}
#header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 1rem;
  font-weight: var(--weight-500);
  font-family: var(--heading-font);
  padding: 0;
  position: relative;
  color: #000;
}
#header .navbar .navbar-nav .nav-item .nav-link::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  background-color: var(--logo-clr-500);
  transition: var(--transition-xslow);
  bottom: 0;
  left: 0;
}
#header .navbar .navbar-nav .nav-item .nav-link:hover::after {
  width: 100%;
}
#header .navbar .navbar-nav .nav-item .nav-link.active.drop__menu {
  color: var(--logo-clr-500) !important;
}
#header .navbar .navbar-nav .nav-item .nav-link.active.drop__menu::after {
  width: 100%;
}
#header .navbar .ecom_menu li a {
  display: block;
  padding: 5px 10px;
}
#header .navbar .ecom_menu li a img {
  width: 22px;
  height: 22px;
}
#header .navbar .ecom_menu li a.prod_count {
  position: relative;
}
#header .navbar .ecom_menu li a.prod_count::after {
  position: absolute;
  content: "";
  background-color: red;
  width: 14px;
  height: 14px;
  border-radius: var(--border-radius-circle);
  top: 0;
  right: 0;
}
#header .navbar .ecom_menu li a.prod_count::before {
  position: absolute;
  content: attr(data-count);
  color: white;
  font-size: 10px;
  top: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  width: 14px;
}
#header.dark-menu .wht__logo {
  display: none;
}
#header.dark-menu .org__logo {
  display: block;
}
#header.dark-menu .navbar .navbar-nav .nav-item .nav-link {
  color: var(--black-clr);
}
@media only screen and (max-width: 1024PX) {
  #header {
    position: relative;
  }
  #header .navbar-brand {
    padding: 0;
  }
  #header .navbar-brand .org__logo {
    display: block;
    width: 75px;
  }
  #header .wht__logo {
    display: none;
  }
  #header .navbar .navbar-nav .nav-item .nav-link {
    color: var(--black-clr) !important;
    font-size: var(--font-14);
  }
}
#header.fixed-header {
  position: fixed;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  transition: var(--transition-nrml);
  z-index: 11;
  top: 0;
}
#header.fixed-header .navbar .navbar-brand .wht__logo {
  display: none;
}
#header.fixed-header .navbar .navbar-brand .org__logo {
  display: block;
  width: 60px;
  transition: var(--transition-nrml);
}
#header.fixed-header .navbar .navbar-nav .nav-item .nav-link {
  color: var(--black-light);
  transition: var(--transition-nrml);
}
#header .megamenu {
  display: none;
  position: fixed;
  z-index: 200;
  padding: 100px 0 30px;
  width: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
}
#header .megamenu.active {
  display: block;
}
#header .megamenu .mega_menu_wrapper .mega_menu_items ul {
  margin-bottom: 0;
}
#header .megamenu .mega_menu_wrapper .mega_menu_items ul .heading h2 {
  font-size: var(--font-14);
  color: #8a8a8a;
  font-weight: normal;
}
#header .megamenu .mega_menu_wrapper .mega_menu_items ul li a {
  padding: 0px;
  transition: var(--transition-nrml);
  margin-bottom: 16px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: var(--weight-500);
  border-bottom: 2px solid transparent;
  display: block;
  line-height: 1;
  font-size: var(--font-14);
  color: #000;
}
#header .megamenu .mega_menu_wrapper .mega_menu_items ul li a:hover {
  color: var(--logo-clr-600);
  border-color: var(--logo-clr);
}
#header .megamenu .mega_menu_wrapper .mega_menu_items ul li:last-child a {
  margin-bottom: 16px;
}
#header .enquiry__btn span {
  animation: text__flip 1s ease-in infinite;
}
@keyframes text__flip {
  0% {
    color: red;
  }
  100% {
    color: var(--logo-clr);
  }
}

.btn_close {
  background-color: #fff;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px;
  height: 30px;
  z-index: 1;
  opacity: 1;
  border: 1px solid var(--logo-clr);
}

#footer {
  position: relative;
  background-color: #4EA2DE;
  background: radial-gradient(rgba(5, 8, 29, 0.9333333333), rgba(0, 15, 36, 0.9254901961)), url(../assets/images/footer-bg.png);
  padding: 5rem 0 1rem;
  color: var(--white-clr);
}
@media only screen and (max-width: 480px) {
  #footer {
    padding: 3rem 0 0rem;
    background-color: var(--logo-clr);
  }
}
#footer .footer__topWrapper {
  position: relative;
  padding: 1rem 2.5rem;
  background: #fff;
  border-radius: 70px;
  margin: 0 auto;
  top: -61px;
  z-index: 11;
  box-shadow: 0 0px 40px rgba(0, 0, 0, 0.075);
  color: var(--black-clr);
}
@media only screen and (max-width: 480px) {
  #footer .footer__topWrapper {
    padding: 0;
    background: unset;
    border-radius: 0;
    top: 0;
    box-shadow: unset;
    color: white;
    border-bottom: 1px solid var(--logo-clr-300);
    margin-bottom: 1rem;
  }
  #footer .footer__topWrapper .mobfot {
    border: unset !important;
  }
  #footer .footer__topWrapper .heading > * {
    color: white;
  }
}
@media only screen and (max-width: 480px) {
  #footer .footer__widget {
    border-bottom: 1px solid var(--logo-clr-300);
    margin-bottom: 1rem;
  }
}
#footer .footer__widget .footer__title {
  font-size: var(--font-18);
  font-weight: var(--weight-600);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 480px) {
  #footer .footer__widget .footer__title {
    margin-bottom: 1rem;
    font-size: var(--font-16);
  }
}
@media only screen and (max-width: 480px) {
  #footer .footer__widget ul {
    display: flex;
    flex-wrap: wrap;
  }
}
#footer .footer__widget ul li {
  opacity: 0.75;
  transition: var(--transition-nrml);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.5rem;
  font-size: var(--font-14);
  font-weight: var(--weight-300);
}
#footer .footer__widget ul li:last-child {
  margin-bottom: 0;
}
#footer .footer__widget ul li:hover {
  opacity: 1;
  padding-left: 5px;
}
@media only screen and (max-width: 480px) {
  #footer .footer__widget ul li {
    margin-right: 1.5rem;
  }
}

#category__Section {
  position: relative;
  padding: 5rem 0;
}
#category__Section .prod_category {
  position: relative;
}
#category__Section .prod_category .prod_img {
  border-radius: var(--border-radius-15);
  overflow: hidden;
}
#category__Section .prod_category .prod_text {
  position: absolute;
  width: 100%;
  padding: 0 20px 20px;
  text-align: center;
  color: #fff;
  bottom: 0;
}
#category__Section .prod_category .prod_text h3 {
  font-size: var(--font-20);
}

#login__wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
#login__wrapper .login__bg {
  background: url(../assets/images/ur__bg.png);
  height: 100vh;
  background-size: cover;
  background-position: center;
}

#faq_section {
  position: relative;
  padding: 0rem 0 5rem;
  z-index: 1;
}
#faq_section::after {
  position: absolute;
  z-index: -1;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/faqbg.png);
  background-repeat: repeat;
  background-size: 150px;
  opacity: 0.05;
}
#faq_section .faq_sectionWrapper {
  padding-left: 35px;
  position: relative;
}
#faq_section .faq_sectionWrapper::before {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.2rem;
  transition: transform 0.2s ease-in-out;
  border-radius: 50%;
  background-position: center;
  position: absolute;
  left: 0px;
  background-image: url(../assets/icons/question.png);
}

#keyPoints {
  position: relative;
  padding: 1rem;
  background-color: var(--logo-secendary-50);
}
#keyPoints .keyPointsWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
}
#keyPoints .keyPointsWrapper .keyPointsWrapperimg {
  background-color: var(--logo-secendary-100);
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: var(--border-radius-5);
}
#keyPoints .keyPointsWrapper .keyPointsWrapperimg img {
  width: 35px;
}
#keyPoints .keyPointsWrapper .keyPonitWrappertext h6 {
  font-weight: var(--weight-600);
  color: var(--black-clr);
  margin-bottom: 0.25rem;
}
#keyPoints .keyPointsWrapper .keyPonitWrappertext span {
  opacity: 0.75;
}

.quick__tab {
  gap: 20px;
}
.quick__tab button {
  padding: 0;
  border: unset;
  background: unset;
  font-size: 14px;
  font-weight: 500;
  color: #6b6b6b;
  transition: var(--transition-nrml);
  border-bottom: 2px solid transparent;
}
.quick__tab button:hover {
  color: var(--black-clr);
}
.quick__tab button.active {
  border-bottom: 2px solid var(--logo-secendary-400);
  color: #000;
}

.prod_card {
  position: relative;
  transition: var(--transition-nrml);
  border: 1px solid var(--logo-clr-100);
  border-radius: var(--border-radius-10);
  overflow: hidden;
  background-color: var(--white-clr);
}
.prod_card:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.hover_text {
  transition: var(--transition-nrml);
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.hover_text:hover {
  font-weight: var(--weight-600);
}

#ourClients {
  position: relative;
  padding: 6rem 0;
}
@media only screen and (max-width: 480px) {
  #ourClients {
    padding: 3rem 0;
  }
}
#ourClients .ourClients ul {
  gap: 16px;
  margin: 10px 0;
}
#ourClients .ourClients ul li {
  padding: 10px;
  border-radius: var(--border-radius-5);
  background-color: var(--white-clr);
  border: 1px solid var(--logo-clr-100);
  box-shadow: var(--box-shadow-sm);
}
#ourClients .ourClients ul li:last-child {
  margin-right: 16px;
}
#ourClients .ourClients ul li img {
  width: 100px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

#support_section {
  background: var(--logo-clr-50);
  background: linear-gradient(45deg, var(--logo-clr-100), var(--logo-secendary-50));
  padding: 4rem 0;
}
#support_section .support_wrapper {
  background: var(--white-clr);
  padding: 30px;
  border-radius: var(--border-radius-15);
  position: relative;
  transition: var(--transition-nrml);
}
#support_section .support_wrapper .support_text .heading h6 {
  font-size: var(--font-20);
  font-weight: var(--weight-500);
}
#support_section .support_wrapper .support_anch {
  margin-top: 20px;
}
#support_section .support_wrapper .support_anch a {
  width: 50px;
  height: 50px;
  display: block;
  border: 1px solid var(--black-clr);
  border-radius: var(--border-radius-circle);
  text-align: center;
  line-height: 45px;
  transition: var(--transition-nrml);
}
#support_section .support_wrapper:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
#support_section .support_wrapper:hover .support_anch a {
  background-color: var(--logo-secendary-500);
  border-color: var(--logo-secendary-500);
}

#testimonials__secttion {
  padding: 0rem 0 4rem;
}
#testimonials__secttion .swiper-slide {
  filter: blur(5px);
  transition: var(--transition-nrml);
}
#testimonials__secttion .swiper-slide .testimonials__inner .testimonials__wrapper {
  position: relative;
  padding: 3rem 2rem;
  border: 1px solid var(--logo-clr-200);
  background-color: var(--logo-clr-50);
  border-radius: var(--border-radius-20);
}
#testimonials__secttion .swiper-slide .testimonials__inner .text_footer {
  opacity: 0;
  background: white;
  box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 1rem;
  margin: 1.5rem 0 2.5rem;
  transition: var(--transition-nrml);
  transition-delay: 0.2s;
}
#testimonials__secttion .swiper-slide .testimonials__inner .text_footer img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#testimonials__secttion .swiper-slide.swiper-slide-active {
  filter: blur(0px);
}
#testimonials__secttion .swiper-slide.swiper-slide-active .text_footer {
  animation: slide__left 0.5s ease;
  opacity: 1;
}
@keyframes slide__left {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
#testimonials__secttion .swiper-button-next, #testimonials__secttion .swiper-button-prev {
  width: 40px;
  height: 40px;
  color: var(--white-clr);
  background: var(--logo-clr);
  border-radius: 50%;
}
#testimonials__secttion .swiper-button-next::after, #testimonials__secttion .swiper-button-prev::after {
  font-size: 24px;
}
#testimonials__secttion .swiper-button-prev {
  left: 28%;
  right: auto;
  bottom: 60px;
  top: auto;
}
#testimonials__secttion .swiper-button-next {
  right: 28%;
  left: auto;
  bottom: 60px;
  top: auto;
}

#certicate_section {
  position: relative;
  padding: 4rem 0 1rem;
  background-color: var(--logo-clr-50);
}
#certicate_section .certificate_standars {
  padding: 1rem;
  background-color: var(--white-clr);
  border-radius: var(--border-radius-10);
}
#certicate_section .certificate_standars img {
  height: 300px;
  border-radius: var(--border-radius-10);
}
#certicate_section .certificate_standars h6 {
  margin: 20px 0 0;
  text-align: center;
}
#certicate_section .certicate_container {
  position: relative;
  width: 280px;
  height: 210px;
  background-image: url(../assets/images/certicate_container.png);
  margin: 0 auto 40px;
  background-size: 100% 100%;
  padding: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  #certicate_section .certicate_container {
    margin: 0 auto 15px 0;
    box-shadow: unset;
  }
}
#certicate_section .certicate_container img {
  mix-blend-mode: darken;
}

#career__breadcrumb {
  position: relative;
  padding: 6rem 0;
  background-color: var(--logo-clr-100);
  background-image: url(https://groupsurya.co.in/public/assets/images/careerBg.png);
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: 500px;
  box-shadow: inset 0px -40px 40px rgba(0, 0, 0, 0.2);
}

#contact_form {
  position: relative;
  padding: 6rem 0;
}
#contact_form .contact_formRight {
  position: relative;
  padding: 3rem 2rem;
  border-radius: var(--border-radius-15);
  background-color: var(--logo-clr-50);
}

.prod_filter {
  background-color: #fff;
  padding: 25px 0px;
  padding-right: 10px;
  height: 100%;
  border-right: 1px solid #e9e9e9;
}
@media only screen and (max-width: 480px) {
  .prod_filter {
    border-right: unset;
  }
}

.form-check-input {
  width: 0.875rem;
  height: 0.875rem;
}
.form-check-input:checked {
  background-color: var(--logo-clr-400);
}

.form-check-label {
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  line-height: 1;
}

.page-link {
  color: var(--logo-clr);
  padding: 2px 6px;
  font-size: var(--font-12) !important;
}

.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--logo-secendary-200);
  background-color: var(--logo-clr);
  border-color: var(--logo-clr);
}

#product_listingSection .product__wrapper {
  padding: 3rem 0;
}
#product_listingSection .product__wrapper .prd__fillter {
  margin-bottom: 1rem;
}

#prod__detailsWrapper {
  position: relative;
  padding: 0 0 1rem;
}
#prod__detailsWrapper .price_mrp {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
#prod__detailsWrapper .pincode__wrapper .add_pincode {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 8px;
}
#prod__detailsWrapper .pincode__wrapper .add_pincode input {
  background: transparent;
}
#prod__detailsWrapper .pincode__wrapper .add_pincode input:focus {
  box-shadow: unset;
  border: unset;
}
#prod__detailsWrapper .pincode__wrapper .add_pincode button {
  background-color: transparent;
  border: unset;
  color: var(--logo-clr);
  font-weight: var(--weight-600);
}
#prod__detailsWrapper .swiper-button-next, #prod__detailsWrapper .swiper-button-prev {
  width: 40px;
  height: 40px;
  color: var(--white-clr);
  background: var(--logo-clr);
  border-radius: 50%;
}
#prod__detailsWrapper .swiper-button-next::after, #prod__detailsWrapper .swiper-button-prev::after {
  font-size: 24px;
}

.faq__container {
  padding: 6rem 0 !important;
}

#profile_wrapper {
  position: relative;
}
#profile_wrapper .profile_menu {
  background-color: #fff;
  padding: 25px 0px;
  padding-right: 30px;
  height: 100%;
  border-right: 1px solid #e9e9e9;
}
#profile_wrapper .profile_menu ul li {
  margin-bottom: 1px;
  transition: var(--transition-nrml);
  border-radius: var(--border-radius-5);
}
#profile_wrapper .profile_menu ul li:hover {
  background-color: var(--logo-clr-50);
}
#profile_wrapper .profile_menu ul li.active {
  background-color: var(--logo-clr-400);
  color: var(--white-clr);
}
#profile_wrapper .profile_menu ul li a {
  display: flex;
  padding: 10px 15px;
  align-items: center;
}

.profile_viewWrapper {
  background-color: var(--white-clr);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  margin: 3rem 0;
  padding: 1rem;
  border-radius: var(--border-radius-10);
}
.profile_viewWrapper .user_profileView .user_profileImg img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: var(--border-radius-circle);
}

.profile_addressWrapper {
  position: relative;
  padding: 0.75rem;
  background-color: var(--logo-clr-50);
  border-radius: var(--border-radius-5);
  position: relative;
}
.profile_addressWrapper.active::after {
  position: absolute;
  content: "Primary";
  top: 10px;
  right: 10px;
  z-index: 9;
  font-size: 0.75rem;
  background-color: var(--logo-secendary-200);
  font-weight: var(--weight-600);
  padding: 0.1rem 0.25rem;
  border-radius: var(--border-radius-5);
}

.user_orderWrapper {
  border-radius: var(--border-radius-5);
  border: 1px solid var(--logo-clr-200);
}
.user_orderWrapper .userOrder_status {
  padding: 0.75rem;
  background-color: var(--logo-clr-50);
  border-radius: var(--border-radius-5);
}
.user_orderWrapper .user_details {
  padding: 0.75rem;
}

.order_btnStat {
  padding: 0.175rem 0.475rem;
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  color: var(--white-clr);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--border-radius-5);
}
.order_btnStat.confirm {
  background-color: #3588f5;
}
.order_btnStat.transit {
  background-color: var(--logo-secendary-300);
}
.order_btnStat.cancel {
  background-color: #f53535;
}
.order_btnStat.deliverd {
  background-color: #26ce72;
}

.user_cart {
  position: relative;
  padding: 0.75rem 0.75rem 0 0.75rem;
}

#login_wrapper {
  margin: 6rem 0;
}

.login_wrapper {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius-10);
  overflow: hidden;
}
.login_wrapper .login_inner {
  position: relative;
  padding: 3rem 1.5rem 1.5rem;
  background-color: var(--white-clr);
}
.login_wrapper .loginFooter {
  background-color: var(--logo-clr-100);
  font-size: var(--font-14);
}
.login_wrapper .loginFooter a span {
  color: var(--logo-secendary-600);
  font-weight: var(--weight-600);
}

.order_invoicewrapper {
  border: 1px solid var(--logo-clr-200);
  border-radius: var(--border-radius-10);
}
.order_invoicewrapper .order_invoiceHeader {
  padding: 2rem 1rem;
  background-color: var(--logo-clr-50);
  border-radius: var(--border-radius-10);
}
.order_invoicewrapper .order_bodyWrapper {
  padding: 1.2rem 1rem;
  border-radius: var(--border-radius-10);
}

label {
  font-size: var(--font-14);
  margin: 0 0 5px;
  font-weight: var(--weight-500);
  color: var(--black-light);
  opacity: 0.8;
  margin-bottom: 0.75rem;
}

span.star {
  color: red;
}

.form-control,
.form-select {
  height: 42px;
  border-radius: var(--border-radius-3);
  border-color: #c9c9c9;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--logo-clr-500);
  color: var(--logo-clr-500);
  box-shadow: unset;
}
.form-control::-moz-placeholder, .form-select::-moz-placeholder {
  color: #636363;
}
.form-control::placeholder,
.form-select::placeholder {
  color: #636363;
}

.prodDetailsRgt .heading p {
  opacity: 1;
  margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
  #career__breadcrumb, #contact_form, #category__Section, #certicate_section {
    position: relative;
    padding: 3rem 0;
    overflow: hidden;
  }
  #certicate_section {
    margin-bottom: 3rem;
  }
  #contact_form .contact_formRight {
    padding: 1.5rem 1.5rem;
  }
  #faq_section {
    padding: 0rem 0 3rem;
  }
  #support_section {
    padding: 3rem 0;
  }
  #support_section .support_wrapper {
    padding: 1rem 0.875rem;
  }
  #testimonials__secttion {
    padding: 0rem 0 3rem;
  }
  #testimonials__secttion .testimonials__wrapper {
    padding: 1rem;
    border-radius: var(--border-radius-10);
    margin-bottom: 35px;
  }
  #login_wrapper {
    margin: 3rem 0;
  }
}
#home_cta {
  background-image: url(../assets/images/hero_cta.webp);
  height: 75vh;
  background-position: center;
  background-size: cover;
  margin-bottom: 5rem;
}
@media (max-width: 480px) {
  #home_cta {
    height: auto;
    padding: 3rem 0 2rem;
    position: relative;
    z-index: 1;
  }
  #home_cta::after {
    position: absolute;
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    inset: 0;
  }
}

@media (max-width: 768px) {
  .slider-container {
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .slide-item {
    flex: 0 0 90%;
    scroll-snap-align: start;
  }
  .offcanvas.offcanvas-bottom {
    height: 70vh;
  }
}
.mob_call {
  position: fixed;
  top: 50%;
  z-index: 111;
  background: red;
  color: white;
  padding: 0.7rem 1rem;
  text-transform: uppercase;
  transform: translateX(-50%) rotate(-90deg);
  border-radius: 0 0 10px 10px;
}

.filter_btn {
  position: sticky;
  width: 100%;
  bottom: 20px;
  padding: 12px;
  margin-bottom: 20px;
  border-radius: var(--border-radius-10);
  border: 1px solid var(--logo-clr);
  color: var(--logo-clr);
  font-weight: var(--weight-500);
  z-index: 22;
}

#book__ticket {
  background-color: var(--white-light);
}
#book__ticket .book__left {
  height: 100vh;
  padding: 40px;
  text-align: center;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
}
#book__ticket .book__left::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background-color: white;
  right: 100%;
  top: 0;
}
#book__ticket .book__right {
  position: relative;
  padding: 40px;
}

#events_section {
  position: relative;
  padding: 6rem 0;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 0), linear-gradient(180deg, rgba(0, 0, 0, 0.05) 1px, transparent 0);
  background-size: 60px 60px;
}

#events_cta {
  background: var(--logo-clr);
  padding: 3rem 0 3rem;
}

.event__card {
  position: relative;
  padding: 1.125rem;
  border-radius: 10px;
  border: 1px solid var(--logo-clr-200);
}
.event__card .event__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.event__card .event__heading h6:first-child {
  font-size: var(--font-12);
  margin: 0;
  color: var(--logo-clr);
}
.event__card .event__heading h6:last-child {
  font-size: var(--font-12);
  background: var(--logo-secendary-500);
  padding: 2px 10px;
  border-radius: 15px;
  margin: 0;
  display: block;
  color: #000;
}
.event__card .event__footer p {
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  margin: 1.125rem 0 0;
  color: #000;
}

#events_sasas {
  position: relative;
  padding: 5rem 0;
}

#customer__spport {
  position: relative;
  padding: 5rem 0;
}
#customer__spport .select__enqType {
  margin-top: 40px;
}
#customer__spport .select__enqType .enqType_wrapper {
  padding: 1rem;
  background-color: var(--white-clr);
  box-shadow: 0.35rem 0.35rem 0.35rem rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-10);
}

#iyro__care {
  position: relative;
  padding: 4rem 0;
  background: var(--logo-clr-50);
}

.iyro__careWrapper ul {
  list-style: none;
  padding-left: 0;
}
.iyro__careWrapper div {
  margin-bottom: 1rem;
  line-height: 1;
}
.iyro__careWrapper div:last-child {
  margin-bottom: 0;
}

.iyro__careRgtWrapper {
  position: relative;
  margin-top: 3rem;
}

.iyro__careRgtWrapperInner {
  padding: 1rem;
  background: var(--white-clr);
  border-radius: 10px;
}
.iyro__careRgtWrapperInner i {
  color: var(--logo-clr-900);
}

.ceo__msg {
  background: linear-gradient(0deg, var(--logo-clr-50), var(--logo-clr-50), var(--logo-secendary-50));
  padding: 0 3rem;
  border-radius: 1rem;
}

#enq_div {
  position: relative;
  background-color: var(--logo-clr-50);
  padding: 5rem 0;
}

#card__section {
  position: relative;
  padding: 6rem 0;
}
#card__section .card__container {
  background-color: var(--logo-clr-50);
  border-radius: var(--border-radius-10);
  transition: var(--transition-nrml);
  position: relative;
}
#card__section .card__container .card__img img {
  border-radius: var(--border-radius-10);
  height: 240px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#card__section .card__container .card__heading {
  padding: 20px;
}
#card__section .card__container .card__heading h2 {
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#card__section .card__container .card__heading a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid;
  font-weight: var(--weight-500);
  color: var(--logo-clr);
  font-size: var(--font-14);
}
#card__section .card__container:hover {
  background-color: var(--white-clr);
  box-shadow: var(--box-shadow-lg);
}

.other__blogs {
  margin-bottom: 1rem;
}
.other__blogs:hover {
  color: var(--logo-clr);
  text-decoration: underline;
}
.other__blogs .heading h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-scrollspy {
  position: sticky;
  top: 120px;
}
.blog-scrollspy .blog-nav-scrollspy {
  border-left: 1px solid var(--logo-clr);
}
.blog-scrollspy .blog-nav-scrollspy a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 30px;
  transition: var(--transition-nrml);
  margin-bottom: 0.65rem;
  position: relative;
}
.blog-scrollspy .blog-nav-scrollspy a:last-child {
  margin-bottom: 0;
}
.blog-scrollspy .blog-nav-scrollspy a.active {
  font-weight: var(--weight-600);
  color: var(--logo-clr);
}
.blog-scrollspy .blog-nav-scrollspy a.active::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--logo-clr);
  left: -4px;
  top: 8px;
  border-radius: var(--border-radius-circle);
}

.blog-content a {
  text-decoration: underline;
}
.blog-content h3 {
  margin: 1.5rem 0 0.75rem;
  font-size: var(--font-20);
  font-weight: var(--weight-500);
}

.load_calc {
  background-color: var(--logo-clr-100);
}
.load_calc .load_calcRgt {
  background-color: var(--white-clr);
}
.load_calc .load_calcRgt button {
  background-color: var(--white-clr);
  border: none;
  border-left: 2px solid transparent;
  padding: 12px 20px;
  transition: var(--transition-nrml);
  font-weight: var(--weight-400);
  font-size: var(--font-14);
}
.load_calc .load_calcRgt button.active {
  color: var(--logo-clr);
  border-color: var(--logo-clr);
  font-weight: var(--weight-500);
}
.load_calc .load_calcLft .prod__quantff {
  background-color: var(--white-clr);
  padding: 10px;
}
.load_calc .load_calcLft .prod__quantff .btn__grpAdjust {
  padding: 5px;
  background-color: var(--logo-clr-100);
  border-radius: var(--border-radius-5);
}
.load_calc .load_calcLft .prod__quantff .btn__grpAdjust button {
  background-color: unset;
  border: unset;
  padding: 0 10px;
}

.about__stats {
  background-color: var(--logo-clr-50);
  padding: 3rem 2rem;
  border-radius: var(--border-radius-25);
  margin: 4rem 0;
}

.scrollspy__div {
  position: sticky;
  top: 110px;
}
.scrollspy__div a .class__logo {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--logo-clr-200);
  transition: var(--transition-nrml);
  border-radius: 50px;
}
.scrollspy__div a .class__logo .logo__scl {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--logo-clr-50);
  border: 1px solid var(--logo-clr-200);
  transition: var(--transition-nrml);
  position: relative;
  left: -1px;
  padding: 15px;
  text-align: center;
}
.scrollspy__div a .class__logo .logo__scl img {
  width: 100%;
}
.scrollspy__div a .class__logo .logo__text {
  font-size: var(--font-14);
}
.scrollspy__div a:hover .class__logo, .scrollspy__div a.active .class__logo {
  background-color: var(--logo-clr);
  color: var(--white-clr);
}
.scrollspy__div a:hover .logo__scl, .scrollspy__div a.active .logo__scl {
  background-color: var(--white-clr);
}
.scrollspy__div a:hover .logo__text, .scrollspy__div a.active .logo__text {
  color: var(--white-clr);
}/*# sourceMappingURL=style.css.map */