@charset "UTF-8";
/*
Theme Name: crestlinevets
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.
Version: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/


@charset "UTF-8";

@font-face { font-family: 'AvenirLTPro-Black'; src: url('fonts/AvenirLTPro-Black.eot'); src: url('fonts/AvenirLTPro-Black.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTPro-Black.woff2') format('woff2'), url('fonts/AvenirLTPro-Black.woff') format('woff'), url('fonts/AvenirLTPro-Black.ttf') format('truetype'), url('fonts/AvenirLTPro-Black.svg#AvenirLTPro-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'AvenirLTPro-Light'; src: url('fonts/AvenirLTPro-Light.eot'); src: url('fonts/AvenirLTPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTPro-Light.woff2') format('woff2'), url('fonts/AvenirLTPro-Light.woff') format('woff'), url('fonts/AvenirLTPro-Light.ttf') format('truetype'), url('fonts/AvenirLTPro-Light.svg#AvenirLTPro-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'AvenirLTPro-Heavy'; src: url('fonts/AvenirLTPro-Heavy.eot'); src: url('fonts/AvenirLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTPro-Heavy.woff2') format('woff2'), url('fonts/AvenirLTPro-Heavy.woff') format('woff'), url('fonts/AvenirLTPro-Heavy.ttf') format('truetype'), url('fonts/AvenirLTPro-Heavy.svg#AvenirLTPro-Heavy') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'AvenirLTPro-Medium'; src: url('fonts/AvenirLTPro-Medium.eot'); src: url('fonts/AvenirLTPro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTPro-Medium.woff2') format('woff2'), url('fonts/AvenirLTPro-Medium.woff') format('woff'), url('fonts/AvenirLTPro-Medium.ttf') format('truetype'), url('fonts/AvenirLTPro-Medium.svg#AvenirLTPro-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'AvenirLTPro-Book'; src: url('fonts/AvenirLTPro-Book.eot'); src: url('fonts/AvenirLTPro-Book.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTPro-Book.woff2') format('woff2'), url('fonts/AvenirLTPro-Book.woff') format('woff'), url('fonts/AvenirLTPro-Book.ttf') format('truetype'), url('fonts/AvenirLTPro-Book.svg#AvenirLTPro-Book') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'AvenirLTPro-Roman'; src: url('fonts/AvenirLTPro-Roman.eot'); src: url('fonts/AvenirLTPro-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTPro-Roman.woff2') format('woff2'), url('fonts/AvenirLTPro-Roman.woff') format('woff'), url('fonts/AvenirLTPro-Roman.ttf') format('truetype'), url('fonts/AvenirLTPro-Roman.svg#AvenirLTPro-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src:url('fonts/HelveticaNeue.eot');src:url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),url('fonts/HelveticaNeue.woff2') format('woff2'),url('fonts/HelveticaNeue.woff') format('woff'),url('fonts/HelveticaNeue.ttf') format('truetype'),url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');font-weight:400;font-style:normal;font-display:swap}

:root{
--nav_font:'Helvetica Neue';
--heading_font:'AvenirLTPro-Black';
--body_font:'AvenirLTPro-Medium';
--btn_font: 'AvenirLTPro-Medium';
/* --Regular_font: 'Inter-Regular';
--SemiBold_font:  'Inter-SemiBold';
--Work_Medium_font: 'Work-Medium'; */

--btn_color: #02739A;
--btn_color_2: #691A32;
--white_color:#FFFFFF;
--black_color: #000000;
--body_color:#000000;
--primary_color: #02739A;
}
/* 1. Define Base Typography
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style-type: none;}
ul, ol {margin:0 0 0 0px;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body { padding: 0; margin: 0; font-family: var(--body_font); font-size: 20px; color: var(--body_color); line-height:27px; box-sizing: border-box; overflow-x: hidden; }
*, *:after, *:before {box-sizing: border-box;} 


/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color:var(--primary_color ); line-height:1.2; font-family:var(--heading_font); text-transform: capitalize;}

/* Specific Header Settings */
h1,.h1 {font-size:50px;}
h2,.h2 {font-size:40px; margin: 0 0 15px 0;}
h3,.h3 {font-size:30px;}
h4,.h4 {font-size:25px;}
h5,.h5 {font-size: 22px;}
h6,.h6 {font-size: 20px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px;  font-size: 20px; line-height: 27px;}

/* container */
/* .container{ max-width: 1500px; width: 100%; padding: 0 50px; margin: 0 auto;} */
.container{ max-width: 1464px; width: 100%; padding: 0 50px; margin: 0 auto;}
/* container */

/* Other Typo */
strong {font-weight: bold; color: var(--black_color);}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--body_color); }


/* 5. Forms
------------------------------------------------------------------------------*/

/* .button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border { background-color: transparent; color: var(--white-color); border: 1px solid var(--white-color); } */

/*  input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {
padding: 18px 32px;
font-family: var(--btn_font);
font-size: 20px;
background: #ffffff;
letter-spacing: 0;
width: 100%;
color: #707070;
text-transform: capitalize;
filter: alpha(opacity=100);
border: 1px solid #707070;
border-radius: 5px !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
line-height: 42px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
outline: none !important;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
resize: none;
margin-bottom: 5px;
}
*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {
    text-transform: capitalize;
    font-family: var(--btn_font);
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 5px 14px;
    /* border: 2px solid var(--btn_color); */
    background-color: var(--btn_color);
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    font-size: 20px;
    color: #FFF;
    line-height: 24px;
    position: relative;
    outline: none;
    box-shadow: none;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    border-radius: 50px;
    text-transform: uppercase;
}

input[type="submit"], input[type="reset"], .btn-success {
padding: 7px 48px
}
input[type="submit"]:hover, input[type="reset"]:hover,.btn-success:hover, a.button:hover{
    color: #00749b;
    background-color: #fff !important;
    border: 2px solid #00749b;
} 


.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,button.btn-success:hover  { color:var(--btn_color); background-color: transparent;border: 2px solid var(--btn_color); }
a.button:hover , button.btn-success:hover { color:var(--btn_color); background-color: transparent !important; border: 2px solid var(--btn_color); }



input::-webkit-input-placeholder {color: #303030; opacity:50% ; text-transform: capitalize; }
input:-moz-placeholder {color:#303030; opacity:50%;  text-transform: capitalize;}
input::-moz-placeholder {color: #303030; opacity:50%;  text-transform: capitalize;}
input:-ms-input-placeholder {color: #303030; opacity:50% ; text-transform: capitalize;}
textarea::-webkit-input-placeholder {color: #303030; opacity:50%;  text-transform: capitalize;}
textarea:-moz-placeholder {color:#303030; opacity:50%;  text-transform: capitalize;}
textarea::-moz-placeholder {color: #303030; opacity:50%;  text-transform: capitalize;}
textarea:-ms-input-placeholder {color: #303030; opacity:50%;  text-transform: capitalize;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col12,.col11,.col10,.col9,.col8,.col7,.col6,.col5,.col4,.col-3,.col2,.col1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
/* .col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}*/
.col2 {max-width: 50%;}
.col1 {max-width: 100%;} 

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}


/* ------------------------------------------------- */

/* sub - menu css */
ul li ul.sub-menu { padding-left: 0 !important; gap: 0 ; white-space: nowrap; background-color: var(--primary_color); display: block; border-radius: 3px; flex-direction: column; gap: 0; position: absolute; margin: 0; z-index: 3; margin-top: 11px; text-align: center; transform: scaleY(0); /* Hidden initially */ transition: all 0.3s ease; transform-origin: top; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(255, 255, 255, 0.3) 0px 3px 7px -3px; }
ul li:hover > ul.sub-menu { transform: scaleY(1); }
ul li ul.sub-menu li a { padding: 7px 15px !important; display: block; min-width: 200px; line-height: normal; border-bottom: solid 1px #ffffff !important; transition: all 0.4s ease-in-out; font-size: 20px; text-align: left; line-height: 26px; color: #fff; }
ul li ul.sub-menu li:last-child a { border-bottom: 0 !important; }
ul li ul.sub-menu li { margin: 0; display: block; }
ul li ul.sub-menu li a:hover { color: var(--red-color); }
ul.sub-menu li > ul.sub-menu { position: absolute; left: 100%;  top: 12px;  margin: 0; transform: scaleY(0);  transform-origin: top; transition: transform 0.3s ease-in-out; z-index: 9999;  }
ul.sub-menu li > ul.sub-menu li a::before{ width: 100%; }
ul.sub-menu li > ul.sub-menu li.current-menu-item > a{ color: var(--white-color); }
ul.sub-menu li:hover > ul.sub-menu { transform: scaleY(1); }
ul.sub-menu li > ul.sub-menu { visibility: hidden; /* Hide by default */ opacity: 0; }
ul.sub-menu li:hover > ul.sub-menu { visibility: visible; opacity: 1; transform: scaleY(1); transition: transform 0.3s ease, visibility 0s 0s, opacity 0.3s ease-in-out; }
ul li ul.sub-menu li a::after{ right: 10px !important; }
ul li ul.sub-menu li a::before{ display: none; }
ul li ul.sub-menu li{ padding: 0; }
ul li ul.sub-menu li::before{ display: none; }


/* slider css */
/* .slider_inr .slider_box { margin: 0 0 0 270px; padding: 40px 0 65px; }
.slider_inr .slider_box .star_img { padding: 0 0 0 10px; }
.slider_inr .slider_box p{ margin: 0; }
.slider_inr .slider_box p strong{ font-family: var(--black_font); } */
/* slider css */

/* ----------------------------------------------------- def-page --------------------------------------------------------------- */
/* def-page */ 
.def-page{padding: 50px 0;}
.def-page p { font-family: var(--body_font); color: var(--body_color); font-style: normal; font-weight: 400; margin: 0 0 15px; }
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img{border-radius: 0px; position: relative; width: 100% ; height: auto;}
.def-page .left-img img{border-radius: 0px; position: relative; width: 100% ; height: auto;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 15px 0; line-height: 25px; font-family: var(--heading_font); padding: 0px;  }
/* .def-page h1{ font-size: 72px; line-height: 86px;}  */
.def-page h2{ font-size: 40PX; line-height: 50px;}
.def-page h3{ font-size: 30px; line-height: 40px;}
.def-page h4{ font-size: 25px; line-height: 35px;}
.def-page h5{ font-size:22px; line-height:32px; }
.def-page h6{font-size: 20px; line-height: 30px;}
.privacy-page > div > p{ padding-bottom: 0; }


.def-page ul {margin: 0; padding-bottom: 15px;  padding-left: 0; }
.def-page ul li { list-style: none; font-size: 20px; color: var(--body_color); position: relative; padding: 8px 22px; overflow: hidden;}
.def-page ul li:before { content: ""; position: absolute; top: 16px; left: 0; width: 8px; height: 8px; background-color: var(--body_color); border-radius: 50%; }
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 20px; color: var(--body_color); padding: 5px 0; line-height: 27px;}
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--body_color);  padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block; padding: 70px 0px 80px; text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 16px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}
.def-page a { color: var(--btn_color); display: inline; }
.def-page a:hover { color:var(--body_color); }
.def-page strong { font-size: 20px; }

/* validation */
 .wpcf7-not-valid-tip{ display: none !important; }
.wpcf7-not-valid{ border: 2px solid #dc3232 !important; }
.cf7sr-recaptcha .wpcf7-not-valid-tip{ display: block !important; font-size: 15px; }
.submit-captcha { margin-top: -5px; display: flex; /* width: 100%; */ align-items: flex-start; justify-content: flex-start; }
.submit-captcha .input-fild:last-child{ margin-top: 17px; } .wpcf7 form .wpcf7-response-output { margin: 0.5em auto; padding: 0.2em 1em; border: 2px solid #00a0d2;    width: 100%; text-align: center; }
/* validation */
/* ----------------------------------------------------- def-page --------------------------------------------------------------- */


/* header-css */
header{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #02739A2B; position: sticky; top: 0; left: 0; width: 100%; z-index: 2;}
header .header_inr{padding: 10px 0 10px;align-items: center; gap: 170px;}
header .header_inr .header_logo {max-width: 41px; width: 100%; line-height: 0;}
.header_menu nav ul li { padding: 0 64px 0 64px; position: relative; }
.header_menu nav ul li a{font-family: var(--nav_font);font-size: 20px; line-height: 24px;color: #121F48;}
.header_menu nav ul li a:hover{color: var(--btn_color);}
.header_menu nav ul li::before { position: absolute; content: ""; width: 3px; height: 49px; background-color: #02739A; right: 0; top: -8px; border-radius: 20px; }
.header_menu nav ul li:last-of-type:before{display: none;}
.header_menu nav ul li:first-of-type{padding-left: 0;}

/* banner */
.banner{position: relative;box-shadow: 0px -3px 6px #0000002B;}
.banner_img { line-height: 0; height: 93vh; opacity: 0.21; }
.banner_img  video { width: 100%; height: 100%; object-fit: cover; }
.banner_in{position: relative;}
.banner_text{ width: 100%; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); }
.banner_btn .dark_red{background-color: var(--btn_color_2);margin: 20px 0 10px 0;}
.banner_btn .dark_red:hover{background-color: var(--btn_color_2);border: 2px solid var(--btn_color_2); color: var(--btn_color_2);background-color: transparent;}
.banner_text  .banner_logo { max-width:460px; width: 100%; margin: auto; line-height: 0; }
.banner_logo{padding-bottom: 15px;}

/*  */
.house_pets{box-shadow: 0px -3px 6px #0000002B;padding-top: 52px;}
.house_pets{text-align: center;}
.house_pets .house_pets_header h1{padding-bottom: 20px;}
.house_pets .house_pets_header {padding-bottom: 23px; text-align: left;}
.house_pets_in{margin: 0 -15px;flex-wrap: wrap;}
.page-id-181 .house_pets_in{margin: 0;}
.house_pets_card{max-width: 50%; width: 100%; padding: 15px;}
.house_pet_box{position: relative;overflow: hidden;transition: 0.5s all ease-in-out;}
.house_pet_img{line-height: 0;transition: 0.5s all ease-in-out;}
.house_pet_img img{ width: 100%; height: 100%;}
.top_hover_text,.bottom_hover_text{position: absolute;width: 100%; margin: 0 auto;transition: 0.5s all ease-in-out;} .top_hover_text{top: 5%;transform: translateX(-50%); left: 50%; text-align: center;z-index: 1;}
.top_hover_text p { margin-bottom: 0; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.9); font-size: 25px; color: var(--white_color); font-family: var(--heading_font); }
.bottom_hover_text { transform: translateY(0%); padding: 20px 30px; opacity: 0; background-color: rgba(255, 255, 255, 0.802); }
.bottom_hover_text  p{font-size: 18px; color: #121F48;font-family: var(--heading_font);line-height: 23px;}
.house_pet_box .bottom_hover_text p{margin-bottom: 0;}
.house_pet_box:hover .bottom_hover_text{ transform: translateY(-100%);opacity: 1;}
.house_pet_box:hover .top_hover_text{top: 40%;transform: translate(-50%,50%);}
.house_pet_box:hover .house_pet_img{transform: scale(1.2);}

.what_we_offer{background-color: #02739A2C;padding: 31px 0 24px;border-top: 3px solid #121F48;border-bottom: 3px solid #121F48;}
.what_we_offer_head{text-align: center;padding-bottom: 21px;}
.what_we_offer_in{margin: 0 -30px;}
.what_we_offer_in .what_we_offer_card{padding: 0 30px;max-width: 50%; width: 100%;}
.what_we_offer_in .what_we_offer_card .what_we_box h3{padding-bottom: 22px;color: #121F48;}
.what_we_offer_in .what_we_offer_card .what_we_box ul li{position: relative ; padding: 0 0 30px 20px;}
.what_we_offer_in .what_we_offer_card .what_we_box ul li::before{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: var(--btn_color); left: 0 ; top: 10px;}

.why_local{padding: 29px 31px;text-align: center;}
.why_local_in{margin: 0 -25px;flex-wrap: wrap;}
.why_local_in .why_local_card { padding: 24px; max-width: 25%; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; }
.why_local_in .why_local_card .why_local_img{padding-bottom: 9px; line-height: 0;max-width: 230px; margin: 0 auto;}

.why_local_text h3{color: #121F48;text-transform: none;}

/* faq */
.faq{padding: 20px 0 40px;background: transparent linear-gradient(270deg, #FFFFFF00 0%, #02739A4B 50%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;border-top: 3px solid #121F48; border-bottom: 3px solid #121F48;}
.faq h2 { text-align: center; padding-bottom: 13px; }
.accordion { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px 59px; }
.accordion-item { max-width: 47.8%; width: 100%; overflow: hidden; transition: 0.7s ease-in-out; height: min-content; background: #FFFFFF ; border: 1px solid #707070; border-radius: 8px; }
.accordion-item.active > .accordion-header::before {content: ''; transform: rotate(180deg);}
.accordion-content { padding: 0px 30px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.accordion-content .content-section p  { font-size: 18px;}
.accordion-header {position: relative; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; text-align: center; padding: 7px 0 6px; }
.accordion-header::before { content: ''; position: absolute; top: 10px; right: 10px; background: url(images/down-arrow.webp) no-repeat center; background-size: cover; width: 24px; height: 24px; transition: 0.5s; }
.accordion-header strong{font-family: var(--heading_font);font-size: 20px; line-height: 27px; color: #121F48;}
.real_story{padding: 31px 0; text-align: center; border-bottom: 3px solid #121F48; background: linear-gradient( rgba(254, 254, 254, 0.5), rgba(254, 254, 254, 0.5) ), url('images/iStock-1215509608.png'); }
.lets_talk_left ul li{display: flex; gap: 10px;align-items: center;}
.lets_talk_left ul{padding-bottom: 30px;}
.lets_talk_left ul li span{width: 20px ; height: 20px;object-fit: cover;}
.lets_talk_left ul li span  svg{width: 100%; height: 100%;} 
.lets_talk_left ul li span  svg path{fill: #000;}
.lets_talk{padding: 28px 0 48px;}
.lets_talk_right{height: 289px ;
border: 1px solid #707070;max-width: 40%; width: 100%;}
.lets_talk_left{max-width: 50%; width: 100%;}
.lets_talk_right iframe{ height: 100%; width: 100%;}
.lets_talk_left h2{font-size: 35px;padding-bottom: 6px;}

/* footer */
footer { padding: 16px 0 22px; background: transparent linear-gradient(270deg, #FFFFFF00 0%, #02739A4B 50%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; color: #121F48; text-align: center; font-family: var(--nav_font); clear: both; }
footer ul li { padding: 0 20px 0 20px; position: relative; }
footer ul li:first-of-type { padding-left: 0; }
footer ul li::before { position: absolute; content: ""; width: 2px; height: 23px; background-color: #02739A; right: 0; top: 0px; }
footer ul li:last-child:before { display: none; }
footer .footer_logo{ max-width: 79px; width: 100%; margin: 0 auto;line-height: 0;margin-bottom: 6px;}
footer .footer_logo a{width: 100%; height: 100%;}
footer .footer_logo a img{width: 100%; height: 100%;}
footer .btn{margin: 15px 0;}
footer ul li a, footer a { color: #121F48; font-family: var(--nav_font); font-family: var(--nav_font); text-transform: uppercase; }
.footer_copy p{margin-bottom: 0;}
footer a:hover{color: var(--btn_color);}
/* footer */
/* inr_banner */
section.inr_banner { padding: 50px 0 0; }
section.inr_banner h1 {text-transform: uppercase; }
/* inr_banner */
/* about-us css */
.about .about_inr { display: inline-block; }
.about .about_first_img { line-height: 0; float: right;  margin: 0 0px 22px 18px;}
.about .about_sec_img { line-height: 0; float: left; margin: 0 18px 22px 0px;}
.about .about_text h2.h3 { padding: 0 0 5px; }
.about .about_text p { text-align: justify; /* margin: 0; */ }
/* about-us css */
.service { padding: 50px 0; box-shadow: none; }
.service .house_pets_card { padding: 8px; }

/* .faq_tabs */
.faq_tabs  .faq_content .faq_tabs_heading { margin: 0px 0 20px; border-radius: 16px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); background-color: rgba(2, 115, 154, 1); }
.faq_tabs  .faq_content .faq_tabs_heading .collapsible-trigger-btn { width: 100%; cursor: pointer; padding: 20px 75px 10px 67px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.faq_tabs  .faq_content .faq_tabs_heading .collapsible-trigger-btn h5 {color: #fff; }
.faq_tabs  .faq_content .faq_tabs_heading  .collapsible-trigger-btn::after { content: " "; /* font-size: 30px; */ font-weight: 400; position: absolute; right: 24px; background-image: url(images/faq-arrow.webp); background-repeat: no-repeat; background-position: 50% 99%; background-size: 100% 100%; width: 24px; height: 12px; transition: 0.3s all ease-in-out; transform: rotate(180deg); }
.faq_tabs  .faq_content .faq_tabs_heading  .faq_tabs_content_text { visibility: visible; opacity: 1; padding: 0px 1px 21px 67px; transition: all 0.2s linear; font-family: var(--body_font); font-size: 15px; }
.faq_tabs  .faq_content .faq_tabs_heading  .faq_tabs_content_text p { margin-top: 0; text-transform: capitalize; color: #fff; }
.faq_tabs  .faq_content .faq_tabs_heading  .faq_tabs_content_text p:last-of-type { margin-bottom: 0; }
.faq_tabs .faq_content .faq_tabs_heading .collapsible-trigger-btn.active::after { content: ''; transform: rotate( 359deg); }
.faq_tabs .faq_content .faq_tabs_heading .collapsible-trigger-btn::before { content: ''; position: absolute; top: 26px; left: 30px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; }
.faq_tabs .faq_content { padding: 50px 0; }
/* .faq_tabs */
/* .contact */
.contact .contact_left a,
.contact .contact_left p{ color: #02739A;}
.contact .contact_left a:hover{ color: var(--black_color);}
.contact .contact_left .mail_img, .contact .contact_left .phone_img, .contact .contact_left .fax_img, .contact .contact_left .location_img { line-height: 0; max-width: 30px; width: 30px; }
.contact .contact_left .contact_mail ,
.contact .contact_left .contact_phone,
.contact .contact_left .contact_fax,
.contact .contact_left .contact_location { gap: 15px; padding: 0 0 50px;}
.contact .contact_left .contact_location { padding: 0;}
.contact .contact_form { background-color: #00749b; padding: 40px; border-radius: 16px; }
.contact .contact_inr { display: flex; justify-content: space-between; align-items: center; }
.contact .contact_right { max-width: 70%; width: 100%; }
.contact .contact_left { max-width:30%; width: 100%; }
.contact .contact_form form { display: flex; flex-direction: column; }
.contact .contact_form .input-row { display: flex; gap: 40px; margin-bottom: 24px; }
.contact .contact_form input[type="text"],
.contact .contact_form input[type="tel"],
.contact .contact_form input[type="email"], textarea { width: 100%; padding: 12px 25px 10px; border: none; border-radius: 5px; font-size: 20px; line-height: 42px; background-color: #fff; font-family: var(--heading_font); }
.contact .contact_form textarea { height: 127px; resize: none; margin-bottom: 25px; }
.contact .contact_form .from_btn { display: flex; justify-content: flex-end; }
.contact .contact_form .form_bottom { display: flex; align-items: center; gap: 50px; justify-content: space-between; }
.contact .contact_inr_main { padding: 50px 0; }
/* .contact .contact_form .from_btn input#submit:hover { background-color: #ffffff; border: 1px solid #00749b; color: #00749b; } */
/* .contact */
/* .contact .contact_form .from_btn input#submit { background-color: #00749b; border: 1px solid; max-width: fit-content; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); padding: 6px 44px; border-radius: 5px; } */

/* MAIN_ HEADER  */
/* .main_header{ background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #02739A2B; position: sticky; top: 0; left: 0; width: 100%; z-index: 2; } 
.main_header .main_header_img { line-height: 0; }
.main_header .main_header_inr { padding: 12px 0; }
.main_header .main_toggle { display: block; width: auto; height: 30px; cursor: pointer; position: absolute; left: 53%; top: 50%; transform: translate(-50%, -50%); }
.main_header .main_toggle span { background-color: #02739a; height: 3px; transition: .5s; display: block; margin: 5px 0; padding: 0; width: 43px; border-radius: 20px; } */
header .main_toggle { cursor: pointer; display: flex; flex-direction: column; gap: 6px; margin-left: 20px; }
header .main_toggle span { width: 30px; height: 3px; background: #02739a; border-radius: 3px; display: block; transition: 0.3s; }
header#mainMenu .header_inr { position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; max-height: 0; opacity: 0; overflow: visible; z-index: 1; transition:.5s ease, opacity 0.3s ease; box-shadow: 0px 3px 6px rgba(0,0,0,0.15); justify-content: center; align-items: center; }
.admin-bar header#mainMenu .header_inr { position: fixed; top: 32px; left: 0px; width: 100%; background: #fff; max-height: 0; opacity: 0; overflow: visible; z-index: 3; transition:.5s ease, opacity 0.3s ease; box-shadow: 0px 3px 6px rgba(0,0,0,0.15); justify-content: center; align-items: center; }
header#mainMenu.active .header_inr { max-height: 400px; opacity: 1; }
header .header_menu > ul { list-style: none; padding: 20px 0; margin: 0; display: flex; gap: 40px; justify-content: center; }
header .header_menu > ul li a { text-decoration: none; color: #000; font-weight: 600; }

header #mainHeader { position: relative; top: 0; left: 0; width: 100%; height: 65px; background: #fff; box-shadow: 0px 3px 6px rgba(0,0,0,0.15); z-index: 1; display: flex; align-items: center; justify-content: center; transition: opacity 0.4s ease; opacity: 1; }
header #mainHeader.fade-out { opacity: 0;  transition: 0.5s ease-out; }
.main_header .main_header_inr .main_header_img { max-width: 36px; width: 100%; }

.top_content { text-align: center; }

/* mahima 9-9-2025 mahima */
.why_local_in .why_local_card .why_local_img img{transition: 0.3s all ease-in-out;}
.why_local_in .why_local_card .why_local_img img:hover{ transform: scale(0.9); }
/* mahima 10-9-2025 */
.contact_map iframe{width: 100%;height: 100%;}
.contact_map {line-height: 0;height: 450px;}
.service .house_pet_img a{width: 100%;}
.accordion-header { cursor: pointer; }
/* mahima 10-9-2025 */



/* 30-9-2025 mahima  */
section.page_bottom { text-align: center; }
.house_pets.service.service_sub .top_content ,.service_card_bottom .top_content{ text-align: left;}
.service_card_bottom ul li { list-style: none; font-size: 20px; color: var(--body_color); position: relative; padding: 8px 22px; }
.service_card_bottom ul li:before { content: ""; position: absolute; top: 16px; left: 0; width: 8px; height: 8px; background-color: var(--body_color); border-radius: 50%; }
.page_bottom { padding: 31px 0; text-align: center; border-bottom: 3px solid #121F48; border-top: 3px solid #121F48; background: linear-gradient( rgba(254, 254, 254, 0.5), rgba(254, 254, 254, 0.5) ), url('images/iStock-1215509608.png'); }
/* .service_faqs .top_content { padding-bottom: 30px; } */
/* .top_content h2 { padding-bottom: 15px; } */
.service_card_bottom ul{padding-bottom: 20px;}
/* .service_card_bottom h2{padding-bottom: 20px;} */
/* 30-9-2025 mahima  */



.top_img { float: right; margin: 0 0 30px 30px; line-height: 0; }
.page-template-service-page .def-page, .page-template-service-sub-page .def-page{ padding: 0;} 
.service_faqs{ border-top: 3px solid #121F48; clear: both;}
/* .page_bottom h2{ padding-bottom: 35px;} */
.page_bottom a{ text-decoration: underline;}
.page_bottom a:hover{ color: var(--btn_color);}



/* 28-10-2025 mahima */
.house_pets.service.service_sub .house_pets_in {
    margin: 0 0px;
}