
html {
    overflow-y: auto;
    margin: 0 !important;
    margin-top: 0 !important;
}
div#wpadminbar {
    display: none;
}
.slick-prev:focus, .slick-next:focus{
  background: #ffffff !important;
}
/* .aos-animate{
  display: none;;
} */

#slider .owl-carousel .owl-item img{
  width: 100% !important;
}

button.owl-dot {
    border-radius: 50%;
}
.owl-nav button {
    z-index: 3;
    cursor: pointer !important;
}
.task-inner .main-task-inner-wrapper:nth-child(1).aos-animate{

  animation-name: fade-right !important;
  visibility: visible;
  animation-duration: 0s;
  transition-delay: 0s !important;
}

.task-inner .main-task-inner-wrapper img.arrow-img:nth-child(2){
  visibility: visible;
  animation-duration: 2s;
  transition-delay: 1s !important;
}
.task-inner .main-task-inner-wrapper:nth-child(2).aos-animate{
  -webkit-animation-name: fade-up;
  animation-name: fade-up !important;
  visibility: visible;
  animation-duration: 2s;
  transition-delay: 2s !important;
}
.task-inner .main-task-inner-wrapper:nth-child(3).aos-animate{
  -webkit-animation-name: fade-down;
  animation-name: fade-down !important;
  visibility: visible;
  animation-duration: 3s;
  transition-delay: 3s !important;
}

@-webkit-keyframes shine {
  from {-webkit-mask-position: 150%; } to {-webkit-mask-position: -50%; }
}
/* ------------------ Testimonials ----------------  */

#testimonials .testimonials-head{
  text-align: center;
  margin-bottom: 0rem;
}
#testimonials .testimonials-head h3{
  letter-spacing: 0px;
}
#blog .blog-head h3
{
  letter-spacing: 0px;
}
.blog-share{
  float: right;
  cursor: pointer;
}
.blog-share i{
  font-size: 24px;
  color: #4bcdfc;
}
.blog-share{
    border: 1px solid transparent;
    padding: 5px 10px 5px 10px;
    border-radius: 8px 0px;
    margin-top: -10px;
}
.blog-share:hover{
  border: 1px solid #4bcdfc;
}
.blog-share-icon {
  margin-top: 7em;
  margin-left: -10em;
  margin-bottom: -2em;
}
.blog-share-icon a {
  margin-right: 5px;
  background-color: var(--heading-text-color);
  padding: 8px;
  border-radius: 5px 0px;
}
.blog-share-icon a:hover {
    background-color: #4bcdfc;
    color: var(--heading-text-color);
}
.blog-comments i {
    color: #4bcdfc;
}
.blog-comments span{
  font-size: 13px;
}
.blog-contents:hover {
  background-size: cover;
}
#blog .owl-carousel .owl-dot, #our-clients .owl-carousel .owl-dot {
  padding: 4px;
  padding: 5px;
  border: none;
  margin-right: 9px;
  background-color: #d9d9d9;
}
.shortcode_text{
  margin-top: 3%;
  color: #9d9d9e;
}
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}

button.owl-next.disabled, button.owl-prev.disabled {
  background: #bbb;
}


                                            /* My Custom Css */

/* Heading And Sub Heading */
.c-headings h2,h2.service-head,.bs-head h2,.nutrition-head h2,.accessories-head h2,h2.wcu-head,.testi-headigs h2,.blog-heading h2 {
  font-family: Lilita One;
  font-size: 48px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  padding: 0
}
.c-headings,h2.service-head,.bs-head,.nutrition-head,.accessories-head,h2.wcu-head,.testi-headigs,.blog-heading{
  padding-bottom: 50px
}

/* Slider */
.banner-img {
  width: 100%;
}
.banner-wrapper {
  position: relative;
}
section#banner-slide{
  background-size: cover;
  background-repeat: round;
  padding: 0;
}
h3.banner-subheading {
  font-family: Lilita One;
  font-size: 20px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(121, 121, 121, 1);
}
h1.banner-heading {
  font-family: Lilita One;
  font-size: 64px;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
p.banner-text {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #797979;
}
.left-text a {
  width: 100%;
  max-width: 200px;
  height: 55px;
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  background: #0d7f9a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.banner-left {
  position: absolute;
  top: 42%;
  left: 8.5%;
  transform: translateY(-42%);
  width: 100%;
  max-width: 29%;
}
.left-img {
  position: absolute;
  top: -67%;
  left: 31%;
}
.food-img {
  position: absolute;
  bottom: -63%;
  left: 48%;
}
.banner-right {
  position: relative;
}
h2.pet-world {
  font-family: Lilita One;
  font-size: 111px;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
  color: #ed8a19;
  position: absolute;
  bottom: 25px;
  left: 8%;
}

/* Categories */
section#c-section {
  padding-top: 100px;
  padding-bottom: 50px;
  background-size: contain;
}
.c-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-contents {
  position: relative;
}
h6.c-title {
  position: absolute;
  bottom: 20px;
  left: 25px;
  padding: 0;
}
h6.c-title a {
  font-family: Lilita One;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
}
.c-contents:nth-child(1),.c-contents:nth-child(2),.c-contents:nth-child(4){
  padding-right: 15px;
}
.c-contents:nth-child(4),.c-contents:nth-child(5) {
  padding-top: 10px;
}

/* Services */
.service-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.service-cw {
  justify-self: center;
  text-align: center;
}
.service-cw p {
  font-family: Kodchasan;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin: 0;
  padding: 15px 0 0;
}
.service-cw img {
  height: 80px;
}

/* Best Selling */
.bs-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
}
.bs-wrap {
  background: #ffffff;
}
.bs-images img {
  width: 100%;
}
h5.bs-title a {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.bs-price {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.bs-price ins span bdi {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.bs-price del span bdi {
  font-family: Kodchasan;
  font-size: 12px;
  font-weight: 500;
  line-height: 0;
  letter-spacing: 0em;
  text-align: left;
  color: #7c7c7c;
  text-decoration: line-through;
  padding-left: 5px;
}
.bs-price del {
  text-decoration: none;
}
.bs-review i {
  font-size: 16px !important;
  color: #ffc700 !important;
}
.bs-p-r {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
}
.shop-btn a {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  background: #0d7f9a;
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
h5.bs-title {
  padding: 10px 10px 0;
}

/* Image With text */
.iwt-inner-wrapper .row {
  align-items: center;
}
.iwt-img img {
  width: 100%;
}
.iwt-inner-wrapper {
  border-radius: 21px;
}
h3.iwt-title {
  font-family: Lilita One;
  font-size: 48px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
p.iwt-text {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  color: #000000;
  width: 100%;
  max-width: 90%;
  text-align: justify;
  margin: 0;
  padding: 30px 0px;
}
a.iwt-btn {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
  width: 100%;
  max-width: 200px;
  height: 55px;
  background: #0d7f9a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: 0.3s ease-in;
}
.iwt-text-wrap {
  padding-left: 50px;
}

/* Nutrition */
.nutrition-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
}
.nutrition-images img {
  width: 100%;
}
.nutrition-wrap {
  background: #ffffff;
  height: 99%;
}
.nutrition-text {
  padding: 10px;
}
.nutrition-title a {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.product_variant_color {
  font-family: Kodchasan;
  font-size: 12px;
  font-weight: 400;
  line-height: 8px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.nutrition-variant {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
}
.nutrition-tv {
  display: flex;
  justify-content: space-between;
}
.nutrition-prize-review {
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
}
.nutrition-pp {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.nutrition-pp del {
  text-decoration: none;
}
.nutrition-pp ins span bdi {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.nutrition-pp del span bdi {
  font-family: Kodchasan;
  font-size: 12px;
  font-weight: 500;
  line-height: 0;
  letter-spacing: 0em;
  text-align: left;
  color: #7c7c7c;
  text-decoration: line-through;
  padding-left: 5px;
}
.nutrition-star a i {
  font-size: 16px;
  color: rgba(255, 199, 0, 1);
  padding-left: 7px;
}
button.n-add-to-cart-button {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  background: #0d7f9a;
  width: 100% !important;
  height: 50px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_variant_color.checked {
  background: #000000;
  color: #ffffff;
  border: none !important;
}

/* Image With Text 2 */
.iwt2-inner-wrapper .row {
  align-items: center;
}
h3.iwt2-title {
  font-family: Lilita One;
  font-size: 40px;
  font-weight: 400;
  line-height: 53px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  text-transform: uppercase;
}
p.iwt2-text {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  padding: 40px 0;
  margin: 0
}
a.iwt2-btn {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: 0.1em;
  text-align: left;
  color: #ffffff;
  background: #0d7f9a;
  width: 100%;
  max-width: 200px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

/* Video */
.v-video{
  position: relative;
  text-align: center;
}
.video-img {
  position: absolute;
  transition: all 0.3s;
  left: 0;
  width: 100%;
  height: 100%;
}
img.play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
  z-index: 1;
}
.v-overlay {
  background: #000000B2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Accessories */
.accessories-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}
.accessories-wrap {
  background: #ffffff;
}
.accessories-images img {
  width: 100%;
}
.accessories-p-r {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px 0;
}
h5.accessories-title a {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.accessories-price {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.accessories-price ins span bdi {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.accessories-price del span bdi {
  font-family: Kodchasan;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: left;
  color: #7c7c7c;
  text-decoration: line-through;
  padding-left: 5px
}
.accessories-price del {
  text-decoration: none;
}
.accessories-review i {
  font-size: 16px !important;
  color: #ffc700 !important;
}
.accessories-review {
  padding: 10px 10px;
}
.accessories-wishlist span {
  display: none;
}
.accessories-images {
  position: relative;
}
.accessories-wishlist {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 99;
}
.accessories-wishlist i {
  font-family: fontAwesome;
  margin-right: 0 !important;
  font-size: 20px;
}

/* Categories 2 */
.c2-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.c2-contents:nth-child(1){
  flex: 0 0 calc(25% - 12px);
}
.c2-contents:nth-child(2){
  flex: 0 0 calc(25% - 12px);
}
.c2-contents:nth-child(3){
  flex: 50%;
}
.c2-contents:nth-child(4){
  flex: 0 0 100%;
}
img.cat2-image {
  width: 100%;
}
.c2-box img {
  max-height: 300px;
  min-height: 300px;
}
h6.c2-title a {
  font-family: Lilita One;
  font-size: 32px;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}
h5.c2-tags {
  font-family: Lilita One;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #ffffff;
}
a.c2-shop-btn {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  text-decoration: underline;
}
.c2-contents {
  position: relative;
}
.c2-text {
  position: absolute;
  top: 30px;
  left: 15px;
}
h6.c2-title {
  padding: 5px 0;
}
.c2-contents:nth-child(4) .c2-text {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
}

/* Banner */
.banner-inner-wrapper {
  position: relative;
}
.banner-text-wrap {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 100%;
  max-width: 45%;
}
h2.banner-heading {
  font-family: Lilita One;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  padding: 0
}
p.b-text {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  margin: 0;
  padding: 50px 0;
}
.banner-inner-wrapper img {
  width: 100%;
}
a.b-btn {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  width: 100%;
  max-width: 200px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

/* Why Choose us */
p.wcu-text {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0.03em;
  text-align: left;
  color: #000000;
  margin: 0;
}

/* Testimonial */
.testi-img-head {
  display: flex;
  align-items: center;
}
.testimonial-text, .testi-review, .testi-date {
  text-align: center;
}
.testi-content {
  background: #ffffff;
  padding: 40px 80px 0px;
  border-bottom: 15px solid #0d7f9a;
}
.testi-head {
  padding-left: 20px;
}
h4.testi-title {
  font-family: Lilita One;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0em;
  text-align: left;
  padding: 0;
  color: #000000
}
p.testi-location {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin: 0;
  color: #000000
}
.testimonial-text p {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  width: 100%;
  max-width: 70%;
  margin: 15px auto;
}
.testimonial-text i {
  font-size: 28px !important;
  color: #000000 !important;
}
.testimonial-text {
  padding: 20px 0;
}
.testi-review {
  padding-bottom: 5px;
}
.testi-review i {
  font-size: 14px !important;
  color: #ed8a19 !important;
}
.testi-date p {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
}
.testimonials-content .owl-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonials-content .owl-nav button {
  width: 35px;
  height: 35px;
  background: #0d7f9a !important;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  border: none;
}
.testimonials-content .owl-nav button i {
  font-size: 22px;
  color: #ffffff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
}
.testimonials-content .owl-nav .owl-prev {
  left: 20px;
}
.testimonials-content .owl-nav .owl-next {
  right: 20px;
}
.testimonials-content .owl-dots {
  text-align: center;
  margin-top: 20px
}
.testimonials-content .owl-dots button {
  width: 16px;
  height: 16px;
  background: #d9d9d9 !important;
  margin-right: 10px;
  border: 1px solid #000000;
}
.testimonials-content .owl-dots button.active {
  background: #0d7f9a !important;
}

/* Blog */
.blog-img a img {
  width: 100%;
}
span.blog-date {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #5f5f5f;
}
.blog-title {
  padding: 10px 0;
}
.blog-title a {
  font-family: Lilita One;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #000000;
}
a.blog-read-btn {
  font-family: Kodchasan;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #5f5f5f;
  text-decoration: underline;
}
.blog-info {
  position: relative;
  z-index: 9
}
.blog-info:nth-child(1) {
  padding: 0 20px;
}
.blog-info:nth-child(2) {
  padding: 0 20px;
}
.blog-info:nth-child(3) {
  padding: 0 20px;
}
.blog-info:nth-child(3):before {
  border: none !important;
}
.blog-head {
  border-top: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
  padding: 15px 0;
}
.blog-info:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 115%;
  border-right: 1px solid #9E9E9E;
  top: -30px;
  right: 0px;
  z-index: -1
}
.blog-information {
  padding-top: 20px;
}
a.blog-read-btn:hover,.blog-title a:hover {
  color: #000000 !important
}


/* FAQ */
section#faq {
  position: relative;
  padding: 0;
  margin: 50px 0;
}
.faq_banner {
  width: 100%;
  height: 100%;
}
.faq_blank {
  background-color: #00000091;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.faq {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.faq .container {
  max-width: 1400px;
}
.faq-head p {
  padding-top: 20px;
  font-family: Lilita One;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}
.faq-head h2 {
  font-family: 'Lilita One';
  font-size: 48px;
  font-weight: 500;
  line-height: 64px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  padding: 0
}
.faq-head {
  padding-bottom: 50px;
  z-index: 2;
  position: relative;
}
.faq .accordion-button,.faq .card{
  background: transparent;
}
.faq .accordion-item {
  margin-bottom: 34px;
  padding: 0;
}
.faq .accordion-button{
  padding: 0;
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 10px;
}
.faq  .accordion-body p {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0px;
}
.faq .accordion-button.collapsed:after {
  content: '\f067';
  font-size: 16px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
}
.faq .accordion-button:after {
  content: '\f068';
  font-size: 16px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
}
.collapse:not(.show) {
  display: none;
}


/* Instagram */
.insta-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-bottom: 25px;
  grid-gap: 20px;
}
.insta-up {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: end;
  justify-self: end;
}
a.img-1{
  margin-right: 20px;
}
a.img-2{
  text-align: center;
}
.insta-head h5 {
  font-family: Kodchasan;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.29em;
  text-align: left;
  color: #0d7f9a;
  display: flex;
  align-items: center;
}
.insta-head h2 {
  font-family: Lilita One;
  font-size: 48px;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #000000;
}
.insta-head p {
  font-family: Kodchasan;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: #1D1D1D;
  width: 73%;
}
.insta-head h5:before {
  content: '';
  width: 70px;
  height: 2px;
  display: block;
  background-color: #0d7f9a;
  margin-right: 10px;
}
.insta-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
.insta-2-1 {
  text-align: end;
}
a.img-3 img {
  padding-bottom: 15px;
}
a.img-7 img {
  padding-bottom: 30px;
}
a.img-6 img {
  width: 100%;
}
a.img-5 img {
  height: 100%;
}
.insta-2-4 {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.insta-2-3 {
  display: flex;
  align-items: end;
  justify-content: center;
}
.insta-head {
  padding-left: 10px;
}
a.insta_btn {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  width: 100%;
  max-width: 200px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0d7f9a;
  border-radius: 5px;
  margin: 50px auto 0;
}

/* Newsletter */
section#newsletter {
  padding-top: 0;
}
.news-text {
  text-align: center;
}
.news-text h2 {
  font-family: Lilita One;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  color: #ffffff;
  text-transform: capitalize;
}
p.news-text-p {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #ffffff;
}
.row.news-inp-btn div {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
  padding: 2px;
}
p.tag-input-btn.news-btn input {
  width: 180px;
  height: 50px !important;
  background-color: #0d7f9a !important;
}
p.tag-input.news-input {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
p.tag-input-btn.news-btn {
  margin: 0;
}
#footer input::placeholder {
  font-family: Kodchasan;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
p.tag-input.news-input input {
  padding: 0;
  color: #000000 !important;
}
