/* Importing Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Ribeye&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Ribeye&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

/* Importing Google Fonts */
/* CSS RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: "Roboto Flex", serif; */

  font-family: "Raleway", sans-serif;

}

/* #### Generated By: http://www.cufonfonts.com #### */

/* CSS RESET */
body {
  overflow-x: hidden;
}

/* COLOR VARIABLES */
:root {
  --primary-color: #f4982c;
  --background-primary-color: #e0e0e026;
  --secondary-color: #ff6d38;
  --background-color2: #fef5ea;
}

/* COLOR VARIABLES */
/* SPAN COLOR */
span {
  color: var(--secondary-color);
}

.special-color {
  color: var(--primary-color);
}

/* SPAN COLOR */


/* Navbar Trial */
.mega-menu {
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .2);
  position: relative;
}

.menu-box {
  height: 100%;
  border-radius: 10px;
  /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,.2); */
  background-color: transparent;
}

.mega-framebox {
  height: 40px;
  width: 40px !important;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 3px var(--secondary-color);

}

.mega-framebox img {
  height: 28px;
  width: 28px;
  
}

.headingtext-color {
  color: #000;
  font-size: 14px;
  transition: all .2s;
}

.headingtext-color:hover {
  color: #15a165;
  font-size: 16.2px;
}

.mega-menu-list ul li a {
  font-size: 0.75em;
  color: #000;
  font-weight: 500;
  transition: all .3s;

}

.mega-menu-list ul li a:hover {
  color: var(--secondary-color);
  font-size: 13px;
  /* transform: scale(2); */
  font-weight: 600;

}

/* Border styling */
.border-line {
  margin: 8px 0;
}

.nav-tags {
  color: #000;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  transition: color .4s;
}

.nav-tags::before {
  content: '';
  border-bottom: 2px solid var(--secondary-color);
  position: absolute;
  width: 0;

  /* height: 100%; */
  left: 0;
  top: 100%;
  transition: width .4s;
}

.nav-tags:hover {
  color: var(--secondary-color);
}

.nav-tags:hover::before {
  width: 100%;

}

/* Navbar Trial */
/* Drop Nav */
.dropdown {
  position: relative;
}

.dropdown-menu {
  display: none;
}

.dropdown-menu2 {
  display: none;
}

.dropdown-menu3 {
  display: none;
}

.dropdown:hover .dropdown-menu {
  position: absolute;
  display: block;
  /* opacity: 1; */
  left: 0;
  top: 100%;
  transform: translate3d(-40%, -2%, 0);
  max-width: 75em;
  width: 75em;
  border: none;
  background: transparent;

}

.dropdown:hover .dropdown-menu2 {
  position: absolute;
  display: block;
  left: 0;
  top: 100%;
  transform: translate3d(-35%, -2%, 0);
  max-width: 40em;
  width: 40em;
  z-index: 999;
  border: none;
  background: transparent;
}

.dropdown:hover .dropdown-menu3 {
  position: absolute;
  display: block;
  left: 0;
  top: 100%;
  transform: translate3d(-35%, -2%, 0);
  max-width: 20em;
  width: 20em;
  z-index: 999;
  border: none;
  background: transparent;
}

.nav-button {
  font-size: 14px;
  padding: 6px 16px;
  font-weight: 600;
  color: white;
  outline: none;
  border: none;
  border-radius: 30px;
  background-color: var(--secondary-color);
}

.nav-button:hover {
  background-color: #15a165;
}

/* Drop Nav */
/* Offcanvas-nav */




/* Custom Styles for Offcanvas Accordion */

.offcanvas-custom .accordion-button:not(.collapsed) {
  background-color: #f7f7f7;
  color: white;
  box-shadow: 0px !important;
}


.tag-thirdlevel {
  font-size: 12px;
  color: #000;
}

.offcanvas-custom .accordion-button {
  padding: 3px 0px !important;
  border: 0px !important;
  border-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;

}

.offcanvas-custom .accordion-body {
  background-color: #f7f7f7;
}

/* Specific Styling for Nested Accordions (Level 2, 3) */
.accordion-custom .accordion-button:not(.collapsed) {
  background-color: #f7f7f7;
  color: white;
}

.accordion-custom .second-levelbutton:not(.collapsed) {
  background-color: #f7f7f7 !important;

}

.second-level-body {
  background-color: #f7f7f7;
}

.custom-btnbg-one {
  background-color: #f4982c78 !important;
}

.custom-btnbg-two {
  /* background-color:#c01f2da3!important; */
  background-color: #0d833485 !important;
}

.custom-shadow:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #bd1422ad !important;

}


.accordion-custom .accordion-body {
  background-color: #f7f7f7;
}

.accordion-custom::after {
  margin-right: auto !important;
}

.offcanvas-navtags {
  font-size: 16px;
  font-weight: 700;
  /* margin-bottom: 10px!important; */
  padding: 8px 22px !important;
  background-color: transparent;
}

.accordian-secondstep {
  font-size: 14px;
  font-weight: 700;
  color: #000;

}

.accordianbody-bg {
  background-color: #f7f7f7;
}

.off-navtags-bg {
  background-color: transparent;
}

.offcanvas-navtags a {
  color: #000;
}

.custom-accordian-item .accordian-firststep {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.accordian-list {
  list-style: none;
  padding: 0;
}

.custom-accordian-item {
  padding: 8px 20px !important;
  background-color: transparent;
}

.second-levelbutton {
  background-color: #f7f7f7;
  padding: 6px !important;

}

.offcanvas {
  background-color: #f7f7f7;
  color: #000 !important;
  width: 100% !important;
}

.offanvas-btnclose {
  background-color: #ffffff97;
  color: white;
}

/* Offcanvas-nav */



/* COMMON BOXES-SECTION */
.box {
  height: 100%;
  border-radius: 20px;
  box-shadow: 0px 0px 8px 0px #00000014;
  transition: transform 0.3s ease;
}

.box:hover {
  transform: translateY(-8px);
  box-shadow: 0px 0px 18px 0px #ff000014;
}

.p-opacity {
  color: rgba(0, 0, 0, 70%);
}

.image-box {
  height: 130px;
}

.image-box img {
  aspect-ratio: 1;
}

/* COMMON BOXES-SECTION */
/* FOOTER-SECTION */
.footer-section {
  height: 100%;
  background-color: #1e1e1e;
}

/* FOOTER-SECTION */
/* HOVER EFFECTS-SECTION */

.opacity-p {
  color: rgba(0, 0, 0, 70%);
}

/* HOVER EFFECTS-SECTION */

/* .............................INDEX PAGE CSS..........................*/
/* Index-Navbar */




/* Index-Navbar */
/* Index Hero */
.index-hero-box {
  /* height: 100%; */
  /* padding: 30px 0px; */
  background-color: #fff;
}

.index-hero {
  /* background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover, rgba(61, 61, 12, 0.055);  */
  /* background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover,#f4972c1a; */
  /* background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover,#ff6d3818; */
  /* background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover,#0d833415; */
  animation: change-bgcolor 6s infinite linear;
}



.herotitle-p {
  font-size: 1.25em;
  color: #444444;
}

.first-section {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  box-shadow: 0px 0px 12px 8px #4543430f;
  transition: all 0.3s ease;
}

.first-section img {
  height: 37px;
  width: 37px;
}

.hero-p {
  font-size: 0.75em;
  font-weight: 700;
  padding-top: 6px;
  white-space: nowrap;
  margin-bottom: 0.5em;
  position: relative;
}

.insurance-selection-option:hover .first-section {
  box-shadow: 0px 0px 10px 5px #ff6d38;
}

.insurance-selection-option.active .first-section {
  box-shadow: 0px 0px 10px 5px #ff6d38;
}

/* .insurance-selection-option p::after {
  content: "";
  position: absolute;
  top: 130%;
  left: 40%;
  transform: translateY(-50%);
  height: 0;
  width: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 11px solid  #ff6d38;
} */

.insurance-selection-option {
  padding: 0.5em 0;
}

.insurance-selection-option .triangle {
  visibility: hidden;
  transform: translateY(-20px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ff6d38;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
  margin-left: auto;
  margin-right: auto;
}

.insurance-selection-option.active .triangle {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);

  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0s;
}

.insurance-selection-option:hover .triangle {
  transform: translateY(4px);
}

.indexhero-third-row label,
input {
  display: block;
}

.indexhero-third-row input {
  padding: 4px;
  width: 80%;
  font-size: 16px;
  border: none;
  font-family: "roboto";
  border-bottom: 1px solid #eff3f8;
}
.indexhero-third-row input::placeholder{
  font-size: 12px;
}

.indexhero-third-row input:focus {
  /* outline: none; */
  outline: 1px solid orangered;
}

.indexhero-third-row-col2 p {
  font-size: 0.75em;
}

.indexhero-third-row-col2 button {
  font-size: 1em;
  color: #fff;
  font-weight: 600;
  padding: 5px 20px;
  background-color: var(--secondary-color);
}

.indexhero-third-row-col2 button:hover {
  color: #fff;
  /* background-color: var(--secondary-color); */
  background-color: rgba(0, 128, 0, 0.785);
}

.scroll-insurance {
  max-width: calc(1200px + ((100% - 1200px) / 2));
  overflow-x: auto;
  padding: 13px 0px 0px 5px;
}

.small-chevron {
  font-size: 0.75em;
}

.index-hero-buttons {
  padding: 2px 14px;
  box-shadow: 0px 2px 1.5px 0px #00000026;
}

.index-hero-buttons a {
  font-size: 0.75em;
}


/* SERVICE_SECTION CSS*/
.service-section-title h4 {
  border-bottom: 2px solid #ff6d3880;
  /* text-underline-offset: 20px; */
  font-weight: 800;
  font-size: 1.5625em;
}



.service-section-title button {
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
  padding: 8px 12px;
  font-size: .875em;
  font-weight: 600;
}

.service-section-title button:hover {
  border: 1px solid var(--secondary-color);
  color: white;
  background-color: var(--secondary-color);
}






/* Service Boxes */
.service-section {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}

.service-card {
  box-shadow: 0px 0px 3px 0px rgba(61, 61, 12, 0.183);
}

.service-card:hover {
  background-color: #0d833415;
  box-shadow: 0px 0px 2px 1px #f0eeeeb6;
}

.service-card-img {
  height: 40px;
  width: 40px;
  border: 1px solid rgb(169, 169, 169);
  border-radius: 4px;
}

.service-card-img img {
  height: 30px;
  width: 30px;
}

.service-box-heading {
  font-weight: 600;
  font-size: .875em;
  opacity: .8;
}

.service-para {
  font-size: 14px;
  font-weight: 500;
  opacity: .5;
}

.service-tabs-tag {
  border-bottom: 0;
}

.service-tabs-tag .nav-item .nav-link {
  border: 0;
  border: 1px solid rgb(102, 98, 98);
  border-radius: 30px;
  background-color: transparent;
}

.service-tabs-tag .nav-item .nav-link:hover {
  background-color: #15a165;
  color: white;
  border: 1px solid #15a165;
}

.service-tabs-tag .nav-item .nav-link.active {
  background-color: #ff6d38ea;
  color: white;
  border: 1px solid #ff6d38;
}

.service-tabs-tag .nav-item .nav-link.active:hover {
  background-color: #ff6d38;
  color: white;
}

.service-tabs-tag li a {
  font-size: 1em;
  font-weight: 600;
  color: black;
  padding: 4px 14px;
}


/* Service Boxes */




/* SERVICE_SECTION CSS*/
/* SWIPER-SECTION */
.swiper {
  padding: 34px 20px 34px 20px;
}

.swiper-section {
  /* background-color: #E8F4DC; */
  background-color: rgba(154, 154, 154, 0.071);
}

.swiper-slide {
  height: 80px;
  width: 340px;
  text-align: center;
  /* font-size: 18px; */
  /* background-color: #655e5e6d;  */
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.advertisement h6 {
  font-size: 16px;
  color: rgba(255, 68, 0, 0.669);
}

.advertisement p {
  font-size: 12px;
  color: #15a16480;
}

.swiper-slide img {
  display: block;
  /* width: 100%; */
  height: 100%;
  object-fit: cover;
}

.swiper-pagination-bullet {
  background-color: white;
}

/* SWIPER-SECTION */
/* HIGHWAY-SECTION */
.vehicles:hover .cars {
  animation-play-state: paused;
}

.cars li img {
  height: 30px;
}

.highway {
  position: relative;
  box-shadow: 0px 0px 0.6px 0.6px rgba(128, 128, 128, 0.114);
}

.highway::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), white);
}

.highway::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5%;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.1), white);
}

.vehicles {
  width: 100%;
}

.cars {
  padding: 8px 8px;
  animation: 12s moveleft linear infinite;
}

/* HIGHWAY-SECTION */
/* Why-Choose-Section */
.why-choose {
  position: relative;
  z-index: 1;
}

.why-choosetitle h4 {
  font-size: 2.5em;
}

.why-choose::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 60%;
  width: 100%;
  z-index: -1;
  background: #f8f8f8;
}

.choose-box h4 {
  font-size: 1.2em;
  font-weight: 600;
}

.choose-imagebox {
  /* height: 100%; */
  width: 100%;
}

.choose-imagebox img {
  height: 180px;
  width: 180px;
}

/* Why-Choose-Section */
/* Clients-Section */
.client-love {
  background-color: #00000005;
}

.client-title h4 {
  font-size: 2.2em;
}

.client-title p {
  color: #565764;
}

/* Testimonial slider2 */

.testimonial .swiper-slide {
  min-height: 300px;
  min-width: 500px;
  background-color: transparent;
}

.swiper-img img {
  height: 114px;
}

.swiper-review {
  font-size: 0.875em;
  font-weight: 500;
}

.testimonial-title {
  font-size: 16px;
  font-weight: 700;
}

.testimonial-footer {
  font-size: 12px;
  font-weight: 400;
}

.swiper-content img {
  height: 30px;
}



.testimonial-card-content {
  opacity: 0.5;
  transition: all 0.5s ease;
}

.testimonial .swiper-slide-active .testimonial-card-content {
  opacity: 1;
}

.testimonial .swiper-slide-active {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 0px 18px 0px #22181814;
  transition: all 0.5s ease;
}

.swiper-arrow {
  display: none;
}

.testimonial .swiper-slide-active .swiper-arrow {
  display: flex;
  position: absolute;
  right: 5%;
  bottom: 5%;
}

.hero-title {
  font-size: 2.25em;
  font-weight: 700;
}

.hero-title .text-reveal {
  position: relative;
  color: white;
  -webkit-text-stroke: vw #fff;
  text-transform: capitalize;
}

.hero-title .text-reveal::before {
  content: attr(data-text);
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  color: var(--secondary-color);
  -webkit-text-stroke: 0vw #fff;
  border-right: 4px solid var(--secondary-color);
  overflow: hidden;
  animation: text-ani 4s linear infinite;
}



/* Testimonial slider2 */

/* Clients-Section */
/* Faq-section */
.faq-title h4 {
  font-size: 2.2em;
}

/* Detail Summary */
.summary-section {
  width: 75%;
}

details summary {
  list-style: none;
  position: relative;
  font-size: 1em;
  font-weight: 600;
}

.tabs-tag li a {
  font-size: 1em;
  font-weight: 700;
  color: black;
  padding: 4px 14px;
}

.tabs-tag li a:hover {
  color: #ff6d38;
  transition: all 0.4s ease;
}

details summary::after {
  position: absolute;
  content: "+";
  right: 0;
  top: 0;
  font-size: 2em;
  font-weight: 500;
  transition: transform 0.3s ease;
}

details[open] summary::after {
  transform: rotate(45deg);
  transition: all 0.6s ease;
}

details p {
  font-size: 0.875em;
  font-weight: 500;
  padding: 1% 0% 0% 2%;
}

details {
  border-bottom: 1px solid black;
}

/* Detail Summary */
/* Faq-section */
/* HELP_SECTION */
.help-section {
  background: #fff2e4;
}

.help-buttons {
  width: fit-content;
}

.help-content h4 {
  font-size: 1.5625em;
  font-weight: 800;
}

.help-content p {
  font-size: 0.9375em;
  font-weight: 500;
  letter-spacing: 1px;
}

/* HELP_SECTION */
/* INFO-SECTION */
.info-section {
  background-color: #15a165;
}

.information h4 {
  font-weight: 700;
}

.information p {
  color: #ffffff90;
  font-weight: 500;
}

/* INFO-SECTION */
/* <<<<<<<<<<<FOOTER>>>>>>>>>> */
.index-disclaimer p {
  font-size: 0.75em;
  color: #ffffffd6;
}

.footer-contact {
  background-color: #1f2429;
}

.contact-border {
  border-left: 2px solid #ffffff6d;
  border-right: 2px solid #ffffff6d;
}

.about-us h4 {
  font-size: 1.125em;
  font-weight: 700;
  margin-bottom: 0;
}

.about-us h4 a {
  color: #f4982c;
}

.contact-us a p {
  font-size: 0.875em;
}

.about-us ul li p {
  color: #fffffff1;
  font-size: 0.75em;
}

.follow-us i {
  color: #f4982c;
  font-size: 1.25em;
}

.footer-end h4 {
  font-size: 1.25em;
  font-weight: 700;
}

.footer-end p {
  font-size: 0.75em;
  color: #fffffff1;
}

/* <<<<<<<<<<<FOOTER>>>>>>>>>> */

/* .............................INDEX PAGE CSS..........................*/
/* Paragraphs */
.normal-para {
  font-size: 1em;
}

.hero-para {
  font-size: .875em;
}

.small-para {
  font-size: .875em;
  font-weight: 600;
  color: rgb(81, 76, 76);
}



/* Paragraphs */
/* hero section */
.get-policy {
  background-color: #fff7f2;
  padding: 6px;
  color: #000;
}

.checkbox-para {
  color: #2d2e2e;
  font-size: 14px;
}

.checkbox-para a {
  font-size: 14px;
  color: #2d2e2e;
}

.about-hero {
  font-weight: 500;
  color: #000000;
  height: 100%;
}



.sepcificatons {
  background-color: #fff7f2;
}

.registration-form {
  border-radius: 4px;
  box-shadow: 0px 0px 2px #15a165;
  background-color: #ffffffe8;

}

.input-wrapper {
  position: relative;
  display: flex;
  /*  justify-self: center; */
  align-items: center;

}

.input-wrapper input {
  height: 40px;
  width: 100%;
  font-size: 14px;
  align-items: end;
  border: none;
  border-bottom: 1.5px solid #ff6d38;
  font-family: "Roboto Flex", serif;
  background-color: transparent;
}

.input-wrapper label {
  position: absolute;
  top: auto;
  left: 0;
  color: rgb(81, 76, 76);
  padding: 0px 20px 0px 2%;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  font-family: "Roboto Flex", serif;

}

.input-wrapper input:focus {
  border: none;
  outline: none;
  border-bottom: 1.5px solid #ff6d38;
  padding: 0px 20px 0px 2%;
}

.input-wrapper input:focus~label {
  position: absolute;
  top: auto;
  left: auto;
  transform: translateY(-95%);
  transition: all .2s linear;
  padding: 0px 20px 0px 0px;
  font-size: 12px;
  font-weight: 500;
  pointer-events: none;
}

.input-wrapper input::placeholder {
  visibility: hidden;
  font-size: 14px;
  font-size: 0px;
  transition: all .2s ease;
}

.input-wrapper input:focus::placeholder {
  visibility: visible;
  font-size: 12px;
  padding: 0 20px 0 0px;
}

.input-wrapper input:not(:placeholder-shown)~label {
  transform: translateY(-95%);
  font-size: 12px;
  font-weight: 500;
  padding: 0 20px 0 0px;
}
.custom-input-wrapper{
  width: 50%;
}
.input-wrapper input:not(:placeholder-shown) {
  padding: 0px 0px 0px 20px;
}

.hero-btn {
  background-color: #ff6d38;
  color: white;
  padding: 8px;
  width: 100%;
  border-radius: 20px;
}
.hero-custom-btn{
  font-size: 12px;
}

.hero-btn:hover {
  background-color: #15a165;
}

.hero-checkbox label {
  font-size: 14px;

}

.custom-checkbox {
  transform: scale(1.1);
}

.modal-btn {
  background-color: #ff6d38;
  color: white;
  font-weight: 600;
}

.modal-btn:hover {
  background-color: #15a165;
  color: white;
  font-weight: 600;
}

.hero-advertisement {

  box-shadow: 0px 0px 2px #ff6d38;
  height: 100%;
}

.sepcificatons i {
  max-width: 10px;
  color: #ff6d38;
}

/* Hero Sections */
.hero-section {
  position: relative;
}
.heroleft-heading{
  font-size: 32px;
}
.common-hero{
  font-size: 30px;
}

.hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  animation: hero-bgcolor 8s infinite linear;
}

/* Car Insurance Page*/
.car-hero {
  background: url(source/images/car-insurance-page/car_in.svg) no-repeat right center/contain !important;
}

/* become Posp */

.posp-hero {
  background: url(source/images/b-a-posp-partner/become_posp.svg) no-repeat right center/contain !important;
}

.posp-tabs .nav-item {
  /* background-color: #8af857; */
  width: fit-content;
}

.posp-tabs .nav-item .nav-link.active {
  border: 1px solid #15a165;
  border-bottom: 0px;
  background-color: #fff;
}

.posp-tabs .nav-item .nav-link.active span {
  color: #3c3d3e;
}

.radio-checkboxes input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  margin-top: 3px;
  border-radius: 50%;
  border: 1.6px solid #38b37ee9;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: all .4s ease;
}
.radio-checkboxes input[type="radio"]:checked{
  background-color: #ff6d38;
  border: none;
} 
input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  top: 5px;
  left:5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: white; 
}

/* become Posp */
/* Two Wheeler */
.twowheeler-hero {
  background: url(source/images/two-wheeler-page/twowheeler_insurance.svg) no-repeat right center/contain !important;

}

/* Two Wheeler */
/* Goods Carrying */
.goodscarrying-hero {
  background: url(source/images/goods-carrying-page/goods-carrying.svg) no-repeat right center/contain !important;
}

/* Goods Carrying */
/* Passenger-carrying */
.pcv-hero {
  background: url(source/images/passenger-carrying-page/pcv-img.svg) no-repeat right center/contain !important;
}

/* Passenger-carrying */
/* Travel insurance */
.travel-hero {
  background: url(source/images/travel-insurance-page/travel-insurance.svg) no-repeat right center/contain !important;
}

.input-wrapper input[type="date"] {
  font-size: .875em;
  color: rgb(81, 76, 76);
}

/* Travel insurance */
/* Home Insurance */
.home-hero {
  background: url(source/images/home-insurance/home-insurance.svg) no-repeat right center/contain !important;

}

/* Home Insurance */
/* Commercial Insurance */
.commercial-hero {
  background: url(source/images/commercial-insurance-page/commercial-insurance.svg) no-repeat right center/contain !important;
}

/* Commercial Insurance */
/* Health insurance */
.health-hero {
  background: url(source/images/health-insurance/health-insurance.svg) no-repeat right center/contain !important;

}

/* Health insurance */
/* Life Insurance */
.life-hero {
  background: url(source/images/life-insurance-page/life_insurance.svg) no-repeat right center/contain !important;

}

/* Life Insurance */
/* Term insurance */
.term-hero{
  background: url(source/images/term-insurance-page/term-insurance.svg) no-repeat right center/contain !important;
}
/* Term insurance */
/* Ulip */
.ulip-hero{
  background: url(source/images/ulip-insurance/ulip-insurance.svg) no-repeat right center/contain !important;
}
/* Ulip */
/* Guaranteed Returns Plans */
.grp-hero{
  background: url(source/images/guaranteed-return-plans/grp-insurance.svg) no-repeat right center/contain !important;
}
/* Guaranteed Returns Plans */
/* Endowment Policy */
.endowment-hero{
  background: url(source/images/endowment-policy/endowment-insurance.svg) no-repeat right center/contain !important;
}
/* Endowment Policy */
.pension-hero{
  background: url(source/images/pension-plans-page/pension-plans.svg) no-repeat right center/contain !important;
}
/* Individual-Health */
.individual-health-hero{
  background: url(source/images/individual-health-insurance-page/individaul-healthinsurance.svg) no-repeat right center/contain !important;
}
/* Individual-Health */
.family-health-hero{
  background: url(source/images/family-health-insurance-page/family-health-insurance.svg) no-repeat right center/contain !important;
}
/* criticalillness */
.criticalillness-hero{
  background: url(source/images/critical-illness-insurance-page/patient-in-icu.svg) no-repeat right center/contain !important;
}
/* criticalillness */
/* Personal Accident Insurance*/
.personalaccident-hero{
background: url(source/images/personal-accident-page/personalaccident.svg) no-repeat right center/contain !important;
}
/* Personal Accident Insurance*/
/* Group Health Insurance */
.group-health-hero{
  background: url(source/images/group-health-insurance-page/grouphealth-insurance.svg) no-repeat right center/contain !important;
}
/* Group Health Insurance */
/* Cancer Insurance */
.cancer-hero{
  background: url(source/images/cancer-insurance-page/cancer-insurance.svg) no-repeat right center/contain !important;
}
/* Cancer Insurance */
/* Mos-Bite Insurance */
.mos-bite-hero{ 
  background: url(source/images/mos-bite-insurance-page/mos-bite-insurance.svg) no-repeat right center/contain !important;
}
/* Mos-Bite Insurance */
/* Group Personal Accident */
.grouppersonalaccident-hero{
background: url(source/images/group-personal-accident-page/group-personal-accident.svg) no-repeat right center/contain !important;
}
/* Group Personal Accident */
/* Individual Travel-insurance */
.individualtravel-hero{
  background: url(source/images/individual-travel-insurance-page/individual-travel-insurance.svg) no-repeat right center/contain !important; 
}
/* Individual Travel-insurance */
/* Family Travel Insurance */
.familytravel-hero{
  background: url(source/images/family-travel-insurance/familytravel-insurance.svg) no-repeat right center/contain !important; 
}
/* Family Travel Insurance */
/* Student Travel Insurance */
.studenttravel-hero{
  background: url(source/images/student-travel-insurance/student-travel-insurance.svg) no-repeat right center/contain !important; 
}
/* Student Travel Insurance */
/* Crop Insurance */
.crop-hero{
  background: url(source/images/crop-insurance-page/crop-insurance.svg) no-repeat right center/contain !important; 
}
/* Crop Insurance */
/* Construction All Risk */
.constructionallrisk-hero{
  background: url(source/images/construction-all-risk-insurance-page/contruction-all-risk.svg) no-repeat right center/contain !important; 
}
/* Construction All Risk */
/* Bharat Griha  */
.bharatgriha-hero{
  background: url(source/images/bharat-griha-raksha-insurance/bharat-griha-raksha-insurance.svg) no-repeat right center/contain !important; 
}
/* Bharat Griha  */
/* Renew Health Insurnace */
.renewhealth-hero{
  background: url(source/images/health-insurance-renewal/renew-health-insurance.svg) no-repeat right center/contain !important; 
}
/* Renew Health Insurnace */
/* Renew Life Insurnace */
.renewlife-hero{
  background: url(source/images/life-renewal-page/renew-life-insurance.svg) no-repeat right center/contain !important; 
}
/* Renew Life Insurnace */
/* Renew Car Insurnace */
.renewcar-hero{
  background: url(source/images/car-renewal/carinsurance-renewal.svg) no-repeat right center/contain !important; 
}
/* Renew Car Insurnace */
/* General Insurance */
.custom-swiper .swiper-wrapper .swiper-slide{
  /* min-height:200px; */
  max-height: 100%;
  background-color: transparent;
padding: 14% 2%;
  /* background-color: #15a1641f; */
  border-radius: 24px;
}
.text-links{
  font-size: 20px;
  text-decoration: none;
font-weight: 700;
color: #ff6d38d2;
transition: .3s color ease;
}
.text-links:hover{
  color: #15a165;
}
.slides-img{
 height: 150px;
 width: 150px;
 background-color: #ffffff9d;
 border-radius: 50%;
 transform: scale(1);
 transition: transform .2s ease-in-out;
}
.slides-img img{
  height: 100%;
 width: 100%;
 border-radius: 50%;
 object-fit: contain;
}
.slides-img:hover{
  transform: scale(1.1);
}
.custom-swiper .swiper-pagination-bullet{
  background-color: #15a165;
}
/* General Insurance */
/* Contact Us */
.contact-form{
  background-color: #ffffff9e;
}
.frame-box{
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.frame-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/* Contact Us */




/* MEDIA QUERY SECTION FOR ALL PAGES */
@media (min-width:992px) and (max-width:1100px) {
  .dropdown:hover .dropdown-menu {
    position: absolute;
    display: block;
    left: 0;
    top: 100%;
    transform: translateX(-32%);
    max-width: 75em;
    width: 75em;
    border: none;
    background: transparent;
  }

  .service-section {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
  }


}



@media (max-width: 992px) {
  /* INDEX PAGE */

  /* Hero Section */
  .hero-title {
    font-size: 1.75em;
  }
  .common-hero{
    font-size: 26px;
  }
  .herotitle-p {
    font-size: 0.875em;
    color: #444444;
  }

  .indexhero-third-row-col2 button {
    font-size: 0.9375em;
  }

  .service-section {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
  }

  .service-section-title h4 {
    font-size: 1.25em;
  }

  .why-choose::before {
    height: 30%;
  }

  .why-choosetitle h4 {
    font-size: 1.5em;
  }

  .choose-imagebox img {
    height: 140px;
    width: 140px;
  }

  .choose-box h4 {
    font-size: 1em;
  }

  .choose-box p {
    font-size: 0.75em;
  }

  /* Clients-Section */
  .client-title h4 {
    font-size: 1.6em;
  }

  /* Clients-Section */
  /* Faq-section */
  .faq-title h4 {
    font-size: 1.4em;
  }

  .tabs-tag li a {
    font-size: 0.8em;
    padding: 4px 6px;
    white-space: wrap;
  }

  details summary {
    font-size: 0.75em;
    font-weight: 600;
  }

  details p {
    font-size: 0.7em;
  }

  /* Faq-section */
  /* Hero Section */
  /* INDEX PAGE */
  /* Paragraphs */
  .normal-para {
    font-size: .875em;
  }

  /* Paragraphs */
  /* General Insurance */
  .custom-swiper .swiper-wrapper .swiper-slide{
  padding: 15% 4%;
  }
  /* General Insurance */
}

@media (max-width: 768px) {

  .service-section {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .footer-section {
    height: fit-content;
  }

  .about-us h4 {
    font-size: 1em;
  }

  .summary-section {
    width: 100%;
  }

  .tabs-tag li a {
    font-size: 0.7em;
    padding: 2px 4px;
    white-space: wrap;
  }

  details summary {
    font-size: 0.67em;
    font-weight: 600;
  }

  details p {
    font-size: 0.6em;
  }

  /* HEO sections */
  /* Car insurance */
  .hero-btn{
    font-size: 12px;
  }
  .hero-para {
    font-size: .75em;
  }
  .custom-about-hero {
    background-color: #fffffff1;
    box-shadow: 0px 0px 2px #ff6d38;
  }
  /* Car insurance */
 
  .custom-input-wrapper{
    width: 100%;
  }
    /* General Insurance */
    .custom-swiper .swiper-wrapper .swiper-slide{
      padding: 20% 4%;
      }
      /* General Insurance */
}

@media (min-width: 768px) and (max-width: 900px) {
  .footer-section {
    height: fit-content;
  }
}


@media (max-width: 576px) {
  .service-section {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
  }

  .why-choose::before {
    height: 24%;
    background: #fff2e4;
  }

  .why-choosetitle h4 {
    font-size: 1.2em;
  }

  .why-choosetitle p {
    font-size: 0.75em;
  }

  /* Clients-Section */
  .client-title h4 {
    font-size: 1.2em;
  }

  .testimonial .swiper-slide {
    min-height: 400px;
    min-width: 300px;
  }

  .swiper-section2 .swiper {
    padding: 10px 10px 10px 10px;
  }

  .testimonial .swiper-slide-active .swiper-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
  }

  /* Clients-Section */
  /* Faq-section */
  .faq-title h4 {
    font-size: 1em;
  }

  summary p {
    font-size: 0.7em;
    font-weight: 500;
  }

  .summary-detail {
    font-size: 0.5em;
    margin: 8px;
  }

  /* Faq-section */
  /* HELP_SECION */
  .help-content h4 {
    font-size: 1.125em;
    font-weight: 800;
  }

  .help-content p {
    font-size: 0.75em;
    font-weight: 500;
  }

  .help-buttons p {
    font-size: 0.75em;
    letter-spacing: 0px;
  }

  /* HELP_SECION */
  .information h4 {
    font-size: 1em;
  }

  .information p {
    font-size: 0.875em;
  }

  .contact-us a p {
    font-size: 0.75em;
  }

  .footer-end h4 {
    font-size: 0.875em;
    font-weight: 700;
  }

  .footer-end p {
    font-size: 0.75em;
    color: #fffffff1;
  }

  .insurance-left {
    font-size: 1.5em;
  }

  /* Car Insurance */

  .custom-checkbox {
    transform: scale(.8);
  }
  .checkbox-para{
    font-size: 12px;
  } 
  .checkbox-para a{
    font-size: 12px;
  }
  .about-hero{
    background-color: #fffffff1;
    box-shadow: 0px 0px 2px #ff6d38;
  }

  /* Car Insurance */
  /* General Insurance */
  .custom-swiper .swiper-wrapper .swiper-slide{
    padding: 24% 4%;
    }
    /* General Insurance */
}

@media (max-width: 500px) {
  .hero-title .text-reveal {
    display: inline-block;
  }
 
}
@media (max-width: 400px) {
  .testimonial .swiper-slide {
    min-height: 420px;
    min-width: 230px;
  }
  
   .hero-custom-btn{
    font-size: 12px;
  }
 .form-btn{
  gap:10px;
  flex-direction: column;
 }
   /* General Insurance */
   .custom-swiper .swiper-wrapper .swiper-slide{
    padding: 34% 4%;
    }
.swiper-img{
  height: 130px;
  width: 130px;
  border-radius: 50%;
}
    /* General Insurance */
}

/* Index Page */

/* MEDIA QUERY SECTION FOR ALL PAGES */
/* ANIMATIONS-SECTION FOR ALL PAGES*/

/* .............................INDEX PAGE ANIMATION..........................*/
@keyframes moveleft {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes text-ani {

  0%,
  10%,
  100% {
    width: 0%;
    color: var(--secondary-color);

  }

  70%,
  90% {
    width: 104%;
    color: #15a165;

  }
}

@keyframes change-bgcolor {
  0% {
    background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover, rgba(61, 61, 12, 0.055);
  }

  25% {
    background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover, #f4972c1a;
  }

  50% {
    background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover, #ff6d3818;
  }

  75% {
    background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover, #0d833415;
  }

  100% {
    background: url(source/images/home-page/Index_Hero_bg.svg) no-repeat center left/cover, rgba(61, 61, 12, 0.055);
  }

}

@keyframes hero-bgcolor {
  0% {
    background: #f4f8ff;
  }

  25% {
    background: #f4972c1a;
  }

  50% {
    background: #ff6d3818;
  }

  75% {
    background: #0d833415;
  }

  100% {
    background: rgba(61, 61, 12, 0.055);
  }

}

/* .............................INDEX PAGE ANIMATION..........................*/

/* ANIMATIONS-SECTION FOR ALL PAGES*/