@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,,600,700");

 /* ==========================================================================
   2. GENERAL
   ========================================================================== */
 body {
   font-family: 'Poppins', sans-serif;
   color: #333;
   font-size: 14px;
   font-weight: 400;
   background: #fff;
   overflow-x: hidden;
 }

 html {
   overflow-x: hidden;
 }

 p {
   font-size: 14px;
   line-height: 26px;
 }

 a:hover,
 a:focus {
   color: #002e60;
 }

 a {
   /* -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear; */
 }

 h1,
 h2,
 h3,
 h4,
 h5 {
   font-family: 'Poppins', sans-serif;
   font-size: 40px;
   font-weight: 700;
   letter-spacing: 1px;
 }

 ul {
   margin: 0;
   padding: 0;
 }

 ul li {
   list-style: none;
 }

 a:hover,
 a:focus {
   text-decoration: none;
   outline: none;
 }

 a:not([href]):not([tabindex]) {
   color: #fff;
 }

 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
   color: #002e60;
 }

 /* ==========================================================================
   2.1 Section Title
   ========================================================================== */
 .section {
   padding: 80px 0;
 }

 .section-header {
   color: #fff;
   margin-bottom: 40px;
   text-align: center;
 }

 #craftingPathways .section-header>p {
   color: #000;
 }

 .section-header>p {
   /* color: #000; */
   /* font-weight: 500; */
   /* letter-spacing: 1px; */
   /* font-size: 20px; */
   /* line-height: 28px; */
 }

 .section-header .section-title {
   font-size: 42px;
   margin-top: 0;
   text-transform: uppercase;
   font-weight: 700;
   color: #333;
   letter-spacing: .1px;
   font-weight: 700;
   position: relative;
 }

 .section-header .section-title.title-small {
   font-size: 34px;
 }

 .section-header .section-title span {
   color: #002e60;
 }

 .section-header .section-subtitle {
   margin-top: 15px;
   color: #333;
   font-size: 14px;
   font-weight: 400;
 }

 .section-header .lines {
   margin: auto;
   width: 70px;
   position: relative;
   border-top: 2px solid #002e60;
   margin-top: 15px;
 }

 .boxContent a.btn {
   padding: 6px 10px;
   text-transform: capitalize;
   color: #fff;
   margin-top: 10px;
 }

 .boxContent a.btn:hover {
   color: #fff;
 }

 /* ==========================================================================
   2.2 Buttons
   ========================================================================== */
 .btn {
   font-size: 14px;
   padding: 11px 40px;
   border-radius: 0px;
   font-weight: 400;
   color: #fff;
   text-transform: uppercase;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
   display: inline-block;
 }

 .btn:focus,
 .btn:active {
   box-shadow: none;
   outline: none;
   color: #fff;
 }

 .btn-common {
   border: 1px solid #002e60;
   background: #002e60;
   position: relative;
   color: #fff;
   z-index: 1;
   border-radius: 4px;
 }

 .btn-common:hover {
   color: #fff;
   background: #1b3252;
   border-color: #1b3252;
   transition: all .50s ease-in-out;
   -moz-transition: all .50s ease-in-out;
   -webkit-transition: all .50s ease-in-out;
 }

 .btn-border {
   color: #fff;
   background-color: transparent;
   border: 2px solid #fff;
   border-radius: 4px;
 }

 .btn-border:hover {
   border: 2px solid #fff;
   color: #fff;
   background-color: #002e60;
 }

 .btn-lg {
   padding: 14px 33px;
   text-transform: uppercase;
   font-size: 16px;
 }

 .btn-rm {
   padding: 7px 0px;
   color: #999;
   text-transform: capitalize;
 }

 .btn-rm i {
   vertical-align: middle;
 }

 button:focus {
   outline: none !important;
 }

 .clear {
   clear: both;
 }

 .btn-fill {
   background: #002e60;
 }

 .btn-fill.btn-common:hover {
   color: #fff;
   background: #1b3252;
 }

 /* ==========================================================================
   2.3 Social Iocns
   ========================================================================== */
 .social-icons {
   margin-top: 20px;
 }

 .social-icons ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .social-icons ul li {
   display: inline;
 }

 .social-icons ul li a {
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 15px;
   /* border-radius: 50%; */
   line-height: 40px;
   /* width: 40px;
   height: 40px; */
   text-align: center;
   background: none;
   font-size: 16px;
 }

 .social-icons ul li a:hover {
   color: #fff;
 }

 .social-icons ul li a {
   display: inline-block;
   /* border-radius: 50%; */
   line-height: 40px;
   text-align: center;
   background: none;
   font-size: 24px;
   margin: 0;
   text-shadow: 0px 1px #ffffff75;
 }

 .social-icons ul li {
   display: inline;
   margin-right: 5px;
 }

 .youtube a {
   color: #DF2926;
 }

 .facebook a {
   color: #4867AA;
 }

 /* 
 .facebook a:hover {
   background: #4867AA;
 }

 .twitter a {
   color: #1DA1F2;
 }

 .twitter a:hover {
   background: #1DA1F2;
 }

 .google-plus a {
   color: #DD4D42;
 }

 .google-plus a:hover {
   background: #DD4D42;
 }

 .youtube a {
   color: #DF2926;
 }

 .youtube a:hover {
   background: #DF2926;
 }

 .linkedin a {
   color: #007BB6;
 }

 .linkedin a:hover {
   background: #007BB6;
 }

 .pinterest a {
   color: #BD081C;
 }

 .pinterest a:hover {
   background: #BD081C;
 }

 .dribbble a {
   color: #EA4C89;
 }

 .dribbble a:hover {
   background: #EA4C89;
 }

 .behance a {
   color: #0B7CFF;
 }

 .behance a:hover {
   background: #0B7CFF;
 } */

 /* ==========================================================================
	 2.4  Pre Loader
	 ========================================================================== */
 #loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #333;
   z-index: 9999999999;
 }

 .spinner {
   width: 40px;
   height: 40px;
   top: 45%;
   position: relative;
   margin: 0px auto;
 }

 .double-bounce1,
 .double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #002e60;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
 }

 .double-bounce2 {
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
 }

 @-webkit-keyframes sk-bounce {

   0%,
   100% {
     -webkit-transform: scale(0);
   }

   50% {
     -webkit-transform: scale(1);
   }
 }

 @keyframes sk-bounce {

   0%,
   100% {
     transform: scale(0);
     -webkit-transform: scale(0);
   }

   50% {
     transform: scale(1);
     -webkit-transform: scale(1);
   }
 }

 /* ========================================================================== 
  -2.5 Scroll To Up 
   ========================================================================== */
 .back-to-top {
   display: none;
   position: fixed;
   bottom: 18px;
   right: 15px;
   z-index: 9;
 }

 .back-to-top i {
   display: block;
   width: 36px;
   height: 36px;
   line-height: 36px;
   color: #fff;
   font-size: 14px;
   text-align: center;
   border-radius: 4px;
   background-color: #cb4245;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

 /* ==========================================================================
   3. Hero Area
   ========================================================================== */
 #hero-area {
   /* background: url(../img/hero-area.jpg) fixed no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  position: relative; */
 }

 .heroBanner {
   background: url(../img/mybanner.jpeg) fixed no-repeat;
   background-size: cover;
   color: #fff;
   overflow: hidden;
   position: relative;
   height: 87vh;
   display: flex;
   align-items: center;
   justify-content: center;

 }

 #hero-area .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   background: #002e60;
   opacity: 0.9;
 }

 #hero-area .contents {
   /* padding:210px 0; */
 }

 #hero-area .contents h1 {
   color: #fff;
   font-size: 42px;
   font-weight: 700;
   margin-bottom: 15px;
   text-transform: uppercase;
 }

 #hero-area .contents p {
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   line-height: 30px;
   letter-spacing: 0.5px;
   margin-bottom: 0;
 }

 #hero-area .contents .btn {
   margin: 25px 25px 0px 0px;
   text-transform: uppercase;
 }

 #hero-area .banner_bottom_btn {
   margin-top: 40px;
 }

 #hero-area .banner_bottom_btn i {
   color: #fff;
   font-size: 48px;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

 #hero-area .banner_bottom_btn i:hover {
   color: #002e60;
 }

 .accordion-item {
   background-color: #FFF;
   /* padding: 20px; */
   margin: 0 auto 15px auto;
   border: 1px solid #eee;
 }

 .accordion-header {
   line-height: 1;
   margin-bottom: 0;
 }

 .accordion-header button {
   width: 100%;
   background: no-repeat;
   border: 0;
   outline: none;
   text-align: left;
   font-size: 22px;
   font-weight: 500;
   padding: 20px;
   cursor: pointer;
   display: flex;
   align-items: center;
 }

 .accordion-header button span.lnr {
   margin-left: auto;
   font-size: 18px;
   font-weight: 600;
 }

 .accordion-header button.accordion-button .lnr {
   transform: rotateX(180deg);
 }

 .accordion-header button.accordion-button.collapsed .lnr {
   transform: rotateX(0deg);
 }

 .accordion-body {
   padding: 20px;
   border-top: dashed 1px #eee;
   font-size: 16px;
   line-height: 26px;
 }

 /* ==========================================================================
   4. Navbar Style
   ========================================================================== */
 .navbar-brand {
   position: relative;
   padding: 0px;
 }

 a.navbar-brand img.img-fulid {
   max-width: 120px;
 }

 .top-nav-collapse {
   background: #fff;
   z-index: 1041;
   top: 0px !important;
   padding: 0;
   box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
   background: #fff !important;

   padding: 0.5rem 1rem;
 }

 .top-nav-collapse .navbar-brand {
   top: 0px;
 }

 .top-nav-collapse .navbar-nav .nav-link {
   color: #333 !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }

 .top-nav-collapse .navbar-nav .nav-link:hover {
   background: #002e60 !important;
   color: #fff !important;

 }

 .top-nav-collapse .navbar-nav .nav-link.active {
   color: #fff !important;
 }

 .indigo {
   background: transparent;
 }

 .scrolling-navbar.indigo {
   background: #fff;
 }

 ul.navbar-nav li {
   margin: 0 2px;
 }

 li.nav-item {
   position: relative;
 }

 li.nav-item ul.sub-menu {
   position: absolute;
   background: #ffffff;
   width: 100%;
   min-width: 150px;
   padding: 8px;
   box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
   top: 50px;
   display: none;
 }

 li.nav-item:hover ul.sub-menu {
   display: block;
 }

 li.nav-item ul.sub-menu a.nav-link {
   padding: 8px 0px;
   font-size: 14px;
   line-height: 1;
   margin: 0;
 }

 li.nav-item ul.sub-menu a.nav-link:hover,
 li.nav-item ul.sub-menu a.nav-link:focus,
 li.nav-item ul.sub-menu a.nav-link.active {
   background: none !important;
   color: #002f64 !important;
 }

 .navbar-expand-lg .navbar-nav .nav-link {
   color: #333;
   padding: 0 10px;
   margin-top: 15px;
   margin-bottom: 15px;
   line-height: 30px;
   border-radius: 4px;
   background: transparent;
   /* -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; */
   font-size: 15px;
   font-weight: 500;
 }

 .navbar-expand-lg .navbar-nav li.nav-item a:hover,
 .navbar-expand-lg .navbar-nav li.nav-item .active>a,
 .navbar-expand-lg .navbar-nav li.nav-item a:focus {
   background: #002e60 !important;
   color: #fff !important;
 }

 .navbar .nav-link.active {
   color: #fff !important;
   background: #002e60;
 }

 .dropdown-toggle::after {
   display: none;
 }

 .slicknav_btn {
   border-color: #002e60;
 }

 .slicknav_menu .slicknav_icon-bar {
   background: #002e60;
 }

 section.innerBanner {
   clear: both;
   background: #163e73;
   padding: 70px 0;
 }

 .flex_container h2 {
   color: #fff;
   margin: 0;
 }

 .innerBanner .flex_container h2 {
   font-size: 32px;
 }

 .flex_container {
   display: flex;
   align-items: center;
 }

 ul.breadcrumbs {
   display: flex;
   justify-content: flex-end;
 }

 ul.breadcrumbs li {
   margin-right: 10px;
 }

 ul.breadcrumbs li:after {
   content: '/';
   margin-left: 10px;
   color: #fff;
   line-height: 1;
 }

 ul.breadcrumbs li:last-child::after {
   display: none;
 }

 ul.breadcrumbs li a:hover {
   text-decoration: underline;
   color: #fff;
 }

 .iinerPageCont .section {
   padding: 0;
 }

 .iinerPageCont .section p,
 .iinerPageCont .section ul li {
   font-size: 16px;
   color: #4b5563;
   line-height: 24px;
 }

 .iinerPageCont .section h3 {
   margin-bottom: 20px;
   font-size: 23px;
 }

 .iinerPageCont .section ul li {
   margin-bottom: 15px;
 }

 .bullet-list li {
   list-style-type: disc;
 }

 ul.bullet-list {
   padding-left: 1.5rem;
 }

 .publications-table {
   width: 100%;
   border-collapse: collapse;
   font-family: Arial, sans-serif;
   margin-top: 20px;
 }

 .publications-table thead {
   background-color: #163e73;
   color: white;
   text-align: left;
 }

 .publications-table th,
 .publications-table td {
   padding: 12px 15px;
   border: 1px solid #ddd;
 }

 .publications-table td a.download-btn {
   display: inline-flex;
   align-items: center;
   padding: 5px 10px;
 }

 .publications-table td span.mobileHeading {
   display: none;
 }

 .publications-table tbody tr:nth-child(even) {
   background-color: #f9f9f9;
 }

 .publications-table tbody tr:hover {
   background-color: #f1f1f1;
 }

 .download-btn {
   background-color: #28a745;
   color: white;
   border: none;
   padding: 8px 12px;
   cursor: pointer;
   border-radius: 4px;
   font-size: 14px;
 }

 .download-btn i {
   margin-right: 5px;
 }

 .download-btn:hover {
   background-color: #218838;
 }

 .ContactInfoContainer {
   background-color: #f4f4f4;
   padding: 30px;
   border-radius: 10px;
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
   /* max-width: 800px; */
   margin: 20px auto;
   margin-bottom: 50px;
 }

 .ContactInfoContainer h3 {
   text-align: left;
   color: #333;
   margin-bottom: 10px;
 }

 .contactInfoWrap .col {
   padding: 0;
 }

 .ContactInfoContainer p {
   text-align: center;
   color: #555;
   margin-bottom: 20px;
 }

 .contactInfoWrap {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }

 .col {
   width: 48%;
 }

 .col h4 {
   margin-bottom: 5px;
   color: #333;
   font-size: 18px;
   letter-spacing: 0;
   font-weight: 600;
 }

 .contactInfoWrap .col div,
 .contactInfoWrap .col div p {
   text-align: left;
 }

 .col p {
   color: #444;
   font-size: 16px;
 }

 .iconDiv {
   display: flex;
   align-items: flex-start;
   background: white;
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   margin-bottom: 10px;
   transition: transform 0.3s ease;
 }

 .iconDiv:hover {
   transform: translateY(-3px);
 }

 .iconDiv p {
   margin-bottom: 0;
 }

 .iconDiv svg {
   width: 28px;
   height: 28px;
   margin-right: 10px;
   stroke: #333;
 }

 .iconDiv div {
   display: flex;
   flex-direction: column;
   flex: 1;
 }

 .iconDiv h4 {
   margin-bottom: 2px;
   font-size: 17px;
 }

 .iconDiv p {
   font-size: 15px;
   color: #666;
 }

 .hero-container {
   padding: 4rem 1.5rem;
   max-width: 80rem;
   margin: 0 auto;
 }

 .hero-content {
   margin-bottom: 3rem;
   text-align: center;
 }

 .hero-title {
   font-size: 3rem;
   font-weight: 700;
   letter-spacing: -0.025em;
   margin-bottom: 1rem;
 }

 .hero-subtitle {
   font-size: 2rem;
   font-weight: 600;
   margin-bottom: 1rem;
 }

 .hero-description {
   font-size: 1.125rem;
   color: var(--muted-foreground);
   max-width: 42rem;
   margin: 0 auto;
 }

 .contact-grid {
   margin-top: 3rem;
   display: grid;
   grid-template-columns: 1fr;
   gap: 2rem;
   max-width: 64rem;
   margin: 0 auto;
 }

 .contact-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.75rem;
   padding: 1.5rem;
   border-radius: 0.5rem;
   background-color: var(--card);
   border: 1px solid var(--border);
   transition: all 0.3s ease;
 }

 .contact-card:hover {
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
 }

 .icon-container {
   padding: 0;
   border-radius: 9999px;
   background-color: rgba(0, 0, 0, 0.1);
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .contact-card h3 {
   font-size: 18px;
   letter-spacing: 0;
 }

 .contact-card p {
   text-align: center;
   width: 100%;
   margin: 0;
 }

 .icon {
   width: 1.5rem;
   height: 1.5rem;
   color: var(--primary);
 }

 /* Team Section Styles */
 .team-container {
   padding: 4rem 1.5rem;
   max-width: 80rem;
   margin: 0 auto;
 }

 .team-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 2rem;
 }

 .member-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 1.5rem;
   border-radius: 0.75rem;
   background-color: var(--card);
   border: 1px solid var(--border);
   transition: all 0.3s ease;
 }

 .member-card:hover {
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
   transform: scale(1.02);
 }

 .photo-container {
   position: relative;
   width: 8rem;
   height: 8rem;
   margin-bottom: 1rem;
   /* border-radius: 9999px; */
   overflow: hidden;
   /* border: 4px solid var(--background); */
 }

 .photo-container img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   transition: transform 0.3s ease;
 }

 .member-card:hover .photo-container img {
   /* transform: scale(1.1); */
 }

 .photo-placeholder {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.1);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .member-name {
   font-size: 1.125rem;
   font-weight: 600;
   text-align: center;
   margin-bottom: 0.25rem;
 }

 .member-designation {
   font-size: 0.875rem;
   color: var(--muted-foreground);
   text-align: center;
   margin-bottom: 1rem;
 }

 .contact-links {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }

 .contact-link {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   font-size: 0.875rem;
   color: var(--muted-foreground);
   text-decoration: none;
   transition: color 0.3s ease;
 }

 .contact-link:hover {
   color: var(--primary);
 }

 @media (min-width: 768px) {
   .contact-grid {
     grid-template-columns: repeat(3, 1fr);
   }

   .team-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .hero-title {
     font-size: 3.5rem;
   }
 }

 @media (min-width: 1024px) {
   .team-grid {
     grid-template-columns: repeat(3, 1fr);
   }
 }





 #heroSlider .slick-slide {
   margin: 0;
 }

 ul.slick-dots {
   align-items: center;
   text-align: center;
   margin-top: 10px;
 }

 ul.slick-dots li {
   display: inline-block;
 }

 ul.slick-dots li button {
   text-indent: -999px;
   width: 15px;
   height: 15px;
   background: #002e6080;
   border-radius: 50%;
   border: 0;
   cursor: pointer;
   margin: 0 4px;
   overflow: hidden;
 }

 ul.slick-dots li.slick-active button {
   background: #002e60;
 }














 /* Responsive Design */

 @media (max-width: 1024px) {
   a.navbar-brand img.img-fulid {
     max-width: 90px;
   }

   #footer .row .col-lg-3 {
     max-width: 25%;
   }

 }


 @media (max-width: 991px) {

   .publications-table th,
   .publications-table td {
     padding: 5px 8px;
   }

   .navbar-toggler {
     display: inline !important;
     margin-left: auto;
     border: solid 1px;
     cursor: pointer;
     width: 45px;
     height: 35px;
     padding: 0;
   }

   .navbar-header {
     width: 100%;
     display: flex;
     align-items: center;
   }
 }

 @media (max-width: 768px) {
   .contactInfoWrap {
     display: block;
   }

   #footer .row {
     flex-direction: column;
   }

   #footer .col-lg-6,
   #footer .col-lg-3 {
     max-width: 100% !important;
   }

   .col {
     width: 100%;
     text-align: center;
   }

   .iconDiv {
     justify-content: center;
   }

   .iconDiv svg {
     width: 24px;
     height: 24px;
   }
 }

 /* only small tablets */
 @media (min-width: 768px) and (max-width: 991px) {
   #nav-main li a.nav-link {
     padding-top: 18px;
   }
 }

 .navbar-toggler {
   display: none;
 }

 .mobile-menu {
   display: none;
 }

 .slicknav_menu {
   display: none;
 }



 /* ==========================================================================
  5. Services section
   ========================================================================== */
 .item-boxes {
   text-align: center;
   padding: 0px 15px;
   margin-bottom: 15px;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .item-boxes .icon {
   width: 60px;
   height: 60px;
   text-align: center;
   border: 1px solid #f1f1f1;
   display: inline-block;
   border-radius: 30px;
   margin-bottom: 30px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }

 .item-boxes .icon i {
   font-size: 26px;
   line-height: 60px;
   color: #002e60;
 }

 .item-boxes h4,
 h4 {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .item-boxes:hover .icon {
   background: #002e60;
 }

 .item-boxes:hover .icon i {
   color: #fff;
 }

 .section.careerDetermination>section {
   padding: 50px 0;
 }

 .section.careerDetermination>section:first-of-type {
   padding-top: 50px;
 }

 .section.careerDetermination>section:nth-child(odd) {
   background: #f6f6f6;
 }

 .careerDetermination>section p {
   margin-bottom: 10px;
   line-height: 24px;
 }

 .aboutFooter {
   padding-right: 30px;
 }


 /* ==========================================================================
  6. Features Section Style
   ========================================================================== */
 #features {
   background: url(../img/bg1.jpg) fixed no-repeat;
   background-size: cover;
   color: #fff;
   overflow: hidden;
   position: relative;
 }

 #features .section-title {
   color: #fff;
 }

 .title-small {}

 #features .section-subtitle {
   color: #fff;
 }

 #features .icon {
   display: inline-block;
   width: 60px;
   height: 60px;
   border-radius: 30px;
   text-align: center;
   position: relative;
   z-index: 1;
 }

 #features .box-item {
   padding: 15px 0;
 }

 #features .box-item .icon {
   border: 1px solid #002e60;
   text-align: center;
   float: left;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

 #features .box-item .icon i {
   color: #002e60;
   font-size: 24px;
   line-height: 60px;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

 #features .box-item .text {
   padding-left: 80px;
 }

 #features .box-item .text h4 {
   color: #002e60;
   font-weight: 700;
   font-size: 16px;
   text-transform: uppercase;
   line-height: 22px;
 }

 #features .box-item .text p {
   font-size: 14px;
   line-height: 26px;
 }

 #features .box-item:hover .icon {
   background: #002e60;
 }

 #features .box-item:hover .icon i {
   color: #ffffff;
 }

 #features .show-box img {
   position: absolute;
   bottom: -120px;
 }

 /* ==========================================================================
  7. Video promo Style
   ========================================================================== */
 .video-promo {
   background: #002e60;
   color: #fff;
   overflow: hidden;
   position: relative;
 }

 .video-promo .video-promo-content {
   color: #fff;
 }

 .video-promo .video-promo-content h2 {
   color: #fff;
   font-size: 34px;
   text-transform: uppercase;
   margin-bottom: 30px;
 }

 .video-promo .video-promo-content p {
   margin-bottom: 30px;
 }

 .video-promo .video-promo-content .video-popup {
   width: 80px;
   height: 80px;
   text-align: center;
   border: 3px solid #fff;
   color: #fff;
   border-radius: 50%;
   display: inline-block;
   font-size: 30px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
 }

 .video-promo .video-promo-content .video-popup i {
   line-height: 72px;
 }

 .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   background: #002e60;
   opacity: 0.9;
   filter: alpha(opacity=90);
 }

 /* ==========================================================================
  8. Portfolio Section
   ========================================================================== */
 #portfolios .mix {
   padding: 10px;
 }

 #portfolios .portfolio-item .shot-item {
   margin: 0px;
 }

 #portfolio .mix {
   display: none;
 }

 .controls {
   text-align: center;
   padding: 0px 0px 20px;
 }

 .controls .active {
   color: #002e60 !important;
   border-color: #002e60;
   background: transparent;
 }

 .controls .btn {
   text-transform: uppercase;
   margin: 2px;
 }

 .controls:hover {
   cursor: pointer;
 }

 .portfolio-img {
   overflow: hidden;
   display: block;
   position: relative;
 }

 .portfolio-img img {
   width: 100%;
 }

 .shot-item {
   margin-right: 15px;
   border-radius: 4px;
   background: #fff;
   position: relative;
 }

 .shot-item img {
   width: 100%;
 }

 .shot-item .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   text-align: center;
   opacity: 0;
   background: rgba(0, 0, 0, 0.7);
   top: 0;
   left: 0;
 }

 .shot-item:hover .overlay {
   opacity: 1;
 }

 .overlay .item-icon {
   height: 48px;
   width: 48px;
   line-height: 48px;
   color: #002e60;
   left: 50%;
   margin-left: -24px;
   margin-top: -24px;
   top: 50%;
   position: absolute;
   z-index: 2;
   visibility: hidden;
   opacity: 0;
   cursor: pointer;
   text-align: center;
   font-size: 20px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border: 1px solid #002e60;
   border-radius: 50%;
 }

 .overlay .item-icon:hover {
   background: #002e60;
   color: #fff;
 }

 .shot-item:hover .item-icon {
   visibility: visible;
   opacity: 1;
 }

 /* ==========================================================================
	9. Pricing Table
	========================================================================== */
 .pricing-table {
   padding: 0px 0px 40px 0px;
   margin: 0 auto;
   margin-bottom: 5px;
   border: transparent;
   text-align: center;
   background-color: #FFFFFF;
   border: 1px solid #f1f1f1;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }

 .pricing-table:hover {
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
 }

 .pricing-table .pricing-details h2 {
   font-size: 26px;
   font-weight: 700;
   color: #333;
   margin-bottom: 20px;
   text-transform: uppercase;
   background: #f1f1f1;
   padding: 30px 0;
 }

 .pricing-table .pricing-details span {
   display: inline-block;
   font-size: 48px;
   font-weight: 400;
   color: #002e60;
   margin-bottom: 20px;
 }

 .pricing-table .pricing-details ul {
   margin-bottom: 35px;
 }

 .pricing-table .pricing-details ul li {
   padding: 10px;
   font-size: 15px;
   border-bottom: 1px dotted #f1f1f1;
 }

 .table-left {
   margin-top: 20px;
 }

 /* ==========================================================================
 10. Counter Section Style
 ========================================================================== */
 .counters {
   background: url(../img/counter.jpg) fixed;
   position: relative;
 }

 .counters .facts-item {
   text-align: center;
   color: #fff;
 }

 .counters .facts-item .icon {
   margin-bottom: 30px;
 }

 .counters .facts-item .icon i {
   font-size: 50px;
   color: #fff;
 }

 .counters .facts-item .fact-count h3 {
   font-size: 35px;
   color: #fff;
   margin-bottom: 15px;
 }

 .counters .facts-item .fact-count h4 {
   font-size: 20px;
   font-weight: 400;
   color: #fff;
 }

 /* ==========================================================================
11. Testimonial Section Style
 ========================================================================== */
 #testimonial {
   /* background: url(../img/testimonial-bg.jpg) fixed no-repeat; */
   background-size: cover;
   color: #fff;
   overflow: hidden;
   position: relative;
   background-color: #fff;
 }

 .visitors {
   width: 100%;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #fff;
 }

 .testimonial-item {
   text-align: center;
   /* border: solid 1px #c1c1c1; */
   margin: 0 10px;
   padding-top: 10px;
   border-radius: 4px;
 }

 .memberOrg .testimonial-item {
   padding: 5px;
 }

 .hero-slider .testimonial-item {
   height: 700px;
 }

 .memberOrg .testimonial-item img {
   max-height: 100%;
   max-width: 100%;
 }

 .hero-slider .testimonial-item img {
   height: 100%;
   object-fit: cover;
   width: 100%;
 }

 section.section.aboutSection {
   padding: 100px 0;

 }

 section.section.servicesBox {
   background: #f4f4f4;
   margin-bottom: 50px;
 }

 .aboutSection p {
   font-size: 16px;
 }

 .serviceItem {
   width: 100%;
 }

 ul.servicesList {
   width: 100%;
 }

 ul.servicesList li {
   list-style-type: square;
   margin-bottom: 10px;
   line-height: 1.4;
 }

 ul.servicesList.withIcons li {
   display: flex;
 }

 ul.servicesList.withIcons li span.lnr {
   font-size: 16px;
   font-weight: bold;
   color: #000;
   padding-top: 5px;
   padding-right: 10px;
 }

 ul.servicesList li span {
   display: block;
   font-size: 11px;
   color: #606060;
 }

 .serviceItem .innerItem {
   padding: 40px 30px 30px 30px;
   box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.05);
   border-radius: 10px;
   background: #fff;
   min-height: 451px;
   display: flex;
 }

 .innerPadding {
   display: flex;
   flex-direction: column;
   min-height: 100%;
   width: 100%;
 }

 .moreBtn {
   width: 100%;
   text-align: center;
   margin-top: auto;
 }

 .moreBtn a {
   color: #1a0dab !important;
   text-decoration: underline;
 }

 .moreBtn a:hover {}


 .marquee-container {
   height: 250px;
   overflow: hidden;
   position: relative;
 }

 .marquee-content {
   position: absolute;
   /* animation: scroll-up 22s linear infinite; */
   top: 0;
   /* Ensures the content is at the top initially */
   animation-delay: 2s;
 }

 .marquee-container:hover .marquee-content {
   animation-play-state: paused;
 }

 @keyframes scroll-up {
   0% {
     transform: translateY(0%);
   }

   100% {
     transform: translateY(-100%);
   }
 }

 .serviceItem .innerItem .icon {
   margin-bottom: 10px;
   font-size: 36px;
   color: #cc3433;
   height: 54px;
   width: auto;
 }

 .serviceItem .innerItem .boxContent h4 {
   color: #1d2023;
   font-size: 23px;
   font-weight: bold;
 }

 .testimonial-item img {
   /* border: 3px solid #fff; */
   height: 80px;
   object-fit: contain;
   width: auto;
 }

 .testimonial-item .testimonial-text h3 {

   margin-top: 0.5rem;
   padding-top: 0.5rem;
   border-top: dashed 1px #c1c1c1;
   font-style: normal;
   font-weight: 400;
   font-size: 13px;
   line-height: 19px;
   color: #888888;
 }

 .testimonial-item .testimonial-text span {
   font-size: 14px;
   color: #999;
 }

 .testimonial-item .testimonial-text p {
   font-size: 14px;
   font-weight: 400;
   padding: 36px 10px 30px 10px;
   margin: 0;
   line-height: 30px;
 }

 .owl-theme .owl-controls .owl-page span {
   background: #163e73;
   border-radius: 0;
 }

 #testimonial .owl-pagination {
   margin-top: 30px;
 }

 #startJourney p {
   font-weight: 400;
   /* font-size: 16px; */
   line-height: 24px;
   /* margin-top: 30px; */
   padding: 0 50px;
 }

 .owl-theme .owl-controls {
   margin-top: 20px;
 }

 /* ==========================================================================
  12. Team Section
   ========================================================================== */
 .single-team:hover .team-details {
   opacity: 1;
 }

 .single-team {
   position: relative;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
   border-radius: 0px;
   background: #002e60;
   overflow: hidden;
 }

 .single-team img {
   width: 100%;
 }

 .single-team .team-inner {
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .single-team .team-details {
   text-align: center;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   transition: 0.5s;
   border-radius: 0px;
   background: #f1f1f1;
   padding: 15px;
 }

 .single-team .team-details .team-title {
   margin-bottom: 5px;
   font-size: 20px;
   font-weight: 700;
   color: #333;
 }

 .single-team .team-details p {
   color: #333;
 }

 .single-team .social-list li {
   display: inline-block;
 }

 .single-team .social-list li a {
   display: block;
   height: 34px;
   line-height: 34px;
   text-align: center;
   width: 34px;
   margin: 2px;
   color: #002e60;
   font-size: 14px;
   background: #fff;
   border-radius: 50px;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   transition: 0.5s;
 }

 .single-team .social-list .facebook a:hover {
   background: #4867aa;
   color: #fff;
 }

 .single-team .social-list .twitter a:hover {
   background: #1da1f2;
   color: #fff;
 }

 .single-team .social-list .google-plus a:hover {
   background: #dd4d42;
   color: #fff;
 }

 .single-team .social-list .linkedin a:hover {
   background: #007bb6;
   color: #fff;
 }

 /* ==========================================================================
  13. Blog 
   ========================================================================== */
 #blog .blog-item-wrapper {
   background: #fff;
   border-radius: 0px;
   -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
   -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
   transition: transform 0.2s linear, box-shadow 0.2s linear;
 }

 #blog .blog-item-wrapper:hover .blog-item-img:before {
   opacity: 1;
   height: 100%;
   width: 100%;
 }

 #blog .blog-item-img {
   position: relative;
 }

 #blog .blog-item-img img {
   width: 100%;
 }

 #blog .blog-item-text {
   padding: 20px 0;
 }

 #blog .blog-item-text h3 {
   line-height: 26px;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 10px;
 }

 #blog .blog-item-text h3 a {
   color: #333;
 }

 #blog .blog-item-text h3 a:hover {
   color: #002e60;
 }

 #blog .blog-item-text p {
   line-height: 25px;
   margin-bottom: 20px;
 }

 .meta-tags {
   margin-bottom: 20px;
 }

 .meta-tags span {
   color: #999;
   margin-right: 10px;
 }

 .meta-tags span i {
   margin-right: 5px;
 }

 .meta-tags span a {
   color: #999;
 }

 .meta-tags span a:hover {
   color: #002e60;
 }

 /* ==========================================================================
  14. Contact Us
  ========================================================================== */
 .contact-us h3 {
   font-size: 36px;
   margin-bottom: 45px;
 }

 .contact-us p span {
   color: #002e60;
   padding-left: 10px;
 }

 #contact {
   background: #343a40;
   color: #fff;
   position: relative;
 }

 .form-control {
   width: 100%;
   margin-bottom: 10px;
   padding: 14px;
   border-color: #fff;
   border-radius: 0px;
   color: #fff;
   background: transparent;
   font-size: 14px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }

 .form-control:focus {
   box-shadow: none;
   color: #fff;
   border-color: #002e60;
   background: transparent;
   outline: none;
 }

 .btn.disabled,
 .btn:disabled {
   opacity: 1;
 }

 .text-danger {
   font-size: 14px;
   margin-top: 10px;
 }

 .list-unstyled li {
   color: #d9534f;
 }

 /* ==========================================================================
15. Footer Style
 ========================================================================== */
 footer {
   background: #292f35;
   padding: 20px 0;
   padding-bottom: 10px;
 }

 .footer-links {
   line-height: 48px;
 }

 .footer-links li {
   float: left;
 }

 .footer-links li a {
   color: #fff;
   margin-right: 15px;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
 }

 .boxContent p {
   line-height: 1.4;
 }

 .footer-links li a:hover {
   color: #cb4245;
 }

 .footer-links li a:before {
   content: '- ';
 }

 .copyright {
   margin-top: 10px;
   text-align: center;
   border-top: solid #e6e6e6 1px;
   padding-top: 10px;
   display: flex;
   justify-content: center;
 }

 .copyright h4 {
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0;
   margin: 0;
   line-height: 1;
   align-content: center;
   color: #fff;
 }

 .copyright p {
   color: #fff;
   margin-bottom: 0;
 }

 .copyright p a {
   color: #fff;
 }

 .copyright p a:hover {
   color: #002e60;
 }

 .careerDetermination>section .text-center {
   margin-top: 30px;
   margin-bottom: 30px;
 }


 section.section.careerDetermination {
   padding-bottom: 0;
   padding-top: 0px;
 }

 .careerDetermination a.btn.btn-common {
   margin-top: 15px;
   margin-right: 10px;
 }

 #navbar {
   flex-wrap: wrap;
   padding-top: 0;
 }

 #navbar .container {
   width: 100%;
 }

 ul.topHeaderLinks {
   display: flex;
   margin-left: auto;
   justify-content: flex-end;
 }

 ul.topHeaderLinks .nav-link {
   padding: 0.3rem 0.8rem;
   color: #000;
   font-weight: 500;
 }

 .hero-slider .owl-item .testimonial-item {
   margin: 0;
 }

 .hero-slider .owl-controls {
   margin: 0;
   position: absolute;
   bottom: -30px;
   width: 100%;
 }

 ul.navbar-nav li.rightMenus {
   margin-left: auto;
 }

 li.rightMenus ul {
   display: flex;
   align-items: center;
 }

 #main-navbar ul.navbar-nav {
   padding-left: 20px;
   justify-content: flex-end;
 }

 .topHeaderContainer {
   width: 100%;
   border-bottom: dashed 1px #e6e6e6;
 }

 li.rightMenus ul a.nav-link.getStarted {
   background: #cb4245 !important;
   color: #fff !important;
 }

 li.rightMenus ul a.nav-link.getStarted:hover {
   background: #cb4245 !important;

 }

 #navbar>.container {
   padding-top: 10px;
   position: relative;
 }
 .signInLink {
  position: absolute;
  right: 20px;
  top: 3px;
}

.signInLink a.navbar-link {
  padding: 5px 10px;
  padding-bottom: 7px;
  display: inline-block;
  line-height: 1;
  color: #1a0dab !important;
  border-radius: 0 0 5px 5px;
  text-decoration: underline;
  transition: all .2s ease;
}
.signInLink a.navbar-link:hover {
    background: #002e60 !important;
    color: #fff !important;
} 

.signInLink a.navbar-link.login
 {
    box-shadow: none;
    background: none !important;
    color: #1a0dab !important;
}
.signInLink a.navbar-link.login:hover{transform: inherit !important;text-decoration: underline;background: none !important;
    color: #1a0dab !important;}
 a.btn+a.btn {
   background: #cb4245;
   border-color: #cb4245;
 }

 a.btn+a.btn:hover {
   background: #cb4245;
 }



 #footer {
   padding-top: 50px;
   padding-bottom: 30px;
 }

 #footer h4 {
   color: #fff;
   font-size: 18px;
   font-weight: 600;
 }

 #footer .aboutFooter p {
   line-height: 20px;
   font-size: 13px;
 }

 #footer p {
   color: #fff;
 }

 #footer .footer-links {
   line-height: 28px;
   display: flex;
   flex-direction: column;
 }

 #idealCareerPath {
   background-image: url(../img/studentbg3.png);
   background-position: center bottom;
   background-repeat: repeat-x;
   position: relative;
   background-size: 320px;
   padding-bottom: 90px;
   padding-top: 100px;
 }

 #idealCareerPath .container>p {
   color: #000;
   font-weight: 500;
   letter-spacing: 1px;
   font-size: 16px;
   line-height: 28px;
   text-align: center;
 }

 #students::after {
   /* position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5); */
 }

 #idealCareerPath .container {
   position: relative;
   z-index: 1;
 }

 /* #students h2,#students h4,#students p{
  color: #fff;
} */
 .imageBoxes .flex {
   display: flex;
   align-items: center;
 }

 .imageBoxes .flex .image {
   width: 45%;
   flex: inherit;
 }

 .imageBoxes .flex div.contentbox {
   flex: 1;
 }

 .imageBoxes .flex .image img {
   max-width: 100%;
   box-shadow: 0px 0px 10px 2px rgba(136, 136, 136, 0.25);
   border-radius: 4px;
   padding: 5px;
   background: #fff;
   height: 340px;
   width: 100%;
   object-fit: cover;
 }

 .imageBoxes .flex .contentbox {
   padding-right: 20px;
 }

 .imageBoxes .flex .image+.contentbox {
   padding-left: 20px;
 }

 .careerDetermination>section.imageBoxes .text-center {
   text-align: left !important;
   margin-top: 20px;
 }

 .tags {
   color: #000;
   font-weight: 500;
   letter-spacing: 1px;
   font-size: 20px;
   margin-bottom: 20px !important;
 }

 .tags span {
   position: relative;
 }

 .tags span:after {
   /* position: absolute;
  content: '';
  width: 70px;
  height: 0;
  left: 50%;
  bottom: -5px;
  border-bottom: solid 1px #000;
  transform: translateX(-50%); */
 }

 .itemsCardWraper {
   display: flex;
   flex-wrap: wrap;
 }

 .itemsCardWraper .card {
   width: 33.33%;
   border: 0;
   text-align: center;
 }

 .itemsCardWraper .card.hundredWidth {
   width: 100%;
 }

 .itemsCardWraper .card.fiftyWidth {
   width: 50%;
 }

 .itemsCardWraper .card .icon {
   height: 96px;
   display: inline-block;
   margin-bottom: 20px;
 }

 .itemsCardWraper .card h6 {
   margin-top: 20px;
   height: 20px;
   margin-bottom: 10px;
 }

 .itemsCardWraper h6 {
   width: 100%;
   margin-top: 50px;
   font-size: 20px;
   margin-bottom: 30px !important;
   text-align: center;
   position: relative;
 }

 .itemsCardWraper h6:after {
   /* position: absolute;
  content: '';
  width: 70px;
  height: 0;
  left: 50%;
  bottom: -5px;
  border-bottom: solid 1px #000;
  transform: translateX(-50%); */
 }

 .section-header p.subHeading {
   font-size: 16px;
   line-height: 28px;
 }


 /* Login section styles */
 .login-section {
   padding: 80px 20px;
   max-width: 1200px;
   margin: 0 auto;
 }

 .login-container {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 60vh;
 }

 .login-box {
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   width: 100%;
   max-width: 450px;
   padding: 40px;
   position: relative;
   overflow: hidden;
 }

 .login-box::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 5px;
   height: 100%;
   background-color: #002e60;
 }

 .login-header {
   text-align: center;
   margin-bottom: 30px;
 }

 .login-header h2 {
   color: #002e60;
   font-size: 28px;
   margin-bottom: 10px;
 }

 .login-header p {
   color: #666;
   font-size: 14px;
 }

 .form-group {
   margin-bottom: 20px;
   position: relative;
 }

 .form-group label {
   display: block;
   margin-bottom: 8px;
   font-weight: 500;
   color: #333;
 }

 .form-group input {
   width: 100%;
   padding: 12px 15px;
   border: 1px solid #ddd;
   border-radius: 4px;
   font-size: 14px;
   transition: all 0.3s;
 }

 .form-group input:focus {
   border-color: #002e60;
   outline: none;
   box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.1);
 }

 .password-toggle {
   position: absolute;
   right: 15px;
   top: 40px;
   cursor: pointer;
   color: #999;
 }

 .remember-forgot {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
   font-size: 14px;
 }

 .remember-me {
   display: flex;
   align-items: center;
 }

 .remember-me input {
   margin-right: 8px;
 }

 .forgot-password a {
   color: #002e60;
   transition: color 0.3s;
 }

 .forgot-password a:hover {
   color: #b90510;
 }

 .login-btn {
   width: 100%;
   padding: 12px;
   background-color: #002e60;
   color: white;
   border: none;
   border-radius: 4px;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   transition: background-color 0.3s;
 }

 .login-btn:hover {
   background-color: #b90510;
 }

 .register-link {
   text-align: center;
   margin-top: 20px;
   font-size: 14px;
 }

 .register-link a {
   color: #002e60;
   font-weight: 500;
   transition: color 0.3s;
 }

 .register-link a:hover {
   color: #b90510;
 }

 .error-message {
   color: #e31e24;
   font-size: 12px;
   margin-top: 5px;
   display: none;
 }

 .reset-section {
   padding: 80px 20px;
   max-width: 1200px;
   margin: 0 auto;
 }

 .reset-container {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 60vh;
 }

 .reset-box {
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   width: 100%;
   max-width: 450px;
   padding: 40px;
   position: relative;
   overflow: hidden;
 }

 .reset-box::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 5px;
   height: 100%;
   background-color: #002e60;
 }

 .reset-header {
   text-align: center;
   margin-bottom: 30px;
 }

 .reset-header h2 {
   color: #002e60;
   font-size: 28px;
   margin-bottom: 10px;
 }

 .reset-header p {
   color: #666;
   font-size: 14px;
 }

 /* Pagination Styles */
  .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    padding: 20px 0;
  }
  
  .pagination {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  
  .pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    text-decoration: none;
    color: #002e60;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
  }
  
  .pagination a:hover {
    background-color: #f0f4f8;
    border-color: #002e60;
  }
  
  .pagination a.active {
    background-color: #002e60;
    color: white;
    border-color: #002e60;
  }
  
  .pagination-arrow {
    font-size: 18px;
  }
  
  .pagination-dots {
    pointer-events: none;
    border: none;
    width: 20px;
  }
   @media screen and (max-width: 992px) {
       .signInLink {
    position: absolute;
    right: 50px;
    top: 28px;
}
   }
   @media screen and (max-width: 768px) {
   .navbar-header {
     width: 100%;
   }
.signInLink{
  top: 18px;
}
   .navbar-brand {
     position: relative;
     padding: 0;
     top: 0;
   }

   .hero-slider .testimonial-item {
     height: 400px;
   }

   .hero-slider .testimonial-item {
     height: 400px;
   }

   .aboutSection h1 br {
     display: none;
   }

   .serviceItem .innerItem {
     min-height: 450px;
   }

   .collageImage {
     text-align: center;
   }

   .collageImage img {
     max-width: 310px;
     margin: auto;
   }

   ul.servicesList.withIcons li {
     display: flex;
     padding-top: 10px;
     align-items: center;
   }

   ul.servicesList li {
     line-height: 1.5;
   }

   ul.servicesList li span {
     margin-top: 5px;
   }

   #footer .col-sm-6.col-xs-12 {
     margin-bottom: 20px;
   }

   .aboutSection .row .col-6 {
     max-width: 100%;
     flex: 1;
     min-width: 100%;
   }

   .aboutSection .row {
     flex-direction: column;
   }

   .section.servicesBox .row .col-4 {
     max-width: 100%;
     flex: 1;
     margin-bottom: 20px;
   }

   .section.servicesBox .row {
     flex-direction: column;
   }

   .navbar-brand img {
     width: 70%;
   }

   #mobile-menu {
     display: none;
   }

   .slicknav_menu {
     display: block;
   }

   .slicknav_nav .active a {
     background: #002e60;
     color: #fff;
   }

   .slicknav_nav a:hover,
   .slicknav_nav .active {
     color: #002e60;
     background: #f8f9fa;
   }

   .slicknav_nav .dropdown li a.active {
     background: #f8f9fa;
     color: #002e60;
   }

 }
  /* Responsive Styles */
  @media (max-width: 480px) {
    .pagination a {
      width: 35px;
      height: 35px;
      font-size: 14px;
    }
    
    .pagination-arrow {
      font-size: 16px;
    }
  }