@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    margin-bottom: 0;
    padding-left: 0;
}

a {
    text-decoration: none;
    color: #000;

}

ul {
    list-style: none;
}

button {
    border: none;
    background-color: transparent;
}


body {
    font-family: "Source Sans 3", serif;
}

.sec-title {
    font-family: "DM Serif Display", serif;
}



.btn.btn-primary {
    color: #fff;
}

.btn.btn-primary:hover {
    background-color: #01221b;
    color: #fff;
}

.btn-primary {
    --bs-btn-bg: #004436;
    --bs-btn-border-color: #004436;
    --bs-btn-hover-bg: #01221b;
    --bs-btn-hover-border-color: #01221b;
    --bs-btn-active-bg: #004436;
    --bs-btn-active-border-color: #004436;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004436;
    --bs-btn-disabled-border-color: #004436;
}



.signup-btn, .login-btn {
    background-color: #004436;
    color: #fff !important;
}

.btn:hover {
    background-color: #004436;
    color: #fff;
}

.signup-btn:hover {
    background-color: #007c64;
}

.header-nav {
    position: relative;
}

.nav-lists ul li {
    white-space: nowrap;
}

.nav-lists ul li a {
    font-weight: 600;
    color: #464646;
}

.nav-lists ul li a:hover {
    border-bottom: 2px solid #004436;
}

.search-btn {
    margin-right: 5px;
    padding: 8px;
    border-radius: 100%;
    transition: 0.4s all ease-in-out;
}

.search-btn:hover {
    background-color: #addbcd;
}

.hidden-nav-list {
    display: none;
    position: absolute;
    top: 0;
    left: 10%;
    background-color: white;
    width: fit-content;
    padding: 50px 0;
}

.logo-img {
    min-width: 150px;
}

.menu-heading {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    cursor: pointer;
}

.menu-heading:hover {
    border-bottom: 1px solid #004436;
}

.menu-heading a {
    color: #016853;
    font-size: 14px;
    font-weight: 600;
}

.items-menu li {
    margin-bottom: 10px;
}

.items-menu li a {
    color: #464646;
    font-weight: 300;

}

.items-menu li a:hover {
    color: #016853;
}

.hamburger-menu {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 10;
}

.hamburger-menu-items-wrap {
    background-color: #f7f5f5;
    max-height: 100%;
}

.items-menu {
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

.nav-wrap .search-bars-wrap {
    transform: translateY(-100%);
    transition: all 0.4s ease-in-out;
}

.nav-wrap .search-bars-wrap.active {
    transform: translateY(0);
}

.nav-wrap .search-bars {
    column-gap: 15px;
    width: 50%;
}

.search-bars .form-control input {
    outline: none;
    width: 100%;
}

.search-bar-close-btn {
    aspect-ratio: 1;
    min-width: 40px;
    width: 40px;
    color: #004436;
    background-color: transparent;
    font-size: 20px;
    transition: all 0.4s ease-in-out;
}

.search-bar-close-btn:hover {
    background-color: #ACDBCD;
    color: #003024;
}

.find-the-right-sec {
    background-color: #023024;
    color: white;
}

.sec-wrap {
    padding: 50px 0;
}

.sec {
    padding: 50px 0;
}

.quiz-btn {
    background-color: #00df8b;
    color: black;
    border: #00df8b;
}

.quiz-btn:hover {
    color: white;
    background-color: orange;
}

.how-it-works-sec {
    background-color: #fcf5f3;
}

.card-img img {
    border-radius: inherit;
}

.footer {
    background-color: #f8f9fa;
    padding: 40px 0;
}

.footer-logo {
    width: 200px;
}

.footer-links a {
    color: #007b5e;
    text-decoration: none;
}

.footer-links a:hover {
    text-decoration: underline;
}

.social-icons a {
    margin-right: 10px;
    color: #007b5e;
    font-size: 20px;
}

.app-icons img {
    width: 120px;
}

.breadcrumb-sec {
    background-color: #f3e9e3;
}

.colleges-filter {
    position: sticky;
    top: 30px;
}

.colleges-filter-clear-btn {
    font-weight: 500;
    color: #3671fb;
    text-decoration: underline;
    transition: all 0.4s ease-in-out;
}

.colleges-filter-clear-btn:hover {
    color: #000;
}

.colleges-filter-title {
    font-size: 18px;
}

.colleges-filter-box-title {
    font-size: 17px;
    cursor: pointer;
}

.colleges-filter-box-title i {
    transition: all 0.4s ease-in-out;
}

.colleges-filter-box-title.arrow-up i {
    transform: rotate(180deg);
}

.colleges-filter-box {
    border-top: 1px solid #54545412;
}

.colleges-filter-box-items .form-check:not(:last-child) {
    margin-bottom: 8px;
}

.colleges-filter-box-items .form-check-label {
    color: #757575;
}

.colleges-filter-box-items .form-check .form-check-input {
    margin-left: -30px;
}

.colleges-filter-box-items .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.colleges-filter-box-items .form-check {
    min-height: 20px;
    padding-left: 30px;
}

.colleges-filter-box-items .form-check-input:focus {
    border-color: #f7f5f5;
    box-shadow: 0 0 0 .25rem rgb(0 68 54 / 20%);
}

.colleges-filter-box-items .form-check-input:checked {
    background-color: #004436;
    border-color: #004436;
}

.colleges-list-sort label {
    color: #757575;
    font-size: 14px;
}

.colleges-list-sort select {
    border-radius: 50px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 25px;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background-image: url(../images/down-arrow.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.colleges-list-item {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 7px #00000017;
    padding: 20px;
}

.colleges-list-item-head {
    border-bottom: 1px solid #54545412;
    column-gap: 15px;
}

.colleges-list-item-img {
    min-width: 55px;
    width: 55px;
    aspect-ratio: 1;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    padding: 5px;
}

.colleges-list-item-img img {
    width: 100%;
}

.colleges-list-item-title {
    font-size: 20px;
    font-weight: 500;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.colleges-list-item-location {
    font-size: 14px;
    color: #757575;
}

.colleges-list-item-box-label {
    color: rgb(0 0 0 / 45%);
    font-size: 14px;
}

.colleges-list-item-box-value {
    font-weight: 500;
    font-size: 17px;
}

.colleges-filter-toggle-btn {
    column-gap: 7px;
    border: 1px solid #000;
}

.info-wrapper {
    background-image: url(../images/college-building.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.info-sub-wrap {
    background-color: rgba(42, 52, 71, 0.9);
}

.info-wrapper {
    color: white;
}

.city-link {
    color: #53b1fd;
}

.city-link:hover {
    color: #3671fb;
    text-decoration: underline;
}

.clg-name-span {
    font-weight: 400;
}

.clg-name {
    font-family: sans-serif;
    font-weight: 600;
}


.clg-type {
    border-right: 2px solid #8b8b8b;
}

.clg-details {
    font-size: medium;
}

.clg-contact-btn {
    background-color: transparent;
    border: 1px solid white;
}

.clg-contact-btn:hover {
    background-color: white !important;
    color: black !important;
}

.clg-img {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.15);
    padding: 10px;
}

.clg-img img {
    width: 100%;
    border-radius: 4px;
}

.infoboxesin {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 7px #00000017;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
    max-height: 500px;
    /* Adjust based on content height */
    opacity: 1;
}

.infoboxesin.collapsed {
    max-height: 70px;
}

.gallery-items-toggler-btns>button {
    border-radius: 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}


.gallery-items-toggler-btns>button {
    border-radius: 8px;
    margin-right: 5px;
    background-color: white;
    color: #004436 !important;
    transition: background-color 0.3s ease-in-out;
}

.gallery-items-toggler-btns>button.active {
    background-color: #004436;
    color: white !important;
}

.gallery-items-toggler-btns>button:hover {
    color: white !important;
}

.course-details-header-label {
    font-size: 32px;
    font-weight: 600;
}

.course-details-header-sublabel {
    font-size: 20px;
    font-weight: 500;
}

.course-btn {
    padding: 10px;
}

.course-links-btns-tr th {
    padding: 0px !important;
}

.course-btn:hover {
    background-color: #dadada;
}

.course-btn.active {
    background-color: #004436 !important;
    color: white !important;
}

.header-banner-sec {
    background-image: url(../images/bg-img.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;

}

.bg-backdrop {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 3px;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
    pointer-events: none;
    box-shadow: 0 10px 28px rgba(31, 31, 31, 0.15) inset;
}

.header-banner-sec .wrapper {
    padding: 100px 0px !important;
}

.search-bar-icon {
    padding: 12px;
}

.search-bar-input {
    padding: 12px 20px;
    padding-left: 0;
    width: 100%;
}

.search-bar-input:focus-visible {
    outline: none;
}

.search-bar-btn {
    background-color: #ff7900;
    padding: 12px 20px;
}

.search-bar-btn:hover {
    background-color: #ef7000;
}

.card-head {
    position: relative; /* Make the parent position relative */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-head::before {
    content: ''; /* Required for the pseudo-element */
    position: absolute; /* Position it absolutely within .card-head */
    top: 0; /* Align it to the top */
    left: 0; /* Align it to the left */
    right: 0; /* Stretch to the right */
    bottom: 0; /* Stretch to the bottom */
    background-color: rgba(0, 0, 0, 0.7); /* Black with 50% opacity */
    border-top-left-radius: 5px; /* Match the parent’s border radius */
    border-top-right-radius: 5px; /* Match the parent’s border radius */
    z-index: 1; /* Ensure it is above the background */
}

.card-head h1, /* or whatever element contains the text */
.card-head p { /* if you have paragraphs */
    position: relative; /* Make text position relative to stay above the overlay */
    z-index: 2; /* Ensure text is above the overlay */
    color: white; /* Change the text color to ensure readability */
}
.clg-title {position: relative; z-index: 9999;}

.clg-title-logo {
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.clg-title-sub-title {
    color: white;
}

.clg-title {
    font-weight: bold;
}

.clg-sub-title {
    font-size: 14px;
}

.star-img {
    width: 15px;
    height: 15px;
}

.course-fees-reviews>span {
    color: #24a7d0;
    font-weight: 600;
}

.course-fees-reviews>span>span {
    color: gray;
    font-weight: 400;
}

.card-body-lower {
    padding: 10px 0px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;

}

.card-body-upper>a:hover {
    color: #ff7900;
}

.card-footer {
    background-color: white !important;
    border-top: 0;
}

.card-footer-links a {
    border-top: 1px solid #d6d6d6;
   
    padding: 10px 0px;

}

.card-footer-links a:hover {
    color: #ff7900;
}

.top-clg-title-text {
    font-weight: 600;
}

.city-box {
    padding: 0px 20px;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    width: fit-content;
}

.items-con .item {
    padding: 10px 20px;
    border-radius: 25px;
    border: 1px solid #d6d6d6;
    width: fit-content;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.items-con .item:hover {
    background-color: rgb(218, 218, 218);
    scale: 1.05;
}

.program-card-head {
    padding: 10px 20px;
    background-color: rgb(245, 250, 255);
}

.card-body-item {
    padding: 7px 10px;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
}

.card-footer {
    border-top: 1px solid #d6d6d6;
}

.tab-btn {
    padding: 5px 20px;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
}

.tab-btn.active {
    border: 1px solid #343434;
    background-color: #eaeaea;
}

.news-cards-con{
    max-width: 100%;
    overflow: hidden;
}
.news-card {
    padding: 15px;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
}

.news-para p {
    max-width: 300px;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    padding-top: 10px;
    margin-bottom: 10px;
}

.news-read-more{
    border-top: 1px solid #d6d6d6;
    padding: 10px 0px;
}

.news-read-more a:hover{
    color: #ff7900;
}
.news-con-left-btn{
    left: 0;
}
.news-con-left-btn,.news-con-right-btn{
    top: 40%;
    z-index: 1;
    width: fit-content;
    background-color: white;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    border: 1px solid #d6d6d6;
}

.news-con-right-btn{
    right: 0;
}

.goal-card{
    border: 1px solid #d6d6d6;
    padding: 15px;
    border-radius: 10px;
}
.goal-card-lower a{
    border-top: 1px solid #d6d6d6;

}
.goal-card-lower a:hover{
    color: #ff7900;
}

.goal-card-upper img{
    border: 1px solid #d6d6d6;
    border-radius: 100%;
}

.see-all-btn{
    color: #ff7900;
}

.goal-left-btn{
    left: 0;
}
.goal-right-btn{
    right: 0;
}

.goal-left-btn,.goal-right-btn{
    top: 45%;
    z-index: 1;
    width: fit-content;
    background-color: white;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    border: 1px solid #d6d6d6;
    
}

.hidden-nav-list-wrap {
    position: relative;
    z-index: 9999;
}

.hidden-nav-list {
    position: absolute;
    top: 100%; /* Ensure it appears below the nav */
    left: 0;
    width: 100%;
    z-index: 10000;
    background: white; /* Ensure visibility */
    display: none; /* Hide by default */
}

.hidden-nav-list.active {
    display: block !important; /* Show when active */
}

.dropdown-menu {
    position: absolute !important;
    z-index: 1050 !important;
    display: none; /* Hidden by default */
}

.dropdown:hover .dropdown-menu {
    display: block !important; /* Show on hover */
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.page-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 2px solid #004436;
    background-color: white;
    color: #004436;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.page-btn:hover,
.page-btn.active {
    background-color: #004436;
    color: white;
}

.page-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Icons for navigation */
.page-btn.first::before {
    content: "⏮";
    margin-right: 5px;
}

.page-btn.prev::before {
    content: "◀";
    margin-right: 5px;
}

.page-btn.next::after {
    content: "▶";
    margin-left: 5px;
}

.page-btn.last::after {
    content: "⏭";
    margin-left: 5px;
}

/* Ensure pointer cursor on hover */
.page-btn:not(:disabled):hover {
    cursor: pointer;
}


.clg-logo {
    flex: 0 0 20%;                  /* Fix width to 20% */
    max-width: 20%;                 /* Ensure it does not exceed 20% */
    display: flex;                  /* Make the logo container a flex container */
    justify-content: center;        /* Center the image horizontally */
    align-items: center;  
     position: relative;
    z-index: 9999;/* Center the image vertically */
}

.clg-logo img {
    width: 100%;                    /* Make the image fill the container */
    height: auto;                   /* Maintain aspect ratio */
    border-radius: 50% !important;            /* Make the image circular */
    object-fit: cover;              /* Ensure the image covers the area without distortion */
    max-height: 100%;               /* Ensure the image does not exceed the height of the container */
}


.clg-title-logo {
    display: flex;                   /* Ensure flexbox layout */
    align-items: center;            /* Vertically center items */
}



.clg-title-sub-title {
    flex: 1;                        /* Allow text to take the remaining space */
}




.city-box {
    text-align: center; /* Centers text horizontally */
   
}


.close-btn {background: #ffffff !important; }














/* General Dropdown Styling */
.qualification-dropdown,
.course-type-dropdown,
.main-course-dropdown,
.sub-course-dropdown,
.cities-dropdown,
.states-dropdown,
.program-type-dropdown,
.college-type-dropdown,
.avg-fee-dropdown {
  width: 320px;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 8px;
  display: none; /* Hidden by default */
}

/* Input Field Styling */
.course-type-dropdown .input-group input,
.main-course-dropdown .input-group input,
.sub-course-dropdown .input-group input,
.cities-dropdown .input-group input,
.states-dropdown .input-group input,
.program-type-dropdown .input-group input,
.college-type-dropdown .input-group input,
.avg-fee-dropdown .input-group input {
  border-radius: 5px;
  padding: 8px;
  border: 1px solid #ccc;
}

/* Pill Styling */
.qualification-pill,
.course-type-pill,
.main-course-pill,
.sub-course-pill,
.cities-pill,
.states-pill,
.program-type-pill,
.college-type-pill,
.avg-fee-pill {
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.3s;
  margin: 2px;
}
.qualification-pill.active,
.course-type-pill.active,
.main-course-pill.active,
.sub-course-pill.active,
.cities-pill.active,
.states-pill.active,
.program-type-pill.active,
.college-type-pill.active,
.avg-fee-pill.active {
  background-color: orange;
  color: white;
  border-color: orange;
}

/* Selected Filters */
.selected-filters .filter-pill {
  background-color: orange;
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  margin: 2px;
}




.styled-table {
  width: 100%;
  border-collapse: collapse; /* Ensures borders are not double */
}

/* Table Header */
.styled-table thead th {
  background-color: #004436; /* Your preferred header color */
  color: #ffffff;            /* Text color (white) */
  padding: 12px;             /* Spacing inside header cells */
  border: 1px solid #cccccc; /* Border color for header cells */
}

/* Table Body Cells */
.styled-table tbody td {
  border: 1px solid #cccccc; /* Border color for body cells */
  padding: 10px;             /* Spacing inside body cells */
}

/* Optional: Add hover effect for table rows */
.styled-table tbody tr:hover {
  background-color: #f5f5f5; /* Light gray hover */
}



.college-name-link {
  color: rgb(79, 184, 221);   /* link color */
  font-size: 20px;            /* text size */
  text-decoration: none;      /* remove underline */
}

.college-name-link:hover {
  text-decoration: underline; /* underline on hover */
}




.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}



   .college-logo {
  border: 1px solid #ccc;  /* Light grey border */
  padding: 4px;            /* Space between logo and border */
  border-radius: 5px;      /* Rounded corners */
}
  .goal-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem; /* adjust spacing between cards */
  }

  @media (max-width: 992px) {
    .goal-grid {
      grid-template-columns: repeat(2, 1fr); /* tablet */
    }
  }

  @media (max-width: 576px) {
    .goal-grid {
      grid-template-columns: 1fr; /* mobile */
    }
  }
.orange-corner {
  background: #004436; /* default Bootstrap blue */
  border-color: #004436;
  color: white;
  transition: all 0.3s ease;
}

.orange-corner:hover {
  background-color: #ff7900 !important;
  border-color: #ff7900 !important;
  color: #ffffff !important;
}

.college-logo {
    width: 50px;     /* fixed width */
    height: 50px;    /* fixed height */
    object-fit: contain;
    /* Optionally, center the image if there are extra spaces */
    display: block;
    margin: auto;
}
.orange-cornerbut {border-radius: 20px;background-color: #ff7900;border-color:#ff7900; }
    #scrollAnchor {
        height: 200px; /* Adjust this height as needed */
    }
    
  .orange-cornerbut:hover {
  background-color: #004436 !important;
  border-color: #004436 !important;
  color: #ffffff !important;
}  
  
  
  .news-item-image img {
  width: 100%;      /* Make the image take up the full width of its container */
  height: auto;     /* Keep the aspect ratio intact */
  object-fit: cover; /* Ensures the image covers the space without distortion */
}

  .news-item-image {
 max-width: 200px;
}

    .sidebar-wrapper .hidden-nav-list {
    display: flex !important;
}



















   .menu-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      color: white;
      display: none;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      z-index: 1000;
      padding: 20px;
    }

    .menu-overlay.active {
      display: flex;
    }

    .menu-overlay .close-button {
      position: absolute;
      top: 20px;
      right: 20px;
      background: none;
      border: none;
      color: white;
      font-size: 24px;
      cursor: pointer;
    }

    .menu-overlay ul {
      list-style: none;
      padding: 0;
      margin: 50px 0;
      text-align: center;
    }

    .menu-overlay li {
      margin: 15px 0;
      font-size: 18px;
      cursor: pointer;
    }

    .sub-menu {
      display: none;
      flex-direction: column;
    }

    .sub-menu.active {
      display: flex;
    }

    .sub-sub-menu {
      display: none;
      flex-direction: column;
      width: 100%;
      padding: 20px;
      background-color: white;
      color: black;
    }

    .sub-sub-menu.active {
      display: flex;
    }

    .back-button {
      align-self: flex-start;
      font-size: 18px;
      margin-bottom: 20px;
      cursor: pointer;
    }

    .card {
      display: flex;
      flex-direction: column;
      border: 1px solid #ddd;
      border-radius: 10px;
      padding: 15px;
      margin-bottom: 10px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .card h3 {
      margin: 0 0 10px;
      font-size: 18px;
    }

    .card .details {
      color: #555;
      font-size: 14px;
    }

    .card .action {
      margin-top: 10px;
      color: #007bff;
      cursor: pointer;
    }


    .footer {
  background: #f8f9f8;
}
.foot_div p {
  font-size: 15px;
  font-weight: 500;
}
.foot_div img {
  width: 18%;
}
.foot_1,
.foot_2,
.foot_3,
.foot_4,
.foot_5 {
  width: 20%;
}
.foot_1 h6,
.foot_2 h6,
.foot_3 h6,
.foot_4 h6,
.foot_5 h6 {
  font-weight: 700;
}
.foot_1 a,
.foot_2 a,
.foot_3 a,
.foot_4 a,
.foot_5 a {
  color: #143358 !important;
  font-size: 15px !important;
  font-weight: 500;
  margin: 5px 0;
  display: block;
  transition: 0.3s ease all;
  position: relative;
  display: inline-block;
}
.foot_1 a::after,
.foot_2 a::after,
.foot_3 a::after,
.foot_4 a::after,
.foot_5 a::after {
  content: "";
  background: #143358;
  height: 2px;
  border-radius: 10px;
  width: 0%;
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease all;
}
.foot_1 a:hover::after,
.foot_2 a:hover::after,
.foot_3 a:hover::after,
.foot_4 a:hover::after,
.foot_5 a:hover::after {
  content: "";
  background: #143358;
  height: 2px;
  border-radius: 10px;
  width: 100%;
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease all;
}
.foot_1 a:hover,
.foot_2 a:hover,
.foot_3 a:hover,
.foot_4 a:hover,
.foot_5 a:hover {
  transition: 0.3s ease all;
  margin-left: 5px;
  color: #d16c00 !important;
}
.social_icon {
  gap: 15px;
}
.custom_container {
  width: 90%;
  margin: 0 auto;
}

.social_icon a i {
  font-size: 30px;
}
.foot_end img {
  width: 120px;
  border-radius: 10px;
}
.app_store {
  gap: 10px;
}