*{padding: 0px;margin: 0px;box-sizing: border-box;font-family: "Outfit", sans-serif;font-optical-sizing: auto;
  font-style: normal;}
body, html{overflow-x: hidden;scroll-behavior: smooth;}
/* body::-webkit-scrollbar {display: none;}
body {-ms-overflow-style: none; scrollbar-width: none;  } */
p, h1, h2, h3, h4, h5, span{padding: 0px;margin: 0px;}
a{text-decoration: none;}
ul, li{list-style: none;padding: 0;margin: 0;}
:root {--voilet-color: #563983;--yellow-color: #ffc600;--text-color: #333333;--epc-h2:46px;--epc-h2-lavish:66px; }
.container-fluid{padding: 0 315px !important;}
/* .img-fluid {width: 100% !important;} */
.lavish-font{font-family: "Lavishly Yours", cursive;font-weight: 400;}
.lavish-font .letter {
    font-family: 'Lavish', sans-serif !important; /* Replace 'Lavish' with your actual font-family name */
    font-style: normal !important;
}

.mobile_header_bg{display: none;}
.header_full_bg{background-image:url("../images/header-bg-image.webp");background-position: center;
background-size: cover;position: fixed;width: 100%;z-index: 9;top: 0;}
.header_grid{padding: 6px 0;display: flex;align-items: center;justify-content: space-between;transition: all 0.3s ease}
.header_rt_cnt_bg{display: flex;flex-direction: column;justify-content: end;gap: 14px;}
.header_list{display: flex;align-items: center;justify-content: end;gap: 30px;}
.header_list li p{font-size: 18px;color: var(--text-color);}
.header_call_bg{display: flex;justify-content: end;gap: 10px;}
.header_call_txt{font-size: 16px;color: white;background-color: var(--voilet-color);padding: 5px 16px;
                border-radius: 60px;}
.header_dropdown_bg{position: relative;}
.header_dropdown_cnt{position: absolute;width: max-content;background-color: var(--voilet-color);padding: 0px 20px;
                    top: 50px;height: 0px;overflow: hidden;transition: all 0.3s ease;border-radius: 6px;z-index: 9;
                    border: solid 1px white;}
.header_dropdown_bg:hover .header_dropdown_cnt{height:max-content;padding: 8px 20px;}
.header_dropdown_cnt a p{padding-left: 10px;padding-right: 10px;transition: all 0.2s ease;font-size: 18px; 
                        color: white;margin: 10px 0;border-radius: 4px;}
.header_dropdown_cnt a p:hover{background-color: white;color: var(--voilet-color);}
.mob_header_call{background-color: var(--voilet-color);color: white;padding: 8px 12px;border-radius: 50px;}
.mob_header_frm p{font-size: 14px;color: white;background-color: var(--voilet-color);padding: 6px 14px;border-radius: 20px;}
.mob_header_menu_icon{background-color: var(--voilet-color);border-radius: 50px;z-index:9;position: relative;
                      width:42px;height: 42px;display: flex;align-items: center;justify-content: center;flex-direction: column;
                      overflow: hidden;}
.mob_header_menu_icon span{display: block;height: 2px;width: 18px;background-color: white;margin: 2px 0;border-radius: 50px;}
.mob_header_menu_icon span.mob_menu_span{background-color: var(--voilet-color);transition: all 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mobile_full_menu_bg{position: fixed;height: 0vh;background-color: var(--voilet-color);width:100vw;top: 0px;left: 0px;
                      overflow: hidden;z-index:1;transition: all 0.5s cubic-bezier(0, 0, 0.58, 1);overflow-y: scroll;}
.mobile_full_menu_bg.mobile_menu_active{height: 100vh !important;}
.epc_logo{z-index: 9;position: relative;background-color: white;padding: 12px 6px;transition: all 0.3s ease;border-radius: 6px;}

.mobile_full_menu_bg ul{margin-top: 115px;}
.mobile_full_menu_bg ul li{border-top: solid 2px white;padding-left: 15px;
                          padding-top: 20px;padding-bottom: 20px;}
.mobile_full_menu_bg ul li a p{font-size: 18px;color: white;text-transform: capitalize;font-weight: 500;}
.mob_header_menu_icon.mobile_active_menu{background-color: white !important;}
.mob_menu_close1{position: absolute;display: block;top: -7px;left: -7px;rotate: 45deg;
                transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);background-color: var(--voilet-color) !important;}
.mob_menu_close2{position: absolute;display: block;bottom: -7px;left: -7px;rotate: 135deg;
                transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);background-color: var(--voilet-color) !important;}
.mob_menu_close1.mob_menu_close1_active{top: 18px !important;left: 12px !important;height: 3px !important;}
.mob_menu_close2.mob_menu_close2_active{bottom: 17px !important;left: 12px !important;height: 3px !important;}
.mob_menu_open{transition: all 0.3s ease;background-color: white !important;}
.mob_menu_open.mob_menu_open_active{margin-left: 100px !important;}
.mob_menu_open1.mob_menu_open1_active{margin-left: 100px;}
.mob_menu_open2.mob_menu_open2_active{margin-left: 100px;}
.mob_menu_open3.mob_menu_open3_active{margin-left: 100px;}

.header_list_active{color: var(--voilet-color) !important;position: relative;font-weight: 500;}
.header_list_active::before{content: "";position: absolute;bottom: -2px;left: 0;right: 0;margin-left: auto;margin-right: auto;
                        width: 100%;height: 3px;border-bottom: solid 2px var(--voilet-color);}
/* =================== banner */
/* Each .mask clips the line sitting below it */
.mask {display: block;overflow: hidden;}
/* The inner span is what animates */
.mask .reveal-text,
.mask .highlight-text {display: block;transform: translateY(110%);opacity: 0;}
.banner_desc.hero-desc {opacity: 0;transform: translateY(16px);}
.banner_bg{margin-top: 126px;}
.banner_ani_bg{position: relative;}
.banner_mask_box{display: block;position: absolute;left: 0;top: 200px;}
.banner_title{font-size: 64px;color: white;text-align: left;}
.banner_desc_title{font-size: 84px;color: var(--yellow-color);}
.banner_desc{font-size: 22px;color: white;text-align: left;font-weight: 300;}
.banner_btn_bg{display: inline-flex;align-items: center;justify-content: start;gap: 20px;margin-top: 30px;}
.banner_btn_bg a p{font-size: 24px;color: white;font-weight: 300;}
.banner_btn_bg a img{transition: all 0.3s ease;}
.banner_btn_bg:hover a img{rotate: 360deg;}
.banner_btn_txt_bg{height: 36px;overflow-y: hidden;}
.banner_btn_txt_bg p{transition: all 0.3s ease;}
.banner_btn_bg:hover .banner_btn_txt_bg p:nth-child(1){margin-top: -36px;}
.banner_img_mob{display: none;}

/* =============== trusted pet care ============= */
.banner_down_btn_bg{display: flex;justify-content: center;margin-top: -60px;z-index: 4;position: relative;margin-right: 10px;}
.tpc_ttle{text-align: center;font-size: var(--epc-h2-lavish);color: var(--voilet-color);margin-top: 30px;}

.tpc_title{text-align: center;font-size: 36px;margin-top: 4px;color: var(--text-color);line-height: 1.4;
          font-weight: 600;max-width: 600px;margin-left: auto;margin-right: auto;}
.tpc_desc{font-size: 17px;color: var(--text-color);line-height: 33px;text-align: center;margin-top: 18px;}
.run_num_bg{display: grid;grid-template-columns: repeat(4, 1fr);background-color: var(--voilet-color);padding: 36px 90px;
            border-radius: 300px;border: solid 1px white;margin-top: 30px;z-index: 6;position: relative;}
.runn_num_cnt{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0px;}
.run_num{display: flex;align-items: center;justify-content: center;gap: 4px;}
.run_num p{font-size: 50px;color: var(--yellow-color);font-weight: 600;}
.run_desc{font-size: 18px;line-height: 30px;color: white;text-align: center;}
.runn_num_cnt:nth-child(1), .runn_num_cnt:nth-child(2), .runn_num_cnt:nth-child(3){border-right: solid 1px rgb(182, 182, 182);}
.tpc_ttle .mask {display: block;overflow: hidden;}
.tpc_ttle .mask .line {display: block;transform: translateY(105%);opacity: 0;font-family: "Lavishly Yours", cursive;}
.tpc_title .mask {display: block;overflow: hidden;}
.tpc_title .mask .line {display: block;transform: translateY(105%);opacity: 0;}

/* =============== loving care for pets circle ========== */
.lcep_circbg{margin-top: 0px;position: relative;text-align: center;z-index: 4;}
.lcep_circ_inner_bx{position: absolute;top: 0;left: 50%;transform: translateX(-50%);
                  margin-left: auto;margin-right: auto;}

.lcep_circ3{margin-top: -190px;transition: all 0s ease;}
.scrollcircle_traingle_bg{display: flex;justify-content: center;z-index: 6;position: relative;}
.scrollcircle_traingle{max-width: 70% !important;margin-top: -3px;margin-left: auto;margin-right: auto;}
.lcep_tof{font-size: var(--epc-h2-lavish);color: var(--yellow-color);text-align: center;line-height: 1.7;}
.lcep_title{font-size:36px;color: white;line-height: 1.6;text-align: center;}
.lcep_desc{text-align: center;font-size: 17px;line-height: 33px;color: white;margin-left: auto;
          margin-right: auto;font-weight: 300;margin: 10px auto;width: 900px;margin-bottom: 50px;}
.pc_txt_bg{margin-top: 20px;margin-bottom: 10px;}
.pc_txt{text-align: center;font-size: 28px;color: var(--text-color);text-transform: capitalize;line-height: 1.2;
        font-weight: 700;transition: all 0.3s ease;}
.lcep_bx{background-color: white;padding: 6px 12px;border-radius: 30px;}
.lcep_bx_img1{display: flex;justify-content: end;}
.lcep_bx_img2{display: flex;justify-content: center;}
.lcep_bx_img1 img{transition: all 0.3s ease;}
.lcep_bx:hover .lcep_bx_img1 img{transform: rotate(360deg);}
.pc_txt_bg1{height: 34px;overflow-y: hidden;margin-bottom: 6px;}
.pc_txt_bg2{height: 34px;overflow-y: hidden;}
.lcep_title .mask {display: block;overflow: hidden;}
.lcep_title .mask .line {display: block;transform: translateY(105%);opacity: 0;}
/* .lcep_tof .mask {display: block;overflow: hidden;}
.lcep_tof .mask .line {display: block;transform: translateY(105%);opacity: 0;  font-family: "Lavishly Yours", cursive;} */

/* .lcep_bx:hover .pc_txt_bg .pc_txt_bg1 .pc_txt:nth-child(1){margin-top: -40px;}
.lcep_bx:hover .pc_txt_bg .pc_txt_bg2 .pc_txt:nth-child(1){margin-top: -40px;} */

.eplc_btn_txt{height: 30px ;overflow-y: hidden;}
.eplc_btn_txt p{font-size: 20px ;}
.eplc_btn_img{height: 40px;width: 40px;transition: all 0.3s ease;}
.eplc_btn_bg{margin-top: 70px ;}
.eplc_btn_bg{display: inline-flex;align-items: center;justify-content: center;gap: 10px;}
.eplc_btn_txt p{transition: all 0.3s ease;color: white;}
.eplc_btn_bg:hover .eplc_btn_txt p:nth-child(1){margin-top: -30px;}
.eplc_btn_bg:hover img{transform: rotate(360deg) !important;}
.lcep_circ_mob_bg{position: relative;}
.lcep_dog{position: absolute;bottom: 0;left: 30%;z-index: 8;}

.mtd_bg{background-image: url("../images/mtd_bg.webp");background-position: center;background-size: cover;background-repeat: no-repeat;
        height: 100%;margin-top: -200px;padding-top: 240px;padding-bottom: 240px;position: relative;}
.dog_foot_bg{position: absolute;left: 20px;top: 0;}
.mod{font-size: var(--epc-h2-lavish);color: white;text-align: left;}
.dr_sl_name{font-size:36px;color: white;font-weight: 600;}
.dr_sl_desc{font-size: 17px;line-height: 33px;color: white;text-align: left;font-weight: 300;margin-top: 24px;}
.mod .mask {display: block;overflow: hidden;}
.mod .mask .line {display: block;transform: translateY(105%);opacity: 0;  font-family: "Lavishly Yours", cursive;}
.dr_sl_name .mask {display: block;overflow: hidden;}
.dr_sl_name .mask .line {display: block;transform: translateY(105%);opacity: 0;}
.dr_sl_desc .char {opacity: 0.4;display: inline;}
.df{display: block;}
.df_1, .df_3{margin-left: 110px;margin-top: 20px;}
.df {opacity: 0;transition: opacity 0.3s ease;}
/* ================== testimonials ================ */
.home_testimonial_bg{background-image: url("../images/test_bg.webp");background-position: center;background-size: contain;
        background-repeat: no-repeat;max-width: 100%;height: 1100px;margin-top: -200px;padding-top: 160px;z-index: 4;
        position: relative;}
.home_test_lavish{font-size: var(--epc-h2-lavish);color: var(--yellow-color);text-align: center;}
.home_test_title{font-size: 36px;color: white;text-align: center;}
.home_test{font-size: 20px;line-height: 1.7;text-align: center;color: white;font-weight: 300;}
.home_test_name{font-size: 30px;font-weight: 500;color: var(--yellow-color);margin-top: 20px;}
.test_cnt_bg{position: relative;margin-top: 50px;}
.test_quote1{position: absolute;top: -50px;left: -120px;height: 70px;width: 90px;transform: scaleX(-1);}
.test_quote2{position: absolute;bottom: -40px;right: -120px;}
.testi_cnt{font-size: 17px;color: white;font-weight: 300;line-height: 33px;text-align: center;
        max-width: 700px;margin-left: auto;margin-right: auto;}
.home_test_name{color: var(--yellow-color);font-size: 30px;text-align: center;}
.test_cnt_bg{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.home_test_slider_bg{max-width: 700px;margin-left: auto;margin-right: auto;position: relative}
/* Dots container */
.custom-dots {display: flex;justify-content: center;align-items: center;gap: 8px;padding: 15px 0;list-style: none;margin: 0;}
.custom-dots li .custom-dot:focus{outline: none;}
.custom-dots li .custom-dot {width: 30px;height: 6px;border-radius: 5px;background: #ffffff;border: none;cursor: pointer;
  padding: 0;transition: all 0.3s ease;}
.custom-dots li.slick-active .custom-dot {background: var(--yellow-color); width: 30px;border-radius: 5px;}
.test_quote1{position: absolute;top: 0px;left: 0; height: 38px; width: 50px;transform: scaleX(-1);}
.test_quote2{position: absolute;bottom: 40px;right: 0px;height: 38px;width: 50px;}
.home_test_animal_1{position: absolute;right: -340px;bottom: -50px;}
.home_test_animal_2{position: absolute;left: -130px;bottom: -50px;}
/* .home_test_animal_3{position: absolute;left: 70%;bottom: 0px;transform: translateY(-50px);} */

.footer_above{margin-top: -200px;background-color: #1f1f1f;width: 100%;height: 270px;z-index: -2;
  position: relative;}
.foot_bg{background-color: #1f1f1f;width: 100%;height: 100%;position: relative;}
.home_test_animal_3{transform: translateY(-224px);margin-left: 60%;z-index: 5;position: absolute;}
.ft_title{font-size: 30px;font-weight: 600;color: white;text-align: center;line-height: 1.7;}
.ft_desc{font-size: 20px;color: white;text-align: center;line-height: 1.7;margin-top: 6px;}
.ft_address{font-size: 17px;color: white;text-align: center;line-height: 33px;margin-top: 16px;font-weight: 300;}
.ft_cnt_ttle{font-size: 20px;font-weight: 600;color: white;text-align: center;line-height: 1.6;margin-top: 16px;
            text-transform: uppercase;}
.ft_cnt_days{font-size: 20px;color: var(--yellow-color);text-align: center;line-height: 1.7;margin-top: 6px;font-weight: 300;
            margin-bottom: 12px;text-transform: uppercase;}
.ft_cnt_time{font-size: 17px;color:white;text-align: center;line-height: 33px;font-weight: 300;}
.ft_cnt_row{margin-top: 40px;}
.ft_cnt_sun_time{font-size: 17px;color:white;text-align: center;font-weight: 300;}
.ft_cnt2, .ft_cnt1{border-right: solid 1px #857b58;}
.ql_bg{background-color: var(--yellow-color);padding: 14px 22px;border-radius: 100px;margin-top: 30px;display: flex;
      align-items: center;justify-content: center;gap: 10px;}
.ql_bg p{font-size: 16px;color: var(--text-color);font-weight: 600;}
.ql_bg a{font-size: 16px;color: var(--text-color);}
.ql_bg span{font-size: 16px;color: var(--text-color);}

.faq-title {text-align: center;margin-bottom: 20px;}
.faq-item {border-bottom: 1px solid #ddd;padding: 10px 10px;}
.faq-question {width: 100%;background: none;border: none;outline: none;text-align: left;font-size: 1.1rem;font-weight: 600;cursor: pointer;display: flex;
  justify-content: space-between;align-items: center;padding: 10px 0;color: white;font-size: 20px;font-weight: 600;text-transform: capitalize;}
.faq-question .icon {transition: transform 0.3s ease;font-weight: bold;font-size: 18px;color: white;}
.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.4s ease, padding 0.3s ease;padding: 0 0;color: white;}
.faq-answer p {margin: 10px 0;}
.faq-item.active .faq-answer {max-height: 360px;padding: 10px 0;}
.faq-item.active .faq-question .icon {transform: rotate(180deg);content: "–";}
.faq_ql{background-color: var(--yellow-color);border: solid 1px transparent;border-radius: 16px;margin-top: 30px;color: black;}
.faq_ql .faq-question{color: var(--text-color);font-weight: 700;}
.faq_ql .faq-question span{color: var(--text-color);}
.ft_ql_cnt{display: flex;flex-direction: column ;align-items: start;justify-content: start;}
.ft_ql_cnt a{color: var(--text-color);font-size: 18px;font-weight: 500;margin: 6px 0;}
.ft_copyright{font-size: 15px;color: white;text-align: center;margin-top: 40px;padding-bottom: 40px;}
.ft_copyright a{color: var(--yellow-color);font-weight: 300;}

.floatin_icon_bg{position: fixed;top: 200px;right: 0px;z-index: 1000;}
.floatin_icon_bg a{display: flex;align-items: center;gap: 10px;width: 160px;margin: 10px 0;
                  border-top-left-radius: 50px;border-bottom-left-radius: 50px;padding: 6px 8px;transition: all 0.3s cubic-bezier(0.40,0.00,0.20,1.00);
                  transform: translateX(110px);}
.floatin_icon_bg a p{font-size: 18px;color: white;font-weight: 500;}
.floatin_icon_bg a img{height: 40px;width: 40px;}
.floatin_icon_bg a:hover{transform: translateX(0px);}
.float_fb{background-color:#3a559f;}
.float_insta{  background: #833ab4;
  background: linear-gradient(
    to right,
    #d744d5,#fd1d1d,#fcb045
  );}
.float_whatsapp{background-color:#29a71a;}
.float_yt{background-color: #ff0000;}


.action-bar {position: fixed;bottom: 0;left: 0;width: 100%;display: none;grid-template-columns: 1fr 1fr 1fr;
              background-color: #31346e;z-index: 8;border-top: 2px solid var(--yellow-color);}
.action-bar a {display: flex;align-items: center;justify-content: center;padding: 18px 6px;color: var(--yellow-color);
  font-size: 12px;font-weight: 400;letter-spacing: 2px;text-decoration: none;text-transform: uppercase;
  border-right: 1px solid rgba(201, 168, 76, 0.35);transition: background 0.2s ease, color 0.2s ease;text-align: center;}
.action-bar a:last-child {border-right: none;}
.drbtn{justify-content: start !important;}
.up_btn{position: fixed;right: 40px;bottom: 50px ;z-index: 8;display: none;}
.up_btn.up_active{display: block !important;}
.up_btn button{background-color: transparent;border: solid 1px transparent;}
.up_btn button img{border-radius: 100px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.quick_chat{position: fixed;right: 40px;bottom: 140px ;z-index: 8;display: none;}

.banner_mask_box.about{width: -webkit-fill-available;}
.banner_title.about{color:#ffc600;text-align:center;padding-bottom: 20px;font-size: 40px;}
.banner_desc.about{text-align:center;opacity: inherit;
  transform: inherit;}
.banner_desc.about a{color:white;}
.abooute h2{font-family: "Lavishly Yours", cursive;font-size: 60px; color: #71549d;}
.abooute label{display: inline-block;  font-size: 36px;  color: #333333;  font-weight: 600;  padding: 0px 321px;line-height:1.4;}
.abooute p{font-size: 17px;  color: #333333;  line-height: 33px;  text-align: center;  margin-top: 18px;}
.abooute p span{color: #624686;font-weight:bold;}
.blue h3{color:#ffc703;text-align: left;text-transform: uppercase;font-size: 36px;}
.blue{background-color: #0c1466;border-radius: 50px;padding: 50px 30px 200px 30px;margin: 15px;position: relative;}
.pow{display: flex;gap: 10px;padding-bottom: 0px; padding-top: 45px;}
.pow img{width:30px; height:26px;}
.pow p{font-size:17px;line-height: 33px; text-align:left;color:white;}
.mivi{display:flex;flex-wrap:wrap;padding-top: 50px; padding-bottom: 100px;}
.purple h3{color:#ffc703;text-align: left;text-transform: uppercase;font-size: 36px;}
.purple{background-color: #563983;border-radius: 50px;padding: 50px 30px 200px 30px;margin: 15px;position: relative;}
img.aboutcat{position: absolute;left: 50%;top: 91%;transform: translate(-50%, -50%);}
img.aboutdog{position: absolute;left: 50%;top: 91%;transform: translate(-50%, -50%);}
.blue::before{content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 978px;
  height: 450px;
  background-image: url("../images/about-blue-dog.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;}

.purple::before{content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 424px;
  height: 339px;
  background-image: url("../images/about-purple-dog.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;}


.contacttus{margin-bottom: -70px;z-index: 1;  position: relative;}
.aboutformbg.cootrte{z-index: 0;}
.aboutformbg{
position: relative;
  background-image: url("../images/about-form-bg.webp");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 117px 20px 200px;
  width: 100%;
  overflow: hidden;
 background-color: #1f1f1f;
}
.aboutformbg::before{content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  width: 145px;
  height: 272px;
  background-image: url("../images/home_test_cat.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;}

.aboutformbg::after{content: "";
  position: absolute;
bottom: 0%;
  right: 14%;
  width: 339px;
  height: 385px;
  background-image: url("../images/home_test_dog.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;}

.aboutfo h2{color: white;font-size:36px;font-weight: 500;}
.aboutfo p{color:#ffc600;font-size:36px;font-weight:500;}

.custom-input{
height:55px;
border-radius:40px;
border:none;
padding-left:20px;
font-size:16px;
margin-bottom: 40px;
}

.custom-input:focus{
box-shadow:none;

}

.submit-btn{
background:transparent;
border:none;
font-size:18px;
font-weight:600;
letter-spacing:1px;
}

form{padding:50px 270px;}
.eplc_btn_bg.aboutfp{margin-top: 15px;}
.error-message{color: white; padding-top: 10px; padding-bottom: 10px;}
.test_cnt_bg img.home-google{width: 60%;margin: 20px auto;}
.doctorco{text-align: left;}
.doctorco h3{color: #563983;  font-size: 36px;  font-weight: 600;}
.doctorco label{font-size: 20px;margin-bottom: 20px;margin-top: 10px;}
.doctorco p{font-size: 17px;line-height: 33px; padding: 0px 50px 0 0;}
.sofw{display: flex;flex-wrap: wrap;gap:10px;margin-bottom: 10px;}
.sofw img{width: 25px;height: 26px;}
.verico{margin-top: 25px;}
.verico p{font-size: 17px; color: #252b6d; font-weight: 500;align-content: center;}
.docimg img{width: 331px; height: 461px; object-fit: cover;border: 10px solid #624685;border-radius: 20px;}
.ds{text-align: left;font-size: 17px;margin-top: 30px;}
.dowuy{padding-top: 50px;padding-bottom: 50px;background-image: url("../images/doctor-bg.webp");  background-size: cover;  background-position: center;  background-repeat: no-repeat;}
.docimg {
  position: relative;
}

.docimg span {
  position: absolute;
  left: 50%;
  bottom: 0; /* 👈 fix here */
  transform: translate(-50%, 50%); /* adjust nicely */
  background-color: #252b6d;
  color: white;
  width: 90%; /* optional for spacing */
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 50px;
  text-align: center;
}

.ared h2{color: #ffc000;font-size: 36px;}
.ared p{font-size: 20px;color: white;font-weight: 350;padding-top: 5px;}

.service-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
margin-top: 60px;
}

.service-box {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px 30px;
  text-align: center;
  font-weight: 600;
  width: 200px; /* control box size */
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
    font-size: 20px;
}


.eplc_btn_bg.ddoc {
  margin-top: 50px;
  background: #563983;
  padding: 10px 15px;
  border-radius: 50px;
  color: white !important;
  padding: 8px 15px;   /* smaller height */
width: 280px;
}


.docep{background-image: url("../images/doctor-expertise-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 117px 0;
    position: relative;
}

.docep::before{content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 169px;
  height: 251px;
  background-image: url("../images/doctor-dog.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;}

/* Acts like ::before */
/*.before-lottie{
    position:absolute;
    bottom:0;
    left:10%;
    width:169px;
    height:251px;
    z-index:0;
    pointer-events:none;
}
*/
.docep::after{content: "";
  position: absolute;
  bottom: 0;
  right: 10%;
  width: 168px;
  height: 237px;
  background-image: url("../images/doctor-parrot.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;}

.jhaf h3{color: #563983;font-size: 36px;}
.jhaf p{font-size: 17px; font-weight: 350; padding-top: 5px;}
.jhaf label{font-size: 20px;font-weight: 400;padding-top: 20px;margin-bottom: 40px;}

.blg{width: 100%;  padding: 40px 60px;  border-radius: 20px;text-align: center;min-height: 225px;}
.blg p{color: black;font-size: 20px;text-transform: capitalize;  font-weight: 400;padding-top: 20px;}
.compadr{padding-top: 50px;padding-bottom: 50px;}
.banner_mask_box.about{display: inherit;}
.servoic h2{font-family: "Lavishly Yours", cursive;  font-size: 60px;  color: #71549d;}
.servoic label{display: inline-block;  font-size: 36px;  color: #333333;  font-weight: 600;  padding: 0px 413px;  line-height: 1.4;padding-bottom: 20px;}
.servoic p{font-size: 17px;  color: #333333;  line-height: 33px;  text-align: center;  margin-bottom: 10px;padding: 0px 200px;}
.fibo h4{color: #563983;font-weight: 500;padding: 0;text-transform: uppercase;min-height: 60px; align-content: center;}
.fibo p{font-size: 17px;line-height: 30px;padding-top: 10px;min-height: 130px;color: black;}
.fibo{border: 1px solid #b2b2b2;border-radius: 20px;margin-top: 20px;margin-bottom: 20px;}
.cost{padding:20px;}
.eplc_btn_bg.serv{margin-top: 0;display: flex;justify-content: end;}
.fibo img {border-top-left-radius: 20px;  border-top-right-radius: 20px;}
.jsdgh{margin-top: 30px;margin-bottom: 30px;}

.dfgsdser{background-image: url("../images/service-bg.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;}

.banner-form {
  position: absolute;
  bottom: 0px; /* pushes it outside banner like your design */
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  background: #fff;
  padding: 0px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  z-index: 0;
}

.banner-form input,
.banner-form select {
  border-radius: 30px;
  border: none;
  background-color: #f1f1f1;
  padding: 12px 20px;
  width: 100%;
  outline: none;
    height: 55px;
    margin-bottom: 0;
}

.banner-form button {
  border-radius: 30px;
  background: #ffc107;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
}

.servoicde{padding-top: 30px;padding-bottom: 30px;}
.servoicde label{display: inline-block;  font-size: 36px;  color: #472770;  font-weight: 600;  padding: 0px 321px;  line-height: 1.4;margin-bottom: 15px;}
.servoicde p{font-size: 17px;  color: #333333;  line-height: 33px;  text-align: left;  margin-bottom: 10px;  padding: 0px 100px;}
.servoicde p.pet{font-size: 17px;  color: #333333;  line-height: 40px;  text-align: center;  margin-bottom: 10px;  padding: 0px 0px;}
.form.service-detail{padding: 50px;}
.banner-form .iti--separate-dial-code .iti__selected-flag{border-radius: 30px;}
.banner-form .error-message{position: absolute;color:red;}
.banner-form .form-control:focus{color: none !important;
  background-color: #f1f1f1 !important;
  border-color: none !important;
  outline: none !important;
  box-shadow: none !important;}


.servid label{color: #472770;font-size: 36px;font-weight: 600;}
.servid h2{font-size: 20px;color: black;font-weight: 350;padding-top: 5px;}
.serv .service-box{background-color: #252b6d;color: white;text-transform: capitalize;}
.eplc_btn_bg.servoced .eplc_btn_txt p{color: #fff;}
.servisse{padding: 30px 0;}
.serviwhy label{color: #ffc000;font-size: 36px;padding: 0px 0px;font-weight: 600;}
.serviwhy h2{color: white;font-size: 20px;padding-top: 5px;}
.purservicbg{background-image: url("../images/service-voilet-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 204px 0;
  position: relative;min-height: 850px;}
.serviwhy{margin-bottom: 60px;}
.opd p{color: black;  font-size: 20px;  padding: 15px 30px;  font-weight: 400;  background-color: white;  min-height: 80px;  align-content: center;}
.ods {
  position: relative;
    margin-bottom: 40px;
}

.ods:nth-of-type(5)::before {
  display: none;
}



/* Target ONLY the last .ods (4th one) */
.ods:nth-last-child(2)::before {
  display: none;
}

.ods:last-child::before {
  display: none;
}

.petwec h3{color: #472770; font-size: 36px;font-weight: 600;}
.animalsbox label{display: block;font-size: 18px;font-weight: 500;color: black;text-transform: uppercase;padding-top: 15px;}
.animals-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 gap: 30px;
    padding-top: 60px;
}

.animalsbox {
 width: 231px;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  border: 2px solid #d3d3d3;
  border-radius: 30px;
}

.animalsbox img {
  max-width: 100%;
  height: auto;

}


.petwe{padding-top: 50px;padding-bottom: 50px;}

/* Section Background */
.opd-cta {
  background-color: #2f3575; /* dark blue */
  padding: 80px 20px;
  text-align: center;
}

/* Heading */
.opd-cta h2 {
  color: #ffc107; /* yellow */
 font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 15px;
}

/* Sub text */
.opd-cta p {
  color: #e0e0e0;
  font-size: 17px;
  margin-bottom: 30px;
}

/* Button */
.cta-btn {
  display: inline-block;
  background-color: #ffffff;
  color: #000;
  padding: 14px 35px;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover effect */
.cta-btn:hover {
  background-color: #ffc107;
  color: #000;
}

.faq-section {
      padding:30px 0;
    }

    .faq-title {
      text-align: center;
      margin-bottom: 30px;
      font-weight: 600;
        color: #472770;
  font-size: 36px;
    }

    /* Remove default Bootstrap arrow */
    .accordion-button::after {
      display: none !important;
    }

    /* Ensure relative for icon */
    .accordion-button {
      position: relative;
      font-size: 18px;
      font-weight: 500;
      padding-right: 50px;
    }

    /* + icon */
    .accordion-button::before {
      content: "+";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 24px;
      font-weight: 400;
      transition: all 0.3s ease;
    }

    /* - icon when open */
    .accordion-button:not(.collapsed)::before {
      content: "-";
    }

    /* Item style */
    .accordion-item {
      border: none;
      border-bottom: 1px solid #ddd;
    }

    /* Smooth collapse fix */
    .accordion-collapse {
      transition: height 0.35s ease !important;
    }

    /* Smooth fade */
    .accordion-body {
      opacity: 0;
      transform: translateY(-5px);
      transition: all 0.3s ease;
    }

    .accordion-collapse.show .accordion-body {
      opacity: 1;
      transform: translateY(0);
    }
.accordion-button:not(.collapsed){background-color: white;box-shadow: none;}
.accordion-header{box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.08);}
.accordion-item{border: none;}
.accordion-item:not(:first-of-type){margin-bottom: 15px;}
.accordion-button:focus{outline: none !important;box-shadow: none;}
.accordion-collapse.show .accordion-body{font-size: 17px;padding: 30px;}
.accordion-button{padding: 30px;}

/* Arrow buttons */
.home-product-slick-prev,
.home-product-slick-next {
    position: absolute;
    top: 128%;
 width: 72px;
  height: 39px;
    background: #ffc600;
    border-radius: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none;
    z-index: 999; /* increase */
    font-size: 0; /* hide default text */
}

/* ?? CENTER BOTH WITH GAP */
.home-product-slick-prev {
    left: 50%;
    transform: translateX(-110%); /* move left */
}

.home-product-slick-next {
    left: 50%;
    transform: translateX(10%); /* move right */
}

/* ?? Font Awesome 6 icons */
.home-product-slick-prev::before,
.home-product-slick-next::before {
    font-family: "Font Awesome 6 Free";  /* MUST */
    font-weight: 900;                    /* MUST for solid */
    font-size: 18px;
    color: #000;
    display: block;
}

/* Left arrow */
.home-product-slick-prev::before {
    content: "\f053"; /* fa-chevron-left */
}

/* Right arrow */
.home-product-slick-next::before {
    content: "\f054"; /* fa-chevron-right */
}

.product-slide img{border-top-left-radius: 20px;border-top-right-radius: 20px;}
.product-slide p{color: white;  font-size: 18px;  padding: 40px 65px;min-height: 134px;
  align-content: center;}
.product-slide{background-color: #252b6d;border-radius: 20px;}
.product-slider .slick-slide{padding: 0px 15px;}
.proslider span{font-size: 18px;
  font-weight: 500;
  padding-bottom: 30px;
  padding-top: 30px;
  display: block;}
.proslider{padding: 40px 0 40px 0;}

.catboar{background-image: url("../images/cat-boarding-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 116px 0;
  position: relative;}

.dogboar{background-image: url("../images/dog-boarding-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 116px 0;
  position: relative;}



.catboar span{font-size: 18px;  font-weight: 500;  padding-bottom: 0;  padding-top: 70px;  display: block;  color: #ffc000;}
.catboar .ods:nth-last-child(3)::before {
  display: none;
}

/* Background (optional like design) */
.custom-col {
  position: relative;
      padding: 0 130px;
}

/* Center vertical line */
.custom-col::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
width: 5px;
  background-color: #3b1c62;
  transform: translateX(-50%);
}

.custom-col:nth-last-child(2)::before {display: none;}


/* Titles */
.section-title {
  font-size: 36px;
  font-weight: 700;
  color: #4b2c82;
  margin-bottom: 40px;
}

.sub-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* List style */
.custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 15px;
  font-size: 17px;
}

/* Diamond bullet centered */
.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg); /* ?? center + diamond */
  width: 10px;
  height: 10px;
  background-color: black;
}

.catbor{padding-top: 30px;padding-bottom: 30px;}

.epc-catboard-wrap {
    background: url('../images/cat-boarding-bg-2.webp') center/cover no-repeat;
    padding: 90px 0;
    text-align: center;
    color: #fff;
}

.epc-catboard-wrap.dog{
    background: url('../images/dog-boarding-bg-2.webp') center/cover no-repeat;
    padding: 90px 0;
    text-align: center;
    color: #fff;
}

/* Heading */
.epc-catboard-title {
    color: #FFC107;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 50px;
}

/* List */
.epc-catboard-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.epc-catboard-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 15px;
  font-size: 17px;
}

/* Diamond bullet */
.epc-catboard-list li::before {
    content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg); /* ?? center + diamond */
  width: 10px;
  height: 10px;
  background-color: white;
}

.dfg{padding: 0px 130px;}

.contact-box {
   
    padding: 20px;
}

/* Titles */
.title {
    color: #5a3d91;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 26px;
}

/* Icon */
.icon-circle {
    width: 40px;
    height: 40px;
    background-color: #5a3d91;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 18px;
}
.left-section {
    position: relative;
    padding: 0px 130px;
}

.conts{padding-top: 50px;padding-bottom: 50px;}

.right-section{padding: 0px 130px;}

.left-section::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    width: 4px;
    height: 100%;
    background: #5a3d91;
}

/* Text */
.address-text,
.contact-text {
    font-size: 17px;
    color: #333;
    margin-bottom: 0;
    line-height: 30px;
}

/* Section spacing */
.left-section {
    margin-bottom: 15px;
}

.contact-text a{color: black;}

.contact-item {
    margin-bottom: 15px;
}

.contact-item:last-child {
    margin-bottom: 0;
}

/*popup form enquiry*/
/* ===== BUTTON ===== */

.jp-enquiry-form{padding: 0;}
.jp-enquiry-btn {
    position: fixed;
    right: -57px;
    bottom: 200px;

    transform: rotate(-90deg);
    transform-origin: center;

    z-index: 9999;
    
    padding: 12px 25px;
  border: none;
  background-color: #ffb742;
  color: #000000;
  font-size: 18px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;

    border-radius: 8px 8px 0 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.jp-enquiry-btn:hover {
    color: white;
}



/* ===== MODAL ===== */
.jp-enquiry-modal .modal-content {
    border-radius: 10px;
}

.jp-enquiry-modal .modal-header {
    border-bottom: none;
}

.jp-enquiry-title {
    color: #5a3d91;
    font-weight: 600;
}

/* ===== FORM ===== */
.jp-form-group {
    margin-bottom: 20px;
}

.jp-form-group .iti{width: 100%;}

.jp-form-control {
    width: 100%;
    height: 45px;
    padding: 10px;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 0;
}

.jp-form-group .error-message{color: red;padding-top: 10px;padding-bottom: 10px;}
.jp-form-group.inputnums{margin-bottom: 0 !important;}


.jp-form-control:focus {
    border-color: #5a3d91;
}

.jp-submit-btn {
    background-color: #5a3d91;
    color: #fff;
    border: none;
    padding: 12px;
    width: 100%;
    cursor: pointer;
}

.jp-submit-btn:hover {
    background-color: #472f73;
}

/* Honeypot hidden */
.jp-honeypot {
    display: none;
}
/*popup form enquiry*/

input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
}


   .petboarding-section{
      position:relative;
      overflow:hidden;
      padding:70px 0;
      
    }

    .petboarding-section::before{
      content:"";
      position:absolute;
      top:-90px;
      left:-70px;
      width:260px;
      height:260px;
      border-radius:50%;
      background:rgba(255,255,255,0.08);
    }

    .petboarding-wrapper{
      position:relative;
      z-index:0;
      background:#fffdf8;
      border-radius:30px;
      padding:28px;
      box-shadow:0 24px 60px rgba(21, 12, 46, 0.24);
      overflow:hidden;
    }

    .petboarding-wrapper::before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:8px;
      background:linear-gradient(90deg,#f4c400 0%, #ffd84e 45%, #7f5dd1 100%);
    }

    .petboarding-header{
      text-align:center;
      margin-bottom:28px;
      padding-top:10px;
    }

    .petboarding-badge{
      display:inline-block;
      background:#f4c400;
      color:#4a2d7a;
      font-size:13px;
      font-weight:700;
      padding:8px 16px;
      border-radius:50px;
      margin-bottom:12px;
      text-transform:uppercase;
    }

    .petboarding-title{
     font-size: 36px;
  font-weight: 600;
  color: #4a2d7a;
  margin-bottom: 8px;
    }

    .petboarding-subtitle{
      font-size:15px;
      color:#756d90;
      margin:0;
    }

    .petboarding-card{
      background:#fff;
      border:1px solid #ece4ff;
      border-radius:24px;
      padding:24px;
      margin-bottom:22px;
      box-shadow:0 10px 28px rgba(91,63,149,0.08);
    }

    .petboarding-card-title{
      font-size:20px;
      font-weight:500;
      color:#4a2d7a;
      margin-bottom:18px;
      position:relative;
      padding-left:16px;
    }

    .petboarding-card-title::before{
      content:"";
      position:absolute;
      left:0;
      top:4px;
      width:7px;
      height:20px;
      border-radius:10px;
      background:#f4c400;
    }

    .petboarding-card-subtitle{
      font-size:13px;
      font-weight:600;
      color:#8c83a8;
      margin-top:-8px;
      margin-bottom:18px;
    }

    .petboarding-label{
      display:block;
      font-size:14px;
      font-weight:500;
      color:#554a73;
      margin-bottom:8px;
    }

    .petboarding-note{
      display:block;
      margin-top:8px;
      font-size:12px;
      line-height:1.5;
      color:#d34f4f;
      font-weight:600;
    }

    .petboarding-input,
    .petboarding-select,
    .petboarding-textarea{
      width:100%;
      min-height:54px;
      border:1px solid #e3d9ff;
      border-radius:16px;
      background:#fcfbff;
      padding:13px 16px;
      font-size:15px;
      color:#2e2547;
      box-shadow:none !important;
    }

.petboarding-section .iti--separate-dial-code .iti__selected-flag{border-top-right-radius: 16px;border-bottom-right-radius: 16px;}
.petboarding-section .error-message{color: #ce4040;  padding-top: 10px;  padding-bottom: 10px;font-size: 14px;}

.form-control.phones.custom-input{
      width:100%;
      min-height:54px;
      border:1px solid #e3d9ff;
      border-radius:16px;
      background:#fcfbff;
      padding:13px 16px;
      font-size:15px;
      color:#2e2547;
      box-shadow:none !important;
    }

    .petboarding-textarea{
      min-height:120px;
      resize:vertical;
    }

    .petboarding-input:focus,
    .petboarding-select:focus,
    .petboarding-textarea:focus{
      border-color:#8c6be8;
      background:#fff;
    }

    .petboarding-choice-group{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }

    .petboarding-choice{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 16px;
      border-radius:999px;
      background:#f6f1ff;
      border:1px solid #ddd0ff;
      color:#493b6d;
      font-size:14px;
      font-weight:500;
      cursor:pointer;
    }

    .petboarding-choice input{
      margin:0;
      accent-color:#5b3f95;
    }

    .petboarding-check-card{
      display:flex;
      align-items:center;
      gap:10px;
      width:100%;
      min-height:60px;
      border-radius:18px;
      background:linear-gradient(135deg,#fff8df 0%,#ffffff 100%);
      border:1px solid #f4e3a0;
      padding:14px 16px;
      font-size:14px;
      font-weight:500;
      color:#4e4368;
      cursor:pointer;
      transition:.25s ease;
    }

    .petboarding-check-card input{
      margin:0;
      accent-color:#5b3f95;
    }

    .petboarding-check-card:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 24px rgba(91,63,149,0.10);
    }

    .petboarding-question-box{
      height:100%;
      background:linear-gradient(180deg,#faf7ff 0%,#ffffff 100%);
      border:1px solid #e8dfff;
      border-radius:20px;
      padding:18px;
    }

    .petboarding-question{
      margin:0 0 14px;
      font-size:15px;
      line-height:1.7;
      font-weight:500;
      color:#3f325d;
    }

    .petboarding-declaration-box{
      background:linear-gradient(135deg,#f7f2ff 0%,#fffdf6 100%);
      border:1px dashed #cbbaf8;
      border-radius:20px;
      padding:22px;
    }

    .petboarding-declaration-text{
      margin:0 0 18px;
      font-size:15px;
      line-height:1.8;
      color:#4b4364;
    }

    .petboarding-terms{
      display:inline-flex;
      align-items:flex-start;
      gap:10px;
      font-size:15px;
      line-height:1.6;
      color:#3f345a;
      font-weight:500;
      cursor:pointer;
    }

    .petboarding-terms input{
      margin-top:4px;
      accent-color:#5b3f95;
    }

    .petboarding-submit-wrap{
      text-align:center;
      margin-top:24px;
    }

    .petboarding-submit-btn{
      border:none;
      border-radius:16px;
      background:linear-gradient(90deg,#f4c400 0%,#ffd84d 100%);
      color:#4a2d7a;
      padding:15px 36px;
      font-size:17px;
      font-weight:500;
      box-shadow:0 15px 28px rgba(244,196,0,0.30);
      transition:.25s ease;
    }

    .petboarding-submit-btn:hover{
      transform:translateY(-2px);
    }

   
.petboarding-form{padding: 0;}

.fgdb{padding: 50px 30px 50px 30px;}
.tytyi{padding-bottom: 0;}
.fgdb h3{font-size: 26px;}
.tiks img{width: 33px;height: 33px;}
.tiks p{padding: 0;line-height: auto;margin-bottom: 0;}
.tiks{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;justify-content: center;margin-bottom: 15px;}
.servid p{font-size: 17px;  color: #333333;  line-height: 33px;  text-align: center;  margin-bottom: 10px;  padding: 20px 200px;}
.gfs{margin-bottom: 30px;}
p.noted{padding-top: 20px;  color: chocolate;  font-size: 17px;}
p.noteds{padding-top: 20px;  color: white;  font-size: 18px;}

.video-box{
    overflow:hidden;
    border-radius:16px;
}

.video-box iframe{
    width:100%;
    height:250px;
    border:0;
    border-radius:16px;
}

@media(max-width:767px){

    .video-box iframe{
        height:220px;
    }

}

.videos{margin-top: 50px;margin-bottom: 50px;}
.videos .row{row-gap: 30px;}


.gallery-title{
    color:#fff;
    text-align:center;
    font-size:42px;
    font-weight:700;
    margin-bottom:40px;
}

.gallery-item{
    display:block;
    overflow:hidden;
    border-radius:18px;
}

.gallery-item img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:18px;
    transition:.4s;
    display:block;
}

.gallery-item:hover img{
    transform:scale(1.05);
}

body.compensate-for-scrollbar{
    margin-right:0 !important;
    padding-right:0 !important;
}

.fancybox__container{
    --fancybox-scrollbar-compensate:0px !important;
}
.galleryp{margin-top: 50px;margin-bottom: 50px;}
.fddf h4{font-size: 18px;text-align: center;text-transform: capitalize;}
.paw-animation{width:40px;  height:40px; flex-shrink:0;}
.jp-enquiry-btn:hover{color: white;}
.tick{width: 40px;height: 40px;flex-shrink: 0;}
.pet-clinic{width: 30%;margin: 0 auto;}
.pet-boarding{width: 30%;margin: 0 auto;}
.pet-store{width: 30%;margin: 0 auto;}
.blg img{width: 30%;}

.fibo{
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    background: #fff;
    transition: 0.5s ease;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Image Animation */
.fibo img.hs{
    width: 100%;
    transition: 0.7s ease;
}

/* Content */


/* Premium Hover */
.fibo:hover{
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

.fibo:hover img.hs{
    transform: scale(1.08);
}

/* Shine Effect */
.fibo::before{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    transform: skewX(-25deg);
    transition: 0.8s;
    z-index: 2;
}

.fibo:hover::before{
    left: 150%;
}



.map_box{
    overflow: hidden;
    border-radius: 30px;
}

.map_box iframe{
    transition: 0.8s ease;
    display: block;
}

/* Premium Hover Zoom */
.map_box:hover iframe{
    transform: scale(1.03);
}

.gallery-item{
    display: block;
    overflow: hidden;
    border-radius: 22px;
    position: relative;
}

.gallery-item img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: 0.8s ease;
    display: block;
}

/* Premium Hover Zoom */
.gallery-item:hover img{
    transform: scale(1.08);
}

/* Dark Overlay */
.gallery-item::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.12);
    opacity: 0;
    transition: 0.5s ease;
    z-index: 1;
}

.gallery-item:hover::after{
    opacity: 1;
}

/* Premium Shine Effect */
.gallery-item::before{
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0) 100%
    );

    transform: skewX(-25deg);
    transition: 0.9s ease;
    z-index: 2;
    pointer-events: none;
}

/* Shine Hover */
.gallery-item:hover::before{
    left: 180%;
}

.animalsbox img{width: 40%;}



/* WRAPPER */

.testimonials-page .testimonial-section{position: relative;
  z-index: 0;
  padding-top: 50px;padding-bottom: 50px;}

.testimonials-page .testimonial-wrapper{

    border-radius:40px;
}

/* TOP SECTION */

.testimonials-page .section-tag{
    display:inline-block;
    background:#ffc107;
    color:#4a2d7a;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:18px;
}

.testimonials-page .section-title{
color: #563983;
  font-size: 36px;
  font-weight: 600;
    margin-bottom:15px;
}

.testimonials-page .section-desc{
    color:#666;
    line-height:1.8;
    max-width:700px;
    margin:auto;
    font-size: 17px;
}

/* ===================================
   GOOGLE RATING
=================================== */

.testimonials-page .google-rating-wrap{
    display:none;
    align-items:center;
    justify-content:center;
    gap:20px;
    background:#ffffff;
    padding:25px 35px;
    border-radius:24px;
    box-shadow:0 10px 40px rgba(0,0,0,0.08);
    width:max-content;
    margin:35px auto 0;
    border:1px solid #eeeeee;
}

.testimonials-page .google-rating-logo{
    width:72px;
    height:72px;
    min-width:72px;
    border-radius:50%;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.testimonials-page .google-rating-logo svg{
    width:38px;
    height:38px;
}

.testimonials-page .google-rating-content{
    text-align:left;
}

.testimonials-page .google-rating-content h3{
    font-size:42px;
    font-weight:700;
    color:#2d2f88;
    line-height:1;
    margin-bottom:8px;
}

.testimonials-page .google-stars{
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:8px;
}

.testimonials-page .google-stars svg{
    width:20px;
    height:20px;
}

.testimonials-page .google-rating-content p{
    margin:0;
    color:#777777;
    font-size:14px;
    font-weight:500;
}

/* REVIEW GRID */

.testimonials-page .review-box{
    display:none;
}

.testimonials-page .review-box:nth-child(-n+6){
    display:block;
}

.testimonials-page .testimonial-card{
    background:#fff;
    border-radius:28px;
    padding:30px;
    border:1px solid #ececec;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:0.4s;
    height:100%;
}

.testimonials-page .testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,0.10);
}

.testimonials-page .google-top{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.testimonials-page .google-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.testimonials-page .google-icon img{
    width:30px;
    height:30px;
}

.testimonials-page .google-info h4{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.testimonials-page .review-text{
    color:#555;
    line-height:1.9;
    font-size:15px;
    margin:0;
    padding-top: 0px;
}

/* LOAD MORE */

.testimonials-page .load-more-btn{
    background:#ffc107;
    color:#000;
    border:none;
    padding:14px 40px;
    border-radius:50px;
    font-weight:600;
    transition:0.3s;
}

.testimonials-page .load-more-btn:hover{
    background:#2d2f88;
    color:#fff;
}

/* ===================================
   CTA
=================================== */

.bottom-cta{
    margin-top:70px;
    background:
    linear-gradient(rgba(45,47,136,0.92),rgba(45,47,136,0.92)),
    url('https://images.unsplash.com/photo-1517849845537-4d257902454a?q=80&w=1974&auto=format&fit=crop');

    background-size:cover;
    background-position:center;
    border-radius:35px;
    padding:70px 30px;
    text-align:center;
}

.bottom-cta h2{
    color:#fff;
    font-size:36px;
    font-weight:600;
}

.bottom-cta p{
    color:#fff;
    opacity:0.9;
    margin-top:15px;
    font-size: 17px;

}

.review-btn{
    display:inline-block;
    margin-top:25px;
    background-color:#fcbf08;
    color:#000;
    text-decoration:none;
    padding: 10px 22px;
    border-radius:50px;
    font-weight: 400;
    transition:0.3s;
    font-size: 16px;
}

.review-btn:hover{
    background:#fff;
    color:#000;
}


.mobile_action_bar{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 8;
    grid-template-columns: repeat(2,1fr);
}

.mobile_action_bar a{
    text-decoration: none;
  text-align: center;
  padding: 10px 10px;
  color: #000;
  font-size: 17px;
  font-weight: 400;
}

.mobile_action_bar a:nth-child(1){
    background-color: #fff;
}

.mobile_action_bar a:nth-child(2){
    background-color: #ffb742;
}


.social_icons{
display: flex;
  align-items: center;
  gap: 20px;
  justify-content: left;
  padding: 15px 15px;
}

.social_icons a{
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.social_icons a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.social_icons a:hover{
    transform: translateY(-4px);
}

.date-input {
   width: 100%;
  min-height: 54px;
    padding: 0 30px;
    border: none;
    border-radius: 100px;
    background: #f5f5f5;
    color: #333;
    font-size: 16px;
    cursor: pointer;
}



/* ========== vijai */
.mob_has_dropdown .mob_dropdown_trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0px 0;
}

.mob_arrow {
    font-size: 20px;
    transition: transform 0.3s ease;
    display: inline-block;
    color: white;
    margin-right: 8px;
}

.mob_has_dropdown.open .mob_arrow {
    transform: rotate(180deg);
}
.mob_submenu li{padding-top: 15px !important;padding-bottom: 0px !important; border-top: solid 1px transparent !important;}
.mob_submenu {
    margin-top: 0px !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    padding-left: 16px;
}
.mob_dropdown_trigger p{    font-size: 18px;
    color: white;
    text-transform: capitalize;

    font-weight: 500;}
.mob_has_dropdown.open .mob_submenu {
    max-height: 300px;
}

.mob_submenu li a p {
    font-size: 14px; 
    opacity: 0.85;
}
/* ========= */

/*blog*/

.blog h4{color: #563983;font-weight: 500;padding: 0;text-transform: uppercase;min-height: 60px; align-content: center;}
.blog p{font-size: 17px;line-height: 30px;padding-top: 10px;min-height: 130px;color: black;text-align: left;}
.blog{border: 1px solid #b2b2b2;border-radius: 20px;margin-top: 20px;margin-bottom: 20px;}

.blog img {border-top-left-radius: 20px;  border-top-right-radius: 20px;}

.blog{
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    background: #fff;
    transition: 0.5s ease;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Image Animation */
.blog img.hs{
    width: 100%;
  transition: 0.7s ease;
  height: 275px;
  object-fit: cover;
}

/* Content */


/* Premium Hover */
.blog:hover{
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

.blog:hover img.hs{
    transform: scale(1.08);
}

/* Shine Effect */
.blog::before{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    transform: skewX(-25deg);
    transition: 0.8s;
    z-index: 2;
}

.blog:hover::before{
    left: 150%;
}

.blog h4 {
color: #563983;
  font-weight: 450;
  padding: 0;
  text-transform: capitalize;
  min-height: 65px;
  align-content: center;
  font-size: 18px;
  text-align: left;
  line-height: 30px;
}

.share-buttons .fa{font-size: 20px; padding: 15px; color: #fff;}
.share-buttons .share-lable{font-weight: 400; padding: 8px 0; margin-right: 10px; font-size: 16px;}
.share-buttons{ display: flex;
  margin: 10px 0px;
  gap: 10px;}
.share-buttons img{
    width:40px;
    height:40px;
    object-fit:contain;
    display:block;
}
.blog-inner{padding-top: 30px;padding-bottom: 30px;}


.blog-d ul{list-style: disc;text-align: left;line-height:33px;}
.blog-d ul li{list-style: disc;}
.blog-d ol{list-style: disc;text-align: left;line-height:33px;}
.blog-d ol li{list-style: disc;}

/* =========================
   PREMIUM BLOG INNER PAGE
========================= */

.blog-d{
    background-color:#fff;

    border-radius:30px;

    text-align:left;
    overflow:hidden;
}

.blog-d img.inner-image{
width: 50%;
  border-radius: 25px;
  transition: .4s;
  margin: 0 auto;
  display: block;
}

.blog-d img:hover{
    transform:scale(1.02);
}

.blog-d label{
    display:block;
    font-size: 30px;
  font-weight: 500;
    line-height:1.3;
    color:#111;
    margin:30px 0 20px;
    padding: 0 !important;
}

.blog-d p{
   font-size: 17px;
  line-height: 33px;
    color:#555;
    margin-bottom:20px;
    font-weight:400;
    text-align: left;
    padding: 0 !important;
}

.blog-d a{
    color:#573a83;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.blog-d a:hover{
    color:#573a83;
}

.blog-d h2{
    font-size: 22px;
  font-weight: 400;
    color:#111;
    margin-top:50px;
    margin-bottom:20px;
    position:relative;
    padding-left:20px;
}

.blog-d h2:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background-color:#573a83;
    border-radius:10px;
}

.blog-d h3{
    font-size:22px;
    font-weight:400;
    color:#222;
    margin-top:35px;
    margin-bottom:15px;
}

.blog-d ul,
.blog-d ol{
    margin:20px 0 25px 25px;
    padding:0;
}

.blog-d ul li{
    font-size:17px;
    line-height:33px;
    color:#555;
    margin-bottom:5px;
    position:relative;
}

.blog-d ul li::marker{
    color:#573a83;
}

.blog-d ol li{
    font-size:18px;
    line-height:1.8;
    color:#555;
    margin-bottom:12px;
    font-weight:500;
}

.blog-d blockquote{
    background:#fff8f1;
    border-left:5px solid #e67e22;
    padding:25px;
    margin:30px 0;
    border-radius:15px;
    font-size:18px;
    line-height:1.8;
}

.blog-d .share-buttons{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    background:#fafafa;
    padding:18px 25px;
    border-radius:20px;
    margin:25px 0 35px;
    border:1px solid #eee;
}

.blog-d .share-lable{
    font-size:17px;
    font-weight:400;
    color:#111;
}

.blog-d .share-buttons a{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    transition:.3s;
}

.blog-d .share-buttons a:hover{
    transform:translateY(-5px);
}

.blog-d .share-buttons img{
    margin:0;
    border-radius:0;
}

.blog-d table{
    width:100%;
    border-collapse:collapse;
    margin:30px 0;
}

.blog-d table th{
    background:#e67e22;
    color:#fff;
    padding:15px;
    font-size:16px;
}

.blog-d table td{
    border:1px solid #eee;
    padding:15px;
    font-size:16px;
}

.blog-d hr{
    border:none;
    height:1px;
    background:#eee;
    margin:40px 0;
}

/* Author Box */

.blog-d .author-box{
    display:flex;
    align-items:center;
    gap:20px;
    background:#fafafa;
    padding:25px;
    border-radius:20px;
    margin-top:50px;
}

.blog-d .author-box img{
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:50%;
    margin:0;
}

.blog-d .author-box h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:5px;
}

.blog-d .author-box p{
    margin:0;
    font-size:15px;
}

/* newcode */

.diagnostics-section {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background-image: url('../images/pet-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    
}

/* ── Image Box ── */
.diagnostic-image {
    border-radius: 15px;
    overflow: hidden;
}

.diagnostic-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}

/* ── Content ── */
.diagnostic-content {
    padding-left: 30px;
}

.diagnostic-content h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #2d0565;
    margin-bottom: 10px;
}

.diagnostic-content h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #333;
}

.diagnostic-content p {
    font-size: 17px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 25px;
}

/* ── Checklist ── */
.checklist ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checklist li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    font-size: 18px;
    color: #2d0565;
    font-weight: 500;
    line-height: 1.4;
}

.checklist li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    font-size: 22px;
    font-weight: 700;
}


/* ── Mobile Small (< 576px) ── */
@media (max-width: 575px) {
    .diagnostics-section {
        padding: 40px 30px;
    }

    .diagnostic-image {
        margin-bottom: 20px;
    }

    .diagnostic-image img {
       
        border-radius: 10px;
    }

    .diagnostic-content {
        padding-left: 0;
    }

    .diagnostic-content h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .diagnostic-content h5 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .diagnostic-content p {
        font-size: 17px;
        line-height: 1.7;
        margin-bottom: 15px;
    }

    .checklist li {
        font-size: 17px;
        padding-left: 28px;
        margin-bottom: 10px;
    }

    .checklist li:before {
        font-size: 17px;
    }
}

.consult-btn{
    display:inline-block;
    background:#f4b43a;
    color:#000;
    padding:14px 34px;
    border-radius:50px;
    font-size:18px;
    font-weight:700;
    text-decoration:none;
    transition:0.3s;
}

.consult-btn:hover{
    background:#23006b;
    color:#fff;
    text-decoration:none;
}

.petright{border-radius:50px;}

.cta-call-box {
    border-radius: 16px;
    padding: 10px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-shadow: 0 4px 20px rgba(245, 166, 35, 0.35);
   }

.cta-label {
    color: #1a1a4e;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #563983;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.cta-btn:hover {
    background: #fec600;
    color: #000000;
    transform: scale(1.04);
}

.cta-icon {
    font-size: 20px;
}

.hdesign{ font-size:50px;}