.footer__copyright__logo img {
   max-width: 120px;
}

.custom-icon svg {
   width: 40px;
   height: 40px;
}

.footerlogo {
   width: 150px;
   height: auto;
}

.custom-contact-form {
   position: relative;
   z-index: 2;
}

.custom-contact-form .form-group {
   position: relative;
   overflow: hidden;
}

.custom-contact-form .form-group label {
   position: absolute;
   top: 50%;
   left: 22px;
   transform: translateY(-50%);
   color: #7d7d7d;
   font-size: 16px;
   z-index: 2;
   transition: 0.4s;
}

.custom-contact-form .textarea-group label {
   top: 28px;
}

.custom-contact-form .form-control {
   width: 100%;
   height: 65px;
   border: 1px solid rgba(255, 255, 255, 0.08);
   background: #111827;
   border-radius: 14px;
   padding: 0 20px 0 58px;
   color: #fff;
   font-size: 15px;
   transition: all 0.4s ease;
   box-shadow: none;
}

.custom-contact-form textarea.form-control {
   height: 160px;
   padding-top: 20px;
   resize: none;
}

.custom-contact-form .form-control::placeholder {
   color: #9ca3af;
}

.custom-contact-form .form-control:focus {
   border-color: #077aaa;
   background: #0f172a;
   box-shadow: 0 0 20px rgba(255, 122, 0, 0.15);
   transform: translateY(-2px);
}

.custom-contact-form .form-control:focus+label,
.custom-contact-form .form-group:hover label {
   color: #077aaa;
}

.submit-btn-custom {
   border: none;
   padding: 16px 40px;
   border-radius: 12px;
   background: linear-gradient(135deg, #077aaa, #153c6f);
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   transition: all 0.4s ease;
   position: relative;
   overflow: hidden;
}

.submit-btn-custom:hover {
   transform: translateY(-4px);
   box-shadow: 0 15px 35px rgba(255, 122, 0, 0.3);
}

.submit-btn-custom::before {
   content: "";
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.2);
   transition: 0.5s;
}

.submit-btn-custom:hover::before {
   left: 100%;
}

@media (max-width: 767px) {

   .custom-contact-form .form-control {
      height: 58px;
      font-size: 14px;
   }

   .custom-contact-form textarea.form-control {
      height: 140px;
   }

   .submit-btn-custom {
      width: 100%;
   }
}

/* Remove number input arrows */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
   -moz-appearance: textfield;
}

/* blog */

/* =========================
BLOG CARD
========================= */

.blog__single {
   position: relative;
   border-radius: 24px;
   overflow: hidden;
   background: #fff;
   height: 100%;
   transition: all 0.4s ease;
   /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); */
}

.blog__single:hover {
   transform: translateY(-10px);
   /* box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); */
}

/* =========================
BLOG IMAGE
========================= */

.blog__single__banner {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   border-radius: 24px 24px 0 0;
}

.blog__single__banner img {
   width: 100%;
   height: 250px;
   object-fit: cover;
   display: block;
   transition: transform 0.6s ease;
}

/* Hover Zoom */

.blog__single:hover .blog__single__banner img {
   transform: scale(1.08);
}

/* =========================
BLOG CONTENT
========================= */

.blog__single__content {
   position: relative;
   background: #fff;
   margin: -45px 20px 20px;
   padding: 24px;
   border-radius: 20px;
   z-index: 2;
   min-height: 220px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}

/* Date */

.blog__single__content__tag {
   display: inline-block;
   font-size: 13px;
   font-weight: 600;
   padding: 6px 14px;
   border-radius: 30px;
   background: #eef2ff;
   color: #1e3a8a;
   text-transform: uppercase;
}

/* =========================
TITLE
========================= */

.blog__single__title {
   margin-top: 18px;
   margin-bottom: 20px;
   line-height: 1.4;
}

.blog__single__title a {
   color: #0f172a;
   font-size: 30px;
   font-weight: 700;
   text-decoration: none;

   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;

   overflow: hidden;
   text-overflow: ellipsis;

   min-height: 76px;
}

/* =========================
READ MORE
========================= */

.tj-btn-2 {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: 15px;
   font-weight: 600;
   color: #0f172a;
   transition: 0.3s;
}

.tj-btn-2:hover {
   color: #2563eb;
   transform: translateX(4px);
}

/* =========================
PAGINATION
========================= */

.tj-pagination {
   margin-top: 50px;
}

.tj-pagination .page-numbers {
   width: 48px;
   height: 48px;
   border-radius: 12px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: #fff;
   margin: 0 6px;
   font-weight: 600;
   color: #0f172a;
   transition: 0.3s;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.tj-pagination .page-numbers.current,
.tj-pagination .page-numbers:hover {
   background: #153c6f;
   color: #fff;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px) {

   .blog__single__banner {
      height: 280px;
   }

   .blog__single__title a {
      font-size: 24px;
   }
}

@media(max-width:767px) {

   .blog__single__banner {
      height: 240px;
   }

   .blog__single__content {
      margin: -35px 15px 15px;
      padding: 20px;
   }

   .blog__single__title a {
      font-size: 22px;
      min-height: auto;
   }
}