body,
html {
margin: 0;
padding: 0;
font-family: "Almarai";
}
@font-face {
font-family: 'helvetica-lightt';
src: url('../fonts/helvetica-light.ttf') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica-bold';
src: url('Helvetica-Bold.ttf') format('woff2');
font-weight: normal;
font-style: normal;
}
/* .hidden {
opacity: 0;
transition: opacity 1s ease-in-out;
} */
.last-image-bussines-insurance {
width: 100%;
}
.show {
opacity: 1;
transition: opacity 1s ease-in-out;
}
.navbar {
margin-top: -12px;
padding: 0px 50px 17px 50px;
}
.navbar-brand img {
width: 130px;
height: 130px;
}
@media (min-width:993px) {
.navbar-brand img {
width: 105px;
height: 100px;
position: relative;
left: 25px;
}
}
/* .home .navbar-toggler {
display: none;
} */
.navbar-nav .nav-item {
margin-left: 10px;
}
.navbar-nav .nav-link {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 16.1px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1) !important;
}
/* .navbar-light .navbar-nav .nav-link {
color: rgba(84, 84, 84, 1) !important;
} */
.navbar-nav .nav-link:hover {
color: #007bff;
}
/* .home .navbar-toggler {
display: none;
} */
.home .navbar-toggler.show {
display: block;
}
@media (max-width: 820px) {
/* Show toggler only on screens smaller than 820px */
.home .navbar-toggler {
display: block;
margin-top: 18px;
font-size: 16px;
}
}
.login-dashboard-main-btn {
border-radius: 10px;
background-color: #1E894D !important;
border: none;
padding: 10px 30px;
font-size: 18px;
color: white !important;
}
.btn-success:hover {
background-color: #1E894D;
}
.home .content {
padding: 20px 0px;
text-align: center;
}
@media (max-width: 768px) {
.home .content {
position: relative;
left: 0px;
padding: 20px;
text-align: center;
}
}
.home-svgs {
width: 25vmax;
position: relative;
left: -100px;
}
@media (max-width: 990px) {
.home-svgs {
width: 30vmax;
position: relative;
left: 10px;
}
}
.home .content h1 {
font-family: 'helvetica-bold';
font-size: 53px;
font-weight: 700;
/* text-transform: capitalize; */
line-height: 46px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #1E894D;
}
.third-section-homepage-image {
width: 100%;
}
.third-section-homepage-heading-first {
font-family: Helvetica;
font-size: 29px;
font-weight: 400;
line-height: 33.35px;
letter-spacing: 0.22em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1);
}
.third-section-homepage-heading-second {
font-family: Helvetica;
font-size: 58px;
font-weight: 700;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
;
}
.third-section-homepage-paragraph {
font-family: Helvetica;
font-size: 17.3px;
font-weight: 400;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
;
}
.third-section-homepage-button {
width: Hug (232px)px;
height: Fixed (50px)px;
padding: 12px 30px 12px 30px;
gap: 10px;
border-radius: 8px;
background-color: rgba(30, 137, 77, 1);
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(255, 255, 255, 1);
;
}
.fourth-section-homepage-heading {
font-family: Helvetica;
font-size: 58px;
font-weight: 700;
line-height: 52px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.fourth-section-homepage-paragraph {
font-family: Helvetica;
font-size: 22px;
font-weight: 400;
line-height: 29px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.fifth-section-homepage-section {
background-color: rgba(207, 177, 43, 0.17);
}
.fifth-section-homepage-section-heading {
color: rgba(207, 177, 43, 1);
font-family: Helvetica;
font-size: 22px;
font-weight: 700;
line-height: 25.3px;
letter-spacing: 0.22em;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.fifth-section-homepage-section-card-image {
width: 100%;
}
.fifth-section-homepage-section-card-paragraph {
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1);
}
.card-width-fourth-taamin-section {
width: 19%;
background-color: white;
border-radius: 12px;
box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.08);
min-height: 220px;
text-decoration: none;
text-decoration-line: none;
}
.card-width-second-taamin-section-insurance {
width: 25%;
background-color: white;
border-radius: 12px;
box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.08);
min-height: 220px;
text-decoration: none;
margin-bottom: 13px;
text-decoration-line: none;
}
.last-button-insurance-page {
width: 230px;
height: 75px;
padding: 12px 30px 12px 30px;
gap: 10px;
border-radius: 8px;
background-color: rgba(30, 137, 77, 1);
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
align-items: center;
display: grid;
text-align: center;
line-height: 19.55px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(255, 255, 255, 1);
}
.last-button--bissnes-insurance-page {
width: 228px;
height: 55px;
padding: 12px 0px 12px 0px !important;
gap: 10px;
border-radius: 8px !important;
background: rgba(30, 137, 77, 1) !important;
color: rgba(255, 255, 255, 1) !important;
font-family: Helvetica !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 19.55px !important;
text-align: center !important;
display: grid !important;
align-items: center !important;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.html {
overflow-x: hidden;
}
.first-section-about-us {
background-color: rgba(247, 242, 219, 1);
}
.last-button-insurance-page:hover,
.last-button--bissnes-insurance-page:hover {
background-color: rgb(21, 95, 53);
color: rgba(255, 255, 255, 1);
}
.margin-navbar {
margin-top: 185px;
}
.first-section-heading-first {
font-family: Helvetica;
font-size: 32px;
font-style: italic;
font-weight: 900;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.first-section-paragraph-first {
font-family: Helvetica;
font-size: 30px;
font-weight: 400;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.about-us-second-section-heading {
font-family: Helvetica;
font-size: 53px;
font-weight: 700;
line-height: 70px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.about-us-second-section-heading::after {
content: '';
display: block;
width: 71px;
height: 4px;
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
margin: 24px auto 19px;
box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
/* Add shadow effect */
z-index: 10;
position: relative;
}
.about-us-second-section-row-second-heading {
font-family: Helvetica;
font-size: 36px;
font-weight: 700;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.about-us-second-section-row-second-paragraph {
font-family: Helvetica;
font-size: 17px;
font-style: italic;
font-weight: 400;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.about-us-second-section-row-second-heilght {
color: rgba(30, 137, 77, 1);
}
.about-us-third-section-row-heading {
font-family: Helvetica;
font-size: 58px;
font-weight: 700;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.about-us-third-section-row-card {
width: 24% !important;
padding: 20px;
gap: 10px;
border-radius: 24px;
background-color: rgba(245, 245, 245, 1);
}
.about-us-third-section-row-card-number {
font-family: Helvetica;
font-size: 52px;
font-weight: 400;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.about-us-third-section-row-card-heading {
font-family: Helvetica;
font-size: 22px;
font-weight: 700;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1);
}
.about-us-third-section-row-card-paragraph {
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.about-us-fourth-section {
background-image: url("../images/Component-6.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 460px;
width: 100%;
overflow: hidden;
}
.lower-section-six-about-us {
position: absolute;
height: 100%;
width: 100%;
z-index: 2;
}
.six-section-about-us {
position: relative;
z-index: 3;
}
.about-us-six-section {
position: relative;
min-height: 560px;
}
.six-section-about-us-heading-heightlight {
color: rgba(235, 205, 0, 1);
}
.six-section-about-us-heading {
font-family: Helvetica;
font-size: 52px;
font-weight: 700;
line-height: 59.79px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1);
}
.six-section-about-us-paragraph {
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
line-height: 19.55px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(255, 255, 255, 1);
}
.six-section-about-us-button {
width: 148px;
height: 50px;
align-items: center !important;
justify-content: center;
display: flex !important;
gap: 10px;
border-radius: 8px !important;
font-family: Helvetica !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 19.55px !important;
text-align: center !important;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1) !important;
background-color: rgba(255, 255, 255, 1) !important;
}
.about-us-fourth-section-text {
/* font-family: 'helvetica-lightt'; */
font-size: 27px;
font-style: italic;
font-weight: 300;
line-height: 52px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1);
}
.about-us-five-section-heading {
font-family: Helvetica;
font-size: 53px;
font-weight: 700;
line-height: 70px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.about-us-five-section-ul {
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
line-height: 70px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.about-us-five-section-heading::after {
content: '';
position: absolute;
width: 74px;
height: 3px;
display: block;
margin-top: 10px;
left: 5%;
transform: translateX(-50%);
background: linear-gradient(to right, #EBCD00, #CDAF00, #FFFFFF, #CDAF00, #FFFFFF, #CDAF00, #EBCD00, #FFFFFF, #EBCD00);
animation-delay: 0s;
}
.about-us-fourth-section-text-heighlight {
color: rgba(30, 137, 77, 1);
}
.home .content h2 {
/* text-transform: capitalize; */
/* width: 520px; */
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#FFFFFF,
#CDAF00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Helvetica;
font-size: 39px;
font-weight: 700;
line-height: 46px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
@media(min-width:990px) {
.home .content h2 {
position: relative;
/* left: 15px; */
}
}
.home .content .btn-success {
padding: 15px 40px;
font-size: 20px;
}
/* Jumbotron container */
.home .jumbotron-container {
align-items: center;
margin-top: 151px;
/* Adjust as needed */
position: relative;
}
/* Media queries for smaller screens */
@media (max-width: 990px) {
/* .home .jumbotron-container{
margin-top: 140px;
} */
.home .content h1 {
font-size: 25px;
width: auto;
line-height: 30px;
}
.home .content h2 {
font-size: 20px;
width: auto;
line-height: 26px;
}
.home .content .btn-success {
padding: 10px 20px;
font-size: 16px;
}
.home .jumbotron-container {
flex-direction: column;
margin-top: 140px;
padding: 0 20px;
left: 0%;
}
/* .home .left-image img {
width: 200px;
height: 200px;
}
.home .right-image img {
} */
.home .bottom-image img {
width: 100%;
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.navbar {
padding: 20px;
}
.home.navbar-brand img {
width: 100px;
height: 100px;
}
.home .navbar-nav .nav-item {
margin: 0 10px;
}
.home .navbar-nav .nav-link {
font-size: 14px;
}
.home.btn-success {
padding: 10px 20px;
font-size: 16px;
margin-left: 20px;
}
.home .content h1 {
font-size: 36px;
}
.home .content h2 {
font-size: 24px;
}
.home .left-image img,
.home .right-image img {
width: 300px;
}
.home .jumbotron-container {
flex-direction: column;
}
.home .left-image,
.home .right-image {
margin: 20px 0;
}
}
@media (max-width: 990px) {
.home .navbar {
padding: 19px;
}
.home .navbar-brand img {
width: 75px;
height: 70px;
}
.home .navbar-nav .nav-item {
margin: 0 5px;
}
.home .navbar-nav .nav-link {
font-size: 12px;
}
.home .btn-success {
padding: 8px 15px;
font-size: 14px;
margin-left: 20px;
}
/* .home .content h1 {
font-size: 28px;
}
.home .content h2 {
font-size: 18px;
} */
.home .left-image img,
.right-image img {
width: 80px;
/* Smaller images for small screens */
}
}
/* Logo Animation */
.home #navbar-logo {
position: absolute;
top: 21px;
margin-left: -55px;
}
@media(max-width:990px) {
.home #navbar-logo {
position: absolute;
top: 21px;
margin-left: 0px;
}
.padding-claim-step1 {
padding: 0px 43px 0px 57px;
}
}
.home .left-image,
.right-image {
display: flex;
align-items: center;
}
.home .left-image img {
width: 300px;
height: 300px;
}
.right-image img {
width: 300px;
height: 300px;
}
.home .bottom-image {
display: flex;
justify-content: center;
padding: 50px 0;
}
.home .bottom-image img {
width: 94vw;
}
@keyframes slideInLeft {
0% {
transform: translateX(-100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInRight {
0% {
transform: translateX(100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.home .left-image.show {
animation: slideInLeft 1s ease-in-out forwards;
}
.home .right-image.show {
animation: slideInRight 1s ease-in-out forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.home .bottom-image.show {
animation: fadeIn 1s ease-in-out forwards;
}
/* Jumbotron Animation */
@keyframes slideUp {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.home #jumbotron.show {
animation: slideUp 1s ease-in-out forwards;
}
.content-first-home {
position: relative;
/* left: -8%; */
}
@media(max-width:1150px) {
.content-first-home {
position: relative;
/* left: -9%; */
}
}
@media(max-width:1030px) and (min-width:990px) {
.content-first-home {
position: relative;
/* left: -21%; */
}
.home-svgs {
width: 21vmax;
position: relative;
left: -134px;
}
.home .content {
padding: 20px 21px;
text-align: center;
}
.margin-right-svg {
left: -236px;
}
}
@media(max-width:990px) {
.content-first-home {
position: relative;
left: 0%;
}
}
.home #jumbotron .container {
text-align: center;
flex: 1;
}
.home #jumbotron .text-center {
max-width: 100%;
z-index: 1;
}
@media (max-width: 920px) {
.home .bottom-image {
display: none;
}
}
.home .show {
opacity: 1;
}
.home .section-title {
transform: translateX(-100%);
}
.home .section-title.show {
transform: translateX(0);
}
.home .insurance-product-card {
transform: translateY(0);
}
.home .insurance-product-card.show {
transform: translateY(0);
}
.home .insurance-products-section {
padding: 60px 0;
}
.home .insurance-products-section h2 {
top: 302px;
left: 100px;
gap: 0px;
opacity: 0px;
color: #1E894D;
font-size: 58px;
font-weight: 700;
line-height: 70px;
text-align: left;
}
.home .insurance-products-section h2 span {
width: 697px;
top: 355px;
left: 100px;
gap: 0px;
opacity: 0px;
font-family: Helvetica;
font-size: 58px;
font-weight: 700;
line-height: 52px;
text-align: left;
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.home .section-titles {
text-align: center;
font-size: 2.5em;
margin-bottom: 40px;
font-weight: bold;
color: #333;
}
.home .section-titles span {
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#FFFFFF,
#CDAF00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.home .insurance-product-card {
background-color: #fff;
padding: 20px;
border: 1px solid #e0e0e0;
border-radius: 10px;
text-align: left;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-in-out;
}
.home .insurance-product-card:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.insurance-product-card img {
/* max-width: 150px; */
width: 180px;
margin-bottom: 20px;
display: block;
}
.home .insurance-product-card p {
font-size: 1em;
color: #555;
margin-bottom: 10px;
}
.home .insurance-product-card p strong {
color: #CFB12B;
}
/* reviews section */
.home .reviews-section {
padding: 60px 0;
/* Increased padding for more spacing */
background-color: #fff;
}
.home .stars {
font-size: 4rem;
/* Increased font size for larger stars */
margin-bottom: 20px;
/* Increased margin for better spacing */
display: flex;
/* To align stars in a row */
justify-content: center;
/* Center stars horizontally */
}
.home .stars span {
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
margin: 0 5px;
/* Add some horizontal space between stars */
}
.home .reviews-title {
font-size: 3rem;
/* Increased font size for larger title */
color: #007b00;
/* Green color for the title */
font-weight: bold;
position: relative;
display: inline-block;
}
.home .reviews-title::after {
content: '';
display: block;
width: 60px;
height: 4px;
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
margin: 0px auto 0;
box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
/* Add shadow effect */
z-index: 10;
position: relative;
}
/* reviews carousel */
.home .carousel {
padding: 40px 0;
background-color: #fff8e1;
display: flex;
justify-content: center;
margin: 50px;
}
.home .carousel-inner {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
}
.home .carousel-content {
background-color: #fff8e1;
padding: 20px;
text-align: left;
border-radius: 10px;
position: relative;
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
}
.home .quote {
font-size: 3rem;
color: #ffd700;
position: absolute;
top: 10px;
left: 10px;
}
.home .testimonial {
font-size: 1rem;
color: #333;
margin: 0;
padding-left: 60px;
}
.home .author {
font-size: 1rem;
color: #ffd700;
font-weight: bold;
text-align: center;
margin-top: 10px;
}
.home .carousel-control-prev-icon,
.home .carousel-control-next-icon {
display: inline-block;
width: 30px;
height: 30px;
background-color: #333;
border-radius: 50%;
padding: 10px;
position: relative;
}
.home .carousel-control-prev-icon::before,
.home .carousel-control-next-icon::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border: solid #fff;
border-width: 0 3px 3px 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home .carousel-control-prev-icon::before {
transform: translate(-50%, -50%) rotate(135deg);
}
.home .carousel-control-next-icon::before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.home .carousel-control-prev,
.home .carousel-control-next {
width: 5%;
}
/* Responsive Design */
@media (max-width: 768px) {
.home .quote {
font-size: 2rem;
top: 5px;
left: 5px;
}
.home .testimonial {
font-size: 0.9rem;
padding-left: 40px;
}
.home .author {
font-size: 0.9rem;
margin-top: 5px;
}
.home .carousel-content {
padding: 15px;
}
.home .carousel-control-prev-icon,
.home .carousel-control-next-icon {
width: 25px;
height: 25px;
padding: 8px;
}
.home .carousel-control-prev-icon::before,
.home .carousel-control-next-icon::before {
width: 8px;
height: 8px;
}
}
@media (max-width: 990px) {
.home .quote {
font-size: 1.5rem;
top: 2px;
left: 2px;
}
.home .testimonial {
font-size: 0.8rem;
padding-left: 30px;
}
.home .author {
font-size: 0.8rem;
margin-top: 2px;
}
.home .carousel-content {
padding: 10px;
}
.home .carousel-control-prev-icon,
.home .carousel-control-next-icon {
width: 20px;
height: 20px;
padding: 5px;
}
.home .carousel-control-prev-icon::before,
.home .carousel-control-next-icon::before {
width: 5px;
height: 5px;
}
}
/* partners section */
.home .partners-section {
padding: 60px 0;
background-color: #fff;
text-align: center;
}
.home .partners-title {
font-family: Helvetica;
font-size: 36px;
font-weight: 700;
line-height: 52px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
@media (max-width: 768px) {
.home .partners-title {
font-size: 23px;
color: #1E894D;
margin-bottom: 28px;
font-weight: bold;
line-height: 18px;
font-weight: 700;
}
.home .reviews-section {
padding: 20px 0;
background-color: #fff;
}
.home .reviews-title {
font-size: 25px;
color: #007b00;
font-weight: bold;
position: relative;
display: inline-block;
}
}
/* .home .partners-title::after {
content: '';
display: block;
width: 84px;
height: 4px;
background-color: #ffd700;
margin: 16px auto 0;
} */
.home .partners-title::before {
content: '';
display: block;
width: 71px;
height: 4px;
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
margin: 19px auto 10px;
box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
/* Add shadow effect */
z-index: 10;
position: relative;
}
.home .partners-carousel {
overflow: hidden;
position: relative;
width: 100%;
}
.home .partners-carousel-track {
display: flex;
width: calc(100%);
margin: 35px 0px;
gap: 18px;
/* Ensure the track is twice the width for seamless scrolling */
animation: partners-scrollLeft 20s linear infinite;
}
@keyframes partners-scrollLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.home .partners-carousel-item {
flex: 0 0 auto;
width: calc(100% / 6);
/* Divide the total width by the number of visible items */
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
box-sizing: border-box;
width: 235px;
height: 100px;
gap: 10px;
border-radius: 5px 0px 0px 0px;
box-shadow: 0px 4px 38px 0px rgba(0, 0, 0, 0.09);
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out !important;
transition: transform .0s ease-in-out !important;
/* transition: transform 0s ease-in-out, -webkit-transform .4s ease-in-out !important; */
}
.home .partners-carousel-item img {
max-width: 100%;
max-height: 100px;
object-fit: contain;
display: block;
padding: 15px;
}
.second-patner-last-section {
width: 24%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
box-sizing: border-box;
margin-top: 18px;
height: 120px;
gap: 10px;
border-radius: 5px 0px 0px 0px;
box-shadow: 0px 4px 38px 0px rgba(0, 0, 0, 0.09);
}
.partner-logo {
height: 100%;
}
/* Responsive Design */
@media (max-width: 768px) {
.home .partners-carousel-item {
width: calc(100% / 3);
}
}
@media (max-width: 480px) {
.home .partners-carousel-item {
width: calc(100% / 2);
}
}
@keyframes partners-scrollRight {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
/* partners section */
/* Footer start */
.home footer {
background-color: #1E894D;
color: white;
padding: 40px 20px;
text-align: center;
}
.home .footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: auto;
}
.home .footer-logo img {
width: 80%;
}
.home .footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home .footer-section {
flex: 1;
min-width: 200px;
margin: 20px;
}
.home .footer-section h5 {
margin-bottom: 10px;
}
.home .footer-section h5.text-warning {
margin-left: -30px;
color: #f0c14b;
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
line-height: 19.55px;
letter-spacing: -0.23181818425655365px;
}
.home .footer-section ul {
list-style: none;
padding: 0;
}
.home .footer-section ul li {
margin: 5px 0;
}
.home .footer-section ul li a {
color: white;
text-decoration: none;
}
.home .footer-section ul li a:hover {
text-decoration: underline;
}
.home .newsletter-form {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.qoute-btn-footer {
color: white !important;
background-color: #CFB12B !important;
padding: 10px 20px !important;
width: 152px !important;
border-radius: 10px !important;
}
a {
text-decoration: none !important;
}
.home .newsletter-form input {
padding: 0px 1px 15px;
background-color: transparent;
border: none;
color: white;
border-bottom: 1px solid rgba(255, 255, 255, .6);
border-radius: 0 !important;
width: 70%;
}
.home .newsletter-form input::placeholder {
color: rgba(255, 255, 255, .8) !important;
}
.home .newsletter-form button {
padding: 10px 16px;
border: none;
color: white;
border-radius: 8px, 8px, 0px, 0px;
background-color: #CFB12B !important;
cursor: pointer;
}
.home .footer-social {
margin: 20px 0;
}
.home .footer-social a {
color: white;
margin: 0 10px;
font-size: 24px;
text-decoration: none;
}
.home .footer-social a:hover {
color: #f0c14b;
}
.home .footer-bottom {
margin-top: 20px;
}
.home .footer-bottom a {
color: white;
margin: 0 10px;
text-decoration: none;
}
.home .footer-bottom a:hover {
text-decoration: underline;
}
.home hr.bg-white {
height: 1px;
position: relative;
width: 102%;
left: -5px;
margin-top: 32px !important;
border: none;
}
.main-content-heading-footer {
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
line-height: 19.55px;
letter-spacing: -0.23181818425655365px;
text-align: left;
color: #CFB12B;
}
.list-unstyled {
font-family: Helvetica;
font-size: 15px;
font-weight: 400;
/* line-height: 50.25px; */
letter-spacing: -0.20454545319080353px;
text-align: left;
}
.footer-main-image {
width: 90px !important;
height: 90px;
}
/* Responsive Design */
@media (min-width: 992px) {
.footer-main-image {
width: 150px;
left: -70px;
position: relative;
}
}
/* Responsive Design */
@media (max-width: 767px) {
.home .footer-section {
text-align: center;
}
.home .text-md-right {
text-align: center !important;
font-size: 10px;
margin-top: 19px;
}
.home .text-md-left {
text-align: center !important;
font-size: 13px;
}
.list-unstyled {
font-size: 13px;
}
}
@keyframes slideInLeft {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInRight {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.login .img-left {
animation: slideInLeft 1s ease-out;
animation-delay: 0s;
}
.login .img-right {
animation: slideInRight 1s ease-out;
animation-delay: 0s;
}
.login .form-slide-up {
animation: slideInUp 1s ease-out;
animation-delay: 0s;
}
.login {
padding-top: 60px;
background-color: rgba(207, 177, 43, 0.1);
overflow-x: hidden !important;
height: 150vh;
}
.login-navbar {
background-color: transparent;
transition: background-color 0.1s ease;
}
.login .custom-navbar {
background-color: #eed970 !important;
}
.btn-small {
background-color: rgba(28, 28, 28, 0.05) !important;
padding: 7px 10px;
border-radius: 12px;
}
/* .login .main-content {
margin-top: 100px;
height: 100vh;
} */
.login .info-box {
border: 1px solid #ccc;
padding: 10px;
width: 322px;
height: 478px;
}
.login .input {
padding: 25px;
width: 65%;
border-radius: 8px !important;
margin: auto;
}
.login .login-btn {
width: 65%;
padding: 13px;
margin: auto;
border-radius: 10px;
background-color: #1E894D;
border: none;
font-size: 18px;
color: white !important;
}
.login .a {
margin-left: 90px;
color: rgb(14, 14, 113);
text-decoration: none;
font-family: Helvetica;
font-size: 12px;
font-weight: 400;
line-height: 13.8px;
text-align: left;
color: rgba(28, 87, 165, 1) !important;
margin-bottom: 30px;
position: relative;
top: -6px;
}
@media (min-width:992px) {
.login .login-box {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
}
@media (max-width:992px) {
.login .login-box {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
}
.login .login-card {
/* width: 100%; */
width: 500px;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
margin: auto;
border-radius: 5%;
}
.main-heading-login {
font-family: Helvetica;
font-size: 34px;
font-weight: 500;
line-height: 52px;
text-align: center;
}
.main-para-login {
font-family: Helvetica;
font-size: 16px;
font-weight: 500;
line-height: 29px;
text-align: center;
color: rgba(0, 0, 0, 1) !important;
}
.login .social-login button {
margin-top: 10px;
}
.login img.img-fluid {
width: 100%;
height: auto;
margin-top: 20px;
}
.login .bold {
font-weight: 3000;
}
.login .register a {
color: black;
text-decoration: none;
}
.login .register a:hover {
color: rgb(66, 63, 63);
}
.login .card-header {
border-bottom: none;
}
@media (min-width: 768px) {
.mt-15 {
margin-top: 75%;
}
}
@media (min-width: 992px) {
.login .footer {
margin-left: 7%;
}
}
.login .divider {
display: flex;
align-items: center;
text-align: center;
margin: 20px 0;
width: 50%;
margin: auto;
font-family: Helvetica;
font-size: 12px;
font-weight: 400;
line-height: 13.8px;
text-align: left;
color: rgba(0, 0, 0, 1);
}
.login .divider::before,
.login .divider::after {
content: '';
flex: 0.5;
width: 10px;
border-bottom: 1px solid #000;
}
.login .divider::before {
margin-right: 10px;
}
.login .divider::after {
margin-left: 10px;
}
.login .divider::before {
margin-left: 20%;
}
.login .divider::after {
margin-right: 20%;
}
.login input::placeholder {
font-size: 12px;
}
.login .mt-10 {
margin-top: 20%;
}
.login .font-10 {
font-size: 12px;
}
.login .large-icon {
font-size: 5rem;
}
.login .mt-25 {
margin-top: 25%;
}
.login .card-header {
border-bottom: none;
}
.insurance .container {
margin-top: 23%;
}
.insurance .features-benefit {
/* margin-top: 12% !important; */
flex-wrap: wrap-reverse;
}
.insurance .features-benefit .content {
margin-left: 30px;
animation: fadeIn 2s ease-in-out;
}
.insurance .features-benefit h2,
.report-claim .container h1 {
color: rgba(30, 137, 77, 1);
font-weight: bold;
}
.insurance .features-benefit ul {
list-style: none;
padding-left: 0;
}
.insurance .features-benefit ul li {
font-family: Helvetica;
font-size: 16px;
font-weight: 400;
line-height: 29px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.op-add-color {
color: rgba(207, 177, 43, 1);
display: inline;
}
.insurance .features-benefit ul li .fea::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-color: #F6EDC3;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
}
.about-us-content .fea::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-color: #F6EDC3;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
}
.card-header {
border-bottom: none;
}
.insurance .btn-success {
animation: fadeIn 1s ease-in-out;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
}
.insurance .lead {
animation: fadeInLeft 1s ease-in-out;
}
.insurance .display-3 {
color: #CFB12B;
font-weight: bold;
font-size: 3.5rem;
}
.insurance .display-ca {
color: #CFB12B;
font-size: 52px;
font-weight: 700;
font-family: Helvetica;
}
@media(max-width:500px) {
.insurance .display-3 {
color: #CFB12B;
font-weight: bold;
font-size: 3.5rem;
}
.insurance .display-ca {
color: #CFB12B;
font-weight: bold;
font-size: 42px;
}
}
.insurance .lead,
.insurance .leads {
font-size: 17px;
font-weight: 400;
font-family: Helvetica;
color: #555;
}
.insurance .img-fluid {
max-width: 100%;
height: auto;
animation: fadeInRights 1s ease-in-out;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@media (max-width: 700px) {
.insurance .mt-30 {
margin-top: 75%;
}
}
@media (min-width: 700px) {
.insurance .mt-30 {
margin-top: 23%;
}
}
.insurance .me-30,
.report-claim .me-30 {
margin-block-end: 23%;
}
.insurance .features-benefits-img,
.insurance .features-benefits-text {
animation: fadeIn 1s ease-in-out;
}
.report-claim .container input {
padding: 10px;
border-color: rgba(225, 225, 225, 1);
border-radius: 10px;
}
.report-claim .container h1 {
font-size: 300%;
}
.report-claim .btn-success {
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
}
.report-claim .btn-width,
.report-claim .btn-width {
width: 33%;
padding: 18px;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
border-radius: 8px;
}
.report-claim .btn-width-claim {
width: 40%;
padding: 18px;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
border-radius: 8px;
}
.btn-width-insurance {
width: 203px;
padding: 25px 30px !important;
background-color: rgba(30, 137, 77, 1) !important;
border-color: rgba(30, 137, 77, 1) !important;
color: white !important;
font-family: Helvetica !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 19.55px !important ;
text-align: center !important;
border-radius: 8px !important;
}
.btn-width-roadside {
width: 30%;
padding: 18px;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
border-radius: 8px;
}
.btn-width-third {
width: 40%;
padding: 18px;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
border-radius: 8px;
}
.overview-btn-width {
padding: 10px;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 15px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
border-radius: 8px;
}
.card-title-overview {
font-family: Helvetica;
font-size: 26px;
margin-top: 23px;
font-weight: 799;
line-height: 25px;
text-align: left;
}
.btn-width-roadside,
.btn-width-fourth-roadside {
width: 80%;
padding: 18px;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
border-radius: 8px;
}
@media(min-width:990px) {
.navbar-middle-pad {
/* padding-left: 64px; */
}
}
.report-claim .btn-width-2 {
width: 38%;
padding: 21px 0;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
border-radius: 12px;
line-height: 19.55px;
text-align: center;
}
@media(max-width:500px) {
.report-claim .btn-width-2 {
width: 43%;
padding: 15px 0;
}
}
.login-btn-main {
height: 55px;
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
background-color: rgba(30, 137, 77, 1) !important;
}
.report-claim .input-width {
width: 385px !important;
height: 76px;
border-color: white;
}
@media(max-width:420px) {
.report-claim .input-width {
width: 94% !important;
height: 76px;
border-color: white;
}
}
.badge-danger-overview {
background-color: rgba(255, 46, 0, 1) !important;
color: white !important;
padding: 3px;
border-radius: 8px;
display: inline-block;
font-family: Helvetica;
font-size: 12px;
font-weight: 700;
line-height: 13.8px;
text-align: left;
}
input::placeholder {
font-size: 15px;
color: rgba(84, 84, 84, 0.5) !important;
}
.report-claim input::placeholder {
font-size: 15px;
color: rgba(84, 84, 84, 0.5) !important;
}
.report-claim .img-fluid {
animation: fadeInRights 1s ease-in-out;
}
.report-claim .content {
animation: fadeInLeft 1s ease-in-out;
}
@media (max-width: 700px) {
.insurance .mt-30,
.report-claim .mt-30 {
margin-top: 75%;
}
}
@media (min-width: 700px) {
.insurance .mt-30,
.report-claim .mt-30 {
margin-top: 23%;
}
}
.mt-40 {
margin-top: 100%;
}
.report-claim .claim-options button {
width: 195px;
height: 78px;
margin: auto;
border-color: rgba(225, 225, 225, 1);
font-size: 15px;
background-color: white;
transition: background-color 0.3s ease;
border-radius: 10px;
}
.report-claim .claim-options button:hover {
color: white;
border-color: #007b00;
background-color: #007b00;
}
.report-claim .claim-options .button:hover,
.text-green,
.report-claim .claim-options.button:active,
.report-claim .claim-options.button:focus,
.report-claim .claim-options.button:visited {
background-color: white !important;
color: green;
border-color: green !important;
}
.report-claim .me-60 {
margin-bottom: 20%;
}
.report-claim .me-70 {
margin-bottom: 50%;
}
.mt-12 {
margin-bottom: 10%;
}
.progress-bar {
background-color: rgba(207, 177, 43, 1) !important;
}
.report-success-para {
font-family: Helvetica;
font-size: 24px;
font-weight: 400;
line-height: 29px;
text-align: left;
}
.padding-button {
padding-left: 26px;
}
.claim-register-text {
font-family: Helvetica;
font-weight: 400 !important;
font-size: 22px;
color: rgba(84, 84, 84, 1);
}
@media(max-width:500px) {
.step2 .report-success-para {
position: relative;
left: -7%;
}
.step2 .report-claim-main-heading {
position: relative;
left: -7%;
font-size: 39px;
margin-top: 20px;
}
.padding-button {
padding-left: 40px;
}
.report-claim-main-para {
position: relative;
left: -6%;
}
.padding-claim-step1 .report-claim-main-para {
position: relative;
left: 1%;
width: 95%;
}
.padding-claim-step1 .report-claim-main-heading {
font-size: 49px;
}
/* .report-claim .input-width {
height: 70%;
width: 350px;
} */
}
/* @media(max-width:400px) {
.report-claim .input-width {
height: 70%;
width: 92%;
}
} */
.report-claim .f2 {
font-size: 13px;
font-weight: 700;
text-align: left;
color: rgba(0, 0, 0, 1);
}
.report-claim .h4 {
margin-left: 0px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
padding: 5%;
width: 80%;
height: 55px;
border-radius: 10px;
align-items: center;
display: flex;
}
.report-claim .bg-set {
background-color: #fcf4ec;
}
.report-claim .corner-image {
bottom: 10px;
margin-left: 10%;
}
.aligment-set-step2 {
padding: 0px 8px;
}
@media(max-width:990px) {
.aligment-set-step2 {
padding: 0px 18px;
}
.home .step2 .content {
left: 0px;
}
}
@media(max-width:550px) {
.step2 .claim-options button {
width: 140px;
}
.step2 .btn-width,
.report-claim .btn-width {
width: 152px;
}
.aligment-set-step2 {
padding: 0px 0px 0px 0px;
text-align: center;
margin-left: 8%;
}
}
.report-claim .double-size-btn {
padding: 2rem;
margin: 10px;
/* Double the margin */
margin-left: 20%;
margin-right: 20%;
}
.report-claim .map-section {
margin-left: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
/* padding: 5%; */
width: 90%;
}
@media (max-width: 100px) {
.report-claim .map-section {
margin-left: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
width: 70%;
}
}
@media (max-width: 1200px) {
.report-claim .map-section {
margin-left: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
width: 100%;
}
}
@media (max-width: 1000px) {
.report-claim .map-section {
margin-left: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
width: 70%;
}
}
@media (max-width: 771px) {
.report-claim .map-section {
margin-left: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
width: 100%;
}
}
@media (max-width: 535px) {
.report-claim .map-section {
margin-left: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
width: 90%;
}
}
.report-claim .modal-header-line hr {
display: none;
}
.report-claim .modal-body input,
.report-claim .modal-body button {
width: 70%;
height: 70%;
/* text-align: center; */
padding: 15px;
margin-left: 10%;
}
.report-claim .modal-body label {
margin-left: 10%;
}
.report-claim .modal-content h4 {
font-weight: bold;
}
.report-claim .container .content h6 {
font-weight: 400;
text-align: left;
color: rgba(84, 84, 84, 1);
font-size: 24px;
}
.report-claim .container textarea
/* .report-claim .container .content button */
{
height: 190px;
width: 80%;
border-radius: 10px;
}
.button-blog {
align-self: flex-end;
margin-top: auto;
}
.mt-10 {
margin-top: 20%;
}
@media (max-width: 767.98px) {
.mt-10 {
margin-top: 40%;
}
}
.business_insurance .btn-primary {
border-radius: 10px;
background-color: #1E943D;
border: none;
padding: 12px 25px;
font-size: 16px;
}
.business_insurance .btn-primary:hover {
background-color: darkgreen;
}
.business_insurance .btn-lg.custom-btn:focus {
outline: none;
/* Remove the blue focus outline */
box-shadow: none;
/* Remove the box shadow */
}
.business_insurance .btn-lg {
padding: 15px 50px;
}
.business_insurance .container {
margin-top: 55px;
/* Adjust for navbar height */
max-width: 1200px;
/* Ensure container doesn't exceed viewport */
}
.business_insurance .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.business_insurance .animate-left,
.business_insurance .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.business_insurance .animate-left {
transform: translateX(-100%);
}
.business_insurance .animate-right {
transform: translateX(100%);
}
.business_insurance .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.business_insurance .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.business_insurance .text-success {
color: #007b00 !important;
font-weight: bold;
}
.business_insurance .input-group-text {
background-color: whitesmoke;
/* Match the input background color */
border: none;
/* Remove border */
font-size: 1.5rem;
/* Increase icon size */
}
.business_insurance .form-control {
padding: 20px;
border: none;
background-color: whitesmoke;
}
.business_insurance .custom-checkbox {
display: flex;
align-items: center;
padding: 18px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
margin-bottom: 10px;
position: relative;
}
.business_insurance .custom-checkbox input[type="checkbox"] {
margin-right: 10px;
width: 20px;
height: 20px;
margin-left: 10px;
/* Add left margin to position the checkbox inside the box */
}
.business_insurance .custom-checkbox label {
margin: 0;
font-size: 1rem;
}
.business_insurance .custom-checkbox input[type="checkbox"]:checked+label::before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: white;
/* Color the tick white */
background-color: rgb(10, 176, 10);
/* Green background for the tick */
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border: 1px solid rgb(10, 176, 10);
border-radius: 0.25rem;
margin-right: 10px;
position: relative;
margin-left: 22px;
/* Add left margin to position the checkmark inside the box */
}
.business_insurance .custom-checkbox label::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
position: relative;
margin-left: 22px;
/* Add left margin to position the checkbox inside the box */
}
.business_insurance .custom-checkbox label::after {
display: none;
}
.business_insurance .progress-bar {
background-color: rgba(207, 177, 43, 1);
/* Set the color of the progress bar to yellow */
}
.business_insurance .form-group {
margin-bottom: 1.5rem;
width: 100%;
}
/* Responsive adjustments */
@media (max-width: 1200px) {
.business_insurance .img-card {
margin-left: 100px;
}
.business_insurance .navbar-brand img {
width: 120px;
height: 120px;
}
}
@media (max-width: 992px) {
.business_insurance .img-card {
margin-left: 50px;
}
.business_insurance .navbar-brand img {
width: 100px;
height: 100px;
}
.business_insurance .jumbotron {
padding: 1.5rem 1rem;
}
.business_insurance .form-control {
padding: 15px;
}
.business_insurance .btn-lg {
padding: 12px 25px;
}
.business_insurance .display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.business_insurance .jumbotron {
padding: 1rem 0.5rem;
}
.business_insurance .navbar-toggler {
display: block;
/* Ensure the toggler is visible on smaller screens */
}
.business_insurance .navbar-collapse {
justify-content: flex-start;
/* Align items to the start in the navbar */
}
.business_insurance .navbar-brand img {
width: 80px;
height: 80px;
}
.business_insurance .form-control {
padding: 12px;
}
.business_insurance .btn-lg {
padding: 10px 20px;
}
.business_insurance .form-group.half-width {
width: 100%;
display: block;
}
.business_insurance .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
.business_insurance .display-4 {
font-size: 2rem;
}
}
@media (max-width: 576px) {
.business_insurance .navbar-brand img {
width: 70px;
height: 70px;
}
.business_insurance .jumbotron {
padding: 1rem 0.5rem;
}
.business_insurance .form-control {
padding: 10px;
}
.business_insurance .btn-lg {
padding: 10px 20px;
}
.business_insurance .d-flex {
flex-direction: column;
}
.business_insurance .d-flex .btn {
width: 100%;
margin-bottom: 10px;
}
.business_insurance .display-4 {
font-size: 1.75rem;
}
}
@media (max-width: 400px) {
.business_insurance .navbar-brand img {
width: 60px;
height: 60px;
}
.business_insurance .jumbotron {
padding: 1rem 0.25rem;
}
.business_insurance .form-control {
padding: 8px;
}
.business_insurance .btn-lg {
padding: 8px 15px;
}
.business_insurance .text-success {
font-size: 1.5rem;
}
.business_insurance .input-group-text {
font-size: 1.2rem;
}
.business_insurance .form-group.half-width {
width: 100%;
display: block;
}
.business_insurance .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
.business_insurance .display-4 {
font-size: 1.5rem;
}
}
.car_details .btn-primary {
border-radius: 10px;
background-color: #1E943D;
border: none;
padding: 12px 25px;
font-size: 16px;
}
.car_details .btn-primary:hover {
background-color: darkgreen;
}
.car_details .btn-lg.custom-btn:focus {
outline: none;
/* Remove the blue focus outline */
box-shadow: none;
/* Remove the box shadow */
}
.car_details .btn-lg {
padding: 15px 50px;
}
.car_details .container {
margin-top: 150px;
/* Adjust for navbar height */
max-width: 1200px;
/* Ensure container doesn't exceed viewport */
}
.car_details .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.car_details .animate-left,
.car_details .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.car_details .animate-left {
transform: translateX(-100%);
}
.car_details .animate-right {
transform: translateX(100%);
}
.car_details .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.car_details .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.car_details .text-success {
color: #007b00 !important;
font-weight: bold;
}
.car_details .input-group-text {
background-color: whitesmoke;
/* Match the input background color */
border: none;
/* Remove border */
font-size: 1.5rem;
/* Increase icon size */
}
.car_details .form-control {
padding: 35px;
border: none;
background-color: whitesmoke;
}
.car_details .progress-bar {
background-color: rgba(207, 177, 43, 1);
/* Set the color of the progress bar to yellow */
}
.car_details .form-group {
margin-bottom: 1.5rem;
width: 100%;
}
/* Responsive adjustments */
@media (max-width: 1200px) {
.car_details .img-card {
margin-left: 100px;
}
.car_details .navbar-brand img {
width: 120px;
height: 120px;
}
}
@media (max-width: 992px) {
.car_details .img-card {
margin-left: 50px;
}
.car_details .navbar-brand img {
width: 100px;
height: 100px;
}
.car_details .jumbotron {
padding: 1.5rem 1rem;
}
.car_details .form-control {
padding: 15px;
}
.car_details .btn-lg {
padding: 12px 25px;
}
.car_details .display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.car_details .jumbotron {
padding: 1rem 0.5rem;
}
.car_details .navbar-toggler {
display: block;
/* Ensure the toggler is visible on smaller screens */
}
.car_details .navbar-collapse {
justify-content: flex-start;
/* Align items to the start in the navbar */
}
.car_details .navbar-brand img {
width: 80px;
height: 80px;
}
.car_details .form-control {
padding: 12px;
}
.car_details .btn-lg {
padding: 10px 20px;
}
.car_details .form-group.half-width {
width: 100%;
display: block;
}
.car_details .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
.car_details .display-4 {
font-size: 2rem;
}
}
@media (max-width: 576px) {
.car_details .navbar-brand img {
width: 70px;
height: 70px;
}
.car_details .jumbotron {
padding: 1rem 0.5rem;
}
.car_details .form-control {
padding: 10px;
}
.car_details .btn-lg {
padding: 10px 20px;
}
.car_details .d-flex {
flex-direction: column;
}
.car_details .d-flex .btn {
width: 100%;
margin-bottom: 10px;
}
.car_details .display-4 {
font-size: 1.75rem;
}
}
@media (max-width: 400px) {
.car_details .navbar-brand img {
width: 60px;
height: 60px;
}
.car_details .jumbotron {
padding: 1rem 0.25rem;
}
.car_details .form-control {
padding: 8px;
}
.car_details .btn-lg {
padding: 8px 15px;
}
.car_details .text-success {
font-size: 1.5rem;
}
.car_details .input-group-text {
font-size: 1.2rem;
}
.car_details .form-group.half-width {
width: 100%;
display: block;
}
.car_details .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
.car_details .display-4 {
font-size: 1.5rem;
}
}
.driver_details .btn-primary {
border-radius: 10px;
background-color: #1E894D;
border: none;
padding: 12px 25px;
font-size: 16px;
}
.driver_details .btn-primary:hover {
background-color: #1E894D;
}
.driver_details .btn-lg.custom-btn:focus {
outline: none;
/* Remove the blue focus outline */
box-shadow: none;
/* Remove the box shadow */
}
.driver_details .btn-lg {
padding: 15px 50px;
}
.driver_details .container {
margin-top: 150px;
/* Adjust for navbar height */
max-width: 1200px;
/* Ensure container doesn't exceed viewport */
}
.driver_details .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.driver_details .animate-left,
.driver_details .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.driver_details .animate-left {
transform: translateX(-100%);
}
.driver_details .animate-right {
transform: translateX(100%);
}
.driver_details .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.driver_details .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.driver_details .text-success {
color: #007b00 !important;
font-weight: bold;
}
.driver_details .input-group-text {
background-color: whitesmoke;
border: none;
font-size: 1.5rem;
}
.driver_details .form-control {
padding: 30px;
border: none;
background-color: whitesmoke;
}
.driver_details .progress-bar {
background-color: rgba(207, 177, 43, 1);
/* Set the color of the progress bar to yellow */
border-radius: 10px;
}
.driver_details .form-group {
margin-bottom: 1.5rem;
width: 100%;
}
@media (max-width: 1200px) {
.driver_details .img-card {
margin-left: 100px;
}
.driver_details .navbar-brand img {
width: 120px;
height: 120px;
}
}
@media (max-width: 992px) {
.driver_details .img-card {
margin-left: 50px;
}
.driver_details .navbar-brand img {
width: 100px;
height: 100px;
}
.driver_details .jumbotron {
padding: 1.5rem 1rem;
}
.driver_details .form-control {
padding: 15px;
}
.driver_details .btn-lg {
padding: 12px 25px;
}
.driver_details .display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.driver_details .jumbotron {
padding: 1rem 0.5rem;
}
.driver_details .navbar-toggler {
display: block;
}
.driver_details .navbar-collapse {
justify-content: flex-start;
}
.driver_details .navbar-brand img {
width: 80px;
height: 80px;
}
.driver_details .form-control {
padding: 12px;
}
.driver_details .btn-lg {
padding: 10px 20px;
}
.driver_details .form-group.half-width {
width: 100%;
display: block;
}
.driver_details .form-group.half-width+.driver_details .form-group.half-width {
margin-left: 0;
}
.driver_details .display-4 {
font-size: 2rem;
}
}
@media (max-width: 576px) {
.driver_details .navbar-brand img {
width: 70px;
height: 70px;
}
.driver_details .jumbotron {
padding: 1rem 0.5rem;
}
.driver_details .form-control {
padding: 10px;
}
.driver_details .btn-lg {
padding: 10px 20px;
}
.driver_details .d-flex {
flex-direction: column;
}
.driver_details .d-flex .btn {
width: 100%;
margin-bottom: 10px;
}
.driver_details .display-4 {
font-size: 1.75rem;
}
}
@media (max-width: 400px) {
.driver_details .navbar-brand img {
width: 60px;
height: 60px;
}
.driver_details .jumbotron {
padding: 1rem 0.25rem;
}
.driver_details .form-control {
padding: 8px;
}
.driver_details .btn-lg {
padding: 8px 15px;
}
.driver_details .text-success {
font-size: 1.5rem;
}
.driver_details .input-group-text {
font-size: 1.2rem;
}
.driver_details .form-group.half-width {
width: 100%;
display: block;
}
.driver_details .form-group.half-width+.driver_details .form-group.half-width {
margin-left: 0;
}
.driver_details .display-4 {
font-size: 1.5rem;
}
}
.health_insurance .btn-success {
border-radius: 10px;
background-color: #1E943D;
border: none;
padding: 20px 60px;
font-size: 16px;
}
.health_insurance .btn-primary:hover {
background-color: darkgreen;
}
.health_insurance .btn-lg.custom-btn:focus {
outline: none;
box-shadow: none;
}
.health_insurance .btn-lg {
padding: 15px 50px;
}
.health_insurance .container {
margin-top: 75px;
max-width: 1200px;
}
.health_insurance .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.health_insurance .animate-left,
.health_insurance .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.health_insurance .animate-left {
transform: translateX(-100%);
}
.health_insurance .animate-right {
transform: translateX(100%);
}
.health_insurance .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.health_insurance .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.health_insurance .text-success {
color: #007b00 !important;
font-weight: bold;
}
.health_insurance .input-group-text {
background-color: whitesmoke;
border: none;
font-size: 1.5rem;
}
.health_insurance .form-control {
padding: 20px;
border: none;
background-color: whitesmoke;
}
.health_insurance .custom-checkbox {
display: flex;
align-items: center;
padding: 20px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
margin-bottom: 20px;
position: relative;
}
.health_insurance .custom-checkbox input[type="checkbox"] {
display: none;
}
.health_insurance .custom-checkbox label {
margin: 0;
font-size: 1rem;
display: flex;
align-items: center;
position: relative;
padding-left: 50px;
}
.health_insurance .custom-checkbox label::before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
position: absolute;
left: 0;
}
.health_insurance .custom-checkbox input[type="checkbox"]:checked+label::before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: white;
background-color: rgba(30, 137, 77, 1);
display: inline-block;
line-height: 20px;
text-align: center;
border: 1px solid rgba(30, 137, 77, 1);
}
.health_insurance .custom-checkbox label::after {
display: none;
}
.health_insurance .progress-bar {
background-color: rgba(207, 177, 43, 1);
}
.health_insurance .form-group {
margin-bottom: 1.5rem;
width: 100%;
}
/* Responsive adjustments */
@media (max-width: 1200px) {
.health_insurance .img-card {
margin-left: 100px;
}
.health_insurance .navbar-brand img {
width: 120px;
height: 120px;
}
}
@media (max-width: 992px) {
.health_insurance .img-card {
margin-left: 50px;
}
.health_insurance .navbar-brand img {
width: 100px;
height: 100px;
}
.health_insurance .jumbotron {
padding: 1.5rem 1rem;
}
.health_insurance .form-control {
padding: 15px;
}
.health_insurance .btn-lg {
padding: 12px 25px;
}
.health_insurance .display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.health_insurance .jumbotron {
padding: 1rem 0.5rem;
}
.health_insurance .navbar-toggler {
display: block;
}
.health_insurance .navbar-collapse {
justify-content: flex-start;
}
.health_insurance .navbar-brand img {
width: 80px;
height: 80px;
}
.health_insurance .form-control {
padding: 12px;
}
.health_insurance .btn-lg {
padding: 10px 20px;
}
.health_insurance .form-group.half-width {
width: 100%;
display: block;
}
.health_insurance .form-group.half-width+.health_insurance .form-group.half-width {
margin-left: 0;
}
.health_insurance .display-4 {
font-size: 2rem;
}
}
@media (max-width: 576px) {
.health_insurance .navbar-brand img {
width: 70px;
height: 70px;
}
.health_insurance .jumbotron {
padding: 1rem 0.5rem;
}
.health_insurance .form-control {
padding: 10px;
}
.health_insurance .btn-lg {
padding: 10px 20px;
}
.health_insurance .d-flex {
flex-direction: column;
}
.health_insurance .d-flex .btn {
width: 100%;
margin-bottom: 10px;
}
.health_insurance .display-4 {
font-size: 1.75rem;
}
}
@media (max-width: 400px) {
.health_insurance .navbar-brand img {
width: 60px;
height: 60px;
}
.health_insurance .jumbotron {
padding: 1rem 0.25rem;
}
.health_insurance .form-control {
padding: 8px;
}
.health_insurance .btn-lg {
padding: 8px 15px;
}
.health_insurance .text-success {
font-size: 1.5rem;
}
.health_insurance .input-group-text {
font-size: 1.2rem;
}
.health_insurance .form-group.half-width {
width: 100%;
display: block;
}
.health_insurance .form-group.half-width+.health_insurance .form-group.half-width {
margin-left: 0;
}
.health_insurance .display-4 {
font-size: 1.5rem;
}
}
.coverage_details .btn-primary {
border-radius: 10px;
background-color: #1E943D;
border: none;
padding: 12px 25px;
font-size: 16px;
}
.coverage_details .btn-primary:hover {
background-color: #1E943D;
}
.coverage_details .btn-lg.custom-btn:focus {
outline: none;
box-shadow: none;
}
.coverage_details .btn-lg {
padding: 15px 50px;
}
.coverage_details .container {
margin-top: 150px;
max-width: 1200px;
}
.coverage_details .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.coverage_details .animate-left,
.coverage_details .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.coverage_details .animate-left {
transform: translateX(-100%);
}
.coverage_details .animate-right {
transform: translateX(100%);
}
.coverage_details .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.coverage_details .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.coverage_details .text-success {
color: #007b00 !important;
font-weight: bold;
}
.coverage_details .input-group-text {
background-color: whitesmoke;
border: none;
font-size: 1.5rem;
}
.coverage_details .form-control {
padding: 30px;
border: none;
background-color: whitesmoke;
}
.coverage_details .progress-bar {
background-color: rgba(207, 177, 43, 1);
border-radius: 10px;
}
.coverage_details .form-group {
margin-bottom: 1.5rem;
width: 100%;
}
/* Responsive adjustments */
@media (max-width: 1200px) {
.coverage_details .img-card {
margin-left: 100px;
}
.coverage_details .navbar-brand img {
width: 120px;
height: 120px;
}
}
@media (max-width: 992px) {
.coverage_details .img-card {
margin-left: 50px;
}
.coverage_details .navbar-brand img {
width: 100px;
height: 100px;
}
.coverage_details .jumbotron {
padding: 1.5rem 1rem;
}
.coverage_details .form-control {
padding: 15px;
}
.coverage_details .btn-lg {
padding: 12px 25px;
}
.coverage_details .display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.coverage_details .jumbotron {
padding: 1rem 0.5rem;
}
.coverage_details .navbar-toggler {
display: block;
}
.coverage_details .navbar-collapse {
justify-content: flex-start;
}
.coverage_details .navbar-brand img {
width: 80px;
height: 80px;
}
.coverage_details .form-control {
padding: 12px;
}
.coverage_details .btn-lg {
padding: 10px 20px;
}
.coverage_details .form-group.half-width {
width: 100%;
display: block;
}
.coverage_details .form-group.half-width+.coverage_details .form-group.half-width {
margin-left: 0;
}
.coverage_details .display-4 {
font-size: 2rem;
}
}
@media (max-width: 576px) {
.coverage_details .navbar-brand img {
width: 70px;
height: 70px;
}
.coverage_details .jumbotron {
padding: 1rem 0.5rem;
}
.coverage_details .form-control {
padding: 10px;
}
.coverage_details .btn-lg {
padding: 10px 20px;
}
.coverage_details .d-flex {
flex-direction: column;
}
.coverage_details .d-flex .btn {
width: 100%;
margin-bottom: 10px;
}
.coverage_details .display-4 {
font-size: 1.75rem;
}
}
@media (max-width: 400px) {
.coverage_details .navbar-brand img {
width: 60px;
height: 60px;
}
.coverage_details .jumbotron {
padding: 1rem 0.25rem;
}
.coverage_details .form-control {
padding: 8px;
}
.coverage_details .btn-lg {
padding: 8px 15px;
}
.coverage_details .text-success {
font-size: 1.5rem;
}
.coverage_details .input-group-text {
font-size: 1.2rem;
}
.coverage_details .form-group.half-width {
width: 100%;
display: block;
}
.coverage_details .form-group.half-width+.coverage_details .form-group.half-width {
margin-left: 0;
}
.coverage_details .display-4 {
font-size: 1.5rem;
}
}
.house_details .btn-primary {
border-radius: 10px;
background-color: #1E943D;
border: none;
padding: 12px 25px;
font-size: 16px;
}
.house_details .btn-primary:hover {
background-color: darkgreen;
}
.house_details .btn-lg.custom-btn:focus {
outline: none;
box-shadow: none;
}
.house_details .btn-lg {
padding: 15px 50px;
}
.house_details .container {
margin-top: 75px !important;
max-width: 1200px;
}
.house_details .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.house_details .animate-left,
.house_details .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.house_details .animate-left {
transform: translateX(-100%);
}
.house_details .animate-right {
transform: translateX(100%);
}
.house_details .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.house_details .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.house_details .text-success {
color: #007b00 !important;
font-weight: bold;
}
.house_details .input-group-text {
background-color: whitesmoke;
border: none;
font-size: 1.5rem;
}
.house_details .form-control {
padding: 18px 25px;
height: 60px;
border: none;
background-color: rgba(245, 245, 245, 1);
}
.house_details .progress-bar {
background-color: rgba(207, 177, 43, 1);
}
.house_details .form-group {
margin-bottom: 1.5rem;
width: 100%;
}
/* Responsive adjustments */
@media (max-width: 1200px) {
.house_details .img-card {
margin-left: 100px;
}
.house_details .navbar-brand img {
width: 120px;
height: 120px;
}
}
@media (max-width: 992px) {
.house_details .img-card {
margin-left: 50px;
}
.house_details .navbar-brand img {
width: 100px;
height: 100px;
}
.house_details .jumbotron {
padding: 1.5rem 1rem;
}
.house_details .form-control {
padding: 15px;
}
.house_details .btn-lg {
padding: 12px 25px;
}
.house_details .display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.house_details .jumbotron {
padding: 1rem 0.5rem;
}
.house_details .navbar-toggler {
display: block;
}
.house_details .navbar-collapse {
justify-content: flex-start;
}
.house_details .navbar-brand img {
width: 80px;
height: 80px;
}
.house_details .form-control {
padding: 12px;
}
.house_details .btn-lg {
padding: 10px 20px;
}
.house_details .form-group.half-width {
width: 100%;
display: block;
}
.house_details .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
.house_details .display-4 {
font-size: 2rem;
}
}
@media (max-width: 576px) {
.house_details .navbar-brand img {
width: 70px;
height: 70px;
}
.house_details .jumbotron {
padding: 1rem 0.5rem;
}
.house_details .form-control {
padding: 10px;
}
.house_details .btn-lg {
padding: 10px 20px;
}
.house_details .d-flex .btn {
width: 100%;
}
.house_details .display-4 {
font-size: 1.75rem;
}
}
@media (max-width: 400px) {
.house_details .navbar-brand img {
width: 60px;
height: 60px;
}
.house_details .jumbotron {
padding: 1rem 0.25rem;
}
.house_details .form-control {
padding: 8px;
}
.house_details .btn-lg {
padding: 8px 15px;
}
.house_details .text-success {
font-size: 1.5rem;
}
.house_details .input-group-text {
font-size: 1.2rem;
}
.house_details .form-group.half-width {
width: 100%;
display: block;
}
.house_details .form-group.half-width+.house_details .form-group.half-width {
margin-left: 0;
}
.house_details .display-4 {
font-size: 1.5rem;
}
}
.pet_details .btn-success {
border-radius: 10px;
background-color: #1E943D;
padding: 15px 40px;
font-size: 16px;
color: white;
}
.pet_details .btn-success:hover {
background-color: #1E943D;
}
.pet_details .btn-lg.custom-btn:focus {
outline: none;
box-shadow: none;
padding: 20px 50px;
}
.pet_details .progress-bar {
background-color: rgba(207, 177, 43, 1);
border-radius: 10px;
}
.pet_details .text-success {
color: #1E943D;
font-weight: bold;
}
.pet_details .form-control.custom-input {
background-color: #eef0f4;
border: none;
box-shadow: none;
border-radius: 5px;
padding: 30px;
}
.pet_details .form-check {
margin-bottom: 10px;
display: inline-block;
margin-right: 10px;
}
.pet_details .custom-btn {
border-radius: 10px;
font-size: 16px;
padding: 10px;
color: white;
}
/* Animation classes */
.pet_details .animated {
visibility: hidden;
}
.pet_details .animate-left {
opacity: 0;
transform: translateX(-50px);
transition: all 0.5s ease-in-out;
}
.pet_details .animate-right {
opacity: 0;
transform: translateX(50px);
transition: all 0.5s ease-in-out;
}
.pet_details .start-animate-left {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.pet_details .start-animate-right {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.pet_details .margin-top {
margin-top: 160px;
}
/* Responsive styles */
@media (max-width: 768px) {
.pet_details .form-row .form-group {
margin-bottom: 1rem;
}
}
.about_you .btn-success {
border-radius: 10px;
background-color: #1E943D;
border: none;
padding: 25px 50px;
font-size: 16px;
}
.about_you .btn-success:hover {
background-color: darkgreen;
}
.about_you .btn-lg {
padding: 15px 50px;
}
.about_you .container {
margin-top: 150px;
max-width: 1200px;
}
.about_you .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.about_you .animate-left,
.about_you .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.about_you .animate-left {
transform: translateX(-100%);
}
.about_you .animate-right {
transform: translateX(100%);
}
.about_you .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.about_you .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.about_you .text-success {
color: #007b00 !important;
font-weight: bold;
}
.about_you .form-control {
padding: 30px;
border: none;
background-color: whitesmoke;
}
.about_you .progress-bar {
background-color: rgba(207, 177, 43, 1);
}
@media (max-width: 1200px) {
.about_you .img-card {
margin-left: 100px;
}
}
@media (max-width: 992px) {
.about_you .img-card {
margin-left: 50px;
}
}
@media (max-width: 768px) {
.about_you .jumbotron {
padding: 1rem 0.5rem;
}
.about_you .img-card {
margin-left: 20px;
}
.about_you .form-control {
padding: 20px;
}
.about_you .btn-lg {
padding: 12px 25px;
}
}
@media (max-width: 576px) {
.about_you .img-card {
margin-left: 10px;
}
.about_you .form-control {
padding: 15px;
}
.about_you .btn-lg {
padding: 10px 20px;
}
.about_you .jumbotron {
padding: 1rem 0.5rem;
}
.about_you .d-flex {
flex-direction: column;
}
.about_you .d-flex .btn {
width: 100%;
margin-bottom: 10px;
}
}
.get_started .btn-success {
border-radius: 10px;
background-color: #1E894D;
border: none;
padding: 25px 50px;
font-size: 16px;
}
.get_started .btn-success:hover {
background-color: darkgreen;
}
.get_started .container {
margin-top: 150px;
max-width: 1200px;
}
.get_started .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
opacity: 0;
transform: translateX(-100%);
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.get_started .jumbotron.animate-left {
opacity: 1;
transform: translateX(0);
}
.get_started .img-fluid {
opacity: 0;
transform: translateX(100%);
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.get_started .img-fluid.animate-right {
opacity: 1;
transform: translateX(0);
}
.get_started .text-success {
color: #007b00 !important;
font-weight: bold;
}
.get_started .progress-bar {
background-color: rgba(207, 177, 43, 1);
}
.get_started .dob-input {
max-width: 250px;
padding: 0px 25px;
height: 70px;
align-items: center;
font-size: 25px;
display: flex;
}
@media (max-width: 1200px) {
.get_started .img-card {
margin-left: 100px;
}
}
@media (max-width: 992px) {
.get_started .img-card {
margin-left: 50px;
}
}
@media (max-width: 768px) {
.get_started .jumbotron {
padding: 1rem 0.5rem;
}
.get_started .img-card {
margin-left: 20px;
}
}
@media (max-width: 576px) {
.get_started .img-card {
margin-left: 10px;
}
}
.your_address .btn-primary {
border-radius: 10px;
background-color: #1E894D;
border: none;
padding: 25px 50px;
font-size: 16px;
}
.your_address .btn-primary:hover {
background-color: #1E894D;
}
.your_address .btn-lg {
padding: 15px 50px;
}
.your_address .container {
margin-top: 150px;
max-width: 1200px;
}
.your_address .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.your_address .animate-left,
.your_address .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.your_address .animate-left {
transform: translateX(-100%);
}
.your_address .animate-right {
transform: translateX(100%);
}
.your_address .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.your_address .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.your_address .text-success {
color: #1E894D !important;
font-weight: bold;
}
.your_address .input-group-text {
background-color: whitesmoke;
border: none;
font-size: 1.5rem;
}
.your_address .form-control {
padding: 40px;
border: none;
background-color: whitesmoke;
}
.your_address .progress-bar {
background-color: rgba(207, 177, 43, 1);
}
.your_address .form-group {
margin-bottom: 1.5rem;
width: 100%;
}
.your_address .form-group.half-width {
width: 48%;
margin-bottom: 1rem;
}
.your_address .form-group.half-width+.form-group.half-width {
margin-left: 0;
margin-top: 0;
}
@media (max-width: 1200px) {
.your_address .img-card {
margin-left: 100px;
}
}
@media (max-width: 992px) {
.your_address .img-card {
margin-left: 50px;
}
.your_address .jumbotron {
padding: 1.5rem 1rem;
}
.your_address .form-control {
padding: 15px;
}
.your_address .btn-lg {
padding: 12px 25px;
}
}
@media (max-width: 768px) {
.your_address .jumbotron {
padding: 1rem 0.5rem;
}
.your_address .form-control {
padding: 15px;
}
.your_address .btn-lg {
padding: 12px 25px;
}
.your_address .form-group.half-width {
width: 100%;
display: block;
}
.your_address .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
}
@media (max-width: 576px) {
.your_address .navbar-brand img {
width: 100px;
height: 100px;
}
.your_address .jumbotron {
padding: 1rem 0.5rem;
}
.your_address .form-control {
padding: 10px;
}
.your_address .btn-lg {
padding: 10px 20px;
}
.your_address .d-flex {
flex-direction: column;
}
.your_address .d-flex .btn {
width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 400px) {
.your_address .navbar-brand img {
width: 80px;
height: 80px;
}
.your_address .jumbotron {
padding: 1rem 0.25rem;
}
.your_address .form-control {
padding: 8px;
}
.your_address .btn-lg {
padding: 8px 15px;
}
.your_address .text-success {
font-size: 1.5rem;
}
.your_address .input-group-text {
font-size: 1.2rem;
}
.your_address .form-group.half-width {
width: 100%;
display: block;
}
.your_address .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
}
.sidebar {
width: 250px;
height: 100vh;
background-color: #FAF7EA;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
left: 0;
overflow-y: auto;
transform: translateX(-250px);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}
.sidebar.show {
transform: translateX(0);
opacity: 1;
}
.sidebar-header {
margin-bottom: 20px;
}
.sidebar-logo {
width: 100px;
height: 100px;
}
.sidebar-user {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.user-picture {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}
.user-name {
font-size: 14px;
font-weight: bold;
}
.sidebar-menu {
width: 100%;
flex: 1;
padding: 0 20px;
}
.sidebar-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
margin: 5px 0;
color: #333;
text-decoration: none;
font-size: 14px;
transition: background-color 0.3s;
}
.sidebar-item i {
margin-right: 10px;
}
.sidebar-item span {
flex-grow: 1;
}
.sidebar-item:hover {
background-color: #f1f1f1 !important;
border-radius: 10px;
}
.sidebar-subitem {
display: block;
padding: 5px 20px;
color: #333;
text-decoration: none;
font-size: 14px;
margin-left: 30px;
}
.sidebar-subitem:hover {
background-color: #f1f1f1;
border-radius: 10px;
}
.collapse-arrow {
transition: transform 0.3s;
}
.collapse.show .collapse-arrow {
transform: rotate(90deg);
}
.sidebar-footer {
padding: 20px;
width: 100%;
margin-top: auto;
}
.btn-logout {
width: 90%;
padding: 8px 10px;
background-color: #ffcccc;
color: #ff0000;
border: none;
border-radius: 10px;
font-size: 14px;
text-decoration: none;
transition: background-color 0.3s;
}
.btn-logout:hover {
background-color: #ff9999;
color: #cc0000;
}
.content-wrapper {
margin-left: 250px;
width: calc(100% - 250px);
padding: 20px;
overflow-y: auto;
height: 100vh;
}
@media (max-width: 980px) {
.sidebar {
width: 250px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transform: translateX(-100%);
animation: none;
opacity: 0;
/* Hidden */
transition: transform 0.5s, opacity 0.5s;
}
.sidebar.show {
transform: translateX(0);
/* Show the sidebar by translating to 0 */
opacity: 1;
}
.content-wrapper {
margin-left: 0;
width: 100%;
}
#sidebarToggle {
display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 1100;
}
.mobile-sidebar {
display: block;
/* Ensure it displays on mobile */
}
}
.side-margi {
padding-left: 30px !important;
}
@media (min-width: 992px) {
.side-margi {
padding-left: 30px !important;
}
.sidebar {
display: flex;
transform: none;
opacity: 1;
transition: none;
}
#sidebarToggle {
display: none;
}
}
.past_claims .card {
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
.past_claims .card-body {
display: flex;
align-items: center;
justify-content: space-between;
}
.past_claims .claim-list {
background-color: #f5f5f5;
padding: 20px;
border-radius: 10px;
}
.past_claims .card-body .claim-type {
background-color: #fff5e6;
padding: 5px 10px;
border-radius: 5px;
font-weight: bold;
}
.past_claims .card-body .claim-date {
background-color: #f5f0d6;
padding: 5px 10px;
border-radius: 5px;
font-size: 0.9em;
}
.past_claims .card-body a.btn-link {
color: #007bff;
}
.past_claims .card-body a.btn-link:hover {
text-decoration: underline;
}
#googleMap {
height: 365px;
border: 0;
}
@media (max-width: 535px) {
#googleMap {
height: 200px;
}
}
@media(min-width: 990px) {
.margin-report-claim-top {
position: relative;
top: -186px;
}
}
.map-heading {
text-align: start;
font-family: Helvetica;
font-weight: 700;
color: black !important;
}
.overview .content {
flex: 1;
padding: 20px;
margin-left: 250px;
height: 100vh;
overflow-y: auto;
}
.overview .content.show {
opacity: 1;
}
.overview .overview-heading {
font-size: 36px;
color: #333;
font-family: Helvetica;
font-weight: 400;
margin-bottom: 10px;
}
.overview .overview-description {
font-size: 14px;
font-family: Helvetica;
color: rgba(151, 151, 151, 1);
font-weight: 700;
margin-bottom: 30px;
}
.overview .section-heading {
font-size: 14px;
color: #333;
font-family: Helvetica;
font-weight: 700 !important;
margin-bottom: 20px;
}
.overview .insurance-cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.overview .insurance-card {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 20px;
margin: 10px;
width: calc(20% - 20px);
text-align: center;
transition: box-shadow 0.3s;
cursor: pointer;
opacity: 0;
display: none;
transform: translateX(100%);
transition: transform 0.5s ease, opacity 0.5s ease;
}
.overview .insurance-card.show {
opacity: 1;
display: block;
transform: translateX(0);
}
.overview .insurance-card:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.overview .insurance-card img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.overview .insurance-card p {
font-size: 16px;
font-weight: bold;
color: #333;
}
.overview .card-title {
font-size: 24px;
font-weight: bold;
color: #333;
}
.overview .policy-detail {
display: flex;
justify-content: space-between;
align-items: center;
height: 84px;
}
.overview .policy-number,
.overview .car-model,
.overview .badge,
.overview .btn,
.overview .company-logo {
margin-right: 10px;
}
.overview .policy-number {
font-weight: bold;
}
.overview .car-model {
font-size: 16px;
}
.overview .company-logo {
width: 100px;
height: auto;
}
.overview .btn-link {
color: rgba(30, 73, 137, 1);
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.overview .btn-link:hover {
text-decoration: underline;
}
.overview .coverage-title {
font-size: 17px;
font-weight: 700;
color: rgba(207, 177, 43, 1);
margin-bottom: 20px;
}
.overview .coverage-list {
list-style: none;
padding: 0;
margin: 0;
}
.overview .coverage-list li {
padding: 5px 0;
font-size: 14px;
font-family: Helvetica;
font-weight: 400;
}
.overview .plan-details {
background-color: #f8f9fa;
padding: 20px;
border-radius: 10px;
border: 1px solid #e0e0e0;
}
.overview .plan-title {
font-size: 24px;
font-weight: bold;
color: #333;
}
.overview .plan-price {
font-size: 24px;
color: #333;
margin: 10px 0;
}
.overview .contact-list,
.overview .document-list {
list-style: none;
padding: 0;
margin: 0;
}
.overview .contact-list li,
.overview .document-list li {
padding: 5px 0;
font-size: 16px;
}
.overview .contact-list li i {
margin-right: 10px;
}
.overview .document-list li a {
color: #007bff;
text-decoration: none;
}
.overview .document-list li a:hover {
text-decoration: underline;
}
.overview .sidebar-item:hover {
text-decoration: none;
color: black;
background-color: white !important;
}
.overview .sidebar-item.active,
.overview .sidebar-subitem.active {
background-color: white;
border-radius: 10px;
}
.overview .sidebar-item.active:hover,
.overview .sidebar-subitem.active:hover {
background-color: white;
}
.overview .insurance-card.selected {
border: 2px solid green;
}
.overview .details-card {
display: none;
}
.overview .details-card.show {
border-radius: 12px;
display: block;
animation: slideInUp 1s forwards;
/* animation-delay: 2s; */
}
@media (min-width: 992px) {
.heading_descript-main-faq {
font-family: Helvetica;
font-size: 13px;
font-weight: 400;
line-height: 29px;
text-align: center;
color: rgba(84, 84, 84, 1);
margin: auto;
width: 38.75%
}
}
@media (max-width: 980px) {
.heading_descript-main-faq {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 29px;
text-align: center;
color: rgba(84, 84, 84, 1);
margin: auto;
width: 60%
}
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 980px) {
.overview .sidebar {
width: 250px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transform: translateX(-100%);
animation: none;
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.overview .sidebar.show {
transform: translateX(0);
opacity: 1;
}
.overview .content {
margin-left: 0;
padding: 20px;
transform: translateX(0);
opacity: 1;
}
.overview .insurance-card {
width: calc(100% - 20px);
}
.overview #sidebarToggle {
display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 1100;
}
}
@media (max-width: 780px) {
.overview .overview-heading {
font-size: 22px;
}
.overview .overview-description {
font-size: 14px;
}
.overview .section-heading {
font-size: 18px;
}
.overview .insurance-card {
width: calc(100% - 20px);
padding: 10px;
}
.overview .insurance-card p {
font-size: 12px;
}
.overview .policy-detail {
display: block;
align-items: flex-start;
}
.overview .policy-number,
.overview .car-model,
.overview .badge,
.overview .btn,
.overview .company-logo {
margin-bottom: 5px;
}
.overview .btn-link {
font-size: 12px;
}
.overview .coverage-title {
font-size: 18px;
}
.overview .coverage-list li {
font-size: 12px;
}
.overview .plan-details {
padding: 10px;
}
.overview .plan-title,
.overview .plan-price {
font-size: 18px;
}
.overview .contact-list li,
.overview .document-list li {
font-size: 12px;
}
}
@media (min-width: 980px) {
.overview #sidebarToggle {
display: none;
}
}
.d-flex {
display: flex;
}
.flex-column {
flex-direction: column;
}
.justify-content-between {
justify-content: space-between;
}
.align-items-center {
align-items: center;
}
.payments .content {
flex: 1;
padding: 20px;
margin-left: 250px;
height: 100vh;
overflow-y: auto;
transform: translateX(100%);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}
.payments .content.show {
transform: translateX(0);
opacity: 1;
}
.payments .container {
max-width: 1000px;
margin: auto;
}
.payments .overview-heading {
font-size: 36px;
font-family: Helvetica;
color: #333;
font-weight: 400;
margin-bottom: 15px;
}
.payments .overview-heading2 {
font-size: 17px;
font-family: Helvetica;
color: #333;
font-weight: 700;
margin-bottom: 30px;
}
.payments .overview-description {
color: #6c757d;
margin-bottom: 15px;
}
.payments .section-heading {
font-size: 17px;
color: rgba(28, 28, 28, 1);
font-family: Helvetica;
font-weight: 700;
}
.payments .billing-history {
background-color: #FAFAFA;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.payments .filter-links {
text-align: right;
margin-bottom: 10px;
}
.payments .filter-link {
margin: 0 10px;
font-family: Helvetica;
text-decoration: none;
color: rgba(28, 28, 28, 0.4);
font-weight: 400;
}
.payments .filter-link.active {
font-family: Helvetica;
color: rgba(28, 28, 28, 1);
font-weight: 400;
}
.payments .table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
border-collapse: collapse;
}
.payments .table thead {
border: none;
border-bottom: 1px solid rgba(28, 28, 28, 0.2);
font-size: 14px;
font-weight: 400;
font-family: Helvetica;
color: rgba(28, 28, 28, 0.4);
}
.payments .table tbody {
font-size: 14px;
font-weight: 400;
font-family: Helvetica;
color: rgba(28, 28, 28, 1);
}
.payments .table th,
.payments .table td {
padding: 0.75rem;
vertical-align: top;
border: none;
}
.payments .table td {
padding: 0.75rem 15px;
vertical-align: top;
border: none;
}
.payments .table thead th {
vertical-align: bottom;
}
.payments .table .btn-link {
font-size: 14px;
font-weight: 400;
font-family: Helvetica;
color: rgba(28, 28, 28, 1);
text-decoration: none;
}
.payments .card-container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.payments .card-item {
background: radial-gradient(50% 50% at 50% 50%, #100020 0%, #00186B 100%);
border: 1px solid #e0e0e0;
border-radius: 10px;
padding-bottom: 88px;
margin: 10px;
width: calc(33.333% - 20px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s;
color: white;
position: relative;
}
.payments .card-item.selected {
border: 2px solid green;
}
.payments .card-item .card-details {
margin: 10px;
}
.payments .card-item .card-name {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 600;
}
.payments .card-item .card-type {
font-size: 18px;
color: #333;
}
.payments .card-item .card-expiry {
color: #6c757d;
}
.payments .card-item .card-number {
font-family: 'Inter', sans-serif;
font-size: 14px;
margin-top: 10px;
font-weight: 600;
}
.payments .card-item .card-logo {
position: absolute;
right: 10px;
margin-top: 14px;
}
.payments .card-item .card-delete {
position: absolute;
right: 10px;
top: 10px;
word-spacing: 8px;
cursor: pointer;
}
.payments .button-container {
display: flex;
margin-top: 20px;
}
.payments .btn-light {
background-color: #e0e0e0;
color: #333;
padding: 10px 20px;
border-radius: 10px;
text-decoration: none;
}
.payments .btn-light i {
margin-right: 5px;
}
.payments .btn-success {
margin-top: 20px;
font-size: 18px;
padding: 10px;
width: 100%;
}
.payments .sidebar-item.active,
.payments .sidebar-subitem.active {
background-color: #e0e0e0;
border-radius: 10px;
}
.payments .sidebar-item.active:hover,
.payments .sidebar-subitem.active:hover {
background-color: #d0d0d0;
}
.payments .modal-content {
border-radius: 15px;
padding: 20px;
margin-top: 121px;
text-align: center;
}
.payments .modal-header {
border-bottom: none;
position: relative;
}
.payments .modal-header .close {
position: absolute;
right: 20px;
top: 20px;
}
.payments .modal-title {
font-size: 30px;
font-weight: bold;
text-align: center;
width: 100%;
}
.payments .modal-body p {
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.payments .form-group label {
font-weight: bold;
text-align: left;
display: block;
margin-bottom: 5px;
}
.payments .form-control {
padding: 30px;
margin-bottom: 15px;
}
.payments .modal-footer {
border-top: none;
padding-top: 10px;
}
.payments .save {
width: 100%;
border-radius: 10px;
background-color: rgba(30, 137, 77, 1) !important;
padding: 10px;
}
.payments .scan-area {
background-color: #dcdcdc;
border-radius: 10px;
padding: 50px;
margin: 20px 0;
}
.payments .scan-box {
background-color: rgba(186, 181, 181, 0.493);
padding: 100px;
margin: 10px;
border-radius: 20px;
}
@media (max-width: 980px) {
.payments .sidebar {
width: 250px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transform: translateX(-100%);
animation: none;
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.payments .sidebar.show {
transform: translateX(0);
opacity: 1;
}
.payments .content {
margin-left: 0;
padding: 20px;
transform: translateX(0);
opacity: 1;
}
.payments .card-item {
width: calc(100% - 20px);
}
.payments #sidebarToggle {
display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 1100;
}
}
@media (max-width: 780px) {
.payments .overview-heading {
font-size: 22px;
}
.payments .overview-description {
font-size: 14px;
}
.payments .section-heading {
font-size: 18px;
}
.payments .pricing-card {
padding: 10px;
}
.payments .pricing-card p {
font-size: 12px;
}
.payments .card-item .card-details {
font-size: 12px;
}
.payments .btn-link {
font-size: 12px;
}
.payments .coverage-title {
font-size: 18px;
}
.payments .coverage-list li {
font-size: 12px;
}
.payments .plan-details {
padding: 10px;
}
.payments .plan-title,
.payments .plan-price {
font-size: 18px;
}
.payments .contact-list li,
.payments .document-list li {
font-size: 12px;
}
}
@media (min-width: 980px) {
.payments #sidebarToggle {
display: none;
}
}
/* Animation Classes */
.payments .animated {
opacity: 0;
}
.payments .animated.fadeIn {
animation: fadeIn 1s forwards;
}
.payments .animated.fadeInRight {
animation: fadeInRight 1s forwards;
}
.payments .animated.fadeInUp {
animation: fadeInUp 1s forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInRights {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.policy_renewal .content {
flex: 1;
padding: 20px;
margin-left: 250px;
height: 100vh;
overflow-y: auto;
transform: translateX(100%);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}
.policy_renewal .content.show {
transform: translateX(0);
opacity: 1;
}
@media(max-width:990px) {
.policy_renewal .content {
flex: 1;
padding: 20px;
margin-left: 0px;
height: 100vh;
overflow-y: auto;
transform: translateX(0%);
opacity: 1;
}
}
.policy_renewal .container {
max-width: 1000px;
margin: auto;
}
.policy_renewal .overview-heading {
font-size: 36px;
color: #333;
font-family: Helvetica;
font-weight: 400;
margin-bottom: 10px;
}
.policy_renewal .overview-description {
font-size: 14px;
font-family: Helvetica;
color: rgba(151, 151, 151, 1);
font-weight: 700;
margin-bottom: 15px;
}
.policy_renewal .car-model {
font-size: 17px;
font-family: Helvetica;
color: rgba(48, 48, 48, 1);
font-weight: 700;
margin-bottom: 15px;
}
.policy_renewal .pricing-cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.policy_renewal .pricing-card {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 20px;
margin: 10px;
width: calc(25% - 20px);
text-align: center;
transition: box-shadow 0.3s, transform 0.3s;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.policy_renewal .pricing-card.selected {
border: 2px solid green;
/* Highlight selected card */
}
.policy_renewal .pricing-card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
transform: translateY(-5px);
}
.policy_renewal .pricing-card p {
font-size: 14px;
font-weight: 400;
color: rgba(56, 56, 56, 1);
font-family: Helvetica;
}
.policy_renewal .pricing-card .price {
font-size: 30px;
color: rgba(0, 0, 0, 1);
font-family: Helvetica;
font-weight: 400;
font-family: "High Tower Text", serif;
margin-top: 10px;
}
.policy_renewal .current-plan {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
border: 1px solid #e0e0e0;
margin-top: 30px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.policy_renewal .current-plan h3 {
font-size: 24px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
}
.policy_renewal .coverage-item {
padding: 10px;
border: 1px solid #e0e0e0;
width: 100%;
margin-bottom: 10px;
border-radius: 10px;
display: none;
/* Hide coverage items by default */
justify-content: space-between;
align-items: center;
}
.policy_renewal .coverage-item .coverage-cost {
text-align: right;
font-size: 16px;
font-weight: bold;
color: #333;
}
.policy_renewal .company-logo {
max-width: 100px;
height: auto;
}
.policy_renewal .btn-success {
margin-top: 20px;
font-size: 14px;
padding: 10px 28px;
background-color: rgba(30, 137, 77, 1) !important;
;
}
@media (max-width: 980px) {
.policy_renewal .pricing-card {
width: calc(50% - 20px);
}
}
@media (max-width: 780px) {
.policy_renewal .pricing-card {
width: calc(100% - 20px);
padding: 10px;
}
.policy_renewal .overview-heading {
font-size: 22px;
}
.policy_renewal .overview-description {
font-size: 14px;
}
}
.detials-heading-renewal {
font-family: Helvetica;
font-size: 26px;
font-weight: 700;
line-height: 20px;
text-align: left;
/* Left align */
}
.detials-heading-renewal-second {
font-family: "Ibarra Real Nova";
font-size: 24px;
font-weight: 400;
line-height: 20px;
text-align: left;
/* Left align */
color: #00000080;
}
.detials-heading-renewal span {
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: black;
/* Left align */
}
.renewal-covered {
border: 1px solid #0000001A;
padding: 10px;
border-radius: 12px;
box-shadow: 0px 1px 29px rgba(0, 0, 0, 0.03);
/* Adjust opacity as needed */
}
.covered-heading {
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: left;
/* Left align */
}
.covered-para {
font-family: Helvetica;
font-size: 15px;
font-weight: 400;
line-height: 17.25px;
text-align: left;
color: #303030;
}
.cost-heading {
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: left;
}
.cost-number {
font-family: Helvetica;
font-size: 15px;
font-weight: 400;
line-height: 17.25px;
text-align: left;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.select_card .content {
flex: 1;
padding: 20px;
margin-left: 250px;
height: 100vh;
overflow-y: auto;
transform: translateX(100%);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}
.select_card .content.show {
transform: translateX(0);
opacity: 1;
}
.select_card .container {
max-width: 1000px;
margin: auto;
}
.select_card .overview-heading {
font-size: 36px;
color: #333;
font-family: Helvetica;
font-weight: 400;
margin-bottom: 10px;
}
.select_card .overview-description {
font-size: 14px;
font-family: Helvetica;
color: rgba(151, 151, 151, 1);
font-weight: 700;
margin-bottom: 15px;
}
.select_card .car-model {
font-size: 18px;
color: #333;
margin-bottom: 30px;
}
.select_card .pricing-card {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 20px;
margin: 10px 0;
text-align: center;
width: 250px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.5s ease, opacity 0.5s ease;
}
.select_card .pricing-card.show {
opacity: 1;
transform: translateX(0);
}
.select_card .pricing-card p {
font-size: 14px;
font-weight: 400;
color: rgba(56, 56, 56, 1);
font-family: Helvetica;
}
.select_card .pricing-card .price {
font-size: 30px;
color: rgba(0, 0, 0, 1);
font-family: Helvetica;
font-weight: 400;
font-family: "High Tower Text", serif;
margin-top: 10px;
}
.select_card .card-container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.select_card .card-item {
background-color: #1E894D1C;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 20px;
margin: 10px;
width: 100%;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s;
}
.select_card .card-item.selected {
border: 2px solid green;
}
.select_card .card-item .card-details {
margin-bottom: 10px;
}
.select_card .card-item .card-name {
font-weight: 600;
color: rgba(28, 28, 28, 1);
font-family: "Inter";
font-size: 14px;
}
.select_card .card-item .card-expiry {
color: #6c757d;
}
.select_card .card-item .card-number {
font-weight: 600;
color: rgba(28, 28, 28, 1);
font-family: "Inter";
font-size: 14px;
margin: 10px 0;
}
.select_card .btn-add-card {
border: 1px solid #1C1C1C33;
background-color: none !important;
padding: 20px 43px 20px 20px;
border-radius: 12px;
margin-top: 20px;
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.select_card .btn-success {
font-size: 14px;
padding: 10px 28px;
background-color: rgba(30, 137, 77, 1) !important;
}
.select_card .sidebar-item.active,
.select_card .sidebar-subitem.active {
background-color: #e0e0e0;
border-radius: 10px;
}
.select_card .sidebar-item.active:hover,
.select_card .sidebar-subitem.active:hover {
background-color: #d0d0d0;
}
.select_card .modal-content {
border-radius: 15px;
padding: 20px;
text-align: center;
}
.select_card .modal-header {
border-bottom: none;
position: relative;
}
.select_card .modal-header .close {
position: absolute;
right: 20px;
top: 20px;
}
.select_card .price {
font-family: "Crimson Text", serif;
}
.select_card .modal-title {
font-size: 30px;
font-weight: bold;
text-align: center;
width: 100%;
}
.select_card .modal-body p {
font-size: 17px;
font-weight: 400;
font-family: Helvetica;
color: rgba(0, 0, 0, 1);
margin-bottom: 20px;
}
.select_card .form-group label {
font-weight: bold;
text-align: left;
display: block;
margin-bottom: 13px;
}
.select_card .form-control {
padding: 30px;
margin-bottom: 15px;
}
.select_card .modal-footer {
border-top: none;
padding-top: 10px;
}
.select_card .save {
width: 100%;
border-radius: 10px;
padding: 10px;
height: 55px;
}
@media (max-width: 980px) {
.select_card .sidebar {
width: 250px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transform: translateX(-100%);
animation: none;
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.select_card .sidebar.show {
transform: translateX(0);
opacity: 1;
}
.select_card .content {
margin-left: 0;
padding: 20px;
transform: translateX(0);
opacity: 1;
}
.select_card .pricing-card {
width: 100%;
}
.select_card .card-item {
width: calc(100% - 20px);
}
.select_card #sidebarToggle {
display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 1100;
}
}
@media (max-width: 780px) {
.select_card .overview-heading {
font-size: 22px;
}
.select_card .overview-description {
font-size: 14px;
}
.select_card .section-heading {
font-size: 18px;
}
.select_card .pricing-card {
padding: 10px;
}
.select_card .pricing-card p {
font-size: 12px;
}
.select_card .card-item .card-details {
font-size: 12px;
}
.select_card .btn-link {
font-size: 12px;
}
.select_card .coverage-title {
font-size: 18px;
}
.select_card .coverage-list li {
font-size: 12px;
}
.select_card .plan-details {
padding: 10px;
}
.select_card .plan-title,
.select_card .plan-price {
font-size: 18px;
}
.select_card .contact-list li,
.select_card .document-list li {
font-size: 12px;
}
}
@media (min-width: 980px) {
.select_card #sidebarToggle {
display: none;
}
}
.select_card .animated {
opacity: 0;
}
.select_card .animated.fadeIn {
animation: fadeIn 1s forwards;
}
.select_card .animated.fadeInRight {
animation: fadeInRight 1s forwards;
}
.select_card .animated.fadeInUp {
animation: fadeInUp 1s forwards;
}
.select-card-item {
font-size: 17px;
font-family: Helvetica;
color: rgba(48, 48, 48, 1);
font-weight: 700;
margin-bottom: 15px;
text-align: left;
}
.card-expiry-date {
font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(28, 28, 28, 0.4);
text-align: left;
}
.select-card-heading {
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 20px;
text-align: left;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
}
}
.contact_us .btn-success {
border-radius: 10px;
background-color: #1E943D;
border: none;
padding: 15px 40px;
font-size: 16px;
}
.btn-successes {
border-radius: 10px;
background-color: rgba(30, 137, 77, 1) !important;
border: none;
padding: 15px 50px;
font-size: 16px;
color: white;
font-family: Helvetica;
}
.btn-successes2 {
border-radius: 10px;
background-color: rgba(30, 137, 77, 1) !important;
border: none;
padding: 15px 50px;
font-size: 17px;
font-family: Helvetica;
font-weight: 700;
color: white;
}
.btn-successes:hover,
.btn-successes2:hover {
background-color: #0f3519;
color: white;
}
.contact_us .btn-primary:hover {
background-color: #1E943D;
}
.btn-payment-add-card {
border: 1px dashed rgba(28, 28, 28, 0.2);
padding: 15px 16px;
width: 163px;
border-radius: 16px;
text-align: start;
background-color: white;
font-size: 14px;
font-weight: 400px;
font-family: Helvetica;
display: flex;
align-items: center;
}
.contact_us .btn-lg.custom-btn:focus {
outline: none;
box-shadow: none;
}
.contact_us .content-container {
margin-top: 300px;
max-width: 1200px;
}
.contact_us .bg-whitesmoke {
border-radius: 15px;
}
.contact_us .animate-left,
.ins-car .animate-left,
.contact_us .animate-right,
.ins-car .animate-right {
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.contact_us .animate-left,
.ins-car .animate-left {
transform: translateX(-100%);
}
.contact_us .animate-right,
.ins-car .animate-right {
background-color: #FAFAFA;
border-radius: 16px;
transform: translateX(100%);
}
.contact_us .start-animate-left,
.ins-car .start-animate-left {
opacity: 1;
transform: translateX(0);
}
.contact_us .start-animate-right,
.ins-car .start-animate-right {
opacity: 1;
transform: translateX(0);
}
.contact_us .text-success {
color: #007b00 !important;
font-weight: bold;
}
.contact_us .input-group-text {
background-color: whitesmoke;
border: none;
font-size: 1.5rem;
}
.contact_us .form-control {
padding: 30px;
border: none;
background-color: white;
border-radius: 10px;
}
.contact_us .form-group {
margin-bottom: 1.5rem;
}
.contact_us .btn-block {
background-color: #1E894D;
font-family: Helvetica;
font-size: 17px;
font-weight: 400;
line-height: 19.55px;
text-align: center;
height: 67px;
color: #fff;
padding: 15px 40px;
}
.contact_us .text-center {
text-align: center;
}
.contact_us .mb-5 {
margin-bottom: 3rem !important;
}
@media (max-width: 1200px) {
.contact_us .img-card {
margin-left: 100px;
}
.contact_us .navbar-brand img {
width: 120px;
height: 120px;
}
}
@media (max-width: 992px) {
.contact_us .img-card {
margin-left: 50px;
}
.contact_us .navbar-brand img {
width: 100px;
height: 100px;
}
.contact_us .jumbotron {
padding: 1.5rem 1rem;
}
.contact_us .form-control {
padding: 33px;
}
.contact_us .btn-lg {
padding: 15px 40px;
}
.contact_us .display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.contact_us .jumbotron {
padding: 1rem 0.5rem;
}
.contact_us .navbar-toggler {
display: block;
}
.contact_us .navbar-collapse {
justify-content: flex-start;
}
.contact_us .navbar-brand img {
width: 80px;
height: 80px;
}
.contact_us .form-control {
padding: 30px;
}
.contact_us .btn-lg {
padding: 15px 40px;
}
.contact_us .form-group.half-width {
width: 100%;
display: block;
}
.contact_us .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
.contact_us .display-4 {
font-size: 2rem;
}
}
@media (max-width: 576px) {
.contact_us .navbar-brand img {
width: 70px;
height: 70px;
}
.contact_us .jumbotron {
padding: 1rem 0.5rem;
}
.contact_us .form-control {
padding: 30px;
}
.contact_us .btn-lg {
padding: 15px 40px;
}
.contact_us .display-4 {
font-size: 1.75rem;
}
}
@media (max-width: 400px) {
.contact_us .navbar-brand img {
width: 60px;
height: 60px;
}
.contact_us .jumbotron {
padding: 1rem 0.25rem;
}
.contact_us .form-control {
padding: 30px;
}
.contact_us .btn-lg {
padding: 15px 40px;
}
.contact_us .text-success {
font-size: 1.5rem;
}
.contact_us .input-group-text {
font-size: 1.2rem;
}
.contact_us .form-group.half-width {
width: 100%;
display: block;
}
.contact_us .form-group.half-width+.form-group.half-width {
margin-left: 0;
}
.contact_us .display-4 {
font-size: 1.5rem;
}
}
.login .card-header {
border-bottom: none;
}
.login .card-header {
border-bottom: none;
}
.login .verification-input {
width: 40px;
height: 40px;
text-align: center;
margin: 0 5px;
font-size: 20px;
}
.account .content-wrapper {
margin-left: 250px;
width: calc(100% - 250px);
padding: 20px;
overflow-y: auto;
height: 100vh;
}
@media (max-width: 980px) {
.account .sidebar {
width: 250px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transform: translateX(-100%);
animation: none;
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.account .sidebar.show {
transform: translateX(0);
opacity: 1;
}
.account .content-wrapper {
margin-left: 0;
width: 100%;
}
.account #sidebarToggle {
display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 1100;
}
}
@media (min-width: 980px) {
.account #sidebarToggle {
display: none;
}
}
.account .profile-details {
background-color: whitesmoke;
padding: 20px 30px;
border-radius: 10px;
margin-bottom: 20px;
margin-top: 45px;
}
.account .profile-detail {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.account .profile-detail strong {
flex: 1;
text-align: left;
}
.hover-text {
color: white;
position: relative;
transition: transform 0.3s ease;
}
.modal-detail-con {
font-family: Helvetica;
font-size: 14px;
font-weight: 700;
}
.account .profile-detail .value {
flex: 2;
/* text-align: center; */
}
.account .edit-profile-link {
color: rgba(34, 35, 87, 1);
text-decoration: none;
font-size: 14px;
text-align: right;
display: block;
}
.account .edit-profile-link:hover {
text-decoration: underline;
}
.hover-text2 {
transition: transform 0.3s ease;
position: relative;
}
.hover-box:hover .hover-text {
transform: translateX(20px);
/* Moves text 50px to the left on hover */
}
.account .connected-accounts {
background-color: whitesmoke;
padding: 20px;
border-radius: 10px;
}
.account .connected-accounts .row>div {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.account .connected-accounts i {
font-size: 24px;
margin-right: 10px;
}
.account .modal.fade .modal-dialog {
transform: translateY(100%);
transition: transform 0.3s ease-out;
}
.account .modal.show .modal-dialog {
transform: translateY(0);
}
.account .modal-content {
padding: 20px;
border-radius: 10px;
}
.account .modal-header {
border-bottom: none;
}
.account .modal-title {
font-family: Helvetica;
font-size: 34px;
font-weight: 700;
text-align: center;
}
.account .form-control {
padding: 30px;
margin-bottom: 10px;
border-radius: 5px;
}
.account .btn-success {
padding: 12px 20px;
border-radius: 5px;
}
/* Card adjustments */
.insurance .card {
border: 1px solid #e0e0e0;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
/* Add space between cards */
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
overflow: hidden;
/* Ensure no overflow inside cards */
height: 250px;
/* Adjust height for cards */
}
/* insurance.css */
.insurance {
font-family: "Montserrat", sans-serif;
}
.insurance .input-group {
border-radius: 10px;
overflow: hidden;
/* Ensures the rounded corners appear correctly */
background-color: whitesmoke;
width: 50%;
padding: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
font-family: "Montserrat", sans-serif;
}
.insurance .input-group .form-control {
border: none;
/* Removes the default border */
border-radius: 10px 0 0 10px;
background-color: whitesmoke;
/* Rounded corners for the input */
box-shadow: none;
/* Removes the default box shadow */
}
.insurance .input-group .input-group-text {
background-color: #f8f9fa;
/* Matches the background color */
border: none;
/* Removes the default border */
border-radius: 0 10px 10px 0;
/* Rounded corners for the icon */
color: green;
/* Icon color */
}
.insurance .input-group .form-control:focus {
box-shadow: none;
/* Removes the box shadow on focus */
border-color: #f8f9fa;
/* Matches the background color */
}
.insurance .card {
border: 1px solid #e0e0e0;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
/* Add space between cards */
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
overflow: hidden;
/* Ensure no overflow inside cards */
height: 250px;
/* Adjust height for cards */
}
.insurance .card-header {
text-align: left;
background: transparent;
border-bottom: none;
position: absolute;
top: 10px;
left: 10px;
}
.insurance .card-checkbox {
margin: 0;
padding: 20px;
}
.insurance .card-body {
text-align: center;
padding: 0px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.insurance .card-body img {
max-width: 50%;
/* Smaller width for images */
height: auto;
margin-bottom: 10px;
}
.insurance .card-body button {
width: 100%;
font-size: 14px;
/* Smaller font size for buttons */
align-self: flex-end;
}
.insurance .text-left a {
color: #007b00;
font-weight: bold;
}
.insurance .text-left a:hover {
text-decoration: underline;
}
.insurance .text-left .btn-success {
margin-top: 20px;
}
@keyframes slideInRight {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.insurance .jumbotron,
.insurance .card {
opacity: 0;
transform: translateY(100%);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.insurance .jumbotron {
transform: translateX(100%);
background-color: transparent;
/* Set the background color to transparent */
}
.insurance .jumbotron.animate {
animation: slideInRight 1s ease-out forwards;
}
.insurance .card.animate {
animation: slideInUp 1s ease-out forwards;
}
.insurance .card:nth-child(2).animate {
animation-delay: 0.1s;
}
.insurance .card:nth-child(3).animate {
animation-delay: 0.2s;
}
@media (max-width: 1200px) {
.insurance .img-card {
margin-left: 100px;
}
.insurance .card {
height: 250px;
}
.insurance .card-body img {
max-width: 45%;
}
.insurance .card-body button {
font-size: 13px;
}
}
@media (max-width: 992px) {
.insurance .img-card {
margin-left: 50px;
}
.insurance .card {
height: 200px;
}
.insurance .card-body img {
max-width: 20%;
}
.insurance .card-body button {
font-size: 12px;
}
}
@media (max-width: 768px) {
.insurance .jumbotron {
padding: 1rem 0.5rem;
}
.insurance .img-card {
margin-left: 20px;
}
.insurance .card {
width: calc(50% - 10px);
/* Adjust width for smaller screens */
margin-right: 10px;
/* Adjust margin for smaller screens */
height: 180px;
}
.insurance .card-body img {
max-width: 35%;
}
.insurance .card-body button {
font-size: 11px;
padding: 6px;
}
.insurance .text-left a {
font-size: 12px;
}
.insurance .text-left button {
font-size: 12px;
padding: 10px 20px;
}
}
@media (max-width: 576px) {
.insurance .img-card {
margin-left: 10px;
}
.insurance .card {
width: calc(100% - 20px);
/* Full width for very small screens with some padding */
margin-right: 0;
/* Remove right margin for very small screens */
height: auto;
}
.insurance .card-body img {
max-width: 30%;
}
.insurance .card-body button {
font-size: 10px;
padding: 6px;
}
.insurance .text-left a {
font-size: 10px;
}
.insurance .text-left button {
font-size: 10px;
padding: 8px 15px;
}
}
.insurance .btn-5 {
margin-bottom: 100px;
}
.insurance .btn-success {
border-radius: 10px;
background-color: rgba(30, 137, 77, 1) !important;
border: none;
padding: 15px 50px;
font-size: 16px;
}
.insurance .btn-success:hover {
background-color: darkgreen !important;
}
.insurance .container {
margin-top: 153px !important;
/* Adjust for navbar height */
max-width: 1200px;
/* Ensure container doesn't exceed viewport */
}
.insurance .img-card {
max-width: 600px;
/* Ensure container doesn't exceed viewport */
height: 600px;
padding: 0px;
margin-left: 150px;
}
.insurance .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: transparent;
}
.insurance .text-success {
color: #007b00 !important;
font-weight: bold;
}
.insurance .form-inline input {
margin-right: 10px;
}
.insurance-margin {
margin-top: 3%;
}
@media(max-width:500px) {
.insurance-margin {
margin-top: 10%;
}
}
.content-wrappers {
flex: 1;
width: 100%;
padding: 20px;
/* margin-top: 250px; */
/* overflow-y: auto; */
}
.btn-success {
/* width: 147px; */
padding: 20px 45px;
gap: 10px;
border-radius: 10px;
opacity: 1;
}
/* General heading and description styling */
.main-heading {
margin-top: 185px;
margin-bottom: 50px;
font-family: Helvetica;
font-size: 56px;
font-weight: 700;
line-height: 52px;
text-align: center;
color: rgba(30, 137, 77, 1);
}
.main-heading::after {
content: '';
display: block;
width: 75px;
height: 4px;
background: linear-gradient(to right, #EBCD00, #CDAF00, #FFFFFF, #CDAF00, #FFFFFF, #CDAF00, #EBCD00, #FFFFFF, #EBCD00);
margin: 4px auto 0;
box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
z-index: 10;
position: relative;
}
.heading_descript {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 29px;
text-align: center;
width: 45vw;
color: #545454;
left: 25%;
position: relative;
}
/* FAQ item styling */
.faq-item {
padding: 20px;
background-color: #f8f9fa;
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-item h5 {
margin: 0;
font-weight: bold;
}
.bi-plus {
font-size: 40px;
}
/* Search bar styling */
.search-bar .input-group-text {
background-color: #fff;
border-right: 0;
}
.search-bar .form-control {
border-left: 0;
padding: 44px;
}
.center-content {
text-align: center;
}
.search-bar {
max-width: 600px;
margin: 20px auto;
}
/* Sidebar styling */
.sidebar {
display: none;
}
.mobile-sidebar {
display: none;
}
/* Media queries */
@media (min-width: 768px) {
.sidebar {
display: block;
}
}
@media (max-width: 767px) {
.main-heading {
font-size: 32px;
line-height: 36px;
margin-top: 100px;
margin-bottom: 30px;
}
.heading_descript {
font-size: 12px;
line-height: 24px;
}
.faq-item {
padding: 10px;
}
.search-bar .form-control {
padding: 20px;
}
.mobile-sidebar {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
z-index: 1000;
transform: translateX(-100%);
transition: transform 0.3s ease-in-out;
}
.mobile-sidebar.show {
transform: translateX(0);
}
.sidebar {
display: none;
}
}
.sidebar-footer a {
display: block;
padding: 10px 20px;
color: #333;
text-decoration: none;
}
.sidebar-menu a:hover,
.sidebar-footer a:hover {
background-color: #f0f0f0;
}
.sidebar-menu a:hover {
text-decoration: none;
color: black;
background-color: white !important;
}
.sidebar-header,
.sidebar-user {
padding: 20px;
}
.first-section-heading-insurance-page {
font-family: Helvetica;
font-size: 58px;
font-weight: 700;
line-height: 61px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(30, 137, 77, 1);
}
.first-section-paragraph-insurance-page {
font-family: Helvetica;
font-size: 27px;
font-weight: 400;
line-height: 29px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.faqs .content-wrapper {
/* margin-left: 250px;
width: calc(100% - 250px); */
padding: 20px;
overflow-y: auto;
height: 100vh;
}
@media (max-width: 1200px) {
.third-section-homepage-heading-first {
font-size: 22px;
line-height: 27.35px;
}
.home .insurance-products-section h2 {
font-size: 47px;
line-height: 57px;
}
.third-section-homepage-paragraph {
font-family: Helvetica;
font-size: 16.3px;
line-height: 40px;
}
.fourth-section-homepage-heading {
font-size: 46px;
line-height: 46px;
}
.fourth-section-homepage-paragraph {
font-size: 19px;
line-height: 26px;
}
}
@media (max-width: 1200px) {
.third-section-homepage-heading-first {
font-size: 17px;
line-height: 27.35px;
}
}
@media (max-width: 992px) {
.card-width-fourth-taamin-section {
width: 49%;
margin-top: 20px;
}
.fifth-section-homepage-section-heading {
font-size: 17px;
line-height: 19.3px;
}
.second-patner-last-section {
width: 49%;
}
}
@media (max-width: 450px) {
.heading_descript {
width: auto;
color: #545454;
left: 10%;
position: relative;
}
}
@media (max-width: 768px) {
.fourth-section-homepage-heading {
font-size: 40px;
line-height: 38px;
}
.fourth-section-homepage-paragraph {
font-size: 17px;
line-height: 24px;
}
}
@media (max-width: 430px) {
.fourth-section-homepage-heading {
font-size: 28px;
line-height: 38px;
}
}
@media (max-width: 500px) {
.card-width-fourth-taamin-section {
width: 100%;
margin-top: 20px;
}
.second-patner-last-section {
width: 85%;
}
}
@media (max-width: 980px) {
.faqs .sidebar {
width: 250px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transform: translateX(-100%);
animation: none;
opacity: 0;
transition: transform 0.5s, opacity 0.5s;
}
.faqs .sidebar.show {
transform: translateX(0);
opacity: 1;
}
.faqs.content-wrapper {
margin-left: 0;
width: 100%;
}
.faqs #sidebarToggle {
display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 1100;
}
}
@media (min-width: 980px) {
.faqs #sidebarToggle {
display: none;
}
}
/* Media queries for smaller screens */
@media (max-width: 768px) {
.home .insurance-products-section h2 {
font-size: 25px;
line-height: 36px;
text-align: center;
}
.home .insurance-products-section h2 span {
font-size: 25px;
line-height: 36px;
text-align: center;
}
.home .insurance-product-card {
padding: 10px;
}
.insurance-product-card img {
width: 100px;
margin-bottom: 10px;
}
.home .insurance-product-card p {
font-size: 0.875em;
margin-bottom: 5px;
}
.col-md-6 {
margin-bottom: 10px !important;
}
.col-md-6:nth-child(2),
.col-md-6:nth-child(4) {
margin-top: 0 !important;
}
}
/* About Us */
.content-section h2 {
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00,
#EBCD00,
#CDAF00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
margin-bottom: 30px;
position: relative;
display: inline-block;
font-size: 53px;
font-weight: 700;
line-height: 60px;
}
.content-section h1 {
color: #1E894D;
text-align: center;
margin-bottom: 30px;
position: relative;
display: inline-block;
font-size: 58px;
font-weight: 700;
line-height: 52px;
margin-top: 50px;
}
.content-section .fade-left h1::after {
content: '';
position: absolute;
width: 100px;
height: 3px;
display: block;
margin-top: 10px;
left: 15%;
transform: translateX(-50%);
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
animation-delay: 0s;
}
.content-section h1::after {
content: '';
position: absolute;
width: 100px;
height: 3px;
display: block;
margin-top: 10px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
animation-delay: 0s;
}
.content-section h2::after {
content: '';
position: absolute;
width: 100px;
height: 3px;
display: block;
margin-top: 10px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
animation-delay: 0s;
}
@media (max-width: 768px) {
.content-section h2 {
font-size: 32px;
/* Adjust font size for mobile view */
line-height: 40px;
width: auto;
/* Remove width to allow proper scaling */
}
.content-section h1 {
margin-top: 80px;
font-size: 40px;
}
.content-section .fade-left h1 {
font-size: 40px;
text-align: center;
display: block;
margin-top: 0px;
}
.content-section .fade-left h1::after {
content: '';
position: absolute;
width: 100px;
height: 3px;
display: block;
margin-top: 10px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(to right,
#EBCD00,
#CDAF00,
#FFFFFF,
#CDAF00,
#FFFFFF,
#CDAF00,
#EBCD00,
#FFFFFF,
#EBCD00);
animation-delay: 0s;
}
.fade-left,
.fade-right {
opacity: 1;
transform: none;
transition: none;
}
}
@keyframes slideIn {
from {
width: 0;
}
to {
width: 100%;
}
}
.content-section .p,
.content-section .ul {
text-align: center;
line-height: 1.6;
}
.content-section ul {
list-style-type: none;
padding-left: 0;
}
/* .content-section ul li {
margin: 10px 0;
font-family: Helvetica;
font-size: 18px;
font-weight: 700;
line-height: 42px;
text-align: left;
} */
.content-section .margin {
margin-top: 10%;
}
.bold {
font-weight: bold;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp-inc {
0% {
opacity: 1;
transform: translate3d(0, 30%, 0);
}
10% {
opacity: 1;
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeIn-left-inc {
0% {
opacity: 1;
transform: translateX(20%);
}
10% {
opacity: 1;
transform: translateX(20%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
.content-sections {
opacity: 0;
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: 0s;
}
.animate-user-insurance {
animation-name: fadeInUp-inc;
animation-duration: 1.2s;
animation-fill-mode: forwards;
}
.animate-user-insurance-left {
animation-name: fadeIn-left-inc;
animation-duration: 1.2s;
animation-fill-mode: forwards;
}
/* Fade-in from left and right */
.fade-left,
.fade-right {
opacity: 0;
transition: all 2s ease;
}
.fade-left {
transform: translateX(-100%);
}
.fade-right {
transform: translateX(100%);
}
.visible {
opacity: 1;
transform: translateX(0);
}
.colon {
font-size: 3em;
color: #fefae0;
line-height: 1;
vertical-align: middle;
position: relative;
top: -0.2em;
font-weight: bolder;
}
.colon-margin {
margin-left: -0.1em;
}
.signature {
margin-top: 30px;
font-style: italic;
text-align: center;
font-family: "Brush Script MT", cursive;
}
/* Center the final content section */
.final-content {
text-align: center;
}
.final-content p {
margin-bottom: 20px;
color: rgba(84, 84, 84, 1) !important;
}
/* Ensure signature stays in view */
.sticky-signature {
/* position: sticky; */
bottom: 20px;
text-align: center;
background-color: white;
z-index: 1000;
font-size: 200%;
}
@media (min-width: 900px) and (max-width: 1100px) {
.navbar-nav {
margin-left: 100px;
}
.navbar-brand img {
width: 130px;
height: 130px;
}
.btn-success {
padding: 13px 35px;
gap: 10px;
border-radius: 10px;
opacity: 1;
}
}
.report-claim {
margin-top: 130px !important;
}
.road-assit .report-claim {
margin-top: 10px !important;
}
.road-assit2 .report-claim {
margin-top: 1px !important;
}
.report-claim-main-heading {
font-family: Helvetica;
font-size: 49px;
font-weight: 700;
line-height: 52px;
text-align: left;
color: rgba(30, 137, 77, 1) !important;
}
.road-assit .report-claim-main-heading {
font-family: Helvetica;
font-size: 46px;
font-weight: 700;
line-height: 52px;
text-align: left;
color: rgba(30, 137, 77, 1) !important;
}
@media(max-width:550px) {
.marginfor-overview-viwe {
margin-top: 69px;
}
.road-assit .report-claim-main-heading {
font-size: 43px;
}
}
.report-claim-main-para {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 29px;
text-align: left;
color: rgba(84, 84, 84, 1) !important;
}
.roadside-main-para {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 29px;
text-align: left;
color: rgba(84, 84, 84, 1) !important;
}
@font-face {
font-family: 'Helvetica-Bold';
src: url('Helvetica-Bold.ttf') format('truetype');
/* Adjust path as needed */
font-weight: normal;
font-style: normal;
}
/* .home-page-heading-second-boxes span{
line-height: 20px;
} */
/* @media (max-width:992px) {
.full-width-image-home{
display: none;
}
} */
.user-account-head1 {
font-family: Helvetica;
font-weight: 400;
font-size: 34px;
line-height: 20px;
}
.user-account-pag {
font-family: Helvetica;
color: rgba(151, 151, 151, 1);
font-size: 14px;
font-weight: 700;
margin-top: 18px !important;
}
.user-account-pag3 {
font-family: Helvetica;
font-size: 14px;
font-weight: 700;
}
.profile-user-h {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
flex: 0.8;
text-align: left;
color: rgba(28, 28, 28, 0.4);
}
.profile-user-p {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 400;
color: rgba(28, 28, 28, 1);
}
.user-account-head2 {
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
margin-top: 18px !important;
}
.icon-name-account {
font-size: 14px;
font-weight: 600;
font-family: 'Inter', sans-serif;
}
.line-bottom {
border-bottom: 1px solid rgba(28, 28, 28, 0.1);
width: 95%;
}
.icon-p {
margin-right: 10px;
width: 29px;
}
.icon-b {
margin: 0px 8px 0px 19px;
width: 29px;
}
.user-pages.insurance .container {
margin-top: 60px !important;
}
.report-claim-main-heading-user {
font-family: Helvetica;
font-size: 36px;
font-weight: 400;
line-height: 51px;
text-align: left;
color: rgba(28, 28, 28, 1);
}
.you-claim-card-title {
font-size: 16px;
font-weight: 700;
color: rgba(84, 84, 84, 1);
margin-top: 3rem;
}
.you-claim-card-title-container {
font-size: 16px;
font-weight: 700;
color: rgba(84, 84, 84, 1);
margin-top: 5rem;
}
.you-claim-card-title-first {
font-size: 16px;
font-weight: 700;
color: rgba(84, 84, 84, 1);
}
.report-claim-para-user {
font-size: 14px;
font-weight: 700;
color: rgba(151, 151, 151, 1);
}
.report-claim-main-para-user {
font-size: 14px;
font-weight: 700;
color: rgba(151, 151, 151, 1);
}
.report-success-para-user {
font-family: Helvetica;
font-size: 24px;
font-weight: 400;
line-height: 29px;
text-align: left;
color: rgba(0, 0, 0, 1);
}
.overview-content-border,
.overview-content-border3,
.overview-content-border4,
.overview-content-border5,
.overview-content-border2 {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 12px;
box-shadow: 0px 1px 29px 0px rgba(0, 0, 0, 0.03);
margin: 0px -4px;
}
.overview-policy {
font-size: 15px;
font-weight: 400;
font-family: Helvetica;
color: black !important;
}
.overview-address {
font-size: 16px;
font-weight: 700;
font-family: Helvetica;
color: black !important;
}
.overview-plociy-date {
background-color: #1E894D;
padding: 8px 10px;
border-radius: 10px;
font-size: 12px;
font-weight: 700;
font-family: Helvetica;
color: white !important;
}
.overview-plociy-date2 {
background-color: rgba(255, 46, 0, 1);
padding: 8px 10px;
border-radius: 10px;
font-size: 12px;
font-weight: 700;
font-family: Helvetica;
color: white !important;
}
.overview-thirdparty-text {
font-size: 16px;
font-weight: 400;
font-family: Helvetica;
color: black !important;
}
@media(max-width:1150px) {
.overview-address {
font-size: 13px;
font-weight: 700;
font-family: Helvetica;
color: black !important;
}
.overview-policy {
font-size: 12px;
font-weight: 400;
font-family: Helvetica;
color: black !important;
}
.overview-plociy-date {
background-color: #1E894D;
padding: 7px 8px;
border-radius: 10px;
font-size: 9px;
font-weight: 700;
font-family: Helvetica;
color: white !important;
}
.overview-plociy-date2 {
background-color: rgba(255, 46, 0, 1);
padding: 8px 10px;
border-radius: 10px;
font-size: 10px;
font-weight: 700;
font-family: Helvetica;
color: white !important;
}
.overview-thirdparty-text {
font-size: 13px;
font-weight: 400;
font-family: Helvetica;
color: black !important;
}
.overview .company-logo {
width: 85px;
height: auto;
}
.overview .btn-link {
color: rgba(30, 73, 137, 1);
font-size: 14px;
text-decoration: none;
}
}
.content-detail-overviewh {
font-size: 14px;
font-family: Helvetica;
font-weight: 700;
color: rgba(84, 84, 84, 1);
}
.content-detail-overviewp {
font-size: 14px;
font-family: Helvetica;
font-weight: 400;
color: rgba(84, 84, 84, 1);
}
@media(max-width:410px) {
.content-detail-overviewh {
font-size: 11px;
font-family: Helvetica;
font-weight: 700;
color: rgba(84, 84, 84, 1);
}
.content-detail-overviewp {
font-size: 11px;
font-family: Helvetica;
font-weight: 400;
color: rgba(84, 84, 84, 1);
}
}
.icon-phon {
background-color: rgba(207, 177, 43, 0.25);
color: white;
padding: 4px;
border-radius: 50%;
}
.price-overview {
border: 1px solid rgba(0, 0, 0, 0.1);
height: 96px;
margin-bottom: 10px;
margin-top: -41px;
text-align: center;
border-radius: 13px;
}
.content-detail-overviewp2 {
font-size: 14px;
margin-top: 14px;
font-family: Helvetica;
margin-bottom: 5px;
font-weight: 400;
color: black;
}
.content-detail-overviewh2 {
font-size: 30px;
font-family: "High Tower Text", serif;
font-weight: 400;
}
@media (max-width: 450px) {
.content-detail-overviewp2 {
font-size: 12px;
margin-top: 14px;
font-family: Helvetica;
margin-bottom: 5px;
font-weight: 400;
color: black;
}
.content-detail-overviewh2 {
font-size: 25px;
font-family: "High Tower Text", serif;
font-weight: 400;
}
}
.before-form-heading {
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
width: 100%;
line-height: 19.55px;
text-align: left;
color: rgba(48, 48, 48, 1);
}
.roadside-main-para-user {
font-family: Helvetica;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 29px;
text-align: left;
color: rgba(151, 151, 151, 1) !important;
}
.user-roadside-label {
font-family: Helvetica;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-align: left;
}
.btn-width-new {
width: 195px;
padding: 18px;
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
color: white !important;
font-family: Helvetica;
font-size: 17px;
font-weight: 700;
line-height: 19.55px;
text-align: center;
border-radius: 8px;
}
.overview-car-revneue {
color: rgba(30, 137, 77, 1) !important;
font-size: 14px;
font-family: Helvetica;
font-weight: 700;
position: relative;
top: 6px;
}
@media (max-width: 768px) {
.overview-car-yab {
margin: 0px 10px;
}
}
@media(max-width:990px) {
.btn-request-roadside-assistance {
background-color: rgba(30, 137, 77, 1) !important;
border-radius: 8px !important;
width: 180px;
height: 55px;
font-size: 11px !important;
text-align: center !important;
color: white !important;
align-items: center !important;
padding: 19px 0px !important;
}
}
.main-class-insurance-details {
font-family: Helvetica;
font-size: 16px;
font-weight: 700;
line-height: 29px;
text-align: left;
color: rgba(84, 84, 84, 1) !important;
}
@media(min-width:992px) {
.footer-mian-links-last-ul {
position: relative;
left: 57px;
}
.footer-mian-links-last {
position: relative;
left: 57px;
line-height: 32.25px;
}
}
.footer-mian-links {
line-height: 32.25px;
}
.main-newsletter-heading {
font-family: Helvetica;
font-size: 22px;
font-weight: 400;
line-height: 25.3px;
/* letter-spacing: -0.30000001192092896px; */
text-align: left;
}
.footer-policy-tag {
font-size: 14px;
font-weight: 400;
font-family: Helvetica;
margin-left: 32px;
}
.footer-p-term-tag {
font-size: 14px;
font-weight: 400;
font-family: Helvetica;
}
.last-para-home-detials {
font-family: Helvetica;
font-size: 13px;
font-weight: 400;
line-height: 29px;
text-align: left;
color: rgba(84, 84, 84, 1) !important;
}
.last-para-home-detials a {
font-family: Helvetica;
font-size: 13px;
font-weight: 400;
line-height: 29px;
text-align: left;
color: rgba(207, 177, 43, 1) !important;
text-decoration: underline;
}
.main-text-insurace-heading {
font-family: Helvetica;
font-size: 48px;
font-weight: 700;
line-height: 52px;
text-align: left;
color: rgba(30, 137, 77, 1) !important;
margin-bottom: 23px !important;
}
.main-text-insurace-heading-second {
font-family: Helvetica;
font-size: 45px;
font-weight: 700;
line-height: 52px;
text-align: left;
color: rgba(30, 137, 77, 1) !important;
margin-bottom: 23px !important;
}
.main-text-insurace-heading-health {
font-family: Helvetica;
font-size: 58px;
font-weight: 700;
line-height: 67px;
text-align: left;
color: rgba(30, 137, 77, 1) !important;
margin-bottom: 23px !important;
}
.main-text-insurace-heading-health-first {
font-family: Helvetica;
font-size: 47px;
font-weight: 700;
line-height: 67px;
text-align: left;
color: rgba(30, 137, 77, 1) !important;
margin-bottom: 23px !important;
}
@media(min-width:992px) {
.main-left-grid {
max-width: 49%
}
.main-left-grid-main {
max-width: 47%
}
}
.form-control-main {
width: 95%;
}
.insurance-car-paragraph-section-first {
font-family: Helvetica;
font-size: 16px;
font-weight: 400;
line-height: 29px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.insurance-car-heading2-section-first {
font-family: Helvetica;
font-size: 32px;
font-weight: 400;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(205, 175, 0, 1);
}
.insurance-car-heading1-section-first {
font-family: Helvetica;
font-size: 66px;
font-weight: 700;
line-height: 65px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(207, 177, 43, 1);
}
.insurance-car-heading1-section-last {
font-family: Helvetica;
font-size: 32px;
font-weight: 700;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(205, 175, 0, 1);
}
.insurance-car-paragraph-section-last {
font-family: Helvetica;
font-size: 16px;
font-weight: 400;
line-height: 29px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(84, 84, 84, 1);
}
.form-check-input:checked {
background-color: rgba(30, 137, 77, 1);
border-color: rgba(30, 137, 77, 1);
}
@media (min-width:992px) {
.main-section-row {
width: 98% !important;
}
}
@media (min-width:1300px) {
.main-row-insruance {
display: flex !important;
justify-content: space-between !important;
}
}
@media (max-width:1300px) {
.main-row-insruance {
display: flex !important;
justify-content: center !important;
}
}
.form-control-main-address {
width: 187px;
}
@media (min-width:992px) {
.main-svg-container-address {
position: relative;
left: 10px;
z-index: 1000000000;
}
}
.fab-user {
font-size: 58px;
font-weight: 700 !important;
font-family: Helvetica !important;
margin-left: 20px;
color: rgba(30, 137, 77, 1) !important;
}
.register-login {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 16.1px;
text-align: left;
color: rgba(0, 0, 0, 1) !important;
}
.register-login a {
font-family: Helvetica;
font-size: 14px;
font-weight: 600;
line-height: 16.1px;
text-align: left;
color: rgba(0, 0, 0, 1) !important;
}
.footer-login-text {
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 29px;
text-align: left;
color: rgba(0, 0, 0, 1) !important;
}
@media(max-width:990px) {
.about-us-third-section-row-card {
width: 49% !important;
}
}
.first-busines-insurance-heading {
font-family: Helvetica;
font-size: 56px;
font-weight: 700;
line-height: 52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(207, 177, 43, 1);
}
.second-image-bussiness-insurance {
width: 100%;
}
label.required:after {
content: " *";
color: red;
}
.claim-options .selected {
color: white;
background-color: #007b00 !important;
border-color: #007b00 !important;
}
.claim-options .btn.focus,
.claim-options .btn:focus {
outline: 0 !important;
box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25) !important;
}
@media (max-width: 1200px) {
.card-width-second-taamin-section-insurance {
width: 29%;
}
.first-section-heading-insurance-page {
font-size: 48px;
line-height: 55px;
}
}
@media (max-width: 990px) {
.six-section-about-us-heading {
font-size: 33px;
line-height: 41.79px;
}
.six-section-about-us-paragraph {
font-size: 15px;
line-height: 18.55px;
}
.about-us-five-section-heading {
font-family: Helvetica;
font-size: 35px;
}
}
@media (max-width: 768px) {
.six-section-about-us-heading {
font-size: 26px;
line-height: 32.79px;
}
.six-section-about-us-paragraph {
font-size: 14px;
line-height: 17.55px;
}
.first-section-heading-insurance-page {
font-size: 42px;
line-height: 52px;
}
.first-section-paragraph-insurance-page {
font-size: 21px;
line-height: 27px;
}
.card-width-second-taamin-section-insurance {
width: 40%;
}
}
@media (max-width: 568px) {
.about-us-third-section-row-card {
width: 100% !important;
}
.imag-car-about-us {
display: none;
}
.lower-section-six-about-us {
background-color: rgba(30, 137, 77, 1);
}
.about-us-six-section {
min-height: auto;
}
}
@media (max-width: 510px) {
.first-section-heading-insurance-page {
font-size: 34px;
line-height: 42px;
}
.card-width-second-taamin-section-insurance {
width: 67%;
}
}
.insurance .animate-right {
background-color: transparent !important;
}
.about-us-five-section li::before {
content: '';
position: absolute;
left: 0;
top: 31px;
width: 8px;
height: 8px;
background-color: rgba(84, 84, 84, 1);
/* Bullet color */
border-radius: 50%;
}
.about-us-five-section li {
position: relative;
margin-bottom: 0px;
padding-left: 37px;
}