* {
margin: 0;
padding: 0;
}
body {
font-family: "Figtree", sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
border: none;
}
.font18 {
font-size: 18px;
}
.pd10 {
padding: 100px 0 30px;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #b6b6b6 !important;
font-size: 14px;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #b6b6b6;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #b6b6b6;
}
:-moz-placeholder {
/* Firefox 18- */
color: #b6b6b6;
}
.width93 {
width: 93%;
}
.width95 {
width: 95%;
}
.mt-8 {
margin-top: 80px;
}
.mt-10 {
margin-top: 100px;
}
.lft32 {
margin-left: -52px;
}
.buttons a {
margin-right: 15px;
}
.buttons .material-icons {
font-size: 17px;
position: relative;
top: 4px;
transition: all linear 0.3s;
margin-left: 5px;
}
a.whitebutton:hover .material-icons {
margin-left: 10px;
}
.whitebutton {
display: inline-block;
border-radius: 16px;
font-size: 14px;
font-weight: 700;
background: #fff;
padding: 15px 25px;
color: #2c2e4f;
text-decoration: none;
border: #9cd6ce 1px solid;
transition: all ease-in-out 0.5s;
}
.whitebutton:hover {
background: #d4efec;
}
.greenbutton {
display: inline-block;
border-radius: 16px;
font-size: 14px;
font-weight: 700;
background: #9cd6ce;
padding: 15px 25px;
color: #2c2e4f;
text-decoration: none;
transition: all ease-in-out 0.5s;
}
.whitebutton:hover {
background: #d4efec;
}
.greenbutton:hover {
background: #8dadaa;
color: #2c2e4f;
}
.subheading {
border-radius: 25px;
border: #ddd 1px solid;
text-transform: uppercase;
font-size: 14px;
padding: 8px 25px;
display: inline-block;
color: #374b48;
background: #eaf7f6;
border: #c2e6e3 1px solid;
letter-spacing: 1px;
}
/* Desktop mega menu */
.dropdown-mega {
position: static !important;
}
.desktopmenu .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 7px solid;
border-right: 7px solid #00000000;
border-bottom: 0;
border-left: 7px solid transparent;
color: #9cd6ce;
top: 2px;
position: relative;
}
/* Circle around icon */
.icon-circle {
width: 40px;
height: 40px;
border-radius: 50%;
background: #eaf7f6;
text-align: center;
line-height: 40px;
}
.icon-circle img {
object-fit: contain;
}
/* Heading */
.menuheading {
font-weight: 600;
color: #1d1d35;
text-decoration: none;
display: block;
}
.menuheading:hover {
color: #2a9d8f;
}
/* Description */
.menudesc {
color: #666;
font-size: 14px;
}
.desktopmenu li a {
color: #000 !important;
}
.desktopmenu .mega-menu {
font-size: 14px;
}
.desktopmenu .menuheading {
font-weight: 700;
text-decoration: none;
}
.desktopmenu h4 {
font-weight: 700;
letter-spacing: -0.2px;
font-size: 18px;
margin-bottom: 20px;
}
.dropdown-menu.mega-menu {
width: 100%;
left: 0;
right: 0;
top: 100%;
border-radius: 0;
border: none;
padding: 2rem;
border-radius: 0 0 15px 15px;
box-shadow: #7b7b7b57 5px 5px 13px 0px;
top: 71px;
}
.dropdown-menu.mega-menu ul li a:hover {
background: no-repeat;
}




.mega-menu ul li {
padding: 0;
}
.desktopmenu li {
padding: 0 15px;
}
.desktopcontactbutton {
display: flex;
align-items: center;
justify-content: right;
}
.desktopmenu li a:hover {
background: #c2e6e3;
border-radius: 5px;
}
/* Dropdown animation */
.dropdown-list {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.dropdown-list.open {
/* max-height: 500px; enough to fit all items */
max-height: 350px;
overflow-y: scroll;
width:100%;
}
.dropdown-list.open::-webkit-scrollbar {
display: none;
}
.headertop {
background: #eaf7f6;
padding: 15px;
border-radius: 25px;
}
.headerlogo {
height: 75px;
}
.bannercontainer {
position: relative;
}
.bannercontentholder {
position: absolute;
bottom: 15%;
left: 0;
right: 0;
}
.bannercontainer img {
height: 790px;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.bannercontentholder h1 {
font-size: 72px;
color: #fff;
font-weight: 600;
}
.bannersubtext {
font-size: 24px;
color: #fff;
font-weight: 300;
}
.ratingbanner {
color: #f4b004;
font-size: 15px;
}
.ratingbanner i {
padding-right: 5px;
}
.bannerclienttext {
color: #fff;
font-size: 16px;
font-weight: 300;
display: inline-block;
margin-left: 20px;
letter-spacing: 0.5px;
}
.bannercontact {
display: flex;
align-items: end;
color: #fff;
justify-content: end;
font-size: 14px;
letter-spacing: 0.5px;
}
.bannercontact span {
padding-left: 15px;
padding-right: 15px;
}
.bannerphone {
width: 18px !important;
height: 18px !important;
object-fit: contain !important;
border-radius: 0 !important;
margin-right: 10px !important;
}
/*Coverage hOme*/
.coveragesSection {
padding: 100px 0;
}
.coveragesSection h2 {
font-size: 48px;
font-weight: 700;
}
.colortext {
color: #9cd6ce !important;
}
.coveragetext {
width: 58%;
margin: auto;
font-size: 18px;
}
.coveragecard {
background: #eaf7f6;
border-radius: 25px;
padding-bottom: 30px;
}
.coveragecardtext {
padding: 40px 80px;
}
.coveragecardtext p {
font-size: 16px;
}
.cov-cardheading {
font-weight: 700;
font-size: 24px;
}
.coveragecard img {
border-radius: 25px 25px 0 0;
height: 380px;
width: 100%;
object-fit: cover;
}
.iconholder {
position: relative;
top: -5px;
margin-right: 12px;
}
.iconstyle {
width: auto !important;
height: auto !important;
}
.cardtitle {
margin-left: -50px;
}
.learnbutn {
font-size: 14px;
font-weight: 700;
text-decoration: none;
color: #2c2e4f;
transition: all linear 0.3s;
text-transform: capitalize;
}
a.learnbutn .material-icons {
position: relative;
top: 5px;
font-size: 20px;
margin-left: 8px;
transition: all linear 0.3s;
}
a.learnbutn:hover {
color: #9cd6ce;
text-decoration: underline;
}
a.learnbutn:hover .material-icons {
margin-left: 12px;
color: #9cd6ce;
}
/*HomeaboutSection*/
.aboutcontainer {
background: #eaf7f6;
border-radius: 20px;
padding: 50px 80px;
}
.aboutlftimg {
height: 620px;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.aboutrighttext {
padding-left: 100px;
font-size: 18px;
}
.aboutrighttext h1 {
font-weight: 700;
}
.aboutbtn {
background: #fff;
padding: 15px 25px;
border-radius: 15px;
border: #9cd6ce 1px solid;
}
.aboutbtn:hover {
text-decoration: none !important;
color: #000 !important;
background: #9cd6ce;
}
.aboutbtn:hover span {
color: #2c2e4f !important;
}
.homeclientreview {
padding: 100px 0;
position: relative;
}
.homeclientreview h1 {
font-weight: 700;
}
.main-content {
position: relative;
}
.main-content .owl-theme .custom-nav {
position: absolute;
top: -70%;
left: 0;
right: 0;
}
.main-content .owl-theme .custom-nav .owl-prev {
margin-right: 25px;
}
.main-content .owl-theme .custom-nav .owl-prev,
.main-content .owl-theme .custom-nav .owl-next {
position: absolute;
height: 48px;
width: 56px;
border-radius: 16px;
border: none;
z-index: 100;
border: #9cd6ce 1px solid;
background: transparent;
line-height: 45px;
transition: all linear 0.5s;
}
.main-content .owl-theme .custom-nav .owl-prev i,
.main-content .owl-theme .custom-nav .owl-next i {
font-size: 18px;
color: #9cd6ce;
transition: all linear 0.3s;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: #9cd6ce !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover i {
color: #fff !important;
}
.main-content .owl-theme .custom-nav .owl-prev {
right: 50px;
}
.main-content .owl-theme .custom-nav .owl-next {
right: 0;
}
.testimonial-card {
border: 1px solid #e2f0f4;
border-radius: 16px;
padding: 40px 30px;
display: flex;
align-items: flex-start;
gap: 40px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.testimonial-card img {
width: 150px !important;
height: 150px;
object-fit: cover;
border-radius: 50%;
}
.stars {
color: #fbbf24; /* Tailwind yellow-400 */
}
.testimonial-text {
font-size: 1rem;
color: #333;
}
.testimonial-name {
font-weight: 600;
color: #000;
}
.testimonial-container {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
margin-top: 50px;
}
.testimonial-content {
max-width: 500px;
}
.testimonial-card .ratingbanner i {
padding-right: 2px;
font-size: 14px;
}
/* /*Insurance Quote* */
.insurancequoteSection {
background-color: #e9f7f6;
padding: 30px;
border-radius: 12px;
padding: 80px 0;
}
.insurancequoteSection h1 {
font-weight: 700;
font-size: 48px;
}
.form-container {
max-width: 600px;
margin: 50px auto;
}
.form-container .form-control {
border-radius: 12px;
padding: 12px 16px;
height: 64px;
}
.form-container .form-select {
border-radius: 12px;
padding: 12px 16px;
height: 64px;
color: #b6b6b6 !important;
font-size: 14px;
}
.form-container .btn-custom {
background-color: #a3d6cc;
color: #000;
padding: 15px 30px;
border-radius: 12px;
border: none;
font-weight: 600;
font-size: 14px;
}
.form-container .btn-custom:hover {
background-color: #8cc7bc;
}
.form-container label {
margin-top: 10px;
font-weight: 400;
font-size: 16px;
}
.form-container .input-group-text {
background-color: white;
border: none;
border-radius: 12px 0 0 12px;
border: #ddd 1px solid;
}
.form-container .input-group .form-control {
border-left: none;
}
.formtext {
font-size: 15px;
font-weight: 300;
width: 87%;
margin: auto;
text-align: center;
margin-top: 45px;
color: #5e807c;
}
footer {
padding: 60px 0;
}
footer .greenbutton {
float: right;
}
footer hr {
margin-top: 50px;
border-color: #bacce3;
}
.footerbottom {
font-size: 15px;
margin-top: 50px;
}
.footeraddress span {
display: block;
}
.footelist {
list-style: none;
}
.footelist li {
line-height: 48px;
}
.footelist li a {
color: #121212;
text-decoration: none;
}
.fsocialicon {
float: right;
}
.fsocialicon a {
color: #9cd6ce;
font-size: 18px;
padding-right: 12px;
}
.responsivefooter {
display: none;
}
/*##About Us##*/
.aboutbannercontainer {
position: relative;
border-radius: 25px;
}
.aboutbannercontainer img {
height: 550px;
object-fit: cover;
border-radius: 25px;
width: 100%;
}
.aboutbannercontentholder {
position: absolute;
bottom: 100px;
left: 12px;
right: 15px;
}
.aboutbannercontentholder h1 {
font-weight: 600;
font-size: 72px;
line-height: 68px;
color: #fff;
}
.aboutbannercontentholder h1 span {
color: #d4efec;
display: block;
}
.aboutsection {
padding: 100px 0;
}
.aboutrihtimgpl {
padding-left: 5px;
}
.aboutimg {
height: 550px;
object-fit: cover;
border-radius: 20px;
}
.aboutpright {
padding-right: 100px;
}
.aboutsection h1 {
font-weight: 700;
font-size: 48px;
}
.aboutclientsection {
margin-top: 100px;
}
.aboutclientpr {
padding-right: 100px;
}
.about-howweworksection h1 {
font-weight: 700;
font-size: 48px;
}
.companieswerepresentsection {
padding: 100px 0 0px;
}
.companieswerepresentsection h1 {
font-weight: 700;
font-size: 48px;
}
.companieswerepresentsection img {
height: 60px;
width: 70%;
object-fit: contain;
margin-bottom: 50px;
}
.companylogo {
text-align: center;
}
.usefullinkssection h1 {
font-weight: 700;
font-size: 48px;
}
.usefullinklist li {
margin-left: 20px;
font-size: 17px;
}
.usefullinklist h4 {
font-weight: 700;
margin-bottom: 10px;
}
.usefullinklist li a {
color: #000;
}
.usefullinkssection {
padding-bottom: 100px;
}
.aboutmegancontent .greenbutton .material-icons {
font-size: 20px;
position: relative;
top: 5px;
margin-left: 8px;
}
.meganbanner {
background: #eaf7f6;
padding: 0 15px 50px;
border-radius: 25px;
}
.meganbanner h1 {
font-weight: 700;
font-size: 48px;
}
.meganprofile {
width: 100%;
height: 420px;
object-fit: cover;
border-radius: 20px;
}
.megansection h1 {
font-weight: 700;
}
.breadcrumb li a {
color: #000;
text-decoration: none;
}
.breadcrumb .active {
font-weight: 700;
}
.breadcrumb-item + .breadcrumb-item::before {
font: var(--fa-font-solid);
content: "\f105";
font-weight: 900;
color: #8ec3bb;
position: relative;
top: 4px;
}
/***Personal Insurance***/
.personalinsurancecontent {
border-bottom: #d2d4d7 dotted 1px;
}
.personalinsurancecontent h1 {
font-weight: 700;
font-size: 48px;
letter-spacing: -0.8px;
}
.headingwidth75 {
width: 55%;
}
.contactholder h5 {
font-weight: 700;
}
.contactholder span {
display: block;
}


/*---------------------responsive css--------------------*/