.servicelistinner{margin-top: 30px;}
.serviceguaranteegrid_item{background: var(--web-lightskyblue);padding: 40px 30px;border-radius: 10px;color: #54595F;}
.typesoffservices .serviceguaranteegrid_item{background: var(--web-blue);color: var(--web-white);}
.serviceguaranteegrid_item .serviceguaranteegrid_item_header{display: grid; grid-template-columns: 58px auto; gap: 10px;align-items: center;margin-bottom: 10px;}
.serviceguaranteegrid_item .serviceguaranteegrid_item_header .serviceguaranteegrid_item_header_image img{height: 57px;object-fit: contain;}
.serviceguaranteegrid_item .serviceguaranteegrid_item_header .serviceguaranteegrid_item_header_title{font-family: var(--web-titlefont-family1); font-size: 20px; font-weight: 800; line-height: 22px; text-align: left;color: var(--web-blue); }
.typesoffservices .serviceguaranteegrid_item .serviceguaranteegrid_item_header .serviceguaranteegrid_item_header_title{color: var(--web-white);}
.typesoffservices::before{content: '';position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: rgba(221, 243, 255, 0.96);}
.typesoffservices .container{position: relative; z-index: 10;}
@media (min-width:768px){
  .servicelistinner{margin-top: 50px;}
}
/* aboutsection css start */
.aboutplayvideodiv{max-width: 105px; background: var(--web-lightblue);border-radius: 10px;padding: 10px 15px;color: var(--web-white);font-size: 12px;line-height: 16px;text-align: left; margin-left: auto; margin-top:15px;}
.aboutplayvideodiv .playvideoicondiv img{width: 24px;}
.aboutplayvideodiv .playvideoicondiv{gap:10px; margin-bottom: 10px;font-weight: 700;}
.aboutimagesmaindiv .abouticon{position: absolute; left: 0; top: 0;}
.aboutimagesmaindiv .abouticon img{max-width: 92px;}
.aboutimagesmaindiv .aboutimg1{width: calc(100% - 34%);text-align: right; margin-left: auto;}
.aboutimagesmaindiv .aboutimg1 img{border-radius: 30px; width: 100%;}
.aboutimagesmaindiv .aboutimg2{width: calc(100% - 34%);position: absolute;top: 120px;}
.aboutimagesmaindiv .aboutimg2 img{border-radius: 0 0 0px 30px; width: 100%;}
.abouttitle{margin-top: 10px;margin-bottom: 10px;}
.aboutlist {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.aboutbtn{margin-top: 20px;}
#videopopup .btn-close{    position: absolute;top: -34px; right: 0;filter: invert(100%) brightness(200%);opacity: 1;}
#videopopup .modal-body{padding: 0px;}
#videopopup .modal-content{border: none;border-radius: 0;}
.redrequestquote{font-size: 16px !important;line-height: 24px  !important;font-weight: 900;text-align: center;text-transform: uppercase;background: var(--red-color);}
@media (min-width:576px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% -42%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 42%);top: 200px;}
  .aboutplayvideodiv{    padding: 20px 10px;max-width: 190px;}
  .aboutplayvideodiv .playvideoicondiv img{width: auto;}
  .aboutimagesmaindiv .abouticon img{    max-width: 164px;}
  .aboutplayvideodiv{margin-top: 30px;}
}
@media (min-width:768px){
  .redrequestquote{font-size: 22px !important;line-height: 30px  !important;}
  .aboutbtn{margin-top: 40px;}
  .abouttitle{margin-top: 20px; margin-bottom: 20px;}
  .aboutplayvideodiv{    padding: 40px 20px;max-width: 190px;}  
 
  .aboutplayvideodiv{font-size: 16px;line-height: 25px;}
  .aboutimagesmaindiv .aboutimg1{width: calc(100% -37%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 37%);}
}
@media (min-width:992px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% -45%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 45%);}
}
@media (min-width:1200px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% - 40%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 40%);}
}
@media (min-width:1400px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% - 37%);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 37%);}
}
@media (max-width:400px){
  .aboutimagesmaindiv .aboutimg1{width: calc(100% - 120px);}
  .aboutimagesmaindiv .aboutimg2{width: calc(100% - 120px);}
}
/* aboutsection css end */
 
/* reeltestimonial section css start */
.fivestardiv{margin-top: 20px;display: flex; gap: 7px;}
.fivestardiv img{width: 19px;}
.reeltestimonialtitle, .reeltestimonialcontent{margin-top: 15px;}
.youtubtreelslider_item_title{font-size: 24px;line-height: 26.4px;font-weight: 500;color: var(--web-blue); margin-top: 20px;}
.playbtnyoutube{position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%);}
.reelslidernav{margin-top: 30px; display: flex;gap: 20px;}
.reelslidernav>div{width: 48px;height: 48px;border-radius: 50%;box-shadow: 3px 3px 0px 0px #11176B;border: 2px solid var(--web-blue); display: flex;align-items: center;justify-content: center;cursor: pointer;}
.youtubtreelslider .owl-stage{padding-left: 0px !important;}
.youtubtreelslider .youtubtreelslider_item .ratio { min-height: 430px; border-radius: 10px; overflow: hidden;}
.youtubtreelslider_item_title{text-align: center;}
@media (min-width:768px){
  .fivestardiv{margin-top: 30px;}
  .fivestardiv img{width: auto;}
  .reelslidernav{margin-top: 40px;}
}
/* reeltestimonial section css end */
/* franchisesection section css start */
.franchisesection{background: var(--web-blue);}
.franchisesection_title{font-family: var(--web-titlefont-family1);font-size: 47px;line-height: 47px;font-weight: 800;text-align: center;color: var(--web-white);  }
.franchisesection_support{display: flex;gap: 10px;align-items: center;font-family: var(--web-titlefont-family1); font-size: 32px; font-weight: 800; line-height: 35.2px;
 text-align: left;     display: inline-flex;padding: 15px 30px;background: #3895FF; border: 1px solid var(--web-lightskyblue); border-radius: 40px; transform: rotate(8.68deg);}
 .franchisesection_bookingrow{margin-top: 40px;color: var(--web-white);}
 .franchisesection_testimonial .franchisesection_testimonial_text{font-family:var(--web-titlefont-family1); font-size: 38px;line-height: 53px; font-weight: 700; letter-spacing: -0.03em; text-align: left; margin-bottom: 10px; }
 .franchisesection_testimonial .franchisesection_testimonial_btndiv {margin-top: 25px;}
 .franchisesection_insuransediv .franchisesection_insuransediv_item_content_title{font-weight: bold; color: var(--web-blue);font-size: 20px;line-height: 22px;margin-bottom: 5px;}
 .franchisesection_insuransediv .franchisesection_insuransediv_item_content{color: var(--bofyfont-color);width: calc(100% - 40px);flex: 0 0 auto;}
 .franchisesection_insuransediv .franchisesection_insuransediv_item{gap: 20px;}
 .franchisesection_insuransediv .franchisesection_insuransediv_item .franchisesection_insuransediv_item_image{width: 20px;flex: 0 0 auto;}
 .franchisesection_insuransediv .franchisesection_insuransediv_item:not(:last-child){margin-bottom: 26px;}
 .franchisesection .container{position: relative; z-index: 10; padding: 0;}
 .franchisesection_insuransediv{margin-top: 50px; padding: 50px 15px;border-radius: 0px;}
 .franchisesection .row .franchisesection_title,  .franchisesection .row .frenchiseimg, .franchisesection_testimonial{padding: 0px 15px;}
 .franchisesection_support{    position: relative; top: 34px;}
 @media (min-width:400px){
  .franchisesection_title{font-size: 67px;line-height: 67px;}
  .franchisesection_testimonial .franchisesection_testimonial_text{margin-bottom: 20px;}
 }
 @media (min-width:576px){
 .franchisesection .container{    padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem);}
 .franchisesection_insuransediv{border-radius: 10px;}
 .franchisesection .row .franchisesection_title,  .franchisesection .row .frenchiseimg, .franchisesection_testimonial{padding: 0px 0px;}
}

 @media (min-width:768px){
  .franchisesection_insuransediv{margin-top: 60px; padding: 0;border-radius: 0;}
  .franchisesection_testimonial .franchisesection_testimonial_text{ font-size: 25px;line-height: 35px;}
  .franchisesection::after{content: ''; height:48%;position: absolute;;left: 0;width: 100%; bottom: 0;background: var(--web-white);}
  .franchisesection_support{ top: 0px;}
 }
@media (min-width:992px){
  .franchisesection_title{font-size: 118px;line-height: 118px;}
  .franchisesection_insuransediv{margin-top: 80px;}
  .franchisesection_testimonial .franchisesection_testimonial_text{ font-size: 32px;line-height: 32px;}
  .franchisesection::after{height:38%;}
}
@media (min-width:1200px){
  .franchisesection::after{height:38%;}
  .franchisesection_insuransediv{margin-top: 135px;}
  .franchisesection_testimonial .franchisesection_testimonial_text{ font-size: 38px;line-height: 53px;}
}
@media (min-width:1400px){
  .franchisesection::after{height:40%;}
}
@media (min-width:1700px){
  .franchisesection::after{height:45%;}
}
@media (max-width:575px){.franchisesection{padding-bottom: 0px;}}
/* franchisesection section css end */

/* partner section css start*/
.partnersection .section-subtitle{ font-size:28px; line-height: 33px; font-weight: 400; letter-spacing: -0.02em; margin-top: 10px; }
.partnersection_slider .partnersection_slider_item_maindiv_inner_image{height: 120px;object-fit: contain;}
.partnersection_slider .partnersection_slider_item_maindiv{display: grid; gap:25px; grid-template-columns: repeat(2, 1fr);}
@media (min-width:768px){
  .partnersection_slider .partnersection_slider_item_maindiv_inner_image{height: 200px; padding:15px;}
  .partnersection .section-subtitle{ font-size: 32px; line-height: 38.4px; font-weight: 400; letter-spacing: -0.02em; margin-top: 30px; }
  .partnersection_slider .partnersection_slider_item_maindiv{grid-template-columns: repeat(4, 1fr);}
}
/* partnersection css ends */

/* searchsubarb section css */
.searchmapsection{background: var(--web-blue);border-radius: 20px;padding: 30px;}
.searchsubarbtitle{font-family: var(--web-titlefont-family1);font-size: 42px;line-height: 42px;font-weight: 800;color: var(--web-white); margin-bottom: 25px;}
.searchsubarbsubtitle{font-family: var(--web-titlefont-family1); font-size: 24px; font-weight: 400; line-height: 28px;color: var(--web-white);margin-bottom: 25px;}
.searchbuttongroup{margin-top: 25px;display: flex; align-items: center;justify-content: space-between;font-family: var(--web-titlefont-family1); font-size: 28px;
  font-weight: 400; line-height: 28px; color: var(--web-white); }
.searchbuttongroup .btn{font-family: var(--web-titlefont-family1); font-size: 17px; font-weight: 500; line-height: 20px; letter-spacing: -0.03em;
  text-align: left;padding: 19px 30px;text-align: center;  }
 .searchbuttongroup .btn.btnblue:hover, .searchbuttongroup .btn.btnblue:active, .searchbuttongroup .btn.btnblue:focus, .searchbuttongroup .btn.btnblue:not(:disabled):not(.disabled):active, .searchbuttongroup .btn.btnblue:not(:disabled):not(.disabled):active:focus{background: var(--web-white);color: var(--web-blue); border-color: var(--web-white);}
.searchbuttongroup .btn.btncontact{background: #0BBAFB;text-decoration: underline; color: var(--red-color);}
.searchbuttongroup .btn.btncontact:hover, .searchbuttongroup .btn.btncontact:active, .searchbuttongroup .btn.btncontact:focus, .searchbuttongroup .btn.btncontact:not(:disabled):not(.disabled):active, .searchbuttongroup .btn.btncontact:not(:disabled):not(.disabled):active:focus{background: var(--web-white);color: var(--web-blue); border-color: var(--web-white);}
@media (min-width:768px){
  .searchbuttongroup .btn{min-width: 190px;}
  .searchsubarbtitle{font-size: 58px;line-height: 58px;}
  .searchsubarbsubtitle{font-size: 28px;line-height: 32.76px;}
  .searchmapsection{padding: 75px;}
}
/* searchsubarb section css end */

/* contact form autosuggetion css */
/* Suggestions container */
#suggestions-container {
    position: absolute; /* Ensure it's positioned relative to the input field */
    background: white; /* White background for suggestions */
    border: 1px solid #ccc; /* Light gray border */
    border-radius: 8px; /* Smooth rounded corners */
    max-height: 250px; /* Limit height to prevent it from overflowing */
    overflow-y: auto; /* Add scrollbar if results exceed max height */
    z-index: 10; /* Ensure it appears above other elements */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    display: none; /* Hidden by default until suggestions are shown */
    margin-top: 5px; /* Spacing between input field and suggestions box */
    padding: 0; /* Remove default padding */
    width: 100%; /* Match the input field width */
}

/* Each suggestion item */
.suggestion-item {
    padding: 12px 16px; /* Add spacing around each suggestion */
    cursor: pointer; /* Show pointer cursor for clickable items */
    border-bottom: 1px solid #f0f0f0; /* Add a light divider between items */
    transition: background-color 0.2s ease; /* Smooth hover effect */
}

/* Remove the border for the last suggestion */
.suggestion-item:last-child {
    border-bottom: none;
}

/* Hover effect for suggestion items */
.suggestion-item:hover {
    background-color: #f7f7f7; /* Light gray background on hover */
}

/* Links inside suggestion items */
.suggestion-item a {
    text-decoration: none; /* Remove underline from links */
    color: #333; /* Dark text color */
    font-weight: 500; /* Slightly bolder text */
}

/* Hover effect for links */
.suggestion-item a:hover {
    color: #0073aa; /* WordPress blue color */
}