/* loader start */
 .loader {
     position: fixed;
     z-index: 999;
     width: 100%;
     height: 100%;
     background-position: center;
     background-repeat: no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: rgb(255, 255, 255);
 }

 #loaderImage {
     background-repeat: no-repeat;
     animation: zoom-in-out 1s linear infinite;
 }

 /* alert */
 .swal2-container {
     background-color: #fff !important;
 }

 .swal2-popup {
     width: 60% !important;
     font-size: 20px !important;
 }

 @keyframes zoom-in-out {
     0% {
         transform: scale(1) rotate(0deg);
     }

     25% {
         transform: scale(1.1) rotate(-10deg);
     }

     50% {
         transform: scale(1) rotate(0deg);
     }

     75% {
         transform: scale(1.1) rotate(10deg);
     }

     100% {
         transform: scale(1) rotate(0deg);
     }
 }


 /* loader ends */
 /* carousel zoom-in animation */
 .carousel .carousel-item.active img {
     animation: zoom-in 15s linear;
 }

 @keyframes zoom-in {
     0% {
         transform: scale(1) rotate(0deg);
     }

     100% {
         transform: scale(1.2) rotate(2deg);
     }

 }

 /* back to top start  */
 .back_to_top.show {
     display: block;
     opacity: 0.8;
     bottom: 15px;
 }

 .back_to_top.show:hover {
     opacity: 1;
 }

 .back_to_top {
     position: fixed;
     display: none;
     right: 15px;
     bottom: 15px;
     z-index: 99;
     background-color: rgb(0, 0, 0);
     color: #ffffff !important;
     padding: 14px 20px;
     opacity: 0;
     border-radius: 0;
     box-shadow: rgba(255, 255, 255, 0.55) 0px 5px 15px;
 }

 .back_to_top:hover {
     background-color: rgb(239, 235, 235);
     color: rgb(0, 0, 0);
     transition: 800ms;
 }

 .back_to_top:hover i {
     color: rgb(0, 0, 0);
     transition: 800ms;
 }

 .back_to_top i {
     font-size: 20px;
 }

 /* back to top ends  */
 /* scroll bar start  */
 ::-webkit-scrollbar {
     width: 15px;
 }

 ::-webkit-scrollbar-track {
     border-left: 1px solid rgb(122, 49, 68);
     border-right: 1px solid rgb(122, 49, 68);
     background: rgb(252, 243, 229);
 }

 ::-webkit-scrollbar-thumb {
     background: rgb(122, 49, 68);
     transition: 800ms;
 }

 ::-webkit-scrollbar-thumb:hover {
     background: rgb(122, 49, 68);
 }

 /* scroll bar end  */
 .header-section {
     background-color: rgba(102, 152, 132, 0.75);
     position: absolute;
     z-index: 3;
 }

 .header-section .content-01 {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     padding: 24px 15px;
 }

 .header-section .content-01 .mail {
     display: flex;
     flex-direction: row;
     align-items: center;
 }

 .header-section .content-01 .tel {
     display: flex;
     flex-direction: row;

 }

 .header-section .content-01 .tel .box {
     display: flex;
     flex-direction: row;
     align-items: center;
 }

 .header-section .content-01 .tel .box:nth-of-type(1) {
     margin-right: 75px;
 }

 .header-section .content-01 i {
     color: rgb(122, 49, 68);
     font-size: 20px;
 }

 .header-section .content-01 .circle {
     background-color: rgb(255, 255, 255);
     width: 55px;
     height: 55px;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     border-radius: 100%;
     margin-right: 10px;
 }

 .header-section .content-01 .mail a {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 20px;
     text-decoration: none;
     color: white;
     transition: 500ms;
 }

 .header-section .content-01 .mail a:hover {
     text-shadow: rgb(255, 204, 0) 1px 0 10px;
 }

 .header-section .content-01 .box a {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 23px;
     text-decoration: none;
     color: white;
 }

 .header-section .content-01 .box a:hover {
     text-shadow: rgb(255, 204, 0) 1px 0 10px;
 }

 .header-section .content-01 .box p {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 18px;
     text-decoration: none;
     color: white;
     margin-bottom: 0px;
 }

 .header-section .content-02 {
     display: flex;
     flex-direction: row;
 }

 .header-section .content-02 a {
     position: relative;
     left: 39%;
     margin-bottom: -95px;
     z-index: 1;
     width: 201px;
     position: absolute;
     bottom: 0px;
 }

 .navbar-section {
     background-color: rgba(122, 49, 68, 0.6);
     z-index: 2;
     position: absolute;
     top: 110px;
 }

 .navbar-section .content-01 .navbar {
     padding: 21px 0px 21px 14px;
 }

 .navbar-section .content-01 .navbar a {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 18px;
     text-decoration: none;
     color: white;
     margin-bottom: 0px;
     padding: 5px 10px;
     display: block;
     transition: 500ms;
     position: relative;
     background-color: transparent;
     z-index: 0;
 }

 .navbar-section .content-01 .navbar .space {
     width: 272px;
 }

 .navbar-section .content-01 .navbar li:nth-of-type(1),
 .navbar-section .content-01 .navbar li:nth-of-type(2) {
     padding-right: 60px;
 }

 .navbar-section .content-01 .navbar li:nth-last-of-type(1),
 .navbar-section .content-01 .navbar li:nth-last-of-type(2) {
     padding-left: 10px;
 }


 .navbar-section .content-01 .navbar a:hover,
 .navbar-section .content-01 .navbar a.active {
     color: rgb(0, 0, 0);
 }

 .navbar-section .content-01 .navbar a::after {
     content: "";
     position: absolute;
     width: 0%;
     height: 100%;
     left: 50%;
     bottom: 0px;
     z-index: -1;
     transition: 500ms;
     background-color: rgb(255, 255, 255);
 }

 .navbar-section .content-01 .navbar a:hover::after {
     width: 100%;
     left: 0;
 }

 .navbar-section .content-01 .navbar a.active::after {
     width: 100%;
     left: 0;
 }

 .slide-section {
     padding: 0px;

 }

 .carousel-control-next,
 .carousel-control-prev {
     width: 85px;
     height: 85px;
     top: calc(50% - -33px);
     background-color: rgba(122, 49, 68, 0.75);
     opacity: 1;
 }

 .carousel-control-next:hover,
 .carousel-control-prev:hover {
     background-color: rgba(102, 152, 132, 0.75);
 }

 .carousel-control-next {
     right: 120px;
     left: auto;
 }

 .carousel-control-prev {
     left: 120px;
 }

 .carousel-control-prev-icon {
     background-image: url('../images/angle-left-solid.svg');
     width: 25px;
     height: 40px;
 }

 .carousel-control-next-icon {
     background-image: url('../images/angle-right-solid.svg');
     width: 25px;
     height: 40px;
 }

 .carousel-caption {
     right: 26.2%;
     left: 26.2%;
     background-color: rgba(122, 49, 68, 0.65);
     display: flex !important;
     flex-direction: column;
     align-items: center;
     padding-top: 15px;
     padding-bottom: 35px;
     bottom: calc(50% - 270px);
 }

 .slide-section .carousel-caption h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 45px;
     line-height: 70px;
     color: white;
     margin-bottom: 0px;
     padding-bottom: 15px;
     width: 100%;
 }

 .slide-section .carousel-caption a {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 22px;
     text-decoration: none;
     color: rgb(255, 255, 255);
     margin-bottom: 0px;
     border: 3px solid rgb(255, 255, 255);
     padding: 17px 19px;
     background: transparent;
     transition: 0.3s;
 }

 .slide-section .carousel-caption a:hover {
     color: rgb(122, 49, 68);
     border: 3px solid rgb(122, 49, 68);
 }

 .slide-section .carousel-caption a:before {
     background: rgb(255, 255, 255);
 }

 .section-a {
     padding: 80px 15px 80px 15px;
     background-image: url('../images/section-a-background.jpg');
     overflow: hidden;
     text-align: center;
 }

 .section-a .content-01 {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .section-a .content-02 {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .section-a .content-02 h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 25px;
     text-decoration: none;
     margin-bottom: 0px;
     margin-right: 20px;
 }

 .section-a .content-02 .head {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding-bottom: 20px;
 }

 .section-a .content-02 h1 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 40px;
     color: #000;
     text-decoration: none;
     margin-bottom: 0px;
     line-height: 50px;
     padding-bottom: 20px;
 }

 .section-a .content-02 p {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 18px;
     text-decoration: none;
     margin-bottom: 0px;
     line-height: 40px;
 }



 .section-b {
     background-color: rgb(102, 152, 132);
     padding: 28px 15px;
     overflow: hidden;

 }

 .section-b h3 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 30px;
     text-decoration: none;
     margin-bottom: 0px;
     color: white;
     text-align: center;
 }

 .section-c {
     padding: 70px 15px 70px 15px;
     background-image: url('../images/section-c-background.jpg');
     overflow: hidden;
 }

 .section-c .content-01 {
     display: flex;
     flex-direction: column;
 }

 .section-c .content-01 .head {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding-bottom: 20px;
 }

 .section-c .content-01 h3 {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 25px;
     margin-bottom: 0px;
     margin-right: 20px;
 }

 .section-c .content-01 h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 40px;
     color: #000;
     margin-bottom: 0px;
     line-height: 50px;
     width: 450px;
     padding-bottom: 40px;
 }

 .section-c .content-02 .item {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-bottom: 30px;
     transition: 500ms;
     border-radius: 20px;
     overflow: hidden;
 }

 .section-c .content-02 .item:hover {
     box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
     background-color: rgb(102, 152, 132);
 }

 .section-c .content-02 .item:hover .hover-effect {
     transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     perspective: 1000px;
 }

 @keyframes shake {

     10%,
     90% {
         transform: translate3d(-1px, 0, 0);
     }

     20%,
     80% {
         transform: translate3d(2px, 0, 0);
     }

     30%,
     50%,
     70% {
         transform: translate3d(-4px, 0, 0);
     }

     40%,
     60% {
         transform: translate3d(4px, 0, 0);
     }
 }

 .section-c .content-02 h4 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 30px;
     margin-bottom: 0px;
     padding-bottom: 30px;
     transition: 500ms;
 }

 .section-c .content-02 .item:hover h4 {
     color: white;
 }

 .section-c .content-02 a {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 18px;
     margin-bottom: 0px;
     color: rgb(122, 49, 68);
     text-decoration: none;
     border: 1px solid rgb(122, 49, 68);
     border-radius: 25px;
     padding: 5.5px 19.5px;
     transition: 500ms;
     background-color: transparent;
 }

 .section-c .content-02 a:hover {
     color: white;
     border: 1px solid rgb(255, 255, 255);
     box-shadow: rgba(14, 30, 37, 0.5) 0px 2px 4px 0px, rgba(14, 30, 37, 1) 0px 2px 16px 0px;
 }

 .section-c .content-02 a::before {
     background-color: rgb(122, 49, 68);
 }

 .section-c .content-02 i {
     margin-left: 5px;
     font-size: 15px;
 }

 .section-c .content-02 .hover-effect {
     padding: 30px 0px;
 }

 .section-d {
     background-image: url('../images/licensed-5-star-background.webp');
     background-repeat: no-repeat;
     padding: 80px 15px 80px 15px;
     overflow: hidden;
 }

 .section-d .container {
     display: flex;
     flex-direction: column;
     align-items: center;

 }

 .section-d h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 25px;
     margin-bottom: 0px;
     color: rgb(255, 255, 255);
     padding-bottom: 25px;
 }

 .section-d p {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 20px;
     margin-bottom: 0px;
     line-height: 40px;
     color: rgb(255, 255, 255);
     width: 900px;
     text-align: center;
     padding-bottom: 40px;
 }

 .section-d .buttons {
     display: flex;
     flex-direction: row;
     width: 950px;
     justify-content: space-between;
 }

 .section-d .buttons a {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 20px;
     margin-bottom: 0px;
     color: rgb(255, 255, 255);
     border: 2px solid rgb(255, 255, 255);
     width: 330px;
     text-decoration: none;
     padding: 15px 0px;
     text-align: center;
     transition: 500ms;
 }

 .section-d .buttons a:hover {
     text-shadow: 1px 1px 2px rgb(255, 0, 0), 0 0 1em rgb(255, 255, 0), 0 0 0.2em rgb(255, 255, 0);
 }

 .section-d .buttons a::before {
     background: rgba(31, 246, 156, 0.4);
 }

 .section-e {
     padding: 60px 15px 60px 15px;
     background-image: url('../images/section-e-back-ground.jpg');
     overflow: hidden;
 }

 .section-e .content-01 {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .section-e .content-02 {
     display: flex;
     flex-direction: column;
     padding: 40px 15px;
 }

 .section-e .content-02 h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 40px;
     color: #000;
     margin-bottom: 0px;
     padding-bottom: 20px;
 }

 .section-e .content-02 ul li {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 0px;
     line-height: 40px;
 }

 .section-e .content-02 ul {
     padding-left: 30px;
 }

 .section-e .content-02 ul li::marker {
     font-size: 15px;
 }

 .section-e .content-03 {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
 }

 .section-e .content-03 h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 40px;
     color: #000;
     line-height: 50px;
     margin-bottom: 0px;
     padding-bottom: 20px;
 }

 .section-e .content-03 p {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 0px;
     line-height: 40px;
     padding-bottom: 35px;
     width: 100%;
 }

 .section-e .content-03 a {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 22px;
     margin-bottom: 0px;
     color: rgb(122, 49, 68);
     border: 2px solid rgb(122, 49, 68);
     text-decoration: none;
     padding: 12px 35px;
     transition: 500ms;
 }

 .section-e .content-03 a:hover {
     background-color: rgb(122, 49, 68, 0.1);
 }

 .section-e .content-03 a img {
     margin-right: 25px;
 }


 .section-e .content-04 {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .section-e .content-05 {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .section-e .content-06 {
     padding: 70px 15px;
 }

 .section-e .content-06 h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 40px;
     line-height: 50px;
     color: #000;
     margin-bottom: 0px;
     padding-bottom: 20px;
 }

 .section-e .content-06 p {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 0px;
     line-height: 40px;
 }

 .section-f {
     background-image: url('../images/testimonials-background.webp');
     padding: 80px 15px 50px 15px;
 }

 .section-f .slick-dots li button {
     width: 14px;
     height: 14px;
     background: white;
     border-radius: 100%;
 }

 .section-f .slick-dots .slick-active button {
     width: 18px;
     height: 18px;
 }

 .section-f .slick-dots {
     display: flex;
     flex-direction: row;
     justify-content: center;
 }

 .section-f .slick-dots li button:before {
     display: none;
 }

 .section-f h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 40px;
     color: #000;
     margin-bottom: 0px;
     text-align: center;
     padding-bottom: 30px;
 }

 .section-f h4 {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 20px;
     margin-bottom: 0px;
     color: rgb(255, 255, 255);
     padding-bottom: 20px;
     text-align: center;
 }


 .section-f p {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 18px;
     margin-bottom: 0px;
     line-height: 41px;
     color: rgb(255, 255, 255);
     text-align: center;
 }

 .section-f .item {
     display: flex !important;
     flex-direction: column;
     align-items: center;
     padding: 20px;
     justify-content: space-between;
     height: 460px;
     margin-bottom: 30px;
     transition: 300ms;

 }

 .section-f img {
     width: 162px;
     padding-bottom: 20px;
 }

 .section-f .name {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .section-g {
     padding: 80px 0px;
     background-image: url('../images/section-g-background.jpg');
 }

 .section-g .row {
     text-align: center;
 }

 .section-g h3 {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 25px;
     margin-bottom: 0px;
     margin-right: 20px;
 }

 .section-g h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 40px;
     color: #000;
     margin-bottom: 0px;
     line-height: 50px;
 }

 .section-g .content-01 .head {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
 }

 .section-g .content-03 img {
     width: 50%;
 }

 .section-g .content-02 .item {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-bottom: 30px;
     border-radius: 20px;
     overflow: hidden;
 }

 .section-g .content-02 h4 {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 23px;
     margin-bottom: 0px;
     padding-bottom: 20px;
     transition: 500ms;
 }

 .section-g .content-02 a {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 18px;
     margin-bottom: 0px;
     color: rgb(122, 49, 68);
     text-decoration: none;
     border: 1px solid rgb(122, 49, 68);
     border-radius: 25px;
     padding: 5.5px 19.5px;
     transition: 500ms;
     background-color: transparent;
 }

 .section-g .content-02 a:hover,
 .section-g .content-02 a:focus {
     color: white;
     border: 1px solid rgb(255, 255, 255);
     box-shadow: rgba(14, 30, 37, 0.5) 0px 2px 4px 0px, rgba(14, 30, 37, 1) 0px 2px 16px 0px;
 }

 .section-g .content-02 a::before {
     background-color: rgb(122, 49, 68);
 }


 .section-g .content-02 i {
     margin-left: 5px;
     font-size: 15px;
 }

 .section-g .content-02 .hover-effect {
     padding: 35px 0px;
 }

 .section-g .content-02 .item:hover {
     box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
     background-color: rgb(102, 152, 132);
 }

 .section-g .content-02 .item:hover .hover-effect {
     transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     perspective: 1000px;
 }

 .section-g .content-02 .item:hover h4 {
     color: white;
 }

 .section-g .content-03 {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .section-g .content-03 a {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 22px;
     margin-bottom: 0px;
     color: rgb(122, 49, 68);
     border: 2px solid rgb(122, 49, 68);
     text-decoration: none;
     padding: 12px 35px;
     transition: 500ms;
 }

 .section-g .content-03 a:hover {
     background-color: rgb(122, 49, 68, 0.1);
 }

 .section-g .content-03 a img {
     width: unset;
     margin-right: 25px;
 }


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


 .section-i .WidgetTitle__Header-sc-ruy1gu-2 {
     font-size: 40px;
 }


 /* card modals */
 .modal-title {
     font-size: 25px !important;
 }

 .modal-body {
     text-align: center !important;
 }

 .modal-body {
     text-align: center !important;
     background-color: #c5c2c2 !important;
 }

 .modal-body .image img {
     width: 50%;
 }


 .section-h {
     padding: 0px;
     overflow: hidden;
 }

 .section-h .fancybox {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .section-h .fancybox a {
     width: 32%;
 }

 .section-h .fancybox a:nth-of-type(4) {
     margin-top: -26.1%;
 }

 .section-h .fancybox a:nth-of-type(5) {
     margin-top: -26.1%;
 }

 .section-h h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 40px;
     color: #000;
     margin-bottom: 0px;
     text-align: center;
     padding-bottom: 30px;
 }

 .footer-section {
     padding: 80px 15px 38px 15px;
     background-image: url('../images/footer-background.webp');
     background-size: auto 100%;
 }

 .footer-section h3 {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 22px;
     margin-bottom: 0px;
     list-style: none;
     color: white;
     padding-bottom: 40px;
 }

 .footer-section .content-01 ul {
     padding: 0px;
 }

 .footer-section .content-01 li {
     list-style: none;
     padding-bottom: 18px;
 }

 .footer-section .content-01 a {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 0px;
     color: white;
     text-decoration: none;
     position: relative;
 }

 .footer-section .content-01 a::after {
     content: "";
     position: absolute;
     width: 0%;
     height: 2px;
     left: 20%;
     bottom: 0px;
     z-index: 1;
     transition: 500ms;
     background-color: rgb(102, 152, 132);
 }

 .footer-section .content-01 a:hover::after,
 .footer-section .content-01 a.active::after {
     left: 0%;
     width: 100%;
 }

 .footer-section .content-02 {
     padding: 0;
 }

 .footer-section .content-02 .box {
     display: flex;
     flex-direction: row;
     margin-bottom: 30px;
 }

 .footer-section .content-02 .circle {
     width: 50px;
     height: 50px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     background-color: rgb(102, 152, 132);
     border-radius: 100%;
     margin-right: 10px;
     color: rgb(255, 255, 255);
 }

 .footer-section .content-02 i {
     font-size: 20px;
 }

 .footer-section .content-02 .box:nth-of-type(1) p {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 0px;
     color: white;
 }

 .footer-section .content-02 .box:nth-of-type(2) a,
 .footer-section .content-02 .box:nth-of-type(3) a {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-size: 18px;
     margin-bottom: 0px;
     color: white;
     text-decoration: none;
 }

 .footer-section .content-02 .box:nth-of-type(2) p,
 .footer-section .content-02 .box:nth-of-type(3) p {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 18px;
     margin-bottom: 0px;
     color: white;
 }

 .footer-section .content-02 .box:nth-last-of-type(1) a {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 0px;
     color: white;
     text-decoration: none;
 }

 .footer-section .content-02 .box:nth-last-of-type(1) .details {
     display: flex;
     flex-direction: row;
     align-items: center;
 }

 .footer-section .content-03 p:nth-of-type(1) {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 20px;
     margin-bottom: 0px;
     line-height: 50px;
     color: white;
     padding-bottom: 10px;
 }

 .footer-section .content-03 p:nth-of-type(2) {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 20px;
     margin-bottom: 0px;
     line-height: 40px;
     color: white;
     width: 220px;
     padding-bottom: 10px;
 }

 .footer-section .content-03 p:nth-of-type(3) {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 20px;
     margin-bottom: 0px;
     line-height: 40px;
     color: white;
     padding-bottom: 30px;
 }

 .footer-section .content-03 .links a:nth-of-type(1) {
     margin-right: 20px;
 }

 .footer-section .content-02 .box a:hover {
     text-shadow: rgb(255, 204, 0) 1px 0 10px;
 }

 .footer-section .content-04 iframe {
     width: 100%;
 }

 .copyright-section {
     background-color: rgb(102, 152, 132);
     padding: 15px 0px;
 }

 .copyright-section p {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 20px;
     margin-bottom: 0px;
     color: white;
     text-align: center;
 }

 .copyright-section a {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 20px;
     margin-bottom: 0px;
     color: white;
     text-decoration: none;
     transition: 500ms;
     display: inline-block;
 }

 .copyright-section a:hover {
     text-shadow: rgb(0, 0, 0) 2px 0 5px;
     color: rgb(255, 176, 4);
 }


 /* --------------------layout full--------------------  */

 .layout-full {
     margin-top: 0px;
     padding-top: 35px;
     padding-bottom: 35px;
     padding-left: 0;
     padding-right: 0;
     min-height: 510px;
     position: relative;
     background-size: contain;
     background-image: url(../images/section-e-back-ground.jpg);
 }

 .inner-col {
     padding-top: 30px;
 }

 .custom-i {
     margin-top: 130px !important;
 }

 .layout-full p span {
     color: #000;
     font-weight: bold;
 }

 .layout-full h1 {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 45px;
     color: rgb(122, 49, 68);
     line-height: initial;
     filter: drop-shadow(rgba(0, 0, 0, 0.26) 0px 3px 4px);
     padding-bottom: 15px;
     position: relative;
     margin-bottom: 15px;
     text-align: center;
 }

 .layout-full h1 span {
     font-size: 45px;
     font-family: "Poppins", sans-serif;
     color: #fff;
     text-align: center;
     padding: 0 15px 0 15px;
     background-color: rgb(122, 49, 68);
     border-radius: 0 30px;
     display: inline-block;
 }

 /* .layout-full h1::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    margin: auto;
    width: 80px;
    height: 4px;
    background-color: #18E575;
  } */

 .aling-center {
     align-self: center;
 }

 .custom-cards {
     padding: 15px;
     background: aliceblue;
     box-shadow: 0 0 33px -28px black;
     margin-bottom: 15px;
 }

 .inner-links {
     color: white !important;
     background: #e7c6a4;
     padding: 15px 15px;
     box-shadow: 0 0 20px -10px black;
 }

 .layout-full h2 {
     line-height: initial;
     font-size: 35px;
     font-family: "Aurelie";
     font-weight: 500;
     color: #000;
     text-transform: capitalize;
     padding-bottom: 15px;
 }

 .align-slef {
     align-self: center;
 }

 .layout-full h3 {
     line-height: initial;
     font-size: 28px;
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     color: #000;
     padding-bottom: 10px;
 }

 .layout-full h4 {
     line-height: initial;
     font-size: 25px;
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     color: #000;
     padding-bottom: 5px;
 }

 .layout-full p {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 17px;
     color: #000000;
     line-height: 35px;
     margin-bottom: 0px;
 }

 .privacy-details {
     padding-bottom: 6px;
 }

 .layout-full img {
     box-shadow: 0 9px 14px 0 rgb(0 0 0 / 20%), 0 23px 16px 0 rgb(0 0 0 / 19%);
     box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%), 0 21px 70px 0 rgb(0 0 0 / 19%);
     padding: 6px;
     display: inline-block;
     margin: 8px;
     margin-left: 0px;
 }

 .custom-inner {
     padding-top: 30px;
 }

 .innerpageimg img {
     width: 23%;
 }

 .layout-full .col-md-8 h3 {
     padding-top: 40px;
 }

 #company-details dt {
     font-family: "Poppins", sans-serif;
     font-weight: bold;
     color: black;
     font-size: 17px;
 }

 #company-details dd {
     font-family: "Poppins", sans-serif;
     color: black;
     font-size: 16px;
     margin-bottom: 0px;
 }

 #company-details dd a {
     font-size: 17px;
     font-weight: 700;
     color: rgb(122, 49, 68);
 }

 #company-details a:hover {
     color: rgb(102, 152, 132);
     text-decoration: none;
     transition: 500ms;
 }


 .privacy-details {
     box-shadow: 1px 1px 30px -13px #000000;
     padding: 10px 20px;
     margin-top: 20px;
     border-radius: 7px;
 }

 .layout-full ul {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     color: #000;
     line-height: 30px;
     list-style: square;
     margin: 0;
     /* list-style: none; */
 }

 .layout-full ul .fas {
     padding-right: 12px;
 }

 .aling-self {
     align-self: center;
 }

 .layout-full a {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     color: rgb(122, 49, 68);
     text-decoration: none;
     white-space: nowrap;
     transition: 500ms;
 }

 .layout-full a:hover {
     color: #000;
 }

 .layout-full table {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 18px;
     color: #000;
     border-collapse: collapse;
     width: 100%;
 }

 .layout-full td,
 th {
     border: 1px solid rgb(122, 49, 68);
     text-align: left;
     padding: 8px;
 }

 .layout-full tr:nth-child(even) {
     background-color: rgb(122, 49, 68);
 }

 .layout-full a:hover {
     text-decoration: none;
     transition: 500ms;
     color: #000;
 }

 .inner-btn:hover {
     background-color: rgb(122, 49, 68);
     color: white !important;
     transition: 0.5s ease-in-out;
 }

 .galleryLink {
     display: contents;
 }

 .galleryLink img {
     box-shadow: 0 9px 14px 0 rgb(0 0 0 / 20%), 0 23px 16px 0 rgb(0 0 0 / 19%);
     box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%), 0 21px 70px 0 rgb(0 0 0 / 19%);
     padding: 5px;
     margin: 5px;
     width: 23%;
 }

 .form-control {
     border: 1px rgb(122, 49, 68) dashed;
 }

 #submit,
 #reset {
     border: 1px dashed rgb(122, 49, 68);
 }

 .card-i {
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     border-bottom-right-radius: 47px;
     border: 5px solid rgb(122, 49, 68);
     transition: 900ms;
     min-height: 530px;
     margin-bottom: 50px;
 }

 .card-i:hover {
     transition: 500ms;
     box-shadow: 0 0 39px -22px black;
     background: rgb(122, 49, 68);
     border-bottom-right-radius: 0px;
     transform: scale(1.008);
 }

 #carouselExampleControls2 .carousel-item {
     /* filter: drop-shadow(0px 10px 27px rgba(0, 0, 0, 0.32)); */
 }

 #carouselExampleControls2 {
     position: absolute;
     top: -6%;
     left: -146px;
 }

 .card-i img {
     margin: 0 !important;
     border: transparent;
     padding: 0;
 }

 .card-i h4 {
     font-family: "Poppins", sans-serif;
     padding-top: 15px;
     padding-bottom: 15px;
     padding-left: 15px;
     color: rgb(122, 49, 68);
 }

 .card-i:hover h4 {
     color: #000;
 }

 .card-i p {
     padding-left: 15px;
     padding-right: 15px;
 }

 .inner-gallery img {
     width: 32%;
 }

 /* .testi {
    box-shadow: 0 0 29px -18px black;
    padding: 15px;
    border-left: 2px solid 996515;
    margin-bottom: 27px;
    transition: 500ms;
    border-right: 2px solid white;
    background-color: #ededed;
  }
  
  .testi:hover {
    border-left: none;
    border-right: 3px solid #996515;
    transition: 800ms;
    transform: scale(1.02);
    box-shadow: none;
  } */


 .carousel-caption-layout {
     padding: 20px;
     bottom: calc(50% - 230px);
 }

 .slide-section-layout .carousel-control-next,
 .slide-section-layout .carousel-control-prev {
     top: calc(50% - -30px);
 }

 /* Kennel page */

 .layout-full .kennels-page .para-2 {
     padding-bottom: 30px;
 }

 .layout-full .kennels-page .para-2 .card {
     position: relative;
     border: none !important;
     transition: 800ms ease-in-out;
     overflow: hidden;
     border-radius: 0 !important;
 }

 .layout-full .kennels-page .para-2 .card img {
     box-shadow: none !important;
     padding: 0;
     margin: 0;
 }

 .layout-full .kennels-page .para-2 .card .content {
     position: absolute;
     top: 25px;
     left: 35px;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .layout-full .kennels-page .para-2 .card.active .content {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
 }

 .layout-full .kennels-page .para-2 .card-other:hover {
     cursor: pointer;
 }

 .layout-full .kennels-page .para-2 .card::after {
     position: absolute;
     content: '';
     width: 110%;
     height: 110%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     border: 3px solid #fff;
     transition: 800ms ease-in-out;
 }

 .layout-full .kennels-page .para-2 .card:hover::after {
     width: 95%;
     height: 92%;
     transition: 800ms ease-in-out;
 }

 .layout-full .kennels-page .para-2 .card.active::after {
     display: none;
 }

 .layout-full .kennels-page .para-2 .card.active {
     position: relative;
     border: 4px solid #000 !important;
 }

 .layout-full .kennels-page .para-2 .card.active::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 50%);
     top: 0;
     left: 0;
 }

 .layout-full .kennels-page .para-2 .card h3 {
     font-size: 35px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
 }

 .layout-full .kennels-page .para-2 .card-other h3 {
     font-size: 25px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
 }

 .layout-full .kennels-page .para-2 .card-other img {
     transition: 800ms ease-in-out;
 }

 .layout-full .kennels-page .para-2 .card-other:hover img {
     transform: scale(1.1);
     transition: 800ms ease-in-out;
 }

 .layout-full .kennels-page .para-3 img {
     box-shadow: none;
     width: 70%;
 }

 .layout-full .kennels-page .para-3-1-left,
 .layout-full .kennels-page .para-3-2-right,
 .layout-full .kennels-page .para-3-3-left {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .layout-full .kennels-page .para-3-1-right,
 .layout-full .kennels-page .para-3-2-left,
 .layout-full .kennels-page .para-3-3-right {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .layout-full .kennels-page .para-3 h2 {
     position: relative;
 }

 .layout-full .kennels-page .para-3 h2::after {
     position: absolute;
     content: '';
     width: 35%;
     height: 3px;
     background-color: #000;
     left: 0;
     bottom: 0;
 }

 .layout-full .kennels-page .para-4 h2 {
     color: rgb(122, 49, 68);
     margin: 0;
     padding: 0;
 }

 .layout-full .kennels-page .para-4 .title {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding-bottom: 20px;
 }

 .layout-full .kennels-page .para-4 img {
     box-shadow: none;
 }


 /* grooming page */

 .layout-full .grooming-page .para-2 {
     padding-bottom: 30px;
 }

 .layout-full .grooming-page .para-2 .card {
     position: relative;
     border: none !important;
     transition: 800ms ease-in-out;
     overflow: hidden;
     border-radius: 0 !important;
 }

 .layout-full .grooming-page .para-2 .card img {
     box-shadow: none !important;
     padding: 0;
     margin: 0;
 }

 .layout-full .grooming-page .para-2 .card .content {
     position: absolute;
     top: 25px;
     left: 35px;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .layout-full .grooming-page .para-2 .card.active .content {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
 }

 .layout-full .grooming-page .para-2 .card-other:hover {
     cursor: pointer;
 }

 .layout-full .grooming-page .para-2 .card::after {
     position: absolute;
     content: '';
     width: 110%;
     height: 110%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     border: 3px solid #fff;
     transition: 800ms ease-in-out;
 }

 .layout-full .grooming-page .para-2 .card:hover::after {
     width: 95%;
     height: 92%;
     transition: 800ms ease-in-out;
 }

 .layout-full .grooming-page .para-2 .card.active::after {
     display: none;
 }

 .layout-full .grooming-page .para-2 .card.active {
     position: relative;
     border: 4px solid #000 !important;
 }

 .layout-full .grooming-page .para-2 .card.active::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 50%);
     top: 0;
     left: 0;
 }

 .layout-full .grooming-page .para-2 .card h3 {
     font-size: 35px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
 }

 .layout-full .grooming-page .para-2 .card-other h3 {
     font-size: 25px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
 }

 .layout-full .grooming-page .para-2 .card-other img {
     transition: 800ms ease-in-out;
 }

 .layout-full .grooming-page .para-2 .card-other:hover img {
     transform: scale(1.1);
     transition: 800ms ease-in-out;
 }

 .layout-full .grooming-page .para-3 img {
     box-shadow: none;
     width: 70%;
 }

 .layout-full .grooming-page .para-3-1-right,
 .layout-full .grooming-page .para-3-2-left,
 .layout-full .grooming-page .para-3-3-right {
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 15px;
 }

 .layout-full .grooming-page .para-3-1-left,
 .layout-full .grooming-page .para-3-2-right,
 .layout-full .grooming-page .para-3-3-left {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .layout-full .grooming-page .para-3 h2 {
     position: relative;
 }

 .layout-full .grooming-page .para-3 h2::after {
     position: absolute;
     content: '';
     width: 35%;
     height: 3px;
     background-color: #000;
     left: 0;
     bottom: 0;
 }

 /* booking page */

 .layout-full .booking-page .para-1 {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .layout-full .booking-page .para-1 .buttons a {
     font-family: Poppins, sans-serif;
     font-weight: 500;
     font-size: 20px;
     margin-bottom: 0px;
     color: rgb(255, 255, 255);
     width: 330px;
     text-align: center;
     border-width: 2px;
     border-style: solid;
     border-color: rgb(255, 255, 255);
     border-image: initial;
     text-decoration: none;
     padding: 15px 0px;
     transition: 500ms;
     background-color: rgb(122, 49, 68);
 }

 .layout-full .booking-page .para-1 .buttons a::before {
     background: rgba(31, 246, 156, 0.4);
 }

 .layout-full .booking-page .para-1 .buttons a:hover {
     text-shadow: rgb(255, 0, 0) 1px 1px 2px, rgb(255, 255, 0) 0px 0px 1em, rgb(255, 255, 0) 0px 0px 0.2em;
 }

 .layout-full .booking-page .para-1 h4 {
     font-size: 18px;
     color: #fb0000;
     text-align: center;
 }

 .layout-full .booking-page .para-1 h3 {
     font-size: 18px;
 }

 .layout-full .booking-page .para-1 h3 span {
     background-color: #000;
     color: #fff;
     padding: 5px 10px;
 }

 .layout-full .booking-page .deposit {
     text-align: center;
     background-color: antiquewhite;
     padding: 15px;
 }

 .layout-full .booking-page .para-1 ul {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .layout-full .booking-page .para-2 {
     padding-bottom: 30px;
 }

 .layout-full .booking-page .para-2 .card {
     position: relative;
     border: none !important;
     transition: 800ms ease-in-out;
     overflow: hidden;
     border-radius: 0 !important;
 }

 .layout-full .booking-page .para-2 .card img {
     box-shadow: none !important;
     padding: 0;
     margin: 0;
 }

 .layout-full .booking-page .para-2 .card .content {
     position: absolute;
     top: 25px;
     left: 35px;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .layout-full .booking-page .para-2 .card.active .content {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
 }

 .layout-full .booking-page .para-2 .card-other:hover {
     cursor: pointer;
 }

 .layout-full .booking-page .para-2 .card::after {
     position: absolute;
     content: '';
     width: 110%;
     height: 110%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     border: 3px solid #fff;
     transition: 800ms ease-in-out;
 }

 .layout-full .booking-page .para-2 .card:hover::after {
     width: 95%;
     height: 92%;
     transition: 800ms ease-in-out;
 }

 .layout-full .booking-page .para-2 .card.active::after {
     display: none;
 }

 .layout-full .booking-page .para-2 .card.active {
     position: relative;
     border: 4px solid #000 !important;
 }

 .layout-full .booking-page .para-2 .card.active::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 50%);
     top: 0;
     left: 0;
 }

 .layout-full .booking-page .para-2 .card h3 {
     font-size: 35px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
 }

 .layout-full .booking-page .para-2 .card-other h3 {
     font-size: 25px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
 }

 .layout-full .booking-page .para-2 .card-other img {
     transition: 800ms ease-in-out;
 }

 .layout-full .booking-page .para-2 .card-other:hover img {
     transform: scale(1.1);
     transition: 800ms ease-in-out;
 }

 .layout-full .booking-page .para-3 {
     text-align: center;
 }

 .layout-full .booking-page .para-3 .title {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
 }

 .layout-full .booking-page .para-3 .title h2 {
     color: rgb(122, 49, 68);
     margin: 0;
     padding: 0;
 }

 .layout-full .booking-page .para-3 img {
     box-shadow: none;
 }

 .layout-full .booking-page .para-3 .list ul {
     display: inline-block;
 }

 .layout-full .booking-page .para-3 .list ul li {
     display: flex;
     justify-content: flex-start;
     gap: 200px;
     border-bottom: 2px solid #000;
 }

 .layout-full .booking-page .para-3 .list ul li p:first-child {
     width: 250px;
     text-align: left;
 }

 .layout-full .booking-page .para-3 h3 {
     margin: 0;
     padding: 0;
 }

 .layout-full .booking-page .para-4 .title {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
 }

 .layout-full .booking-page .para-4 img {
     box-shadow: none;
 }

 .layout-full .booking-page .para-4 h2 {
     color: rgb(122, 49, 68);
     padding-bottom: 0;
     margin: 0;
 }

 .layout-full .booking-page .para-4 .content-1 {
     padding-top: 50px;
     padding-bottom: 50px;
     position: relative;
     text-align: center;
 }

 .layout-full .booking-page .para-4 ul {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .layout-full .booking-page .para-4 .content-1 ul p {
     text-align: left;
 }

 .layout-full .booking-page .para-4 .content-2 h2 {
     padding-bottom: 10px;
     position: relative;
     margin-bottom: 30px;
 }

 .layout-full .booking-page .para-4 .content-2 h2::after {
     position: absolute;
     content: '';
     width: 10%;
     height: 3px;
     bottom: 0;
     left: 0;
     background-color: rgb(122, 49, 68);
 }

 .layout-full .booking-page .para-4 .content-2 h3 {
     font-size: 20px;
     font-weight: 400;
     color: #fff;
     padding: 5px 10px;
     margin-bottom: 25px;
     background-color: rgb(122, 49, 68);
     text-align: center;
 }

 .layout-full .booking-page .para-4 .content-2 .form-control {
     background-color: transparent;
     border: 0px;
     border-radius: 0px;
     border-bottom: 1px solid #000;
     box-shadow: none;
     padding: 0px;
 }

 .layout-full .booking-page .para-4 .content-2 label {
     font-family: "Poppins", sans-serif;
     position: relative;
     font-weight: 500;
     color: #000;
     transition: 800ms;
     font-size: 18px;
     text-transform: uppercase;
 }

 .layout-full .booking-page .para-4 .content-2 .more-space label {
     min-height: 25px;
 }

 .layout-full .booking-page .para-4 .content-2 label span {
     color: red;
 }

 .layout-full .booking-page .para-4 .content-2 .form-group {
     margin-bottom: 55px;
 }

 .layout-full .booking-page .para-4 .content-2 .sub-btn {
     display: flex;
     flex-direction: row;
     justify-content: center;
     padding: 0px;
 }

 .layout-full .booking-page .para-4 .content-2 .sub-btn .button {
     position: relative !important;
     font-weight: 600 !important;
     color: rgb(122, 49, 68) !important;
     transition: 800ms !important;
     font-size: 18px !important;
     padding: 12px 90px !important;
     border: 2px solid rgb(122, 49, 68) !important;
     text-transform: uppercase !important;
     background-color: transparent !important;
 }

 .layout-full .booking-page .para-4 .content-2 .sub-btn .button:hover {
     background-color: rgb(122, 49, 68) !important;
     color: white !important;
     border-color: rgb(122, 49, 68) !important;
 }

 .layout-full .booking-page .para-5 {
     padding-top: 20px;
 }

 .layout-full .booking-page .para-5 .card {
     background-color: rgb(122, 49, 68);
     padding: 30px;
     display: flex;
     align-items: center;
 }

 .layout-full .booking-page .para-5 .card h2 {
     color: #fff;
     position: relative;
     margin-bottom: 25px;
 }

 .layout-full .booking-page .para-5 .card h2::after {
     position: absolute;
     content: '';
     width: 50%;
     height: 2px;
     background-color: #fff;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
 }

 .layout-full .booking-page .para-5 .card p {
     color: #fff;
 }

 .layout-full .booking-page .para-5 ul {
     color: #fff !important;
 }

 .layout-full .booking-page .para-5 .para-5-2 .card p {
     text-align: center;
 }

 .layout-full .booking-page .checkBoxs .form-control {
     height: initial !important;
 }

 .layout-full .booking-page .checkBoxs .form-control {
     width: 1%;
 }

 .layout-full .booking-page .checkBoxs p {
     color: #000;
     font-weight: 500;
 }

 .layout-full .booking-page .checkBoxs .checkBox_1 {
     color: #fb0000;
 }

 .layout-full .booking-page .list-unstyled {
     color: #fb0000;
 }

 #confirm_1,
 #confirm_2 {
     margin-top: 10px;
 }

 .layout-full .booking-page .checkBoxs .form-group {
     margin-bottom: 15px;
 }

 .layout-full .booking-page .checkBoxs .boxs {
     display: flex;
     align-items: baseline;
     gap: 15px;
 }

 /* privacy page */
 .layout-full .privacy-policy h2 {
     padding-top: 20px;
     padding-bottom: 5px;
     margin: 0;
 }

 /* team page */
 .layout-full .team-page .content-1 {
     text-align: center;
     padding-top: 25px;
 }

 .layout-full .team-page .para-2 {
     text-align: center;
 }

 .layout-full .team-page .para-2 img {
     width: 50%;
 }

 .layout-full .team-page .card {
     padding-left: 0;
     padding-top: 0;
     padding-bottom: 5px;
     padding-right: 0;
     border: 0px;
     border-radius: 26px;
     display: flex;
     position: relative;
     margin-bottom: 25px;
     width: 100%;
     flex-direction: column;
     overflow: hidden;
     align-items: center;
 }

 .layout-full .team-page .card-1 {
     background-color: rgb(102, 152, 132);
 }

 .layout-full .team-page .card-2 {
     background-color: rgb(122, 49, 68);
 }

 .layout-full .team-page .card .image {
     position: relative;
     display: flex;
     justify-content: center;
     width: 100%;
 }

 .layout-full .team-page .card .image img {
     box-shadow: none;
     padding: 0;
     display: inline-block;
     margin: 0;
     margin-left: 0px;
     width: 100%;
 }

 .layout-full .team-page .content {
     position: relative;
     z-index: 1;
     width: 100%;
     padding: 15px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .layout-full .team-page .content h3 {
     padding-bottom: 10px;
     text-align: center;
     color: #fff;
 }

 .layout-full .team-page .content p {
     text-align: center;
     font-size: 15px !important;
     color: #fff;
 }

 #company-details .mail-details,
 #company-details .call-details {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .seo-page-link-style {
     color: #3f4346 !important;
 }

 .seo-page-link-style-new {
     font-size: 21px !important;
     padding: 0px 0px !important;
     border: none !important;
     color: #24282c !important;
 }

 .seo-page-link-style-new:hover {
     background-color: transparent !important;
     text-decoration: underline !important;
 }

 .seo-page-feeter-non {
     display: none !important;
 }


 /*android*/
 @media screen and (max-width: 767px) {

     /* Hamburger styles start*/
     .navbar .navbar-toggler {
         color: transparent;
         border-color: transparent;
     }

     .hamburger-button {
         stroke: rgb(255, 255, 255);
         overflow: hidden;
     }

     .hamburger-button .hamburger {
         transition: translate 1s, rotate 1s;
     }

     .hamburger-button[aria-expanded=true] .hamburger {
         translate: 3px -3px;
         rotate: 0.125turn;
     }

     .hamburger-button .line {
         transition: 1s;
         stroke-dasharray: 60 31 60 300;
     }

     .hamburger-button[aria-expanded=true] .line {
         stroke-dasharray: 60 105 60 300;
         stroke-dashoffset: -90;
     }

     /* Hamburger styles end*/

     .header-section {
         position: static;
         background-color: rgb(122, 49, 68);
     }

     .header-section .content-02 a {
         position: static;
         margin-bottom: 0px;
     }

     .header-section .content-01 {
         display: flex;
         flex-direction: column;
         order: 2;
     }

     .header-section .content-01 .mail {
         padding-bottom: 3px;
     }

     .header-section .content-01 .tel {
         display: flex;
         flex-direction: column;
     }

     .header-section .content-01 .circle {
         width: 45px;
         height: 45px;
     }

     .header-section .content-01 .tel .box:nth-of-type(1) {
         margin-right: 0px;
     }

     .header-section .content-01 i {
         font-size: 16px;
     }

     .header-section .content-02 {
         order: 1;
         display: flex;
         flex-direction: column;
         align-items: center;
         padding-top: 15px;
     }

     .header-section {
         padding: 0px;
     }

     .navbar-section {
         background-color: rgb(102, 152, 132);
         position: static;
         padding: 0px;
     }

     .navbar-section .navbar .navbar-toggler {
         padding: 0px;
         box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
     }

     .navbar-section .content-01 .navbar p {
         margin-bottom: 0px;
         font-family: "Poppins", sans-serif;
         font-weight: 600;
         font-size: 20px;
         margin-bottom: 0px;
         color: rgb(255, 255, 255);
     }

     .navbar-section .content-01 .navbar {
         padding: 5px 0px;
     }

     .navbar-section .content-01 .navbar li:nth-of-type(1),
     .navbar-section .content-01 .navbar li:nth-of-type(2) {
         padding-right: 0px;
     }

     .navbar-section .content-01 .navbar li:nth-last-of-type(1),
     .navbar-section .content-01 .navbar li:nth-last-of-type(2) {
         padding-left: 0px;
     }

     .navbar-section .content-01 .navbar li {
         margin-bottom: 5px;
     }

     .navbar-section .content-01 .navbar a {

         padding: 8px 15px;
     }

     .slide-section-layout {
         display: none;
     }

     .carousel-caption {
         display: none !important;
     }

     .carousel-control-prev-icon,
     .carousel-control-next-icon {
         width: 18px;
         height: 28px;
     }

     .carousel-control-prev {
         left: 15px;
     }

     .carousel-control-next {
         right: 15px;
     }

     .carousel-control-next,
     .carousel-control-prev {
         width: 45px;
         height: 45px;
         top: 0;
         bottom: 0;
         margin: auto;
     }

     .section-a {
         background-image: url(../images/section-a-background.jpg);
         padding: 30px 0px;
     }

     .section-a .content-01 {
         padding-bottom: 30px;
     }

     .section-a .content-02 h2 {
         font-size: 18px;
         text-align: center;
         margin-right: 0;
     }

     .section-a .content-02 {
         align-items: center;
     }

     .section-a .content-02 .head {
         padding-bottom: 5px;
         flex-direction: column-reverse;
         gap: 10px;
     }

     .section-a .content-02 h1 {
         font-size: 25px;
         line-height: 35px;
         padding-bottom: 10px;
         text-align: center;
     }

     .section-a .content-02 p {
         font-size: 16px;
         line-height: 30px;
         text-align: center;
     }

     .section-b h3 {
         font-size: 17px;
     }

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

     .section-c .content-01 {
         align-items: center;
     }

     .section-c .content-01 h3 {
         font-size: 18px;
     }

     .section-c .content-01 .head {
         padding-bottom: 5px;
     }

     .section-c .content-01 h2 {
         font-size: 25px;
         line-height: 35px;
         width: unset;
         text-align: center;
     }

     .section-c .content-02 h4 {
         font-size: 25px;
     }

     .section-d img {
         width: 130px;
         padding-bottom: 25px;
     }

     .section-d {
         background-image: url(../images/licensed-5-star-background.jpg);
         background-repeat: no-repeat;
         padding: 50px 0px 50px 0px;
     }

     .section-d h2 {
         font-size: 20px;
         text-align: center;
     }

     .section-d p {
         font-size: 18px;
         line-height: 30px;
         width: unset;
         text-align: center;
     }

     .section-d .buttons {
         display: flex;
         flex-direction: column;
         width: unset;
     }

     .section-d .buttons a {
         font-size: 16px;
         width: 250px;
         margin-bottom: 10px;
     }

     .section-e {
         padding: 50px 0px 15px 0;
     }

     .section-e .content-01 {
         order: 1;
     }

     .section-e .content-02 {
         order: 2;
     }

     .section-e .content-02 h2 {
         font-size: 25px;
         padding-bottom: 10px;
     }

     .section-e .content-02 ul li {
         font-size: 16px;
         line-height: 30px;
     }

     .section-e .content-03 {
         order: 4;
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .section-e .content-03 h2 {
         font-size: 25px;
         line-height: 35px;
         padding-bottom: 10px;
         text-align: center;
     }

     .section-e .content-03 p {
         font-size: 16px;
         line-height: 30px;
         padding-bottom: 30px;
         text-align: center;
     }

     .section-e .content-03 a {
         font-size: 18px;
         padding: 5px 15px;
     }

     .section-e .content-04 {
         order: 3;
     }

     .section-e .content-04 .hover-effect {
         padding-bottom: 25px;
     }

     .section-e .content-05 {
         order: 5;
         padding: 30px 15px;
     }

     .section-e .content-06 {
         order: 6;
         padding: 0px 15px;
     }

     .section-e .content-06 h2 {
         font-size: 25px;
         line-height: 35px;
         padding-bottom: 10px;
         text-align: center;
     }

     .section-e .content-06 p {
         font-size: 16px;
         line-height: 30px;
         text-align: center;
     }

     .section-f h2 {
         font-size: 26px;
         padding-bottom: 20px;
     }

     .section-f {
         padding: 40px 0px 40px 0px;
     }

     .section-f p {
         font-size: 16px;
         line-height: 30px;
     }

     .section-f .item {
         padding: 0px;
         height: 430px;
     }

     .section-f .slick-dots {
         display: none !important;
     }

     .section-f .slick {
         margin-bottom: 0px;
     }

     .section-g {
         padding: 40px 0px;
     }

     .section-g h3 {
         font-size: 18px;
     }

     .section-g h2 {
         font-size: 25px;
         line-height: 35px;
     }

     .section-g .content-03 img {
         width: 100%;
     }

     .section-g .content-03 a img {
         width: unset;
         margin-right: 15px;
     }

     .section-g .content-03 a {
         font-size: 17px;
         padding: 12px 25px;
     }

     .section-h .fancybox a {
         width: unset;
     }

     .section-h .fancybox img {
         padding-bottom: 15px;
     }

     .section-h {
         padding: 0px 15px 30px 15px;
     }

     .section-h .fancybox a:nth-of-type(4) {
         margin-top: 0%;
     }

     .section-h .fancybox a:nth-of-type(5) {
         margin-top: 0%;
     }

     .section-h h2 {
         font-size: 25px;
         padding-bottom: 35px;
     }

     .section-i .WidgetTitle__Header-sc-ruy1gu-2 {
         font-size: 26px;
     }

     .footer-section {
         padding: 50px 0px 41px 0px;
     }

     .footer-section .content-02 {
         padding: 0 15px;
     }

     .footer-section .content-02 i {
         font-size: 16px;
     }

     .footer-section .content-02 .circle {
         width: 45px;
         height: 45px;
     }

     .footer-section .content-03 .links {
         margin-bottom: 30px;
     }

     .copyright-section p,
     .copyright-section a {
         font-size: 16px;
     }



     .slide-section-layout .carousel-control-next,
     .slide-section-layout .carousel-control-prev {
         top: 0;
     }

     .carousel-caption-layout {
         bottom: calc(50% - 95px);
     }


     .layout-full h1 {
         font-size: 30px;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .layout-full h1 span {
         font-size: 30px;
         padding: 0;
         border-radius: 0;
         color: #000;
         background-color: transparent;
     }

     .layout-full h2 {
         font-size: 25px;
     }

     .layout-full h3 {
         font-size: 22px;
     }

     .layout-full .kennels-page .para-1 p,
     .layout-full .grooming-page .para-1 p,
     .layout-full .booking-page .para-1 p {
         text-align: center;
     }


     .layout-full .booking-page .para-4 .content-2 label {
         font-size: 14px;
     }

     .layout-full .booking-page .para-4 .content-2 .more-space label {
         min-height: 25px;
     }

     .layout-full .grooming-page .para-2 .card h3,
     .layout-full .booking-page .para-2 .card h3,
     .layout-full .kennels-page .para-2 .card h3 {
         font-size: 22px;
     }

     .layout-full .kennels-page .para-2 .card-other h3,
     .layout-full .grooming-page .para-2 .card-other h3,
     .layout-full .booking-page .para-2 .card-other h3 {
         font-size: 20px;
     }

     .layout-full .booking-page .para-1 ul {
         align-items: flex-start;
     }

     .layout-full .booking-page .para-1 li p {
         text-align: left;
     }

     .layout-full .booking-page .para-1 .buttons a {
         font-size: 15px;
         width: 100%;
         padding: 15px 15px;
     }

     .layout-full .booking-page .para-4 li p {
         text-align: left;
     }

     .layout-full .booking-page .para-4 .content-2 .sub-btn .button {
         padding: 12px 50px !important;
     }

     .layout-full .kennels-page .para-2 .row,
     .layout-full .grooming-page .para-2 .row,
     .layout-full .booking-page .para-2 .row {
         justify-content: center;
     }

     .layout-full .kennels-page .para-2 .item,
     .layout-full .grooming-page .para-2 .item,
     .layout-full .booking-page .para-2 .item {
         margin-bottom: 20px;
     }

     .layout-full .kennels-page .para-3-1-left,
     .layout-full .kennels-page .para-3-2-right,
     .layout-full .kennels-page .para-3-3-left {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 15px;
     }

     .layout-full .grooming-page .para-3-1-right,
     .layout-full .grooming-page .para-3-2-left,
     .layout-full .grooming-page .para-3-3-right {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: 15px;
         align-items: center;
     }

     .layout-full .kennels-page .para-4 .title {
         flex-direction: column;
         align-items: center;
         justify-content: center;
         text-align: center;
     }

     .layout-full .kennels-page .para-3 p,
     .layout-full .grooming-page .para-3 .para-3-2-left p,
     .layout-full .grooming-page .para-3 .para-3-3-right p {
         text-align: center;
     }

     .layout-full .kennels-page .para-3 .para-3-1-left,
     .layout-full .grooming-page .para-3 .para-3-1-left {
         order: 1;
     }

     .layout-full .kennels-page .para-3 .para-3-1-right,
     .layout-full .grooming-page .para-3 .para-3-1-right {
         order: 2;
     }

     .layout-full .kennels-page .para-3 .para-3-2-left,
     .layout-full .grooming-page .para-3 .para-3-2-left {
         order: 4;
     }

     .layout-full .kennels-page .para-3 .para-3-2-right,
     .layout-full .grooming-page .para-3 .para-3-2-right {
         order: 3;
     }

     .layout-full .kennels-page .para-3 .para-3-3-left,
     .layout-full .grooming-page .para-3 .para-3-3-left {
         order: 5;
     }

     .layout-full .kennels-page .para-3 .para-3-3-right,
     .layout-full .grooming-page .para-3 .para-3-3-right {
         order: 6;
     }

     .layout-full .kennels-page .para-4 {
         text-align: center;
     }

     .layout-full .kennels-page .para-3 h2,
     .layout-full .grooming-page .para-3 h2 {
         text-align: center;
     }

     .layout-full .kennels-page .para-3 h2::after,
     .layout-full .grooming-page .para-3 h2::after {
         position: absolute;
         content: '';
         width: 35%;
         height: 3px;
         background-color: #000;
         left: 0;
         bottom: 0;
         right: 0;
         margin: auto;
     }

     .layout-full .kennels-page .para-2 {
         padding-bottom: 0px;
     }

     .layout-full .booking-page .para-3 .list ul {
         display: inline-block;
         padding-left: 0;
         width: 100%;
     }

     .layout-full .booking-page .para-3 .list ul li {
         display: flex;
         justify-content: center;
         gap: 5px;
         border: 2px solid #000;
         flex-direction: column;
         align-items: center;
         margin-bottom: 10px;
         text-align: center;
         position: relative;
     }

     .layout-full .booking-page .para-3 .list ul li::after {
         position: absolute;
         content: '';
         width: 90%;
         height: 2px;
         border: 1px dashed #000;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         margin: auto;
     }

     .layout-full .booking-page .para-3 .list ul li p:first-child {
         width: 100%;
         text-align: center;
     }

     .layout-full .booking-page .para-3 .title {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }

     .layout-full .booking-page .para-4 .content-2 .form-group {
         margin-bottom: 30px;
     }

     .layout-full .booking-page .para-4 .content-2 .more-space label {
         min-height: 10px;
     }

     #confirm_1,
     #confirm_2 {
         width: 15px !important;
     }

     .layout-full .booking-page .para-5 .row {
         gap: 20px;
     }

     .layout-full .booking-page .para-5 .card {
         padding: 30px 15px;
     }

     #company-details dl {
         margin-top: 5px;
     }

     .layout-full .privacy-policy .link {
         font-size: 15px;
     }

     .swal2-popup {
         width: 100% !important;
         font-size: 16px !important;
     }

     .swal2-content {
         padding: 0 !important;
     }

     .layout-full .team-page .content-1 img {
         width: 100%;
     }

     .layout-full .team-page .para-2 img {
         width: 100%;
     }
 }

 /*ios*/
 @media screen and (max-width: 340px) {
     .footer-section .content-02 .circle {
         width: 35px;
         height: 35px;
     }

     .header-section .content-01 .circle {
         width: 45px;
         height: 45px;
     }

     .layout-full .privacy-policy .link {
         font-size: 13px;
     }

     .section-g .content-03 a img {
         width: unset;
         margin-right: 10px;
     }

     .section-g .content-03 a {
         font-size: 16px;
         padding: 12px 20px;
     }
 }

 /*windows*/
 @media (min-width: 450px) and (max-width: 767px) {

     .layout-full .privacy-policy .link {
         font-size: 17px;
     }
 }

 /*portrait*/
 @media (min-width: 768px) and (max-width: 991px) {
     .header-section {
         background-color: rgb(122, 49, 68, 1);
         position: static;
     }

     .navbar-section {
         background-color: rgb(102, 152, 132);
         position: static;
     }

     .slide-section .carousel-caption h2 {
         font-family: "Poppins", sans-serif;
         font-weight: 700;
         font-size: 35px;
         line-height: 45px;
         color: white;
         margin-bottom: 0px;
         padding-bottom: 15px;
     }

     .carousel-caption {
         right: 15.2%;
         left: 15.2%;
         bottom: calc(50% - 118px);
     }

     .slide-section .carousel-caption a {
         font-size: 16px;
         padding: 9px 15px;
     }

     .header-section .content-02 a {
         position: static;
         width: unset;
         margin-bottom: 0px;
     }

     .header-section .content-01 {
         flex-direction: column;
         order: 2;
     }

     .header-section .content-01 .tel .box:nth-of-type(1) {
         margin-right: 5px;
     }

     .header-section .content-01 .circle {
         width: 45px;
         height: 45px;
     }

     .header-section .content-01 .box a {
         font-size: 20px;
         line-height: 20px;
     }

     .header-section .content-01 .tel {
         display: flex;
         flex-direction: column;
     }

     .header-section .content-02 {
         align-items: center;
     }

     .header-section .content-01 .mail {
         margin-bottom: 7px;
     }

     .header-section .content-01 .tel .box {
         margin-bottom: 7px;
     }

     .navbar-section .content-01 .navbar li {
         padding: 2px !important;
     }

     .navbar-section .content-01 .navbar a {
         font-size: 16px;
     }

     .navbar-section .content-01 .navbar .space {
         width: unset;
     }

     .carousel-control-prev-icon {
         background-image: url(../images/angle-left-solid.svg);
         width: 18px;
         height: 26px;
     }

     .carousel-control-next-icon {
         background-image: url(../images/angle-right-solid.svg);
         width: 18px;
         height: 26px;
     }

     .carousel-control-prev {
         left: 30px;
     }

     .carousel-control-next {
         right: 30px;
     }

     .carousel-control-next,
     .carousel-control-prev {
         width: 60px;
         height: 60px;
         top: 0;
         bottom: 0;
         margin: auto;
     }

     .section-a .content-01 {
         padding-bottom: 30px;
     }

     .section-a .content-02 .head {
         padding-bottom: 5px;
     }

     .section-a .content-02 h2 {
         font-size: 20px;
         line-height: 40px;
     }

     .section-a .content-02 p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-a .content-02 h1 {
         font-size: 30px;
         line-height: 40px;
     }

     .section-b h3 {
         font-size: 20px;
     }

     .section-c .content-01 h3 {
         font-size: 20px;
     }



     .section-c .content-01 .head {
         padding-bottom: 5px;
     }

     .section-c .content-01 h2 {
         font-size: 30px;
         line-height: 40px;
         width: 300px;
     }

     .section-c .content-02 h4 {
         font-size: 25px;
     }

     .section-c .content-02 a {
         font-size: 16px;
     }

     .section-c .content-02:nth-last-of-type(1) {
         display: block;
         margin-left: auto;
         margin-right: auto;
     }

     .section-d img {
         width: 168px;
         padding: 20px;
     }

     .section-d h2 {
         font-size: 20px;

     }

     .section-d p {
         font-size: 18px;
         width: unset;

     }

     .section-d .buttons {
         width: 665px;
     }

     .section-d .buttons a {
         font-size: 18px;
         width: 290px;
     }

     .section-e .content-02 h2 {
         font-size: 26px;
     }

     .section-e .content-02 ul li {
         font-size: 16px;
         line-height: 35px;
     }

     .section-e .content-03 h2 {
         font-size: 26px;
         line-height: 40px;
         padding-bottom: 10px;
     }

     .section-e .content-03 p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-e .content-06 h2 {
         font-size: 26px;
         line-height: 40px;
         padding-bottom: 10px;
     }

     .section-e .content-06 p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-e .content-03 a {
         font-size: 18px;
         padding: 8px 20px;
     }

     .section-e {
         padding: 60px 15px 20px 15px;
     }

     .section-f h2 {
         font-size: 30px;
         padding-bottom: 20px;
     }

     .section-f p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-f .item {
         height: 345px;
     }

     .section-g h3 {
         font-size: 18px;
     }

     .section-g h2 {
         font-size: 26px;
         line-height: 40px;
     }

     .section-g .content-03 img {
         width: 100%;
     }

     .section-g .content-02:nth-of-type(1),
     .section-g .content-02:nth-of-type(2) {
         padding-bottom: 50px;
     }

     .section-g .content-02 a {
         font-size: 16px;
     }

     .section-i .WidgetTitle__Header-sc-ruy1gu-2 {
         font-size: 30px;
     }

     .footer-section {
         background-size: auto 100%;
     }

     .footer-section .content-02 {
         padding: 0 15px;
     }

     .footer-section .content-03 {
         padding-bottom: 40px;
     }


     .slide-section-layout .carousel-control-next,
     .slide-section-layout .carousel-control-prev {
         top: 0;
     }

     .carousel-caption-layout {
         bottom: calc(50% - 95px);
     }


     .layout-full h1 {
         font-size: 40px;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .layout-full h1 span {
         font-size: 40px;
         padding: 0 15px 0 15px;
         border-radius: 0 30px;
     }

     .layout-full h2 {
         font-size: 30px;
     }

     .layout-full h3 {
         font-size: 22px;
     }

     .layout-full .booking-page .para-4 .content-2 label {
         font-size: 14px;
     }

     .layout-full .booking-page .para-4 .content-2 .more-space label {
         min-height: 14px;
     }

     .layout-full .booking-page .para-3 .list ul li {
         gap: 165px;
     }

     .layout-full .booking-page .para-5 .row {
         gap: 20px;
     }

     .layout-full .grooming-page .para-2 .card h3,
     .layout-full .booking-page .para-2 .card h3,
     .layout-full .kennels-page .para-2 .card h3 {
         font-size: 25px;
     }

     .layout-full .kennels-page .para-2 .card-other h3,
     .layout-full .grooming-page .para-2 .card-other h3,
     .layout-full .booking-page .para-2 .card-other h3 {
         font-size: 22px;
     }

     .layout-full .booking-page .para-1 ul {
         align-items: flex-start;
     }

     .layout-full .booking-page .para-1 li p {
         text-align: left;
     }

     .layout-full .booking-page .para-4 li p {
         text-align: left;
     }

     .layout-full .kennels-page .para-2 .row,
     .layout-full .grooming-page .para-2 .row,
     .layout-full .booking-page .para-2 .row {
         justify-content: center;
     }

     .layout-full .kennels-page .para-2 .item,
     .layout-full .grooming-page .para-2 .item,
     .layout-full .booking-page .para-2 .item {
         margin-bottom: 20px;
     }

     .layout-full .kennels-page .para-3-1-left,
     .layout-full .kennels-page .para-3-2-right,
     .layout-full .kennels-page .para-3-3-left {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 15px;
     }

     .layout-full .grooming-page .para-3-1-right,
     .layout-full .grooming-page .para-3-2-left,
     .layout-full .grooming-page .para-3-3-right {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: 15px;
         align-items: center;
     }

     .layout-full .kennels-page .para-4 .title {
         flex-direction: column;
         align-items: center;
         justify-content: center;
         text-align: center;
     }

     .layout-full .kennels-page .para-3 p,
     .layout-full .grooming-page .para-3 .para-3-2-left p,
     .layout-full .grooming-page .para-3 .para-3-3-right p {
         text-align: center;
     }

     .layout-full .kennels-page .para-3 .para-3-1-left,
     .layout-full .grooming-page .para-3 .para-3-1-left {
         order: 1;
     }

     .layout-full .kennels-page .para-3 .para-3-1-right,
     .layout-full .grooming-page .para-3 .para-3-1-right {
         order: 2;
     }

     .layout-full .kennels-page .para-3 .para-3-2-left,
     .layout-full .grooming-page .para-3 .para-3-2-left {
         order: 4;
     }

     .layout-full .kennels-page .para-3 .para-3-2-right,
     .layout-full .grooming-page .para-3 .para-3-2-right {
         order: 3;
     }

     .layout-full .kennels-page .para-3 .para-3-3-left,
     .layout-full .grooming-page .para-3 .para-3-3-left {
         order: 5;
     }

     .layout-full .kennels-page .para-3 .para-3-3-right,
     .layout-full .grooming-page .para-3 .para-3-3-right {
         order: 6;
     }

     .layout-full .kennels-page .para-4 {
         text-align: center;
     }

     #confirm_1,
     #confirm_2 {
         width: 15px !important;
     }

     .swal2-popup {
         width: 100% !important;
         font-size: 18px !important;
     }

     .layout-full .team-page .content-1 img {
         width: 65%;
     }

     .layout-full .team-page .para-2 img {
         width: 100%;
     }
 }

 /*landscape*/
 @media (min-width: 992px) and (max-width: 1199px) {
     .navbar-section .content-01 .navbar {
         padding: 21px 0px 21px 10px;
     }

     .navbar-section .container {
         max-width: 980px;
     }

     .navbar-section .content-01 .navbar li:nth-last-of-type(1),
     .navbar-section .content-01 .navbar li:nth-last-of-type(2) {
         padding-left: 12px;
     }

     .navbar-section .content-01 .navbar a {
         font-size: 15px;
         padding: 5px;
     }

     .navbar-section .content-01 .navbar .space {
         width: 230px;
     }

     .navbar-section .content-01 .navbar li:nth-of-type(1),
     .navbar-section .content-01 .navbar li:nth-of-type(2) {
         padding-right: 66px;
     }

     .header-section .content-02 a {
         width: 188px;
         bottom: 5px;
     }

     .carousel-caption {
         bottom: calc(50% - 200px);
         padding-top: 25px;
         padding-bottom: 25px;
     }

     .carousel-control-next,
     .carousel-control-prev {
         width: 60px;
         height: 60px;
         top: calc(50% + 40px);
     }

     .carousel-control-prev-icon,
     .carousel-control-next-icon {
         width: 22px;
         height: 27px;
     }

     .carousel-control-prev {
         left: 39px;
     }

     .carousel-control-next {
         right: 39px;
     }

     .slide-section .carousel-caption h2 {
         font-size: 35px;
         line-height: 45px;
     }

     .slide-section .carousel-caption a {
         font-size: 18px;
     }

     .section-a .content-02 .head {
         padding-bottom: 5px;
     }

     .section-a .content-02 h2 {
         font-size: 20px;
     }

     .section-a .content-02 h1 {
         font-size: 35px;
         line-height: 40px;
         padding-bottom: 10px;
     }

     .section-a .content-02 p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-b h3 {
         font-size: 25px;
     }

     .section-c .content-01 .head {
         padding-bottom: 5px;
     }

     .section-c .content-01 h3 {
         font-size: 20px;
     }

     .section-c .content-01 h2 {
         font-size: 30px;
         line-height: 40px;
         width: 300px;
     }

     .section-c .content-02 h4 {
         font-size: 25px;
     }

     .section-c .content-02 a {
         font-size: 16px;
     }

     .section-d img {
         width: 160px;
         padding-bottom: 20px;
     }

     .section-d h2 {
         font-size: 25px;
     }

     .section-d p {
         font-size: 18px;
         line-height: 34px;
     }

     .section-d .buttons {
         width: 900px;
     }

     .section-d .buttons a {
         font-size: 18px;
         width: 300px;
     }

     .section-e .content-02 h2,
     .section-e .content-03 h2,
     .section-e .content-06 h2 {
         font-size: 30px;
         line-height: 40px;
     }

     .section-e .content-02 ul li {
         font-size: 16px;
         line-height: 35px;
     }

     .section-e .content-03 p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-e .content-06 p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-e .content-03 a {
         font-size: 20px;
         padding: 10px 15px;
     }

     .section-f h2 {
         font-size: 30px;
     }

     .section-f p {
         font-size: 16px;
         line-height: 35px;
     }

     .section-g h3 {
         font-size: 20px;
     }

     .section-g h2 {
         font-size: 30px;
         line-height: 40px;
     }

     .section-g .content-02 h4 {
         font-size: 20px;
     }

     .section-g .content-02 a {
         font-size: 16px;
     }

     .section-h h2 {
         font-size: 30px;
         padding-bottom: 30px;
     }

     .section-i .WidgetTitle__Header-sc-ruy1gu-2 {
         font-size: 30px;
     }

     .footer-section .content-01 {
         flex: 0 0 40%;
         max-width: 40%;
     }

     .footer-section .content-02 {
         flex: 0 0 60%;
         max-width: 60%;
         padding: 0 15px;
     }

     .footer-section .content-03 {
         flex: 0 0 40%;
         max-width: 40%;
     }

     .footer-section .content-04 {
         flex: 0 0 60%;
         max-width: 60%;
     }

     .footer-section {
         background-size: auto 100%;
     }

     .footer-section h3 {
         font-size: 20px;
         padding-bottom: 30px;
     }

     .footer-section .content-01 a {
         font-size: 16px;
     }

     .footer-section .content-02 .box:nth-of-type(1) p {
         font-size: 16px;
     }

     .footer-section .content-02 .box:nth-of-type(2) a,
     .footer-section .content-02 .box:nth-of-type(3) a {
         font-size: 16px;
     }

     .footer-section .content-02 .box:nth-of-type(2) p,
     .footer-section .content-02 .box:nth-of-type(3) p {
         font-size: 15px;
     }

     .footer-section .content-02 .box:nth-last-of-type(1) a {
         font-size: 16px;
     }

     .footer-section .content-03 p {
         font-size: 16px !important;
         line-height: 40px;
     }

     .footer-section .content-03 p:nth-of-type(2) {
         line-height: 30px;
         width: 190px;
     }

     .copyright-section p,
     .copyright-section a {
         font-size: 16px;
     }

     .layout-full h1 {
         font-size: 40px;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .layout-full h1 span {
         font-size: 40px;
         padding: 0 15px 0 15px;
         border-radius: 0 30px;
     }

     .layout-full h2 {
         font-size: 30px;
     }

     .layout-full h3 {
         font-size: 22px;
     }

     .layout-full .booking-page .para-4 .content-2 label {
         font-size: 14px;
     }

     .layout-full .booking-page .para-4 .content-2 .more-space label {
         min-height: 14px;
     }

     .layout-full .grooming-page .para-2 .card h3,
     .layout-full .booking-page .para-2 .card h3,
     .layout-full .kennels-page .para-2 .card h3 {
         font-size: 25px;
     }

     .layout-full .kennels-page .para-2 .card-other h3,
     .layout-full .grooming-page .para-2 .card-other h3,
     .layout-full .booking-page .para-2 .card-other h3 {
         font-size: 22px;
     }

     .layout-full .booking-page .para-1 ul {
         align-items: flex-start;
     }

     .layout-full .booking-page .para-1 li p {
         text-align: left;
     }

     .layout-full .booking-page .para-4 li p {
         text-align: left;
     }

     .swal2-popup {
         width: 85% !important;
         font-size: 18px !important;
     }

     #confirm_1,
     #confirm_2 {
         width: 15px !important;
     }

     .layout-full .team-page .content-1 img {
         width: 50%;
     }

     .layout-full .team-page .content-2 {
         flex: 0 0 100%;
         max-width: 100%;
     }

 }

 @media (min-width: 1280px) and (max-width: 1365px) {
     .navbar-section .container {
         max-width: 1168px;
     }

     .section-d img {
         width: 168px;
         padding: 20px;
     }

     .footer-section .content-01 {
         flex: 0 0 50%;
         max-width: 50%;
     }

     .footer-section .content-02 {
         flex: 0 0 50%;
         max-width: 50%;
         padding: 0 15px;
     }

     .footer-section .content-03 {
         flex: 0 0 50%;
         max-width: 50%;
     }

     .footer-section .content-04 {
         flex: 0 0 50%;
         max-width: 50%;
     }

     .carousel-control-prev {
         left: 78px;
     }

     .carousel-control-next {
         right: 78px;
     }
 }

 @media (min-width: 1366px) and (max-width: 1399px) {

     .navbar-section .container {
         max-width: 1168px;
     }

     .section-d img {
         padding-bottom: 35px;
         width: 15%;
     }

     .footer-section .content-02 {
         flex: 0 0 30%;
         max-width: 30%;
     }

     .footer-section .content-03 {
         flex: 0 0 20%;
         max-width: 20%;
     }

     .footer-section {
         background-size: auto 100%;
     }
 }

 @media (min-width: 1400px) and (max-width: 1439px) {

     .header-section .content-02 a {
         left: 40%;
     }

     .section-f .item {
         padding: 20px;
         height: 600px;
         margin-bottom: 30px;
         transition: 300ms;
     }
 }

 @media (min-width: 1440px) and (max-width: 1599px) {
     .section-d img {
         width: 168px;
         padding: 20px;
     }

     .section-f .item {
         padding: 20px;
         height: 600px;
         margin-bottom: 30px;
         transition: 300ms;
     }

     .footer-section .content-01 {
         flex: 0 0 25%;
         max-width: 25%;
     }

     .footer-section .content-02 {
         flex: 0 0 30%;
         max-width: 30%;
     }

     .footer-section .content-03 {
         flex: 0 0 20%;
         max-width: 20%;
     }

     .footer-section .content-04 {
         flex: 0 0 25%;
         max-width: 25%;
         overflow: hidden;
     }

     .navbar-section .content-01 .navbar li:nth-of-type(1),
     .navbar-section .content-01 .navbar li:nth-of-type(2) {
         padding-right: 60px;
     }

     .carousel-control-prev {
         left: 160px;
     }

     .carousel-control-next {
         right: 160px;
     }

     .navbar-section .container {
         max-width: 1165px;
     }

     .navbar-section .content-01 .navbar .space {
         width: 295px;
     }
 }


 /*large screen*/
 @media (min-width: 1600px) {

     .header-section .container,
     .section-a .container,
     .section-b .container,
     .section-c .container,
     .section-d .container,
     .section-e .container,
     .section-f .container,
     .section-g .container,
     .section-i .container,
     .footer-section .container,
     .layout-full .container {
         max-width: 1555px;
     }

     .navbar-section .container {
         max-width: 1585px;
     }

     /* =================================== */

     .header-section .content-02 a {
         left: 40%;
         bottom: -32px;
     }

     .header-section .content-02 a {
         width: unset;
     }

     .navbar-section {
         top: 110px;
     }

     .navbar-section .content-01 .navbar a {
         font-size: 23px;
         padding: 7px 16px;
     }

     .navbar-section .content-01 .navbar .space {
         width: 399px;
     }

     .navbar-section .content-01 .navbar li:nth-of-type(1),
     .navbar-section .content-01 .navbar li:nth-of-type(2) {
         padding-right: 85px;
     }

     .navbar-section .content-01 .navbar li:nth-last-of-type(1),
     .navbar-section .content-01 .navbar li:nth-last-of-type(2) {
         padding-left: 30px;
     }

     .carousel-caption {
         right: 26.2%;
         left: 26.2%;
         padding-top: 47px;
         padding-bottom: 47px;
         bottom: calc(50% - 375px);
     }

     .carousel-control-next {
         right: 188px;
         left: auto;
     }

     .carousel-control-prev {
         left: 188px;
     }

     .slide-section .carousel-caption h2 {
         font-size: 64px;
     }

     .slide-section .carousel-caption a {
         font-size: 27px;
     }

     .section-a {
         padding: 100px 15px 190px 15px;
     }

     .section-a .content-01 {
         display: flex;
         flex-direction: row;
         justify-content: flex-start;
     }

     .section-a .content-02 h2 {
         font-size: 27px;
     }

     .section-a .content-02 h1 {
         font-size: 55px;
         line-height: 76px;
     }

     .section-a .content-02 p {
         font-size: 21px;
         line-height: 50px;
     }

     .section-b h3 {
         font-size: 38px;

     }

     .section-c {
         padding: 130px 15px 80px 15px;
     }

     .section-c .content-01 .head {
         padding-bottom: 0px;
     }

     .section-c .content-01 h3 {
         font-size: 27px;
     }

     .section-c .content-01 h2 {
         font-size: 55px;
         line-height: 76px;
         width: 550px;
     }

     .section-c .content-02:nth-child(2) {
         padding: 0px 45px 0px 15px;
     }

     .section-c .content-02:nth-child(3) {
         padding: 0px 30px 0px 30px;
     }

     .section-c .content-02:nth-last-child(1) {
         padding: 0px 15px 0px 45px;
     }

     .section-d {
         padding: 145px 15px 135px 15px;
     }

     .section-d img {
         padding-bottom: 50px;
     }

     .section-d h2 {
         font-size: 34px;
         padding-bottom: 40px;
     }

     .section-d p {
         font-size: 24px;
         width: 900px;
         padding-bottom: 60px;
     }

     .section-d .buttons {
         width: 1187px;
     }

     .section-d .buttons a {
         font-size: 27px;
         width: 424px;
     }

     .section-e {
         padding: 60px 15px 100px 15px;
     }

     .section-e .content-02 {
         display: flex;
         flex-direction: column;
         padding: 80px 15px;
     }

     .section-e .content-02 h2 {
         font-size: 55px;
     }

     .section-e .content-02 ul li {
         font-size: 21px;
         line-height: 50px;
     }

     .section-e .content-03 h2 {
         font-size: 55px;
         line-height: 76px;
     }

     .section-e .content-03 p {
         font-size: 21px;
         line-height: 50px;
         padding-bottom: 0px;
     }

     .section-e .content-03 a {
         font-size: 27px;
         padding: 14px 62px;
     }


     .section-e .content-05 {
         display: flex;
         flex-direction: column;
         padding-top: 110px;
         justify-content: flex-start;
     }

     .section-e .content-06 h2 {
         font-size: 55px;
         line-height: 76px;
     }

     .section-e .content-06 p {
         font-size: 21px;
         line-height: 50px;
         width: 660px;
     }

     .section-f {
         padding: 100px 15px 177px 15px;
     }


     .section-f h2 {
         font-size: 55px;
         padding-bottom: 50px;
     }

     .section-f h4 {
         font-size: 25px;
     }

     .section-f p {
         font-size: 22px;
         margin-bottom: 0px;
         line-height: 41px;
         text-align: center;
     }

     .section-f .item {
         height: 485px;
         margin-bottom: 70px;
     }

     .section-g {
         padding: 100px 0px;
     }

     .section-g h3 {
         font-size: 27px;
     }

     .section-g h2 {
         font-size: 55px;
         line-height: 76px;
     }


     .section-g .content-02 h4 {
         font-size: 30px;
     }

     .section-h h2 {
         font-size: 55px;
         padding-bottom: 30px;
     }

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

     .section-i .WidgetTitle__Header-sc-ruy1gu-2 {
         font-size: 55px;
     }

     .footer-section h3 {
         font-size: 25px;
     }

     .footer-section .content-01 {
         flex: 0 0 18.666667%;
         max-width: 18.666667%;
     }

     .footer-section .content-01 li {
         padding-bottom: 23px;
     }

     .footer-section .content-01 a {
         font-size: 24px;
     }

     .footer-section .content-03 {
         flex: 0 0 23%;
         max-width: 23%;
     }

     .footer-section .content-02 i {
         font-size: 20px;
     }

     .footer-section .content-02 .box:nth-of-type(1) p {
         font-size: 20px;
     }

     .footer-section .content-02 .box:nth-of-type(2) a,
     .footer-section .content-02 .box:nth-of-type(3) a {
         font-size: 20px;
     }

     .footer-section .content-02 .box:nth-last-of-type(1) a {
         font-size: 20px;
     }


     .footer-section .content-03 p:nth-of-type(1) {
         font-size: 24px;
         line-height: 50px;
     }

     .footer-section .content-03 p:nth-of-type(2) {
         font-size: 24px;
         width: 260px;
     }

     .footer-section .content-03 p:nth-of-type(3) {
         font-size: 24px;
     }

     .footer-section .content-03 h3 {
         padding-bottom: 30px;
     }

     .copyright-section {
         padding: 33px 15px;
     }


     .carousel-caption-layout {
         right: 26.2%;
         left: 26.2%;
         padding-top: 47px;
         padding-bottom: 47px;
         bottom: calc(50% - 260px);
     }


     .layout-full h1 {
         font-size: 60px;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .layout-full h1 span {
         font-size: 60px;
         padding: 0 15px 0 15px;
         border-radius: 0 30px;
     }

     .layout-full .grooming-page .para-2 .card h3,
     .layout-full .booking-page .para-2 .card h3,
     .layout-full .kennels-page .para-2 .card h3 {
         font-size: 50px;
     }

     .layout-full .kennels-page .para-2 .card-other h3,
     .layout-full .grooming-page .para-2 .card-other h3,
     .layout-full .booking-page .para-2 .card-other h3 {
         font-size: 30px;
     }

     .modal-body .image img {
         width: 75%;
     }

 }

 /*  IE10+ */
 @media screen and (-ms-high-contrast: active),
 (-ms-high-contrast: none) {

     .section-f p {
         width: 480px;
     }

     .header-section .content-02 a {
         width: auto;
     }

     .layout-full .kennels-page .para-2 .card,
     .layout-full .grooming-page .para-2 .card,
     .layout-full .booking-page .para-2 .card {
         display: block;

     }

     .layout-full .kennels-page .para-3 img,
     .layout-full .grooming-page .para-3 img {
         height: 100%;
     }

     .layout-full .booking-page .para-1 {
         display: block;
         text-align: center;
     }

     .section-g .content-03 img {
         width: auto;
     }

     .layout-full .booking-page .para-5 .card {
         display: block;
     }






 }


 /* mozilla */
 @-moz-document url-prefix() {}