@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
:root {
  --light-background-color: #EEFCFF; 
  --light-blue-bg:#CCF7FF;
  --text-dark-color: #001D21;       
  --text-light-color: #566369; 
  --text-orange-color:#FEA145;
  --border:1px solid #88EDFF;
  --border-orange:1px solid #FEA145;
  --input-border:0.5px solid #88EDFF;
  --input-orange-border:1px solid #FEA145;
  --input-orange-border-padding:13px 13px;
  --input-border-radius:8px;
  --input-padding:6px 10px;
  --orange-btn-bg:#FEA145;
  --freedoka-font: "Fredoka", sans-serif;
  --Montserrat-font:"Montserrat", sans-serif;
  --footer-bg:#002133;
}
input{background-color: transparent;}
input:focus, .form-control:focus{outline:none;box-shadow: none;border:0.5px solid #88EDFF;}
textarea:focus{outline:none;}
select:focus-visible{outline: none;}
select{appearance:none; -webkit-appearance:none; -moz-appearance:none;position:relative;} 
.custom-select-wrapper{position: relative;}
.custom-select-wrapper::after {content: "";position: absolute;right:15px;top:15px;width:20px;height:20px;background:url('../images/chevron-down-solid.svg') no-repeat center center;background-size: contain;z-index: 1;}
.orange-btn{display: inline-block; background-color:var(--orange-btn-bg);color:#ffffff;border-radius:18px;font-size:1.125rem;font-weight:500;border:none;padding:9px 18px;}
.orange-btn-arow{display: flex;align-items: center;gap:5px;}
.blank-btn{border:1px solid #FEA145; border-radius:18px;font-size:	1.6875rem;font-weight:500;padding:5px 20px;font-family:var(--freedoka-font);background-color: transparent;}
ul{list-style-type: none;margin:0; padding:0;}
a{text-decoration: none;}
.t-center{text-align: center;}
.c-orange{color:#FEA145;}
.c-dark{color:#001D21;}
.c-red{color:#FF2C2C;}
.c-light{color:#566369;}
.c-white{color:#ffffff;}
.c-cf{color:#CFCFCF;}
.c-purple{color:#7070FA;}
.c-skyblue{color:#00A5C3;}
.c-darkblue{color:#00314B;}
.f-8{font-size:0.5rem;}   
.f-10{font-size:0.625rem;} 
.f-12{font-size:0.75rem;} 
.f-14{font-size:0.875rem;}  
.f-16{font-size:1rem;}    
.f-18{font-size:1.125rem;} 
.f-20{font-size:1.25rem;}  /* 20px / 16px = 1.25rem */
.f-22{font-size:1.375rem;} /* 22px / 16px = 1.375rem */
.f-24{font-size:1.5rem;}   /* 24px / 16px = 1.5rem */
.f-26{font-size:1.625rem;} /* 26px / 16px = 1.625rem */
.f-27{font-size:1.6875rem;}/* 27px / 16px = 1.6875rem */
.f-28{font-size:1.75rem;}  /* 28px / 16px = 1.75rem */
.f-32{font-size: 2rem;}   /* 32px / 16px = 2rem */
.f-34{font-size:2.125rem;} /* 34px / 16px = 2.125rem */
.f-40{font-size:2.5rem;}  /* 40px / 16px = 2.5rem */
.f-42{font-size:2.625rem;} /* 42px / 16px = 2.625rem */
.f-45{font-size:2.8125rem;} /* 42px / 16px = 2.625rem */
.f-56{font-size:3.5rem;}  /* 56px / 16px = 3.5rem */
.f-63{font-size:3.9375rem;}/* 63px / 16px = 3.9375rem */
.f-74{font-size: 4.625rem;}/* 74px / 16px = 4.625rem */ 
.freedoka{font-family:"Fredoka", sans-serif ;}      /* Font-family */
.montserrat{font-family:"Montserrat", sans-serif;}
.f-w-4{font-weight: 400;} /* font-weight */
.f-w-5{font-weight: 500;}
.f-w-6{font-weight: 600;}
.f-w-7{font-weight: 700;}
.m-w-50{max-width: 50%;} /* Max-width */
.m-w-52{max-width: 52%;}
.m-w-55{max-width: 55%;}
.m-w-60{max-width: 60%;}  
.m-w-65{max-width: 65%;}
.m-w-70{max-width: 70%;}
.m-w-75{max-width: 75%;}
.m-w-80{max-width: 80%;}
.m-w-85{max-width: 85%;}
.m-w-90{max-width: 90%;}
.m-auto{margin:auto;}   /* margin */
.mb-0{margin-bottom:0;}
.mb-10{margin-bottom:10px;}
.m-b-16{margin-bottom:16px;}
.m-t-28{margin-top:28px;}
.mt-10{margin-top:10px;}
.mt-40{margin-top:40px;}
.mt-65{margin-top:4.0625rem;}
.mb-26{margin-bottom:26px;}
.mb-24{margin-bottom:24px;}
.m-block-26{margin-block:26px;}
.pb-68{padding-bottom:4.25rem;}   /* padding */
.pb-8{padding-bottom:0.5rem;}  
.pt-50{padding-top:3.125rem;}  
.bg-m-blue{background-color: #CCF7FF;}  /* background-color */
.bg-white{background-color: #ffffff;}
.bg-darkblue{background-color: #CDF7FF;}
.bg-l-blue{background-color: #EEFCFF;}
.bg-darksky{background-color: #88EDFF;}
.bg-dark{background-color: #002133;}
.bg-orange{background-color:#FEA145 ;}
.gap-8{gap:8px;}
.br-4{border-radius:4px;}/* border-radius */
.br-8{border-radius:8px;}
.br-10{border-radius:10px;}
.br-12{border-radius:12px;}
.br-16{border-radius:16px;} 
.br-18{border-radius:18px;}
.br-20{border-radius:20px;}
.br-30{border-radius:30px;}
.br-40{border-radius:40px;}
.b-orange{border:1px solid #FEA145;} /* Border */
.b-blue{border:1px solid #88EDFF;}
.b-purple{border:1px solid #7070FA;}
.b-blue-2{border:2px solid #88EDFF;}
.b-green{border:1px solid #0DFFC4;}
.b-pink{border:1px solid #EE1AA7;}
.b-yellow{border:1px solid #E8AA09;}
.b-dullblue{background-color: #eefcff79;}
.m-48{margin-bottom:48px;}
.learn-more{background-color: transparent; border:1px solid #FEA145; border-radius:14px;font-weight:500; font-family:var(--freedoka-font);padding:5px 22px;font-size: 27px;color:var(--text-dark-color);}
.w-spacing-2{word-spacing:-2px;}
.card-title{background-color:#88EDFF;font-size: 0.75rem;font-weight: 500;color:#002133; padding:8px 20px;border-radius: 40px;position: absolute;top:20px; left:20px;} 
.form-group{margin-bottom:15px;}
.form-group label{display: block;}
.form-group input{width: 100%;border:var(--input-border);border-radius: var(--input-border-radius);padding: var(--input-padding);}
.hero{padding-top:20px;}

/* Login page */
#login {height: 100vh;}
#login .LeftsideDiv{display: flex;align-items: center;justify-content: center;background-color: #CCF7FF;height: 100vh;}
#login .LeftsideDiv img{width: 303px;height:auto;}
#login .RightsideDiv .logo{display: none;}
#login .RightsideDiv{display: flex;align-items: center;justify-content: center;height:100vh;}
#login .RightsideDiv form{padding:40px;border-radius:18px;border:var(--border);width: 500px;}
#login .RightsideDiv form .heading h1{font-size:2rem;font-weight:400; color:var( --text-dark-color);}
#login .RightsideDiv form .form-check-input { display: none; }
#login .RightsideDiv form .form-check{ padding-left:0; }
#login .RightsideDiv form .form-check-label { position: relative; padding-left: 30px; cursor: pointer; user-select: none; color: #000; }
#login .RightsideDiv form .form-check-label::before { content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border: 1px solid orange; background-color: transparent; border-radius: 4px; box-sizing: border-box; }
#login .RightsideDiv form .form-check-label::after { content: ""; position: absolute; left: 7px; top: 4px; width: 6px; height: 12px; border: solid orange; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: all 0.2s ease-in-out; }
#login .RightsideDiv form .form-check-input:checked + .form-check-label::after { opacity: 1; }

/* Homepage CSS Start */
section{padding-bottom:70px;}
.top-title{ border: var(--border);border-radius: 140px;background-color: #E9FCFF;font-family: var(--Montserrat-font);font-size:1.25rem;line-height: 37px;font-weight:600;padding:2px 20px;width: fit-content;margin: auto auto 39px;text-transform: uppercase;display: flex;align-items: center;gap:10px;}
.navbar{background-color: #eefcff79 !important;} 
.for-navbar{padding:0;}
.navbar-brand img{width: 130px;height: auto;}
 .navbar .nav-link{font-size:1.125rem; font-weight:500; color:var(--text-dark-color);position: relative;font-family: var(--Montserrat-font);}
 .navbar .navbar-nav{gap:30px;}
 .navbar .nav-link.active{color:#FEA145;font-weight: 600;background-color: #ffffff;border-radius: 10px;}
 .navbar .nav-link.active::after{content: "";position: absolute;width: 4px;height:4px; border-radius:10px;background-color: #FEA145;right:-10px;top:10px;}
 .navbar form .get-quote.active{background-color: #002133;color: #ffffff;}
 /* Remove Bootstrap default styles */
.navbar-toggler.custom-toggler:focus,.navbar-toggler.custom-toggler:focus-visible{outline: none;box-shadow: none;}
.custom-toggler {
  border: none;
  background: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Orange bars */
.custom-toggler .bar {
  width: 28px;
  height: 3px;
  margin: 3px 0;
  background-color: orange;
  transition: all 0.4s ease;
  border-radius: 2px;
}

/* Animate into cross when toggled */
.custom-toggler:not(.collapsed) .bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.custom-toggler:not(.collapsed) .bar:nth-child(2) {
  opacity: 0;
}

.custom-toggler:not(.collapsed) .bar:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

#homepage .hero{padding-top:50px;position: relative;}
#homepage .hero .leftside {position: relative;}
#homepage .hero .leftside .bottom-content input{border: var(--input-orange-border);padding:var(--input-orange-border-padding);border-radius:12px; flex:1;}
#homepage .hero .leftside .bottom-content{display: flex;gap:20px;margin-top: 30px;}
#homepage .hero .leftside .bottom-content .compare-quote{background-color: var(--orange-btn-bg);padding:13px 20px;border-radius:14px;border:none;font-family: var(--Montserrat-font);font-size:1.125rem;color:#ffffff;}
#homepage .hero .leftside .footprint{position: absolute;width: 75px;height: auto;right:110px;top:95px}
#homepage .hero .rightside{display: flex;align-items: flex-end;height: 100%;position: relative;}
#homepage .hero .rightside img{width: 100%;height:auto;position: absolute;right: -54px;}
#homepage .hero .trusted{background-color:var(--light-blue-bg);padding:20px;border-radius:22px;max-width: 25%;position: absolute;right: 28%;top: 5%;z-index: -1;}
#homepage .hero .trusted h4{color: var(--text-dark-color);font-size:2rem;}
#homepage .hero .trusted h4 span{color: var(--text-orange-color);font-weight:700;}
#homepage .hero .trusted ul{display: flex;align-items: center;position: relative;}
#homepage .hero .trusted ul li{ z-index: 1; position: relative; margin-left: -8px; width: 36px;height: 36px;display:inline-block;overflow: hidden;border-radius: 50%;background-color: #ffffff;border:1px solid #ffffff;}
#homepage .hero .trusted ul li img{width: 100%;height:100%;object-fit: cover; }
#homepage .hero .trusted ul li:last-child{background-color: transparent;border:none;width: 15px;height:15px;display: flex;margin-left:5px;}
#homepage .banner .layer-blur-blue{position: absolute;top:0; left:0;}
#homepage .about .leftside a{width: fit-content;}
 .trusted-by {display: flex;align-items: center;gap: 20px;padding-block: 20px;padding-inline: 0;border-radius: 10px;;position: relative;}
 .trusted-by h3 {font-size: 1.25rem;font-weight: 500;font-family: var(--freedoka-font, var(--font-family-default));color: var(--text-dark-color);white-space: nowrap;margin-bottom: 0;position: relative;z-index: 1;}
.trusted-by ul {display: flex;align-items: center;gap: 15px;list-style: none;margin: 0;padding: 0;}
 .trusted-by ul li {display: flex;align-items: center;justify-content: center;border: 1px solid #CCF7FF;border-radius: 12px;padding: 8px 18px;height: 44px;box-sizing: border-box;white-space: nowrap;}
 .trusted-by ul li img {width: auto;height: 20px;display: block;}
 .trusted-by ul li.blue {background-color: #D2F8FF;}
.trusted-by ul li.pink {background-color: #FFEFE8;}
 .trusted-by ul li.purple {background-color: #E2E2FB;}
 .trusted-by ul li.green {background-color: #E2F0DC;}
 .trusted-by ul li.yellow {background-color: #fff4d7;}
 .trusted-by ul li.ratings {border:none; padding: 8px 15px;display: flex;flex-direction: row;align-items: center;gap: 10px;}
 .stars {color: #FEA145;font-size:1.125rem;line-height: 1;letter-spacing: -1px;}
.trusted-by ul li.ratings .review-text {font-size:1.125rem;color: var(--text-dark-color);font-family: var(--freedoka-font);font-weight: 500;}
 .trusted-by .footprint{position: absolute;left:20px;top:15px;}
#homepage .leftside{height: 100%;display: flex;flex-direction: column;justify-content: center;gap:10px;}
#homepage .rightside img{width: 100%;height: auto;}
 .how-works .heading{max-width: 68%;margin: auto auto 68px;}
.how-work .row,.how-work .row{row-gap:25px;}
 .how-works .card{border: var(--border);padding:49px 33px;border-radius:40px;background-color: var(--light-background-color);display: flex;gap:109px; position: relative;overflow: hidden;height:367px;}
.how-works .card .top-content{display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
 .how-works .card .top-content span{background-color: var(--orange-btn-bg);padding:9px 25px; font-size:1.6875rem;font-weight: 500;color: #ffffff;font-family:var(--freedoka-font);border-radius:182px;}
 .how-works .card h4{position: relative;z-index:1;}
#homepage .how-works .card .footprint{position:absolute;right:-13px;top:50px;}
#homepage .choose-us .top-title{margin:0 ;}
#homepage .choose-us .leftside h1{max-width: 65%;}
#homepage .choose-us .leftside p{margin-bottom: 39px;}
#homepage .choose-us .leftside ul{display: flex;flex-direction: column;gap:15px; width: fit-content;}
#homepage .choose-us .leftside ul li{display: flex;align-items: center; gap:10px;}
#homepage .our-partners .leftside img{width: 100%;height: auto;}
#homepage .our-partners .heading{margin-bottom:67px;}
#homepage .our-partners .heading h1{max-width: 80%;margin: auto;}
#homepage .our-partners .rightside .partners{flex-direction: column;gap:30px;max-width: 70%;margin: auto;background-color: transparent;}
#homepage .our-partners .rightside .partners h3{font-size:2.5rem;color: var(--text-dark-color);font-weight: 500;}
#homepage .our-partners .rightside .partners ul{display:flex;flex-wrap: wrap;justify-content: center;gap:20px 25px;}
#homepage .our-partners .rightside .partners ul li{border:var(--border-orange);}
#homepage .our-partners .rightside .partners ul li img{width: 80px;height:auto;}
#homepage .our-partners .rightside .partners ul li.orange{background-color: #FFEFE8;}
#homepage .our-partners .rightside .partners ul li.dark-green{background-color: #D7F8F0;}
#homepage .our-partners .rightside{height: 100%;display: flex;align-items: center;}
 .testimonials .heading{max-width: 55%;margin: auto auto 68px;}
 .testimonials {position: relative;}
  .testimonials .item{position: relative;z-index:1;}
 .testimonials .item .footprint{position: absolute;right:0;z-index:-1;top:70px;}
.testimonials .owl-carousel .item{border: var(--light-blue-bg);border:var(--border);padding:40px 20px;text-align: center;border-radius: 40px;background-color: var(--light-background-color);position: relative;overflow: hidden;}
 .testimonials .item .stars {color: #FEA145;font-size:1.125rem;line-height: 1;letter-spacing: 1px;}
 .testimonials .item p{margin-block:15px;position:relative; z-index:1;}
 .testimonials .item a{font-size:1rem; color: var(--text-orange-color);font-family:var(--Montserrat-font);text-decoration: underline;font-weight: 600;}
 .testimonials .item .bottom-content{margin-top:19px;}
 .testimonials .item .commas{position: absolute;top:10px;left:30px;}
 .testimonials .testimonials-cat{position: absolute;top:0;left:70px; width:211px;height:auto;}
.testimonials .testimonials-dog{position: absolute;top:0;right:0; width:273px;height:auto;}
 .testimonials .owl-carousel .owl-nav.disabled{display: block !important;}
 .testimonials .inner{position: relative;}
 .testimonials .inner::before {content: "";position: absolute;left: 0;top: 0;width: 200px;height: 400px;background:url('../images/testimonials-cat.png') no-repeat center center;background-size: contain;z-index: 1;}
.testimonials{position: relative;}
 .testimonials::after {content: "";position: absolute;right: 0;top: 0;width: 250px;height: 600px;background:url('../images/testimonials-dog.png') no-repeat center center;background-size: contain;z-index: -1;}
button.owl-prev, button.owl-next{position: absolute;top: 180px;opacity:0.5;background-color: var(--orange-btn-bg) !important;width: 58px;height: 58px;border-radius:22px !important;}
button.owl-prev:hover, button.owl-next:hover{opacity: 1; transition: all 0.2s ease-out;}
button.owl-prev span, button.owl-next span{display: none;}
button.owl-next{right: -30px;}
button.owl-next::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 28px; background-image: url('../images/broken-bone.png'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; }
button.owl-prev{left: -30px;}
button.owl-prev::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 28px; background-image: url('../images/broken-bone.png'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; }
.customer-review button.owl-prev:hover,.customer-review button.owl-next:hover{opacity: 1;transition: 0.2s ease-out;}
#homepage .faq .inner{background-color:#FFF5F1;padding:50px 50px 100px;position: relative;z-index:1;overflow: hidden;border-radius:30px;}
#homepage .accordion{width: 80%;margin: 0 0 0 auto;}
#homepage .faq .inner .leftside{position: relative;}
#homepage .faq .inner .leftside .footprint{position: absolute;}
#homepage .faq .inner .leftside .footprint.third{right:20px;top:45px;}
#homepage .faq .inner .leftside .footprint.fourth{left:40%;top:52%;}
.accordion .accordion-item{margin-bottom:20px;border-radius:15px;overflow: hidden;border:var(--border);}
.accordion .accordion-item:last-of-type{margin:0;}
.accordion .accordion-button:not(.collapsed){background-color:#EEFCFF;box-shadow:none}
.accordion .accordion-item:first-of-type>.accordion-header .accordion-button{box-shadow: none;}
.accordion .accordion-body{padding-inline:20px;}
.accordion .accordion-body span{font-size:1.125rem;font-weight:400; color:var(--text-text-color);font-family:var(--Montserrat-font);}
.accordion-button::after{background-image:url('../images/chevron-down-solid.svg');}
.accordion-button:not(.collapsed)::after{background-image: url('../images/chevron-down-solid.svg'); transform: rotate(180deg);  filter: invert(47%) sepia(92%) saturate(1100%) hue-rotate(-10deg) brightness(103%) contrast(101%);}
#homepage .faq .inner .bg-element{width:110px;height:auto;position: absolute;left:0; bottom:0;z-index:-1;} 
.quote-now .inner {background-color:#EEFCFF;padding:42px 54px;border:var(--border);border-radius:30px;display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}
.quote-now .inner .top{width: 68px;height:68px;display:flex;align-items: center;justify-content: center; padding:15px; overflow:hidden; border-radius:20px;background-color: #FEA145;}
.quote-now .inner .top img{width: 100%;height:auto;object-fit: cover;}
.quote-now .inner .leftside{max-width: 80%;display: flex;flex-direction: column;gap:20px;}
.quote-now .inner .get-quote{padding:9px 20px;}
footer{background-color: var(--footer-bg);border-radius:40px 40px  0 0;padding:66px 88px 28px;}
footer .footer-leftside .logo img{width:200px;height:auto;}
footer .footer-leftside p{margin-block:10px 20px;}
footer .footer-leftside .social-links{display: flex;gap:10px;}
footer .footer-leftside .social-links a{background-color:var(--orange-btn-bg);width: 30px;height:30px;display:flex; border-radius:8px;padding:5px;}
footer .footer-rightside {padding-top:50px;}
footer .footer-rightside .links{padding-left:50px;}
footer .footer-rightside .links.insurance-type{padding:0;}
footer .footer-rightside .links ul{padding-left:10px !important;}
footer .footer-rightside .links ul li{margin-bottom:10px;}
footer .footer-rightside .links ul li a{display: flex;align-items: center; gap:10px;}
.footer-top {border-bottom: 2px solid #566369;padding-bottom: 40px;}
.footer-bottom{background-color: #FFEFE8;padding:14px 20px;display: flex;flex-direction: column;gap:8px;}
footer .footer-rightside .links ul li a:hover{color:#FEA145; transition: 0.3s ease-out;}
/* Homepage CSS close */

/* Benifit Page CSS Start */
 button.get-quote{padding:6px 25px;border-radius: 14px;}
#about-us .hero .bottom-content{gap:40px;margin-top:65px;}
#about-us .hero .rightside img{width: 100%;}
#about-us .complete-protection .heading h1{margin-bottom: 24px;}
#about-us .complete-protection .heading p{max-width: 75%; margin:auto;}
#about-us .complete-protection .card-container .card{padding:49px 40px;min-height:604px;margin-bottom:48px;}
#about-us .complete-protection .card-container .card-inner{position: relative;z-index: 1;}
#about-us .complete-protection .card-container .card-inner ul li{display: flex;align-items: center;gap:5px;}
#about-us .complete-protection .card-container .card-inner .content{margin-block:26px;}
#about-us .complete-protection .card-container .footprint{position: absolute;right:40px;top:50%;}
#about-us .insurance-number .card{padding:49px 40px;min-height:331px;}
#about-us .real-stories .heading h1{margin-bottom:24px;}
#about-us .real-stories .heading p{max-width:80%; margin:auto;}
#about-us .real-stories .card{overflow: hidden;}
#about-us .real-stories .card .profile{display: flex; align-items: center;gap:15px;}
#about-us .real-stories .card .profile span{width:75px; height:75px;display: flex;padding:5px; overflow: hidden;border-radius: 50%;background-color: #EEFCFF;align-items: center;justify-content: center;}
#about-us .real-stories .card ul li{display: flex;align-items: center;justify-content: space-between;}
#about-us .real-stories .card ul li:nth-of-type(3){border-top:1px solid #566369;padding-top:10px;}
#about-us .real-stories .card ul li:nth-of-type(3) p{margin: 0;}
#about-us .real-stories .card .middle-content{margin-block:39px;}
#about-us .real-stories .card-inner{position: relative;z-index: 1;}
#about-us .real-stories .card .footprint{position: absolute;right:0;bottom:0;}
#about-us .protect-pet .inner{padding:54px 42px;overflow: hidden;}
#about-us .protect-pet .leftside .bottom-content{display: flex;align-items: center;gap:40px;margin-top:68px;}
#about-us .protect-pet .leftside .bottom-content button{display: flex;align-items: center;gap:5px;}
#about-us .protect-pet .leftside {position: relative;z-index:1;}
#about-us .protect-pet .leftside .footprint{position: absolute;top:-47px;left:-8px; z-index:-1;}
#about-us .protect-pet .rightside img{width: 100%;}
/* Benifit Page CSS Start Close */

/* Blog Page CSS Start */
#blog .hero .leftside, #blog .ownership .rightside{display: flex;flex-direction: column;gap:10px;}
#blog .hero .rightside{height: 100%;display: flex;align-items: flex-end;}
#blog .hero .rightside img{width: 100%;}
#blog .featured-article .inner {overflow: hidden;border-radius:40px;}
#blog .featured-article .inner .leftside {border-radius:40px;overflow: hidden;width: 100%;height:100%;display: inline-block;}
#blog .featured-article .inner .leftside img{width: 100%;height: 100%;object-fit: cover;}
#blog .featured-article .inner .rightside{padding:20px;display: flex;flex-direction: column;justify-content: center;height: 100%;}
#blog .featured-article .inner .rightside .details{display:flex;flex-direction: column; align-items: flex-start;gap:20px;margin-block:39px;}
#blog .featured-article .inner .rightside .heading p {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
  -webkit-line-clamp: 5;line-height: 1.5em;max-height: 3em;}
#blog .article .navigation-bar .links a.active{font-weight:600; color:#ffffff; background-color: #88EDFF;}
#blog .article .navigation-bar .links a {padding:9px 16px;}
#blog .article .navigation-bar{position: relative;z-index:1;}
#blog .article .footprint{position: absolute;z-index:-1;left:0;bottom:0;}
#blog .article-main .card .top-image{width: 100%;height: 234px;display: inline-block;overflow: hidden;background-color: transparent;}
#blog .article-main .card .top-image img{width: 100%;height: 100%;object-fit: cover;}
#blog .article-main .card .card-body{display: flex;flex-direction: column;gap:16px;}
#blog .article-main .card ul.details{display: flex;align-items:flex-start;gap:10px;flex-direction: column;}
#blog .article-main .card ul.details li a{display: flex;align-items: center;gap:5px;}
#blog .ownership .leftside img{width: 100%;}
#blog .ownership .rightside{display: flex;flex-direction: column;justify-content: center;height: 100%;}
#blog .senior-pet-insurance .heading{max-width:80%; margin:auto;margin-bottom:68px;}
#blog .senior-pet-insurance .leftside ul {margin-top:42px;display: flex;flex-direction: column;gap:26px;}
#blog .senior-pet-insurance .leftside ul li{display: flex; align-items: flex-start; gap:0.5rem;}
#blog .senior-pet-insurance .leftside ul li p{flex:1;}
#blog .senior-pet-insurance .leftside ul li p span{margin-right:5px;}
#blog .senior-pet-insurance .rightside img{width: 100%;}
/* Blog Page CSS Close */

/* View All Blog page CSS start */
#view-all-blog .card-container .card h2, #blog .article-main .card .heading h2{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; line-height: 1.5em;max-height: 3em; }
#view-all-blog .how-work .heading.top{display: flex;gap: 16px;flex-direction: column;}
/* Read Full Article Page CSS Start */
.form-action{margin-bottom:26px;}
#read-article .article-top .article-image{width: 100%;height:497px;display: inline-block;overflow: hidden;border-radius: 20px;margin-block:30px;}
#read-article .article-top .heading{display: flex;flex-direction: column;gap:10px;}
#read-article .article-top .article-image img{width: 100%;height: 100%;object-fit: cover;}
#read-article .article-middle .leftside .search-container{padding:49px 40px;}
#read-article .article-middle .leftside .search-container .top-content{border-bottom: 1px dashed #88EDFF;padding-bottom:5px;}
#read-article .article-middle .leftside .search-container .search-card{border:1px solid #88EDFF; border-radius: 40px;padding:17px 24px;display: flex;align-items: center; gap:10px;margin-top:15px;}
#read-article .article-middle .leftside .search-container .search-card input{border:none;flex:1;}
#read-article .article-middle .rightside .recent-posts{padding:49px 40px;}
#read-article .article-middle .rightside .recent-posts .top-content{border-bottom: 1px dashed #88EDFF;padding-bottom:5px;}
#read-article .article-middle .rightside .post-card{margin-top:1.625rem;display: flex;align-items: center;gap:30px;}
#read-article .article-middle .rightside .post-card span{width: 155px; height: 104px;display: inline-block;overflow: hidden;border-radius: 18px;}
#read-article .article-middle .rightside .post-card span img{width:100%; height:100%;object-fit: cover;}
#read-article .article-middle .rightside .post-card .content{flex:1;}
#read-article .leave-reply .inner{padding:49px 40px;}
#read-article .leave-reply input, textarea{padding:13px 13px;border-radius:12px;background-color: #ffffff;}
#read-article .leave-reply textarea{height:150px; resize: none;}
/* Read Full Article Page CSS Close */

/* Fan page CSS Start */
#fan .hero {padding-bottom:50px;position: relative;z-index: 1;overflow: hidden;}
#fan .hero .top-title{border:1px solid #FEA145;background-color: #FFF4D7;box-shadow:0px 4px 4px 0 #0000003b;}
#fan .hero .heading{display: flex;flex-direction: column;gap:35px;}
#fan .hero .heading h1{max-width: 85%; margin:auto;}
#fan .hero .card-container .card{padding:49px 40px;}
.orange-bg{position: absolute;right:-300px; bottom:-500px;}
#fan .hero .inner{position: relative;z-index: 1;}
#fan .how-work .heading{display: flex;gap:16px;flex-direction: column;}
#fan .how-work .heading p{max-width: 90%;margin:auto;}
#fan .how-work .card-body p, #about-us .card p{ display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom:0;}
#fan .how-work .card-body h2, #about-us .card h2{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom:0;}
#fan .how-work .card .card-body{position: relative;}
#fan .how-work .card .read-more{display:block;width: fit-content;padding: 5px 10px; background-color: transparent;margin-top: 5px;position: absolute;bottom:16px; left:16px;}
 .card .top-image{width: 100%;height: 234px;display: inline-block;background-color: transparent;}
 .card .top-image img {width: 100%;height: 100%;object-fit: cover;}
#fan .how-work .bottom-buttons{margin-top:26px;}
#fan .how-work .bottom-buttons a{padding:7px 20px;}

#blog .article .bottom-buttons{margin-top:26px !important;}
#blog .article .bottom-buttons a {
    padding: 7px 20px;
}
#fan .how-work .card .card-title{right:20px;left:auto;}
#fan .pet-gallery .inner{padding:49px 40px;position: relative;overflow: hidden;}
/* #fan .pet-gallery .inner .heading{margin-bottom: 68px;} */
#fan .pet-gallery .card{position: relative;transition: transform 0.3s ease-in-out;}
#fan .pet-gallery .card a{width: 100%;height:162px;display: inline-block;overflow: hidden;background-color: #ffffff;}
#fan .pet-gallery .card a img{width: 100%;height: 100%;object-fit: cover;}
#fan .pet-gallery .card:hover{transform: scale(1.05);}
#fan .pet-gallery .card .title{background-color: #88EDFF;border-radius:40px;padding: 5px 10px;width: fit-content;display: flex;align-items: center;gap:5px;position: absolute;bottom:10px; left:10px;}
#fan .pet-gallery .card-container {position: relative;z-index:1;}
#fan .pet-gallery .card-container .footprint{position: absolute;bottom:0;z-index:-1;}
#fan .pet-gallery .card-container .view-all{display: block; margin:40px auto auto;}
.custom-pagination { display: flex; justify-content: center; gap: 5px;margin-top:30px;}
.custom-pagination p{margin:0; padding-right:20px;}
.custom-pagination .page-item { display: inline-block; }
.custom-pagination .page-link { border: 1px solid #88EDFF; border-radius: 8px; padding: 10px 16px; color: #333; font-size: 16px; font-weight: 500; background-color: #fff; transition: all 0.3s ease; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; }
.custom-pagination .page-link.no-border{border:none;background-color: #CCF7FF;}
.custom-pagination .page-item.active .page-link { background-color: #00A5C3; border-color: #00A5C3; color: #ffffff; font-weight: 600; }
.custom-pagination .page-item.disabled .page-link { pointer-events: none; opacity: 0.5; }
.pagination .page-link:focus {box-shadow: none;outline: none;}
.custom-pagination ul.pagination{display: flex;gap:5px;}
#fan .pet-gallery .footprint{position: absolute;width: 100%;height: 100%;z-index:0;top:0;}
#fan .heading{position: relative;z-index: 1;}
#fan .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{position: initial;margin-top:20px;}
#fan .swiper-pagination-bullet-active{background-color:#88EDFF !important;}
#fan .swiper-button-next, .swiper-button-prev{transform: translate(-50%, -50%); bottom:0 !important;}
#fan .swiper-button-next, .swiper-button-prev{background-color: #00A5C3;color:#ffffff !important;width:35px !important;height:35px !important;border-radius:8px;position: absolute;bottom:0 !important;}
#fan .swiper-button-next:after{content: "";
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    background-image: url(../images/broken-bone.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;}
    #fan .swiper-button-prev:after{content: "";
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    background-image: url(../images/broken-bone.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;}
#fan .swiper-button-next, .swiper-button-prev{position: absolute !important;bottom:0px !important;top:auto !important;}
#fan .swiper{padding-bottom: 50px;}
#fan .swiper-button-next {
    transform: translate(-50%, -50%);
    right: 44%;
}
#fan .swiper-button-prev {
    transform: translate(-50%, -50%);
    left: 47%;
}
.swiper-pagination span{display: none;}

/* Fan page CSS Close */

/* FAQ's page CSS Start */
#faqs .hero{padding-bottom:50px;position: relative;overflow: hidden;}
#faqs .hero .heading{display: flex;flex-direction: column;gap:16px;max-width: 70%;margin:auto;}
#faqs .hero .heading .search-card{border:1px solid #FEA145; border-radius: 12px;padding:10px 15px;display: flex;align-items: center;gap:5px;width:70%;margin: auto;background-color: #ffffff;}
#faqs .hero .heading .search-card input{border:none; flex:1;}
#faqs .hero .footprint{position: absolute;bottom:0;z-index:-1;right:18%;}
/* #faqs .accordion{width: 100%;} */
#faqs .support-options .card{padding:49px 40px;position: relative;z-index: 1;overflow: hidden;}
#faqs .support-options .card ul{margin-top:26px;}
#faqs .support-options .card .footprint{position: absolute;right:20px;top:25%; z-index:-1;}
#faqs .helpful-guides .heading{display: flex;flex-direction: column;gap:10px;}
#faqs .helpful-guides .inner{margin-block: 68px;}
#faqs .helpful-guides .inner .card {padding:49px 40px;}
#faqs .helpful-guides .inner .card .learn{width: fit-content;padding:10px 15px;background-color: transparent;margin-top:20px;}
#faqs .helpful-guides .view-all{display: block;margin: auto; width:fit-content;}
/* FAQ's page CSS Close */

/* Helpful Guide's page CSS Start */
#helpful-guide .heading{display: flex;flex-direction: column;gap:15px;}
#helpful-guide .hero{position: relative;z-index:1;padding-bottom:50px;}
#helpful-guide .hero .footprint{position: absolute;z-index:-1; right:15%;top:40px;right:22%;}
#helpful-guide .hero .heading p{max-width: 65%;margin: auto;}
#helpful-guide .guide-content .card{padding: 49px 40px;}
#helpful-guide .guide-content .card ul li{margin-bottom:10px;}
/* Helpful Guide's page CSS Close */

/* Terms Of Use page CSS Start */
#terms-use .hero{position: relative;}
#terms-use .hero .heading {display: flex;flex-direction: column;gap:10px;}
#terms-use .hero .heading p{max-width: 55%;margin: auto;overflow: hidden;}
#terms-use .hero::before {content: "";position: absolute;left: -15px;bottom: 0;width:500px;height:250px;background:url('../images/dog-sleep.png') no-repeat center center;background-size: contain;z-index: 1;}
#terms-use .hero::after {content: "";position: absolute;right:0;bottom: 0;width:400px;height:300px;background:url('../images/dog-cat.png') no-repeat center center;background-size: contain;z-index: 1;}
#terms-use .terms-content ul li{margin-bottom:16px;}
/* Terms Of Use page CSS Close */


/* Cookie Policy page CSS Start */
#cookie-policy .hero {position: relative;}
#cookie-policy .hero .heading{display: flex;flex-direction: column;gap:16px;}
#cookie-policy .hero .heading p{max-width: 52%;margin:auto;}
#cookie-policy .hero::before {content: "";position: absolute;left: -15px;bottom: 0;width:500px;height:250px;background:url('../images/dog-sleep.png') no-repeat center center;background-size: contain;z-index: 1;}
#cookie-policy .hero::after {content: "";position: absolute;right:0;bottom: 0;width:250px;height:300px;background:url('../images/smart-pet.png') no-repeat center center;background-size: contain;z-index: 1;}
#cookie-policy .cookie-content ul li{margin-bottom:16px;}
/* Cookie Policy page CSS Close */

/* Get in Quote page CSS Start */
#get-quote .hero{padding-bottom:100px;position: relative;overflow: hidden;}
#get-quote .hero .leftside{position: relative;z-index:1;}
#get-quote .hero .leftside .heading{display: flex;flex-direction: column;gap:40px;max-width: 80%;}
#get-quote .hero .leftside ul li{margin-bottom:10px;}
#get-quote .hero .leftside .footprint{position: absolute;right: 8rem; top:3rem;background-color:#FFF1CC;border-radius:25px;padding:5px;}
#get-quote .hero .rightside{position: relative;z-index: 1;}
#get-quote .hero .rightside .card{padding:39px 50px;}
#get-quote .hero .rightside .card h2{max-width:80%;}
#get-quote .hero .rightside .card input{padding:10px 20px;margin-block:31px 20px;background-color: #F5FDFF;}
#get-quote .hero .rightside .card .orange-btn{width: fit-content;padding: 10px 15px;border-radius:10px;}
#get-quote .hero::after {content: "";position: absolute;right:15rem;bottom: -50px;width:400px;height:245px;background:url('../images/dog-cat2.png') no-repeat center center;background-size: contain;z-index: 1;}
#get-quote .how-works .card span{border-radius:22px;}
#get-quote .how-works .card .footprint{position: absolute;right:0; bottom:0;}
#get-quote .choose-us .rightside img{width: 100%;}
#get-quote .choose-us .leftside .top-title{margin:0 0 30px;}
#get-quote .choose-us .leftside ul li{margin-bottom:10px;}
#get-quote .choose-us{position: relative;}
#get-quote .choose-us::before {content: "";position: absolute;left:0;bottom: 60px;transform: rotate(90deg); width:500px;height:500px;background:url('../images/orange-shade.png') no-repeat center center;background-size: contain;z-index: -1;}
.insurance-brand .heading p{max-width: 90%;margin: auto;}
.insurance-brand .table td .image-card{display: inline-block;width: 200px;height:87px;overflow: hidden;transition: all 0.5s ease-out;}
.insurance-brand .table td .image-card img{width:100%; height: 100%;object-fit: contain;}
.insurance-brand .table td .image-card:hover{transform:translateY(-5px);}
.insurance-brand .table td .rating{display: flex;gap:10px; flex-direction: column;white-space:nowrap;}
.insurance-brand .table td .rating .stars{font-size: 1rem;}
.insurance-brand .table-container{border:1px solid #88EDFF;overflow: hidden;border-radius:30px;}
.insurance-brand .table thead th{background-color: #CCF7FF;padding:20px 20px;}
.insurance-brand .table{padding: 0;margin:0;}
.insurance-brand .table tbody td{padding:30px 20px;}
table td, table th{vertical-align: middle;}
tbody, td, tfoot, th, thead, tr{border-color:#88EDFF;}
.insurance-brand .table tr:last-of-type td{border:none;}
/* Get in Quote page CSS Close */

/* Get in Quote Step page CSS Start */
#get-quote-step{background-color: #F9FEFF;position: relative;}
/* #get-quote-step::before{content: "";position: absolute;right:0;bottom:0; width:500px;height:500px;background:url('../images/orange-shade.png') no-repeat center center;background-size: contain;z-index: 1;} */
#get-quote-step .hero{width: 50%;margin: auto;}
.progress, .progress-stacked{background-color: #CCF7FF;border-radius: 10px;}
.progress-bar{background-color: #00A5C3;border-radius: 10px;}1280

#get-quote-step .hero .card-container{border:2px solid #88EDFF;background-color: #ffffff;padding:39px 50px;border-radius:30px;}
#get-quote-step .hero .card-container .pet-card{padding:14px 29px;width: 100%;}
#get-quote-step .hero .step-indicator{margin-block:16px 39px;}
#get-quote-step .hero .card-container .choose-content{display: flex;align-items: center;justify-content: space-between;gap:50px;}
#get-quote-step .hero .card-container .heading{margin-bottom:50px;}
#get-quote-step .hero .pet-card { border: 2px solid #CDF7FF; background-color: #fff; border-radius: 16px; cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease; }
#get-quote-step .hero .pet-card.selected { background-color: #00A5C3; border: 2px solid #00A5C3; }
#get-quote-step .hero .radio-container { display: block; position: relative; padding-left: 35px;cursor: pointer; font-size:1.375rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#get-quote-step .hero .radio-container input { position: absolute; opacity: 0; cursor: pointer; }
#get-quote-step .hero .radio-container .checkmark { position: absolute; top:79%; left: 40%;transform: translate(-50%, -50%); height: 25px; width: 25px; border: 2px solid #FEA145; border-radius: 50%; }
#get-quote-step .hero .radio-container .checkmark:after { content: ""; position: absolute; display: none; }
#get-quote-step .hero .radio-container input:checked ~ .checkmark:after { display: block; }
#get-quote-step .hero .radio-container .checkmark:after { top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #FEA145; }
#get-quote-step .hero .bottom-buttons button{display: flex;align-items: center;justify-content: center;border-radius:10px; padding:10px 16px;font-size: 0.875rem;}
#get-quote-step .hero .bottom-buttons .back{border:1px solid #FEA145;background-color: transparent;}
#get-quote-step .hero .bottom-buttons .next{background-color: #FEA145;border:none;}
#get-quote-step .hero input{border:2px solid #CDF7FF;background-color: #F5FDFF;}
#get-quote-step .hero .check-container {width: fit-content; display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size:1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; color: #566369;  }
#get-quote-step .hero .check-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
#get-quote-step .hero .check-container .checkmark { position: absolute; top: 5px; left:0px; height: 16px; width: 16px; border: 1px solid #FEA145; border-radius: 2px; }
#get-quote-step .hero .check-container .checkmark:after { content: ""; position: absolute; display: none; }
#get-quote-step .hero .check-container input:checked ~ .checkmark:after { display: block; }
#get-quote-step .hero .check-container .checkmark:after { left: 4px; top: 0px; width: 5px; height: 10px; border: solid #FEA145; border-width: 0 1.8px 1.8px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#get-quote-step .hero form select {width: 100%;border:2px solid #CDF7FF; border-radius:14px;background-color: #F5FDFF;padding:10px 20px;}
#get-quote-step .hero .card-pet{display: flex;align-items: center;gap:20px;padding:10px 10px;background-color: #F5FDFF;}
#get-quote-step .hero.gender .choose-gender-card{margin-top:30px;}
#get-quote-step .hero.gender .pet-card{width: fit-content;background-color: #F5FDFF;}
#get-quote-step .hero.gender .pet-card.selected{border: 2px solid #CDF7FF;}
.form-group label {margin-bottom:5px;font-family: var(--freedoka-font);}
.form-group input{font-family: var(--freedoka-font);}
#get-quote-step .add-pet{margin-bottom:50px;}
#get-quote-step .add-pet .inner{display: flex;flex-direction: column;gap:10px;max-height: 230px;overflow-y: auto;}
#step5 .another-pet{display: flex;align-items: center;gap:10px;border: 2px solid #88EDFF;background-color: #F5FDFF;padding: 10px 10px;border-radius: 10px;}
#get-quote-step .add-pet .pet-detail{border: 2px solid #CDF7FF;background-color: #F5FDFF;display: flex;align-items: center;justify-content: space-between;padding:20px 20px;border-radius: 10px;}
#get-quote-step .add-pet .pet-detail .leftside{display: flex;align-items: center;gap:10px;flex:1; flex-wrap: wrap;}
#get-quote-step .add-pet .pet-detail .leftside ul{display: flex;align-items: center;gap:20px;flex-wrap: wrap;}
#get-quote-step .add-pet .pet-detail .leftside ul li{position: relative;padding-left:10px;}
#get-quote-step .add-pet .pet-detail .leftside ul li::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50px;background-color: #002133;transform: translate(-50%, -50%);top:51%; left:0;}
#get-quote-step .add-pet .pet-detail .leftside ul li:last-of-type::after{display: none;}
#get-quote-step .add-pet .pet-detail a.remove-pet{display: flex;align-items: center;gap:5px;}
#get-quote-step .add-pet .pet-detail a.remove-pet:hover{color:#FEA145; transition: all 0.1s ease-out;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#AAF2FF !important;color:#566369 !important;}
.select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown{border:1px solid #CDF7FF !important;}

/* Get in Quote Step page CSS Close */

/* Get quote Step 4 CSS */
#step4 .choose-gender-card {margin-top: 39px;}
#get-quote-step #step4 .radio-container .checkmark{top:50%;}
#get-quote-step #step4 .choose-gender-card
.text{padding-left:30px;}

/* Pet insurance page CSS Start */
#pet-protection .hero{background-color: #F5FDFF;position: relative;}
#pet-protection .hero .heading{max-width:67%;margin: auto; text-align: center;}
#pet-protection .hero::before {content: "";position: absolute;right:0;bottom: 0px; width:100%;height:100%;background:url('../images/orange-shade.png') no-repeat right;background-size: contain;z-index: 1;}
#pet-protection .hero .inner::after {content: "";position: absolute;right:0px;bottom: 0px; width:200px;height:200px;background:url('../images/dog-face.png') no-repeat center center;background-size: contain;z-index: 1;}
#pet-protection .hero .inner{position: relative;padding-bottom:50px;}
#pet-protection .recomented{border:1px solid #CDF7FF;border-radius:12px;padding:12px 12px;width:fit-content;background-color: #F5FDFF;display: flex;align-items: center;gap:10px;}
#pet-protection .recomented a{border:1px solid #FEA145;padding:10px;font-size:1.0625rem;font-weight:500;font-family: var(--Montserrat-font);color: #002133;border-radius:10px;}
#pet-protection .recomented a.active{background-color: #FEA145;border-color: #FEA145;}
#pet-protection .insurance .card{margin-bottom:39px; box-shadow: 0px 0px 7px 2px #0000002a;border-radius: 30px;overflow: hidden;background-color: #ffffff;padding:42px 42px;;position: relative;}
#pet-protection .insurance .card .pet-image{width: 200px;height: 87px; display: inline-block;overflow: hidden;background-color: transparent;}
#pet-protection .insurance .card .pet-image img{width: 100%;height: 100%;object-fit: contain;}
#pet-protection .insurance .card .rating{display: flex;flex-direction: column;gap:10px;}
/* #pet-protection .insurance .card .plan-details{width: 400px;} */
#pet-protection .insurance .card .plan-details ul li{display: flex;gap:5px;align-items: center;}
#pet-protection .insurance .card .view-plan{border:none; padding:5px 15px;margin: 0 0 0 auto;display: block;width: fit-content;}
#pet-protection .insurance .card .batch{border:1px solid #88EDFF;border-top:none; border-radius:0 0 5px 5px;padding:7px 14px;position: absolute;left:28px; top:0;width: fit-content;}

.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;margin-bottom:26px;}
.features-list li{display:flex;align-items:center;gap:10px;color:#333;font-size:0.9375rem;font-family:'Montserrat',sans-serif;font-weight:500;}
.view-plan-btn{background-color:#FEA145;color:#002133;border:none;border-radius:10px;padding:10px 20px;font-size:1.0625rem;font-weight:600;width:fit-content;font-family:'Montserrat',sans-serif;}

/* Pet insurance page CSS Close */

/* Payment Plans page CSS Start */
#payment-plan .best-overall .top-pet-protection{display: flex; gap: 30px;align-items: center;}
#payment-plan .best-overall .top-pet-protection .pet-image{width: 348px;height: 87px;display:inline-block;overflow: hidden;background-color: transparent;}
#payment-plan .best-overall .top-pet-protection .pet-image img{width: 100%;height: 100%;object-fit: contain;}
#payment-plan .best-overall .top-pet-protection .rating {display: flex;flex-direction: column;gap:10px;}
#payment-plan .best-overall .top-pet-protection .stars{font-size: 1.50rem;}
#payment-plan .best-overall .top-pet-protection{margin-bottom:26px;}
#payment-plan .best-overall .price-details{margin-top: 26px;}
#payment-plan .best-overall .price-details .card{padding:20px 20px;background-color:#EEFCFF;overflow: hidden;}
#payment-plan .best-overall .price-details .card .content{margin-top:20px;}
#payment-plan .best-overall .price-details .card{position: relative;z-index:1;}
#payment-plan .best-overall .price-details .card .footprint{position: absolute;right:10px;top:10px; z-index:-1;}
#payment-plan .available-plan .heading{text-align: center;margin-bottom:48px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:26px;}
#payment-plan .available-plan .heading .plan-card {background-color: #00A5C3; width: fit-content; border-radius: 40px;padding:5px;margin:auto;}
#payment-plan .available-plan .heading .plan-card a{padding:5px 10px;display: inline-block;border-radius: 40px;color:#ffffff;}
#payment-plan .available-plan .heading .plan-card a.active{background-color: #ffffff;color:#002133}
#payment-plan .available-plan .plans-row .plan-card {background: #ffffff;border-radius: 30px;padding: 40px 40px;position: relative;box-shadow:0 0 4px 0 #0000002a;
  transition: transform 0.3s;display: flex; flex-direction: column;gap:26px;overflow: hidden;margin-top:50px;cursor: pointer;}
#payment-plan .available-plan .plans-row .plan-card:hover {transform: translateY(-5px);}
#payment-plan .available-plan .plans-row .plan-card.standard{margin-top: 0;padding-top:90px;}
#payment-plan .available-plan .plans-row .plan-card .popular-plan{padding:15px; background-color: #CDF7FF;display: flex;align-items: center;justify-content: center;position: absolute;width: 100%;top:0; left:0;}
#payment-plan .available-plan .plans-row .plan-card .top-content h3{margin:0;}
#payment-plan .available-plan .plans-row .plan-card .top-content p{margin:0;}
/* .available-plans {padding: 60px 20px;background: #fff;text-align: center;} */
#payment-plan .available-plan .plans-row .plan-card .plan-info li {display: flex;align-items: center;justify-content: space-between;margin-bottom:5px;}
#payment-plan .available-plan .plans-row .plan-card .plan-info li:last-of-type{margin: 0;}
#payment-plan .available-plan .plans-row .plan-card .plan-cover p{margin-bottom:16px;}
#payment-plan .available-plan .plans-row .plan-card .plan-cover li{display: flex;gap:5px; align-items: center;margin-bottom: 10px;}
#payment-plan .available-plan .plans-row .plan-card .plan-cover li:last-of-type{margin: 0;}
#payment-plan .available-plan .plans-row .plan-card .select-plan {background: #00A5C3;color: #fff;padding: 10px 20px;border: none;width: 100%;border-radius: 10px;}
.coverage-detail .card{background: #ffffff;border-radius: 30px;padding: 40px 40px;position: relative;box-shadow:0 0 4px 0 #0000002a;
  transition: transform 0.3s;display: flex; flex-direction: column;gap:26px;overflow: hidden;}
.coverage-detail .heading{margin-bottom:48px;}
 .coverage-detail .card ul h3{margin-bottom:15px;}
.coverage-detail .card ul li{display: flex;align-items: center;gap:5px; margin-bottom:10px;}
.coverage-detail .card ul li:last-of-type{margin: 0;}
 .customer-review .home-demo .item {padding:30px;border-radius:30px} 
 .customer-review .heading{margin-bottom:48px;}
.customer-review .heading h1{margin: 0;}
 .customer-review p{display: -webkit-box;-webkit-line-clamp: 8; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.customer-review .owl-carousel .owl-nav.disabled{display: block !important;}
.customer-review button.owl-prev,.customer-review button.owl-next{position: absolute;
    top: 120px;
    opacity: 0.5;
    background-color: var(--orange-btn-bg) !important;
    width: 58px;
    height: 58px;
    border-radius: 22px !important;
  }
 .customer-review button.owl-prev{left:-40px;}
 .customer-review button.owl-next{right:-40px;}
    .customer-review button.owl-prev::after,.customer-review button.owl-next::after{content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    background-image: url(../images/broken-bone.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;}
    .customer-review button.owl-next::after{transform: translate(-50%, -50%) rotate(180deg);}
   

/* Payment Plans page CSS Close */

/* View Success Story page CSS Start */
 #view-success-story .article-image {width: 100%;height: 497px;display: inline-block;overflow: hidden;border-radius: 20px;margin-block: 30px;}
 #view-success-story .article-image img{width: 100%;height: 100%;object-fit: cover;}
 .all-success-stories .card-container .row{row-gap: 25px;}


 /* Dog insurance */
 #insurance .hero .leftside{height: 100%;display: flex;flex-direction: column;justify-content: center;}
  #insurance .hero .rightside{text-align: center;}
 #insurance .hero .rightside img{width: 80%;}
 #insurance .benefit-card {
  border: none;
  border-radius: 12px;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}

#insurance .benefit-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

#insurance .icon-img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
#insurance .why-insurance .leftside p{max-width: 80%;}

/* Wellness Plans */
.wellness-plans .coverage-detail .row{justify-content: center;}



/*============================================Responsive CSS Start  =================================================*/

@media screen and (max-width:1280px)
{
  .f-26{font-size: 1.375rem;}
  .f-34{font-size: 1.875rem;}
  .f-56{font-size: 3.25rem;}
  .f-74{font-size: 4.25rem;}
  #homepage .hero .trusted h4{font-size: 1.75rem;}
  .how-works .card{height: auto;}
  .how-works .card .top-content span{font-size: 1.4375rem;}
  #homepage .hero .leftside .footprint{right: 60px;}
  #homepage .hero .trusted{max-width: 27%;right: 23%;top:13%;}
  .how-works .heading{max-width: 75%;}
  #homepage .faq .inner .leftside .footprint.third{right: 0px;top: 65px;}
  #about-us .insurance-number .card{padding: 25px 25px;min-height: 290px;}
  #about-us .protect-pet .leftside .bottom-content a{font-size:1.25rem;padding: 12px 25px;}
  #about-us .complete-protection .card-container .card{min-height: 680px;}
  #faqs .support-options .card{padding:25px 25px;}
  #terms-use .hero::before{width: 300px;height: 160px;}
  #terms-use .hero::after{width: 300px;height: 200px;}
 footer{padding: 50px 0px 28px;}
 #get-quote .hero .leftside .footprint{right: 2rem;top: 5rem;}
 #get-quote .hero::after{right:4rem;}
 #homepage .choose-us .leftside p{margin-bottom: 26px;}
 #get-quote-step .add-pet .pet-detail .leftside{flex-direction: column;align-items: flex-start;}
 #get-quote-step .add-pet .pet-detail .leftside ul{flex-direction: column;align-items: flex-start;gap:5px;margin-top:5px;}
  .trusted-by ul{flex-wrap: wrap;justify-content: center;width: 100%;}
  .trusted-by ul li.ratings{flex-wrap: wrap;}
  .trusted-by{justify-content: center;flex-direction: column;padding-block:40px 0;}
  .trusted-by .footprint{transform: translate(-50%, -50%);left:45%;top:50px;}
}

@media screen and (max-width:1199px)
{
  #homepage .hero .rightside img{position: initial;width: 70%;margin-inline: 0;}
  #homepage .hero .trusted {max-width: 27%;right:auto;top:44%;}
  #homepage .hero .rightside{justify-content: center;}
  #homepage .choose-us .leftside h1{max-width: 100%;}
  #homepage .hero .leftside .bottom-content{margin: 0;}
}



@media screen and (max-width:994px)
{
  .navbar .nav-link{width: fit-content;}
  .insurance-brand .table-container{width: 100%;overflow-x: auto;}
.insurance-brand .table{width: 100%;min-width: 800px;}
#homepage .hero .rightside{justify-content: end;}
  #homepage .hero .trusted {
    max-width: 32%;
    right: auto;
    top: 60%;
  }
  .how-works .card{height:auto;gap: 50px;}
#homepage .rightside{padding-top:40px;}
}

@media screen and (max-width:834px)
{
  .f-24{font-size: 1.375rem;}
  .f-26{font-size: 1.25rem;}
  .f-40{font-size: 2.25rem;}
  .f-56{font-size: 3.125rem;}
  .f-74{font-size: 3.75rem;}
  section {padding-bottom: 50px;}
  #homepage .hero{padding-top:10px;}
   .hero {padding-top: 10px;}
  .top-title{margin:auto auto 26px;}
  #homepage .hero .leftside .footprint{right:0px;top:210px;}
  #homepage .hero .rightside{justify-content: flex-end;}
 #homepage .hero .rightside img{position:initial;width: 70%;margin-inline:0;}
  #homepage .hero .trusted{bottom:35%;top:auto;left:60px;max-width: 40%;}
  #homepage .faq .inner .leftside img{width: 70%;margin-inline:auto ;}
 #homepage .our-partners .leftside img{width: 70%;margin: auto;}
  #homepage .rightside{text-align: center;}
  #homepage .rightside img{width: 70%;margin: auto;}
  #homepage .faq .inner{padding: 25px 25px 50px;}
  .how-works .heading{max-width: 100%;}
  #homepage .choose-us .leftside p {margin-bottom: 16px;}
  #homepage .choose-us .leftside h1 {max-width: 100%;}
  #homepage .choose-us .top-title{margin:auto auto 39px;}
  #homepage .our-partners .heading h1{max-width: 100%;}
  .testimonials .heading{max-width: 80%;margin: auto auto 25px;}
  .testimonials .inner::before{transform: translate(-50%, -50%);top: 40%;width: 250px;height:250px;}
  .testimonials::after{width: 150px;height: 300px;}
.accordion{width: 100%;}
#homepage .faq .inner .leftside{margin-bottom:50px;}
.quote-now .inner{flex-direction: column;align-items: flex-start;padding: 25px 25px;}
.quote-now .inner .leftside{max-width: 100%;margin-bottom: 16px;gap:16px;}
footer .footer-rightside .links{padding-left: 0px;margin-bottom:50px;}
.footer-top{padding-bottom: 0;}
#homepage .faq .inner .leftside .footprint.third{right:135px;top: 100px;}
#homepage .faq .inner .leftside .footprint.fourth{left: 49%;}
#about-us .hero .bottom-content {gap: 30px;margin-top: 40px;}
#about-us .hero .rightside{padding-top:50px;text-align: center;}
#about-us .hero .rightside img{width: 70%;margin-inline:0;}
#about-us .complete-protection .card-container .card{padding: 25px 25px;}
#about-us .complete-protection .heading h1{margin-bottom: 16px;}
#about-us .complete-protection .heading p{max-width: 100%;}
#about-us .complete-protection .card-container .card{min-height: auto;}
#about-us .complete-protection .card-container .footprint{right: 0px;top: 30%;}
#about-us .insurance-number .card{min-height:257px;margin-bottom:48px;}
#about-us .insurance-number .card.third{margin: 0;}
#about-us .real-stories .heading p{max-width: 100%;}
#about-us .real-stories .heading h1 {margin-bottom: 16px;}
#about-us .real-stories .card{margin-bottom:48px;min-height:auto;}
#about-us .protect-pet .leftside .bottom-content{gap:16px;margin-top:16px;}
#about-us .protect-pet .rightside{padding-top:50px;}
#about-us .protect-pet .inner{padding: 54px 42px 0;}
#blog .hero .rightside{justify-content: center;display: flex;}
#blog .hero .rightside img{width: 50%;}
#blog .article-main .card .top-image {height: 225px;overflow: hidden;display: inline-block;width: 100%;}
#blog .article-main .card .top-image img {width: 100%;height: 100%; object-fit: cover;}
#blog .ownership .row{flex-direction: column-reverse;}
#blog .senior-pet-insurance .heading{max-width: 100%;}
#blog .senior-pet-insurance .heading h1{margin-bottom: 16px;}
#blog .senior-pet-insurance .leftside ul{margin-top: 26px;gap:12px;}
#blog .senior-pet-insurance .rightside{padding-top:50px;}
#read-article .article-middle .leftside {margin-bottom:48px;}
#fan .hero .heading h1{max-width: 100%;}
#fan .hero .heading{gap: 16px;}
#fan .hero .card-container .card{margin-bottom:48px;}
#fan .hero .card-container .card.third {margin: 0;}
#fan .how-work .card .top-image{width: 100%;height: 190px;display:inline-block;}
#fan .how-work .heading p {max-width: 100%;}
#fan .pet-gallery .inner {padding: 25px 25px;overflow: hidden;}
#fan .pet-gallery .card-container .footprint{top:55px;z-index: -1;width:100%;height: auto;}
#faqs .hero .heading{max-width: 100%;}
#faqs .support-options .card{margin-bottom:48px;}
#faqs .helpful-guides .inner{margin-block: 48px;}
#faqs .helpful-guides .inner .card{margin-bottom: 48px;padding: 25px 25px;}
.quote-now .inner .h1{margin: 0;}
#terms-use .hero::before{display: none;}
#terms-use .hero::after{display: none;}
#terms-use .hero .heading p{max-width:100%;}
#cookie-policy .hero::before{display: none;}
#cookie-policy .hero::after{display: none;}
#cookie-policy .hero .heading p{max-width: 100%;}
#get-quote .hero .rightside{padding-top: 50px;}
#get-quote .hero::after{width: 250px;height: 150px;}
.how-works .heading,
#homepage .our-partners .heading,
#get-quote .choose-us .leftside .top-title{margin: auto auto 39px;}
#get-quote-step .hero{width: 100%;}
#get-quote .hero .leftside .footprint{right:18rem;}
#blog .article .footprint{width: 100%;}
.navbar .navbar-nav{gap:10px;}
#about-us .complete-protection .card-container .card-inner,
#about-us .real-stories .card .middle-content,
#about-us .complete-protection .card-container .card-inner .content{margin-block: 16px;}
#blog .senior-pet-insurance .heading {margin-bottom: 25px;}
#blog .ownership .leftside,
#blog .senior-pet-insurance .rightside{text-align: center;}
#blog .ownership .leftside img,
#blog .senior-pet-insurance .rightside img{width: 70%;margin-inline:auto;}
#blog .featured-article .inner .rightside .details{gap:16px;margin-block: 16px;}
#blog .article-main .card .card-body{gap:0;}
#read-article .leave-reply .inner,
#read-article .article-middle .leftside .search-container,
#read-article .article-middle .rightside .recent-posts{padding: 25px 25px;}
#read-article .leave-reply .post-comment{margin-left:15px;}
#fan .how-work .card{margin-bottom:25px;}
#fan .how-work .row{justify-content: center;}
#fan .hero .card-container{margin-top: 25px;}
#blog .article-main .card ul.details{gap:5px;margin-bottom:10px;}
#payment-plan .best-overall .price-details .card{margin-bottom:30px;}
.coverage-detail .card {margin-bottom:30px;min-height: 545px;}
#payment-plan .available-plan .plans-row .plan-card.premium{margin:0;}
#payment-plan .available-plan .plans-row .plan-card{margin-bottom:30px;}
#pet-protection .hero .heading{max-width: 100%;}
#pet-protection .insurance .card{flex-direction: column;gap:15px;align-items: flex-start;}
#pet-protection .insurance .card .pet-image{width:293px;height: 66px;max-width: 100%;margin-block: 20px;}
#pet-protection .insurance .card .rating{margin: 30px 0 20px auto;width: fit-content;}
#pet-protection .insurance .card .pet-image img{width: auto;max-width: 100%;}
#pet-protection .insurance .card .view-plan{padding: 10px 30px;}
#pet-protection .hero .inner::after{right: -45px;}
#pet-protection .hero .heading p{max-width: 53%;margin: auto;}
#fan .swiper-button-next{right: 40%;}
 #get-quote-step{height: auto;}
 #blog .featured-article .inner .leftside{border-radius:40px 40px 0px 0px;}
 .card .top-image{height: 190px;}
#insurance .coverage-detail .card{min-height: auto;}
#insurance .hero .rightside img{width: 100%;}
#insurance .hero .rightside {text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;}
#homepage .accordion{width: 100%;}
}

@media screen and (max-width:768px)
{
  /* section{padding-bottom: 35px;} */
  #homepage .hero .trusted{bottom: 30%;top: auto;left: 45px;max-width: 50%;}
  .testimonials .heading{margin: auto auto 48px;}
  #homepage .faq .inner{padding: 25px 25px 50px;}
  #about-us .complete-protection .card-container .card{padding: 25px 25px;}
  /* #about-us .real-stories .card{padding: 25px 25px;} */
  #about-us .protect-pet .inner{padding: 25px 25px 0;}
  #read-article .leave-reply .inner {padding: 25px 25px;}
  #read-article .leave-reply .inner button{margin-left:15px;}
  #homepage .hero .leftside .footprint{width: 50px;top:auto;bottom:0;right: 0;}
  #about-us .complete-protection .card-container .card,
  #about-us .insurance-number .card,
  #about-us .real-stories .card{margin-bottom: 25px;}
  #about-us .protect-pet .rightside{text-align: center;}
  #about-us .protect-pet .rightside img{width: 70%;margin-inline: auto;}
#fan .hero .card-container .card{padding: 25px 25px;} 
#homepage .hero .leftside .bottom-content{margin:0;}
#homepage .hero .rightside img{width: 60%;}
.testimonials::after{top: 30px;right:0;width: 115px;height: 252px;}
}

@media screen and (max-width:767px)
{
  #homepage .hero .trusted{bottom: 12%;left: 115px;max-width: 37%;}
}



@media screen and (max-width:440px)
{
  .f-63{font-size: 2.2rem;}
  section{padding-bottom: 40px;}
  p,a,.card-title,span{letter-spacing: 0.7px;}
.navbar .navbar-nav{gap:10px;}
  #homepage .hero{padding-top:20px;}
  #homepage .hero .rightside{padding-top: 30px;}
#homepage .choose-us .leftside h1 {max-width: 100%;}
#homepage .our-partners .rightside .partners{max-width: 100%;}
#homepage .our-partners .rightside{height: auto;margin:0;}
.how-works .heading, #homepage .our-partners .heading, #homepage .faq .heading{margin-bottom:10px;}
.testimonials .inner::before{width: 75px;height: 120px;left: 35px;top:37%;}
button.owl-next::after, button.owl-next::after, button.owl-prev::after{width: 23px; height: 23px;}
.testimonials::after{width: 102px;top: 22rem;height: 220px;}
.testimonials .heading{max-width: 100%;margin: auto auto 100px;}
.top-title{margin: auto auto 20px;font-size:0.875rem;}
.owl-theme .owl-nav.disabled+.owl-dots{display: none;}
button.owl-prev, button.owl-next{top:auto; bottom:0;}
button.owl-next {right: auto;left:65px;}
button.owl-prev{left:0;}
#homepage .faq .inner{padding: 10px;}
#homepage .hero .trusted{bottom: 17%;left: 15px;max-width: 60%;}
#homepage .hero .trusted h4{font-size: 1.25rem;line-height: 30px;}
.f-16{font-size: 0.75rem;}
.f-18{font-size: 0.875rem;}
.f-20{font-size: 0.875rem;}
.f-22{font-size: 1rem;}
.f-24{font-size: 1.125rem;}
.f-26{font-size: 1rem;}
.f-27{font-size: 1rem;}
.f-28{font-size: 1.375rem;}
.f-32{font-size: 1.5rem;}
.f-34{font-size: 1.25rem;}
.f-40{font-size: 1.875rem;}
.f-42{font-size: 2rem;}
.f-45{font-size: 2.25rem;}
.f-48{font-size: 2.125rem;}
.f-56{font-size: 2rem;}
.f-74{font-size: 2rem;}
.m-48{margin-bottom:16px;}
.navbar .nav-link{font-size: 1rem;}
  #homepage .choose-us .leftside p {margin-bottom: 10px;}
#homepage .hero .leftside .footprint{top:auto; bottom:0px;right: 0;}
#homepage .faq .inner .leftside .footprint.third{right: 120px;top:100px;width: 10%;height: 10%;}
#homepage .faq .inner .leftside .footprint.fourth{left:47%;width: 10%;height: 10%;}
#homepage .choose-us .top-title{margin:auto auto 20px;}
#homepage .our-partners .rightside .partners{gap:16px;padding-block: 16px 0;}
#homepage .faq .inner{border-radius: 18px;}
.accordion .accordion-body span{font-size:1rem;}
#fan .hero .card-container{margin-top: 16px;}
#about-us .hero .bottom-content{gap:10px;flex-direction: column;margin-top: 10px;}
#about-us .hero .bottom-content button{width: fit-content; font-size: 1rem;}
.learn-more{width: fit-content;font-size: 1.4375rem;}
#about-us .insurance-number .card{min-height: auto;padding: 10px;border-radius: 18px;}
#about-us .real-stories .card .footprint{width:400px;}
#about-us .real-stories .card{min-height: auto;border-radius: 18px;}
#about-us .protect-pet .leftside .bottom-content{gap:10px;flex-wrap: wrap; align-items: flex-start;margin-top: 20px;}
.footer-bottom{padding: 10px 10px;}
#about-us .complete-protection .heading h1{margin: 0;}
h1{margin-bottom:0 !important;}
#blog .featured-article .inner .rightside .details{gap:0px;margin-block:10px;}
#blog .featured-article .inner .rightside .details li svg{width: 14px;}
#blog .featured-article .inner .rightside{padding:10px;}
#blog .article .navigation-bar{overflow-x:auto; white-space: nowrap;scrollbar-width: none;  }
#blog .article .navigation-bar .links{min-width: max-content;display: inline-flex;  }
#blog .article .footprint{width: 310px;}
#read-article .article-middle .rightside .recent-posts{padding: 25px 25px;}
#read-article .article-middle .leftside .search-container{padding: 25px 25px;}
#get-quote .hero .leftside .heading{max-width: 100%;}
#get-quote .hero .leftside .footprint {right: 0rem;top: 0rem;width: 50px;height: 50px;border-radius: 18px;display: none;}
#get-quote .hero .leftside .heading{gap: 10px;}
#get-quote .hero .rightside{padding-top: 10px;}
#get-quote .hero .rightside .card h2 {max-width: 100%;}
#get-quote .hero .rightside .card input {margin-block: 0px 20px;}
#get-quote .hero::after {right: 0;}
.how-works .card{padding:10px;border-radius: 18px; gap:25px;}
#get-quote .how-works .card .footprint{width: 40px;height: 40px;}
#get-quote .how-works .card span{border-radius: 10px;}
.how-works .card .top-content span{padding: 5px 12px;font-size: 1rem;}
.how-works .card .top-content img{width: 50px;}
#homepage .how-works .card .footprint{width: 18%;height: 100%;right: 0;}
#get-quote-step .hero .card-container .choose-content {gap:15px;}
#get-quote-step .hero .radio-container{font-size: 1rem;}
#get-quote-step .hero .radio-container .checkmark{width: 18px;height: 18px;}
#get-quote-step::before{width: 100%;}
#get-quote-step .hero .radio-container .checkmark:after{top: 3.3px;left: 3px;width: 8px; height: 8px;}
#get-quote-step .hero{position:relative;z-index: 1;}
.custom-select-wrapper{margin-bottom: 20px;}
#homepage .choose-us .leftside ul li svg{width: 14px;height: auto;}
#homepage .our-partners .rightside .partners h3{font-size: 2rem;}
#homepage .our-partners .rightside .partners ul li img{width: 50px;}
#homepage .our-partners .rightside .partners ul,.trusted-by ul{gap:10px 10px;}
.trusted-by ul li img{width: 50px;height: auto;}
.trusted-by ul li.ratings .review-text{font-size: 1rem;}
.stars{font-size: 1rem;}
#about-us .hero .rightside,#about-us .protect-pet .rightside{padding-top:20px;}
#about-us .complete-protection .card-container .card-inner svg{width: 50px;height:auto;}
#about-us .complete-protection .card-container .card-inner ul li svg{width: auto;}
#about-us .complete-protection .card-container .card {padding:15px;border-radius: 18px;}
#about-us .complete-protection .card-container .card-inner, #about-us .complete-protection .card-container .card-inner .content{margin-block:0px ;}
#about-us .complete-protection .card-container .footprint{width: 70%;height: 70%;top:0;}
#about-us .real-stories .card .profile span{width: 50px;height: 50px;}
#about-us .real-stories .card .footprint{width: 70%;height: 70%;}
#about-us .protect-pet .leftside .footprint{width:20%; height:20%;top:0px;}
#about-us .protect-pet .leftside .bottom-content button{font-size: 1rem;padding: 5px 10px;border-radius: 14px;}
#about-us .insurance-number .card,#about-us .insurance-number .card.third,#about-us .real-stories .card,#about-us .complete-protection .card-container .card{margin-bottom:16px;}
#blog .featured-article .inner,#blog .featured-article .inner .leftside{border-radius: 18px;}
#blog .article-main .card .card-body{padding:15px;gap:0;}
.card .card-body{padding:15px;}
#blog .senior-pet-insurance .leftside ul {margin-top: 16px;gap: 0px;}
#blog .senior-pet-insurance .leftside ul li svg{width: 14px;height:auto;}
#read-article .article-top .heading li svg{width: 18px;height:auto;}
#read-article .article-top .article-image{margin-block: 10px;height: 252px;}
#read-article .article-middle .leftside .search-container, #read-article .article-middle .rightside .recent-posts, #read-article .leave-reply .inner{padding:10px;border-radius: 18px;}
.form-action { margin-bottom: 16px;}
.orange-btn{font-size: 1rem;width: fit-content;border-radius: 10px;}
#read-article .article-middle .leftside {margin-bottom: 16px;}
#fan .hero .card-container .card,#fan .hero .card-container .card.third {margin-bottom:16px;padding:10px;border-radius: 18px;}
#fan .how-work .card .card-body{gap:5px !important;}
#fan .how-work .card .card-body .top svg{width: 16px; height: auto;}
#fan .pet-gallery .inner{position: relative;z-index: 1;overflow: hidden;padding:10px;border-radius: 18px;}
.testimonials .owl-carousel .item{padding:10px;border-radius: 18px;}
.testimonials .item .commas{top:0px;width: 35px;height: auto;}
.testimonials .item .footprint{top:0;width: 70%;height: 70%;}
#get-quote .hero .leftside ul li svg{width: 16px;height: auto;}
#get-quote .hero .leftside ul li{margin-bottom: 5px;}
#get-quote .hero .rightside .card {padding: 15px;border-radius: 18px;}
#get-quote .choose-us::before{display: none;}
#get-quote .choose-us .leftside ul li svg{width: 14px; height: auto;}
.quote-now .inner{padding: 15px;border-radius: 18px;}
.quote-now .inner .leftside{gap:5px;margin: 0;}
.quote-now .inner .top{width: 50px;height:50px;border-radius: 10px;padding: 5px;}
footer{border-radius: 18px 18px 0 0;}
#get-quote-step .hero .card-container .pet-card svg{width: 50px;height: 50px;}
#get-quote-step .hero .radio-container{padding-left: 25px;}
#about-us .insurance-number .card p{margin-block: 10px 0;}
#about-us .insurance-number .card .top-content h5{margin-block:10px 0;}
  #about-us .protect-pet .inner{padding: 15px 15px 0;border-radius: 18px;}
#homepage .hero .leftside .bottom-content .compare-quote{width: fit-content;padding: 6px 12px;font-size: 1rem;}
#homepage .hero .leftside .bottom-content input{padding:10px 10px;}
#homepage .hero .leftside .bottom-content{flex-direction: column;gap:10px;margin:0;}
.quote-now .inner .get-quote{padding:6px 12px;border-radius: 10px;}
button.get-quote{padding:6px 12px;}
.accordion .accordion-item{margin-bottom:16px;}
#about-us .insurance-number .card .top-content h5{margin-bottom:5px;}
#read-article .banner{padding-bottom:20px;}
#read-article .article-middle .rightside .post-card span{width: 120px;height:80px;}
#read-article .leave-reply input, textarea{padding:10px 13px;}
footer .footer-leftside .logo img{width: 150px;}
#fan .hero .heading{gap: 0;}
#fan .hero .heading p{margin:0;}
.footer-leftside{text-align: center;}
footer .footer-leftside .social-links{justify-content: center;}
#get-quote .choose-us .leftside .top-title{margin:auto auto 20px;}
#get-quote .choose-us .leftside p{margin-bottom: 5px;}
#get-quote .choose-us .leftside ul li{margin-bottom:5px;}
.trusted-by ul li{height: 42px;}
#payment-plan .best-overall .top-pet-protection .pet-image{width: 200px;height: 60px;}
#payment-plan .best-overall .top-pet-protection .stars{font-size: 1.25rem;}
#payment-plan .best-overall .price-details .card{padding:15px;margin-bottom: 15px;}
#payment-plan .available-plan .plans-row .plan-card{margin-top:0;padding:15px;border-radius: 18px;}
#payment-plan .available-plan .heading{margin-bottom: 26px;gap:16px;}
#payment-plan .available-plan .plans-row .plan-card.standard{padding-top:70px;}
#payment-plan .available-plan .plans-row .plan-card{gap:16px;}
 .coverage-detail .card{padding: 15px;border-radius: 18px;min-height:auto;margin-bottom:15px;}
 .coverage-detail .card ul li{margin-bottom: 5px;}
 .coverage-detail .card ul h3{margin-bottom:10px;}
 .best-overall .price-details .card .content h2 {font-size: 22px; margin: 0;}
button.owl-prev, button.owl-next{width: 35px;height: 35px;border-radius: 10px !important;opacity: 1;transition: 0.2s ease-out;}
#payment-plan .best-overall .price-details .card .content p {font-size: 16px;}
.customer-review button.owl-prev, .customer-review button.owl-next{top:auto; bottom:0; left: 0;width: 40px;height: 40px;border-radius: 10px !important;}
#pet-protection .hero .inner::after{right: 0;width: 100px;height: 100px;}
.customer-review button.owl-next {left: 50px;}
#pet-protection .hero .heading p{max-width: 70%;}
#pet-protection .insurance .card{padding: 15px;border-radius: 10px;}
#pet-protection .insurance .card .pet-image{width:150px;height: 33px;margin: 40px 0 0 0;}
#pet-protection .recomented{display: flex;overflow-x: auto;white-space: nowrap;gap: 10px;-webkit-overflow-scrolling: touch;padding: 10px;width: 100%;}
#pet-protection .recomented a{font-size: 0.6875rem; flex: 0 0 auto; padding: 10px 15px;border: 1px solid #ccc;border-radius: 6px;text-decoration: none;background: #fff;color: #333;}
#homepage .hero .rightside img{width: 60%;}
.insurance-brand .table tbody td{padding: 20px 20px;}
.insurance-brand .table td .image-card{width: 150px;height: auto;}
 .customer-review .heading, .coverage-detail .heading{margin-bottom:26px;}
 .insurance-brand .heading p{max-width: 100%;}
.owl-carousel .owl-stage-outer{padding-bottom:50px;}
#get-quote-step .hero .radio-container .checkmark{top: 80%;}
.progress, .progress-stacked{height:12px;}
#get-quote-step{height: auto;}
#get-quote-step .hero .card-container .heading {margin-bottom: 0px;}
#step4 .choose-gender-card {margin-top: 20px;}
#get-quote-step #step4 .card-container .pet-card{padding: 13px 13px;}
select:not(:-internal-list-box):not([multiple]) option:enabled:hover{background-color: #AAF2FF !important;}
#login{background-color: #EEFCFF;}
#login .RightsideDiv, #login .RightsideDiv form{width: 100%;}
#login .RightsideDiv{flex-direction: column;gap: 40px;}
#login .RightsideDiv .logo{display: block;width: 100%;text-align: center;}
#login .RightsideDiv .logo img{width: 200px;height: auto;}
#login .RightsideDiv .remember-me {font-size: 16px;}
#fan .swiper-button-next, .swiper-button-prev{left:0; right:auto;}
#fan .swiper-button-prev{left:20px;}
#fan .swiper-button-next{left:70px;}
#blog .article-main .card .top-image{height: 204px;}
#blog .featured-article .inner .leftside{height: auto;border-radius:18px 18px 0px 0px;}
.custom-pagination .page-link{width: fit-content;}
#read-article .article-middle .leftside .search-container .search-card{padding:10px 20px;}
#fan .how-work .card{border-radius: 18px;}
.suggestion-box{width: 89%;}
#helpful-guide .guide-content .card {padding: 15px;border-radius: 18px;}
#view-success-story .article-image{height: 314px;}
#about-us .protect-pet .leftside .read-more{font-size: 1rem;padding:8px 16px;}
#pet-protection .insurance .card .rating{margin:10px 0px 10px 0;}
#pet-protection .insurance .card .view-plan{margin: 20px 0 0;padding:5px 16px;}
#about-us .protect-pet .leftside .bottom-content a{font-size:1rem;padding:10px 15px;border-radius: 10px;}
#blog .article .bottom-buttons{margin:0 !important;}
#insurance .hero .rightside{margin-top:20px;}
#homepage .hero .leftside p{margin: 0;}
 #homepage .hero .trusted{max-width:60%;}
  .testimonials::after{top: 10rem;width: 75px;height: 170px;}
#blog .article-main .card ul.details{gap:5px;}
#blog .senior-pet-insurance .rightside {padding-top: 20px; }
footer .footer-rightside .links{margin-bottom:25px;}
#fan .how-work .heading{gap:10px;}
#fan .how-work .card{margin-bottom:20px;}
#fan .pet-gallery .card-container .footprint{width: 100%;}
#fan .pet-gallery .card-container{position: inherit;}
#fan .pet-gallery .inner .heading{position: relative;z-index: 2;}
button.owl-next{left:50px;}
#fan .pet-gallery .inner .heading h1{line-height:38px;margin: 0;}
#fan .pet-gallery .card-container .view-all{margin: 16px auto auto;}
#faqs .hero{padding-bottom: 16px;}
.accordion .accordion-body {padding-inline: 10px;}
.accordion .accordion-button{line-height:22px;}
#faqs .support-options .card {padding: 25px 15px;}
#faqs .support-options .card{margin-bottom:25px;}
#faqs .helpful-guides .inner{margin-block: 16px;}
#faqs .helpful-guides .inner .card {margin-bottom: 25px;padding: 25px 15px;}
#cookie-policy .hero .heading {gap:0px;}
#cookie-policy .cookie-content ul li,
#terms-use .terms-content ul li {margin-bottom: 10px;}
.hero{padding-top:0;}
#terms-use .hero .heading p{line-height: 24px;}
.how-works .heading {margin-bottom: 16px;}
#get-quote-step .hero .card-container h2{margin: 0;}
.card-title{top:10px; left:10px;}
#read-article .article-middle .rightside .post-card{gap:10px;}
#homepage .hero .leftside .footprint{width: 50px;}
.testimonials .item p{font-size: 16px;line-height: 22px;}
.trusted-by ul li.ratings{height: 100%;}
.customer-review .home-demo .item {padding:15px;}
#homepage .faq .inner .leftside img{width: 100%;}
 .all-success-stories .card-container .row{row-gap:0px;}
 .how-work .row, .how-works .row{row-gap: 16px;}
 #blog .article .bottom-buttons a{border-radius: 10px;}
 #view-all-blog .how-work .heading.top{gap:0;}
 #fan .swiper-button-next:after, #fan .swiper-button-prev:after{width:23px;height:23px;}

}
@media screen and (max-width:390px)
{
#homepage .hero .rightside { padding-top: 60px;}
}

@media screen and (max-width:375px)
{
  #homepage .hero .leftside .bottom-content{flex-direction: column;gap:10px;}
  #homepage .hero .leftside .bottom-content .compare-quote{width: fit-content;}
#homepage .hero .trusted {bottom: 15%;padding:15px;}
.testimonials::after{top:12rem;}
}


.select2-container{width: 100% !important;}
.select2-container .select2-selection--single{height: auto !important;}
.select2-container--default .select2-selection--single{border: 2px solid #CDF7FF !important;padding:5px 10px;border-radius: 8px !important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-inline:0 !important;}
#step3 .custom-select-wrapper::after{right: 225px;top: 6px; display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{left:0 !important;margin-top: 5px !important;margin-left: 0px !important;}
.select2-container--default .select2-selection--single .select2-selection__clear{display: none;}


.suggestion-box {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
}

.suggestion-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
}

.suggestion-item:hover {
    background-color: #f9f9f9;
}

.suggestion-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
}

.no-result {
    color: #999;
    font-style: italic;
    padding: 10px;
}