@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');/*   font-family: "Roboto", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');/* font-family: "Roboto Condensed", sans-serif; */
/* Common CSS */
body{ font-family: "Roboto Condensed", sans-serif;margin: 0;padding: 0;box-sizing: unset;color: #000;line-height: normal;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
h1{font-size: 80px;font-weight: 900;line-height: normal; font-family: "Roboto Condensed", sans-serif;}
h2{font-size: 80px;font-weight: 700;line-height: normal; font-family: "Roboto Condensed", sans-serif;}
h3{font-size: 60px;font-weight: 700;line-height: normal; font-family: "Roboto Condensed", sans-serif;}
h4{font-size: 40px;font-weight: 900;line-height: normal; font-family: "Roboto Condensed", sans-serif;}
h5{font-size: 30px;font-weight: 700;line-height: normal; font-family: "Roboto Condensed", sans-serif;}
h6{font-size: 14px;font-weight: 600;line-height: normal; font-family: "Roboto", sans-serif;}
@media (max-width:991px) {
  h1{font-size: 60px;}
  h2{font-size: 60px;}
  h3{font-size: 50px;}
  h4{font-size: 35px;}
  h5{font-size: 25px;}
  h6{font-size: 14px;}
}
@media (max-width:768px) {
  h1{font-size: 50px;}
  h2{font-size: 50px;}
  h3{font-size: 40px;}
  h4{font-size: 30px;}
  h5{font-size: 22px;}
  h6{font-size: 14px;}
}
@media (max-width:576px) {
  h1{font-size: 40px;}
  h2{font-size: 40px;}
  h3{font-size: 35px;}
  h4{font-size: 25px;}
  h5{font-size: 20px;}
  h6{font-size: 14px;}
}
p{margin: 0;padding: 0;}
a{text-decoration: none;margin: 0;padding: 0;}
/* Text-Color */
.text-1F0E0A{color: #1F0E0A!important;}
.text-A32104{color: #A32104!important;}
.text-0E7686{color: #0E7686!important;}
.text-4d4d4d{color: #4d4d4d!important;}
.text-b3b3b3{color: #b3b3b3!important;}
/* MARGIN AND PADDING */
.my-100{margin-top: 100px;margin-bottom: 100px;}
.mt-100{margin-top: 100px;}
.mb-100{margin-bottom: 100px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}
/*  */
.my-70{margin-top: 70px;margin-bottom: 70px;}
.mt-70{margin-top: 70px;}
.mb-70{margin-bottom: 70px;}
.py-70{padding-top: 70px;padding-bottom: 70px;}
.pt-70{padding-top: 70px;}
.pb-70{padding-bottom: 70px;}
/*  */
.my-50{margin-top: 50px;margin-bottom: 50px;}
.mt-50{margin-top: 50px;}
.mb-50{margin-bottom: 50px;}
.pt-50{padding-top: 50px;}
.pb-50{padding-bottom: 50px;}
@media (max-width: 991px) {
  .my-100{margin-top: 70px;margin-bottom: 70px;}
  .mt-100{margin-top: 70px;}
  .mb-100{margin-bottom: 70px;}
  .pt-100{padding-top: 70px;}
  .pb-100{padding-bottom: 70px;}
  .my-70{margin-top: 50px;margin-bottom: 50px;}
  .mt-70{margin-top: 50px;}
  .mb-70{margin-bottom: 50px;}
  .py-70{padding-top: 50px;padding-bottom: 50px;}
  .pt-70{padding-top: 50px;}
  .pb-70{padding-bottom: 50px;}
  .my-50{margin-top: 30px;margin-bottom:30px;}
  .mt-50{margin-top: 30px;}
  .mb-50{margin-bottom: 30px;}
  .pt-50{padding-top: 30px;}
  .pb-50{padding-bottom: 30px;}
}
/* HEADER */
header .top-header{background-color: #EEEEEE;padding: 12px 0;text-align: center;overflow: hidden;}
header .top-header h6{font-size: 14px;font-weight: 600;line-height: normal; font-family: "Roboto", sans-serif;color: #000;}
header .top-header img{width: 20px;height: 20px;object-fit: contain;}
header .navbar-brand img{height: 90px;object-fit: contain;width: 100%;}
/*  */
/* header .offcanvas.offcanvas-top{top:150px;height: 600px;} */
header .megamenu{background-color: #000;color: #fff;}
header .megamenu  .white-card{background-color: #fff;color: #000;border-radius: 8px;padding: 24px;height: 410px;}
header .megamenu  .white-card .img img{height: 90px;width: 100%;object-fit: contain;margin-bottom: 23px;}
header .megamenu  .white-card ul li{font-size: 20px;font-family: "Roboto Condensed", sans-serif;font-weight: 500;line-height: normal;margin-bottom: 16px;  list-style-type:disc}
header .megamenu h5.head{font-size: 24px;font-weight: 700;line-height: normal;color: #fff;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 33px;}
@media (max-width: 1199px) {  header .megamenu  .white-card{margin-bottom: 30px;}}
@media (max-width: 991px) {
  header .megamenu  .white-card .img img{height: 80px;}
  header .megamenu .white-card{height: 450px;padding:15px 10px;}
  header .megamenu h5.head{font-size: 22px;}
  header .megamenu  .white-card ul li{font-size: 18px;margin-bottom: 15px;}
}
@media (max-width: 768px) {
    header .megamenu  .white-card .img img{height: 70px;}
  header .megamenu .white-card{height: 350px;padding:15px 10px;}
  header .megamenu h5.head{font-size: 20px;}
}
@media (max-width: 576px) {
    header .megamenu  .white-card .img img{height: 60px;}
    header .megamenu .white-card{height: 400px;padding:15px 10px;}
}
header .dropdown-toggle::after{display: none;}
/*  */
header .btn-link{background:unset;padding: 0;margin: 0;color: #000;font-size: 24px;font-weight: 400;font-family: "Roboto Condensed", sans-serif;text-decoration: unset;}
header .btn-link:hover,header .btn-link:focus,header .btn-link:active{background:unset;padding: 0;margin: 0;color: #A32104;}
@media (max-width: 991px) {
  header .navbar-brand img{height: 60px;}
  header .btn-link{font-size: 22px;}
}
@media (max-width: 768px) {
   header .btn-link{font-size: 20px;}
}
/*  */
/*  */
.navbar .megamenu{ padding: 1rem; }
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
@media(max-width: 991px){
.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{overflow-y: auto;max-height: 90vh;margin-top:10px;}
}
/*  */
/*  */
/* FOOTER */
footer{background-color: #1F0E0A;padding: 15px 0;color: #fff;}
footer h6{font-size: 14px;font-weight: 400;line-height: normal; font-family: "Roboto Condensed", sans-serif; ;color: #FFF;}
footer h6 a{font-size: 24px;font-weight: 400;line-height: normal; font-family: "Roboto Condensed", sans-serif; ;color: #FFF;padding: 0 7px;}
footer h6 a:hover{color: #0E7686;}
/* CONTACT US */
.contact-us{background:url('../../assets/img/contact-bg.webp') no-repeat top right;background-size: cover;}
.contact-us h5{color: #4d4d4d;margin-bottom: 15px;}
.contact-us form .form-box{margin-bottom: 25px;}
.contact-us form label{font-size: 24px;font-weight: 400;line-height: normal;color: #b3b3b3;}
@media (max-width: 991px) {
  .contact-us form label{font-size: 22px;}
}
@media (max-width: 768px) {
  .contact-us form label{font-size: 20px;}
}
@media (max-width: 576px) {
  .contact-us form label{font-size: 18px;}
}
.contact-us form .form-control{height: 60px;font-size: 16px;font-weight: 400;line-height: normal;}
.contact-us form .form-control.form-control-msg{height: 120px;}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {   transform: scale(.65) translateY(-.5rem) translateX(.15rem);}
.contact-us form .form-check{height: 60px;align-content: center;padding-left: 0;}
.contact-us form label.form-check-label{font-size: 16px;font-weight: 400;line-height: normal;color: #000;margin-left: 10px;margin-top: 18px;margin-bottom: 18px;}
.contact-us form .form-check .form-check-input{height: 24px;width: 24px;margin: 18px;}
.contact-us form .btn-form{background-color: #004E7E;border: 1px solid #004E7E;font-size: 20px;font-weight: 900;padding: 18px 30px;border-radius: 8px;color: #fff;transition: all 0.5s;text-transform: uppercase;}
.contact-us form .btn-form:hover{background-color: #fff;color: #004E7E;}
@media (max-width: 991px) {
  .contact-us .contact-us-img{margin-bottom: 30px;}
  .contact-us form .btn-form{font-size: 18px;padding: 15px 25px;}
}
@media (max-width: 768px) {
  .contact-us form .btn-form{font-size: 16px;padding: 15px 20px;}}
/*  */
.card{position: relative;border-radius: 16px;border: unset;}
.card .img-card img{height: 250px;width: 100%;object-fit:cover ;position: relative;z-index: 0;border-radius: 16px;object-position: right center;background-color: #84b9c1;}
.card .gradient-shade{position: absolute;top: 0;width: 100%;height: 100%;border-radius: 16px;padding-left: 24px;z-index: 5; align-content: center;}
.card .gradient-shade h4{line-height: 52px;color: #fff;}
.card .gradient-shade h5{line-height: 26.4px;font-size: 24px;color: #fff;font-weight: 400;}
.card .gradient-shade.gradient-orange{background: #E5760E; background: linear-gradient(90deg,rgba(229, 118, 14, 1) 40%, rgba(255, 255, 255, 0) 77%);}
.card .gradient-shade.gradient-blue{background: #0E7686; background: linear-gradient(90deg,rgba(14, 118, 134, 1) 40%, rgba(255, 255, 255, 0) 77%);}
.card .arrow-img{position: absolute;    left: 265px;top: 45px;z-index: 10;}
.card .arrow-img img{width: 75px;object-fit: contain;}
@media (max-width:1399px) {
  .card .arrow-img{left: 230px;}
}
@media (max-width:991px) {
  .card .gradient-shade h4{line-height: 45px;}
  .card .gradient-shade h5{font-size: 22px;line-height: 24.4px;}
  .card .gradient-shade.gradient-orange{background: linear-gradient(90deg,rgba(229, 118, 14, 1) 25%, rgba(255, 255, 255, 0) 77%);}
  .card .gradient-shade.gradient-blue{background: linear-gradient(90deg,rgba(14, 118, 134, 1) 25%, rgba(255, 255, 255, 0) 77%);}
}
@media (max-width:768px) {
  .card .arrow-img{left: 180px;}
  .card .gradient-shade h4{line-height: 40px;}
  .card .gradient-shade h5{font-size: 20px;line-height: 22.4px;}
}
@media (max-width: 576px) {
  .card .arrow-img{display: none;}
  .card .gradient-shade h4{line-height: 35px;margin-bottom: 10px;}
  .card .gradient-shade h5{font-size: 20px;line-height: 20.4px;}
  .card{height: 280px;}
  .card .gradient-shade{text-align: center;padding-left: 0;padding-bottom: 30px;   align-content:end;}
  .card .gradient-shade.gradient-orange{background: linear-gradient(360deg,rgba(229, 118, 14, 1) 40%, rgba(255, 255, 255, 0) 77%);}
  .card .gradient-shade.gradient-blue{background: linear-gradient(360deg,rgba(14, 118, 134, 1) 40%, rgba(255, 255, 255, 0) 77%);}
}
/* COMING SOON */
.coming-soon{background:url('../../assets/img/coming-soon-bg.webp') no-repeat top left;background-size: cover;}
.coming-soon h1.head{font-size: 150px;color: #A32104;line-height: normal;text-transform: uppercase;}
@media (max-width:1399px) {
  .coming-soon h1.head{font-size: 130px;}
}
@media (max-width:991px) {
  .coming-soon h1.head{font-size: 110px;}
}
@media (max-width:768px) {  
  .coming-soon h1.head{font-size: 80px;}
}
@media (max-width: 576px) {
  .coming-soon h1.head{font-size: 55px;}
}
/*  */
.coming-soon {position: relative;padding-top: 150px;}
.coming-soon .countdown {display: flex;transform-style: preserve3d;perspective: 500px;height: 121px;width: 756px;margin: 0 auto;}
.coming-soon .countdown.remove {animation: hide-countdown 1s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;overflow: hidden;}
.coming-soon .number{display: block;color: #323232;font-size:80px;font-weight: 900;position: relative;text-align: center;width: 100%;line-height: 88px;}
.coming-soon .new, .old, .current {color: #323232;position: absolute;height: 10rem;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;}
.coming-soon .new {animation: show-new 0.4s cubic-bezier(0, 0.9, 0.5, 1.2) forwards;}
.coming-soon .old {animation: hide-old 2s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;}
.coming-soon .countdown section {position: relative;}
.coming-soon #js-days:after, #js-hours:after, #js-minutes:after, #js-seconds:after {content: "DAYS";position: absolute;text-align: center;left: 0;right: 0;bottom: 0px;font-size: 30px;font-weight: 400;color: #000;}
.coming-soon #js-hours:after {content: "HOURS";}
.coming-soon #js-minutes:after {content: "MINUTES";}
.coming-soon #js-seconds:after {content: "SECONDS";}
@keyframes hide-countdown {
  to {height: 0;overflow: hidden;}
}
@keyframes show-new {
  0% {opacity: 0;transform: translate(-50%, -50%) translateY(-2rem) scale(0.8) rotateX(-20deg);}
  100% {transform: translate(-50%, -50%);}
}
@keyframes hide-old {
  0% {transform: translate(-50%, -50%);}
  100% {opacity: 0;transform: translate(-50%, -50%) translateY(-5rem) scale(0.5) rotateX(-75deg);}
}
@media (max-width:1399px) {
  .coming-soon .number{font-size: 70px;line-height: 78px;}
  .coming-soon .new, .old, .current{height: 8rem;}
  .coming-soon #js-days:after, #js-hours:after, #js-minutes:after, #js-seconds:after{font-size: 28px;}
  .coming-soon .countdown {width: 700px;}
}
@media (max-width:1199px) {
    .coming-soon{padding-top: 100px;}
}
@media (max-width:991px) {
  .coming-soon{padding-top: 50px;}
  .coming-soon .number{font-size: 60px;line-height: 68px;}
  .coming-soon .new, .old, .current{height: 6rem;}
  .coming-soon #js-days:after, #js-hours:after, #js-minutes:after, #js-seconds:after{font-size: 26px;}
  .coming-soon .countdown {width: 650px;}
}
@media (max-width:768px) {
  .coming-soon .number{font-size: 50px;line-height: 58px;}
  .coming-soon .new, .old, .current{height: 5.5rem;}    
  .coming-soon #js-days:after, #js-hours:after, #js-minutes:after, #js-seconds:after{font-size: 24px;}
  .coming-soon .countdown {width: 535px;}
}
@media (max-width:576px) {
  .coming-soon .number{font-size: 35px;line-height: 40px;}
  .coming-soon .new, .old, .current{height: 2.5rem;}    
  .coming-soon #js-days:after, #js-hours:after, #js-minutes:after, #js-seconds:after{font-size: 16px;}
  .coming-soon .countdown {width: 320px;}
}
/*  */
.coming-soon .dog-img {position: absolute;bottom: 0;z-index: 5;right: 0;}
.coming-soon .dog-img img {width: 428.04px;height: 542px;object-fit: contain;}
@media (max-width:1499px) {
  .coming-soon .dog-img img {width: 300px;height: 380px;}
}
@media (max-width:1399px) {
  .coming-soon .dog-img img {width: 300px;height: 380px;}
}
@media (max-width:1199px) {
  .coming-soon .dog-img{position: relative;}
  .coming-soon .dog-img img {width: 450px;height: 570px;}
}
@media (max-width:991px) {
  .coming-soon .dog-img img {width: 400px;height: 507px;}
}
@media (max-width:768px) {  
    .coming-soon .dog-img img {width: 350px;height: 443px;}
}
@media (max-width: 576px) {
      .coming-soon .dog-img img {width: 300px;height: 380px;}
}
/* BANNER */
.landing-banner{background: url('../../assets/img/banner-bg.webp')no-repeat center center;background-size: cover;position: relative;padding: 235px 0 ;margin-bottom: 0px;}
@media (max-width:768px) {  
    .landing-banner{padding: 200px 0 ;}
}
@media (max-width: 576px) {
  .landing-banner{padding: 150px 0 ;}
}
/*  */
 .marquee-container {width: 100%;overflow: hidden;padding:0px;border-radius: 10px;position:absolute;width: 100%;z-index: 5; color: #0E7686;bottom: -75px;left: 0;right: 0;} 
 .marquee-container svg {width: 100%;height: 150px;} 
 #marquee-text{color: #0E7686;}
 .marquee-container svg text {fill: #0E7686;font-size: 20px;line-height: normal;font-weight: 400;}
/* */
 @media (max-width: 768px) {
  text {font-size: 2rem;}
  }
@media (max-width: 480px) {
  text {font-size: 4rem; }
} 
/* Background size */
 path {stroke-width: 3.5rem;}.paw-icon {display: inline-block;width: 14px;height: 14px;background: url("/assets/img/dog-paw.webp") no-repeat center center;background-size: contain;color: transparent; /* hide the emoji */}
.error_msg{color:red;}