@media only screen and (max-width: 550px) {
#logo img {
width: 150px;
}
.about-us-cover-text h1 {
font-size: 30px;
}
.contact-us-cover-text h1 {
font-size: 30px;
}
} .header-main {
background-color: #fff;
} .flickity-page-dots .dot {
border: 2px solid #111;
}
.flickity-page-dots .dot.is-selected {
background-color: #007f2d;
opacity: 1!important;
border: 0;
} .header:not(.transparent) .header-nav-main.nav > li > a:hover {
color: #007f2d;
} .icon-menu:before {
color: #007f2d;
} .menu-item a:hover {
color: #007f2d!important;
}
.mobile-menu-logo-facebook::after {
font: var(--fa-font-brands);
content: "\f09a";
display: inline-block;
margin-left: -10px;
vertical-align: middle;
font-weight: 400;
transform: scale(1.5);
color: #777;
}
.mobile-menu-logo-facebook:hover::after {
color: #007f2d;
margin-top: -20px;
transition: .4s;
}
.mobile-menu-logo-tiktok::after {
font: var(--fa-font-brands);
content: "\e07b";
display: inline-block;
margin-left: -5px;
vertical-align: middle;
font-weight: 400;
transform: scale(1.5);
color: #777;
}
.mobile-menu-logo-tiktok:hover::after {
color: #007f2d;
margin-top: -20px;
transition: .4s;
}
.mobile-menu-logo-chat::after {
font: var(--fa-font-solid);
content: "\f27a";
display: inline-block;
margin-left: 0px;
vertical-align: middle;
font-weight: 900;
transform: scale(1.5);
color: #777;
}
.mobile-menu-logo-chat:hover::after {
color: #007f2d;
margin-top: -20px;
transition: .4s;
}
.mobile-menu-logo-phone::after {
font: var(--fa-font-solid);
content: "\f3cd";
display: inline-block;
margin-right: 5px;
vertical-align: middle;
font-weight: 900;
transform: scale(1.5);
color: #777;
}
.mobile-menu-logo-phone:hover::after {
color: #007f2d;
margin-top: -20px;
transition: .4s;
}
.mobile-menu-logo-email::after {
font: var(--fa-font-solid);
content: "\f0e0";
display: inline-block;
margin-right: 10px;
vertical-align: middle;
font-weight: 900;
transform: scale(1.5);
color: #777;
}
.mobile-menu-logo-email:hover::after {
color: #007f2d;
margin-top: -20px;
transition: .4s;
} .custom-footer {
box-shadow: 0px 0px 10px rgba(0,0,0,.15);
}
@media only screen and (max-width: 550px) {
.footer-row {
display: grid;
grid-template-columns: 250px;
justify-content: center;
}
.footer-map {
display: grid!important;
grid-template-columns: 300px!important;
justify-content: center!important;
}
}
.custom-footer .ux-menu-title {
color: #1b1b1b;
text-transform: capitalize;
font-size: 18px;
font-weight: bold!important;	
}
.custom-footer a {
color: #007f2d;
font-weight: bold!important;
}
.custom-footer a:hover {
color: #003312!important;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
transition: 0.2s!important;
}  @media only screen and (max-width: 550px) {
.absolute-footer-left .text-left,
.absolute-footer-right .text-right {
text-align: center;
}
}
.absolute-footer-text p {
font-size: 90%;
color: #fff!important;
}
.absolute-footer, html {
background-color: #242424!important;
}
.absolute-footer-logo-facebook::before {
font: var(--fa-font-brands);
content: "\f09a";
display: inline-block;
margin-right: 20px;
vertical-align: middle;
font-weight: 400;
transform: scale(1.7);
color: #fff;
}
.absolute-footer-logo-facebook:hover::before {
margin-top: -20px;
transition: .4s;
}
.absolute-footer-logo-tiktok::before {
font: var(--fa-font-brands);
content: "\e07b";
display: inline-block;
margin-right: 20px;
vertical-align: middle;
font-weight: 400;
transform: scale(1.7);
color: #fff;
}
.absolute-footer-logo-tiktok:hover::before {
margin-top: -20px;
transition: .4s;
}
.absolute-footer-logo-chat::before {
font: var(--fa-font-solid);
content: "\f27a";
display: inline-block;
margin-right: 20px;
vertical-align: middle;
font-weight: 900;
transform: scale(1.7);
color: #fff;
}
.absolute-footer-logo-chat:hover::before {
margin-top: -20px;
transition: .4s;
}
.absolute-footer-logo-phone::before {
font: var(--fa-font-solid);
content: "\f3cd";
display: inline-block;
margin-right: 20px;
vertical-align: middle;
font-weight: 900;
transform: scale(1.7);
color: #fff;
}
.absolute-footer-logo-phone:hover::before {
margin-top: -20px;
transition: .4s;
}
.absolute-footer-logo-email::before {
font: var(--fa-font-solid);
content: "\f0e0";
display: inline-block;
margin-right: 20px;	
vertical-align: middle;
font-weight: 900;
transform: scale(1.7);
color: #fff;
}
.absolute-footer-logo-email:hover::before {
margin-top: -20px;
transition: .4s;
}  .homepage-button::after,
.about-us-button::after {
font: var(--fa-font-solid);
content: "\f178";
display: inline-block;
margin-left: 5px;
vertical-align: middle;
font-weight: 900;
transform: scale(1.2)
}
.homepage-button:hover::after,
.about-us-button:hover::after {
padding-left: 10px;
transition: 0.1s;
} .homepage-top-title h1 {
letter-spacing: -.5px!important;
line-height: 1.1!important;
margin-bottom: 3rem!important
}
.homepage-top-subtitle p {
font-size: 20px!important;
letter-spacing: -.5px!important;	
color: #1B1B1B;
margin-bottom: 2.5rem!important	
} .box-review img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
@media only screen and (max-width: 550px) { .homepage-review-title p
{
text-align: left!important;
}	
}
.ti-widget[data-layout-id='34'][data-set-id='light-background'] .ti-review-item>.ti-inner {
border-radius: 15px!important;
background-color: #fff!important
}
.ti-widget.ti-goog .ti-verified-review {
background: url(https://atpetcare.vn/wp-content/uploads/2025/05/ti-verified.svg)!important;
} @media only screen and (max-width: 550px) { .homepage-why-atpetcare-title p
{
text-align: left!important;
}
}
.homepage-why-at-pet-care h3 {
line-height: 1.0!important;
} .homepage-service h3 {
line-height: 1.0!important;
}
@media only screen and (max-width: 850px) {
.homepage-icon-service {
display: flex !important;
flex-direction: column !important;
}
}  .homepage-expect1::before, .homepage-expect2::before, .homepage-expect3::before {
font: var(--fa-font-solid);
content: "\f058";
display: inline-block;
margin-bottom: -65px;
margin-left: -40px;
vertical-align: middle;
font-weight: 800;
transform: scale(2.5);
}
.homepage-expect1::before {
color: #F64B4B
}
.homepage-expect2::before {
color: #68D585
}
.homepage-expect3::before {
color: #473BF0
}
.homepage-expect1, .homepage-expect2, .homepage-expect3 {
padding-left: 50px;
}
.homepage-expect-quote h3::before {
font: var(--fa-font-solid);
content: "\f10d";
display: block;
margin-bottom: 10px;
font-weight: 600;
font-size: 2em;
color: #1B1B1B;
} .blackbox-text1::before, .blackbox-text2::before, .blackbox-text3::before {
font: var(--fa-font-solid);
content: "\f058";
display: inline-block;
margin-bottom: -35px;
vertical-align: middle;
font-weight: 800;
transform: scale(2);
color: #68D585;
}
.blackbox-text1 p, .blackbox-text2 p, .blackbox-text3 p {
padding-left: 35px!important;
margin-top: -5px;
} .why-atpetcare-top img,
.why-atpetcare-doctor img,
.why-atpetcare-equip img,
.why-atpetcare-clinic img,
.why-atpetcare-file img,
.why-atpetcare-support img {
border-radius: 30px;
} .about-us-an img {
border-radius: 20px;
}
@media only screen and (max-width: 550px) {
.about-us-cover {
padding-bottom: 0px!important;
}
.about-us-section-2 h2 {
text-align: left!important;
}
}
.about-us-cover-text h1 {
line-height: 1em;
}
.about-us-cover-image img {
border-radius: 20px;
}
.about-us-section-2 h2,
.about-us-dr-an h2,
.about-us-core-value h2 {
padding-bottom: 20px;
}
.about-us-core-value p strong {
font-size: 120%;
line-height: 1em;
} .tat-ca-dich-vu img {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
} .contact-us-time h3::before {
font: var(--fa-font-solid);
content: "\f017";
display: block;
margin-bottom: -30px;
margin-left: -35px;
font-weight: 800;
color: #007f2d;
}
.contact-us-address h3::before {
font: var(--fa-font-solid);
content: "\f3c5";
display: block;
margin-bottom: -30px;
margin-left: -35px;
font-weight: 800;
color: #007f2d;
}
.contact-us-hotline h3::before {
font: var(--fa-font-solid);
content: "\f3ce";
display: block;
margin-bottom: -30px;
margin-left: -35px;
font-weight: 800;
color: #007f2d;
}
.contact-us-email h3::before {
font: var(--fa-font-solid);
content: "\f0e0";
display: block;
margin-bottom: -30px;
margin-left: -35px;
font-weight: 800;
color: #007f2d;
}
.contact-us-cf7-title h2::after {
font: var(--fa-font-solid);
content: "\f086";
display: inline-block;
margin-left: 5px;
vertical-align: middle;
font-weight: 900;
transform: scale(0.8)
} .cf-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 5px;
padding-left: 5px;
}
@media ( min-width: 576px ) {
.cf-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.cf-push-1 { margin-left: 8.333333%; }
.cf-col-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.cf-push-2 { margin-left: 16.66667%; }
.cf-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.cf-push-3 { margin-left: 25%; }
.cf-col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.cf-push-4 { margin-left: 33.33333%; }
.cf-col-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.cf-push-5 { margin-left: 41.66667%; }
.cf-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.cf-push-6 { margin-left: 50%; }
.cf-col-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.cf-push-7 { margin-left: 58.33333%; }
.cf-col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.cf-push-8 { margin-left: 66.66667%; }
.cf-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.cf-push-9 { margin-left: 75%; }
.cf-col-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.cf-push-10 { margin-left: 83.33333%; }
.cf-col-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.cf-push-11 { margin-left: 91.66667%; }
.cf-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
} label {
color:#777 !important
}
#feedback-name::placeholder,
#feedback-phone::placeholder,
#feedback-email::placeholder,
#feedback-address::placeholder,
#feedback-list {
color:#777;
opacity: 0.7;
}
#feedback-name:focus::placeholder,
#feedback-phone:focus::placeholder,
#feedback-email:focus::placeholder,
#feedback-address:focus::placeholder,
#feedback-content:focus::placeholder {
color:#007f2d!important
}
#feedback-list {
color: #777 !important
}
#feedback-name:focus,
#feedback-phone:focus,
#feedback-email:focus,
#feedback-address:focus,
#feedback-list:focus,
#feedback-content:focus {
background-color: #007f2d;
color: #fff !important;
border: 0 !important;
transition: all, .5s;
}
#feedback-submit {
background-color: #fff !important;
border-width: 2px;
border-color: #007f2d;
color: #007f2d;
}
#feedback-submit:hover {
background-color: #007f2d !important;
color: #fff;
transition: all, .5s;!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #007f2d;
}
.wpcf7 form .wpcf7-response-output {
border: 2px solid #007f2d;
} #comments,
.comments-area,
.comment-respond,
.comments {
display: none !important;
}
.single-post .entry-header-text {
padding-bottom: 0 !important;
}
.single-post .entry-header .is-divider {
display: none;
}
.single-post h1.entry-title {
font-size: 36px;
line-height: 1.3;
}
.single-post h2.wp-block-heading {
font-size: 24px;
line-height: 1.3;
}
.single-post h3.wp-block-heading {
font-size: 20px;
line-height: 1.3;
}
@media (max-width: 849px) {
.single-post h1.entry-title {
font-size: 24px;
}
.single-post h2.wp-block-heading {
font-size: 20px;
}
.single-post h3.wp-block-heading {
font-size: 16px;
}
p.from_the_blog_excerpt
{
display: none;
}	
} .custom-share{
display:flex;
align-items:center;
gap:12px;
margin:30px 0;
}
.custom-share a,
.custom-share button{
width:44px;
height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 !important;
margin:0;
border:none;
border-radius:50%;
line-height:1;
vertical-align:middle;
cursor:pointer;
text-decoration:none;
color:#fff;
font-size:18px;
transition:all .25s ease;
appearance:none;
-webkit-appearance:none;
}
.custom-share a:hover,
.custom-share button:hover{
transform:translateY(-3px);
box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.share-title{
font-size:15px;
font-weight:600;
color:#666;
text-transform:uppercase;
letter-spacing:.5px;
} .share-facebook{
background:#1877F2;
} .share-zalo{
background:#0068FF;
} .share-telegram{
background:#24A1DE;
} .share-copy{
background:#666;
}
.share-copy:hover{
background:#444;
} .blog-wrapper .post-item .col-inner,
.blog-wrapper .post-item .box {
height: 100%;
}
.blog-wrapper .post-item .box {
display: flex;
flex-direction: column;
background: #fff;
}
.blog-wrapper .post-item .box-text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
} .box-blog-post .is-divider {
display: none !important;
} .box-blog-post .post-title,
.box-blog-post .post-title a,
.box-blog-post .box-text h5,
.box-blog-post .box-text h5 a {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.35;
} .box-blog-post .post-title,
.box-blog-post .box-text h5 {
min-height: 4.05em;
margin-bottom: 0;
}
.homepage-blog .flickity-prev-next-button {
display: none !important;
}
.homepage-blog .col-inner {
border-radius: 15px !important;
overflow: hidden;
} .blog-filter{
display:flex;
gap:12px;
flex-wrap:wrap;
margin:0 0 24px;
}
.blog-filter a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 22px;
border-radius:999px;
background:#fff;
border:1px solid #007f2d;
color:#111827;
font-weight:600;
line-height:1;
transition:.2s;
}
.blog-filter a:hover,
.blog-filter a.active{
background:#007f2d;
border-color:#0057ff;
color:#fff;
} .blog img {
border-radius: 10px
}
@media (max-width: 849px) { .blog-featured-sidebar .post-item .box,
.blog-featured-sidebar .post-item .box-vertical{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
}
.blog-featured-sidebar .post-item .box-image{
width: 40% !important;
flex: 0 0 40% !important;
max-width: 40% !important;
}
.blog-featured-sidebar .post-item .box-text{
width: 60% !important;
flex: 0 0 60% !important;
max-width: 60% !important;
padding: 0 0 0 14px !important;
text-align: left !important;
}
.blog-featured-sidebar .post-item .post-title{
margin: 0 !important;
}
.blog-featured-sidebar .post-item .is-divider{
display: none !important;
}
} .blog-featured-layout .box-image{
overflow: hidden;
}
.blog-featured-layout .box-image img{
transition: transform .35s ease;
}
.blog-featured-layout .box:hover .box-image img{
transform: scale(1.05);
}