@tailwind base;
@tailwind components;
@layer components {
  /* header styles starts */
  .container {
    @apply max-w-[1340px] mx-auto;
  }
  .navbar {
    @apply bg-white border-gray-200 py-7;
  }
  .company-name {
    @apply self-center text-lg leading-none md:text-xl font-[800] xl:pl-3 pl-1 uppercase;
  }
  .mobile-btn {
    @apply inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200;
  }
  .navbar-links {
    @apply w-full flex items-center justify-end;
  }
  .header-links {
    @apply flex flex-col p-4 md:p-0 mt-4 border border-gray-100 bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white;
  }
  .nav-link {
    @apply p-0 font-semibold text-[#434343] transition-colors no-underline hover:text-[#ED1B24];
  }
  .tinymce-content ul {
    @apply list-disc list-inside pl-5; /* Tailwind classes for unordered lists */
  }
  .tinymce-content ol {
    @apply list-decimal list-inside pl-5; /* Tailwind classes for ordered lists */
  }
  .category-heading {
    @apply font-[600] text-[18px] mb-2;
  }
  .pills-wrapper {
    @apply flex flex-wrap gap-3;
  }
  .pill-link {
    @apply bg-[#fef3f4] hover:bg-[#ed1b24] hover:text-[#fff] transition duration-500 px-3 py-1 rounded-[6px];
  }
  .form-custom {
    @apply relative mx-auto w-max mr-6;
  }
  .search-header {
    @apply peer cursor-pointer relative z-10 h-12 w-12 rounded-2xl border border-[#EDEDED] bg-transparent pl-10 outline-none focus:w-full focus:cursor-text focus:border-[#ED1B24] focus:ring-[#ED1B24] focus:pl-10 focus:pr-4 transition-transform duration-75
  }
  .magnifier-icon {
    @apply absolute inset-y-0 left-1/2 translate-x-[-60%] my-auto h-8 w-7 pl-1 border-transparent peer-focus:translate-x-0 peer-focus:left-1;
  }
  .show-more-link {
    @apply flex mb-3 items-center text-base bg-[#ed1b24] text-[#fff] px-6 py-3 rounded-[8px];
  }

  .vote-btn {
    @apply flex items-center text-base bg-[#ed1b24] text-[#fff] px-6 py-2 my-4 rounded-[8px] cursor-pointer;
  }
  .active {
    @apply bg-[#ed1b24] text-[#fff];
  }
  /* header styles ends */

  /* news body styles starts */
  .recent-body-division {
    @apply flex gap-0 sm:gap-3 items-baseline;
  }
  .news-columns-body {
    @apply flex flex-col max-w-[70%] w-full;
  }
  .news-heading {
    @apply font-[700] text-xl sm:text-[26px] mb-0 sm:mb-2 leading-none;
  }
  .recent-news-blogs-wrapper {
    @apply flex flex-wrap gap-0 gap-y-0;
  }
  .news-wrapper {
    @apply w-[32.3%] p-2 m-1 pb-7;
  }
  .sticky-note {
    @apply gap-2 text-[14px] text-[#3B3B3B];
  }
  .news-title {
    @apply flex gap-3 font-bold italic text-[16px];
  }
  .news-date {
    @apply text-sm;
  }
  .news-date {
    @apply text-sm;
  }
  .news-date-short {
    @apply hidden text-right;
  }
  .latest-pill {
    @apply flex items-center gap-1 bg-[#fffaeb] pt-[1px] px-3 rounded-[20px] font-normal w-max text-[13px] ;
  }
  .critical-pill {
    @apply flex items-center gap-1 bg-[#fef3f2] pt-[1px] px-3 rounded-[20px] font-normal w-max text-[13px] ;
  }
  .news-body-critical {
    @apply block  font-bold text-[#ff8515] hover:text-[#ff9590] transition duration-500 hover:underline;
  }
  .news-body {
    @apply block font-bold text-[#1A0DAB] hover:text-[#1A9Ddb] transition duration-500 hover:underline;
  }

  .thumbnail {
    @apply max-w-[120px] max-h-[120px] object-cover;
  }

  /* blog-details show page */
  .details-page-wrapper {
    @apply md:grid  grid-cols-[70%_28%] flex flex-col gap-[30px];
  }
  .mian-body-text {
    @apply text-[18px] text-[#3B3B3B];
  }

  /* pagination */
  .prev-btn {
    @apply flex items-center justify-center px-5 h-9 ml-0 leading-tight text-gray-500 bg-white border border-gray-300 rounded-lg hover:bg-[#f9fafb] hover:text-gray-700;
  }
  .next-btn {
    @apply flex items-center justify-center px-5 h-9 leading-tight text-gray-500 bg-white border border-gray-300 rounded-lg hover:bg-[#f9fafb] hover:text-gray-700;
  }
  .page-btn {
    @apply flex items-center justify-center px-4 h-9 rounded-lg leading-tight text-gray-500 hover:bg-[#f9fafb] hover:text-gray-700;
  }
  .pagination-news {
    @apply flex items-center h-8 text-[15px] gap-3;
  }

  /* third/sponsor column */
  .right-block {
    @apply max-w-[30%] w-full mb-0 sm:mb-[30px];
  }
  .sponsor-block {
    @apply bg-[#f4f4f4] p-5 py-2 w-full;
  }
  .sponsor-title {
    @apply text-[#363c3c] text-[20px] font-[700] mb-2;
  }
  .spons-post-title {
    @apply italic text-[16px] font-[600] mb-1;
  }
  .spons-body {
    @apply flex justify-between mb-1;
  }
  .spons_link {
    @apply block gap-[30px] underline text-[#1A0DAB] hover:text-[#1A9Ddb] transition duration-500 text-[15px];
  }
  .spons-text {
    @apply text-[14px] text-[#393939];
  }
  .horitotal-home-commrcl {
    @apply h-auto w-full mb-5 overflow-hidden;
  }
  .vertical-commrcl {
    @apply w-full lg:h-[600px] h-auto p-3 mt-12 bg-[#f4f4f4];
  }
  .news-commrcl {
    @apply w-full mb-7 md:block hidden;
  }
  .news-commrcl-mobile {
    @apply w-full mb-7 md:hidden block;
  }
  /* news body styles ends */

  /* newsletter styles starts */
  .newsletter-wrapper {
    @apply bg-[#FEF7F7] p-[40px] text-center;
  }
  .newsletter-title {
    @apply text-[32px] font-bold text-[#394452] mb-3;
  }
  .newsletter-intro {
    @apply text-[20px] text-[#6C6C6C] font-normal mb-2;
  }
  .email-wrapper {
    @apply flex items-center justify-center;
  }
  .get-newsletter {
    @apply border-0 py-[10px] pl-5 pr-[60px] w-[40%];
  }
  .newsletter-btn {
    @apply bg-[#ED1B24] text-[#fff] py-[10.5px] px-5 text-[14px] ml-[-99px] hover:bg-[#cc4b52] transition duration-500;
  }
  /* newsletter styles ends */

  /* terms & privacy styling starts */
  .main-title {
    @apply text-[#191919] md:text-3xl sm:text-2xl font-[700];
  }
  .privacy-text {
    @apply text-[#000] text-[20px];
  }
  .link-between-content {
    @apply text-[#1B7BFD] hover:text-[#84b5f8] transition ease-in-out font-[600];
  }
  .privacy-heading {
    @apply text-[32px] font-[600];
  }
  .privacy-sub_heading {
    @apply font-[500] text-[24px];
  }
  .privacy-text-18 {
    @apply text-[18px];
  }
  /* terms & privacy styling ends */

  /* get sponsored styling starts */
  .sponsored-wrapper {
    @apply mb-7;
  }
  .sponsored-main-title {
    @apply text-[#191919] md:text-3xl sm:text-2xl font-bold my-2;
  }
  .intro-text {
    @apply text-[#000] text-[20px] font-[400];
  }
  .sponsored-sub-heading {
    @apply md:text-2xl sm:text-xl font-[600] text-[#000];
  }
  .how-to-spons-block {
    @apply bg-[#FEF7F7] p-[40px] my-10;
  }
  .sponsored-diagram {
    @apply grid grid-cols-[350px_1fr_350px] gap-7;
  }
  .left-block-text {
    @apply text-[24px] pr-[30px];
  }
  .right-block-text {
    @apply text-[24px] pl-[30px];
  }
  .step-block {
    @apply flex items-center mb-10;
  }
  .step-views {
    @apply bg-white h-[111px] w-[300px] font-[500] text-[22px] text-center flex items-center justify-center pl-[75px] ml-[-75px] rounded-[0_100px_100px_0];
  }
  .block-right {
    @apply justify-end;
  }
  .step1-content {
    @apply mt-[55px];
  }
  .step2-content {
    @apply mt-[250px];
  }
  .step3-content {
    @apply mt-[170px];
  }
  .step4-content {
    @apply mt-[70px];
  }
  .divider-group {
    @apply flex items-center;
  }
  .divider {
    @apply block h-[4px] w-[100%] mb-0;
  }
  .divider-circle {
   @apply block w-[22px] h-[22px] rounded-full;
  }
  .step1 {
    @apply bg-[#FC5C7D]
  }
  .step2 {
    @apply bg-[#B86EB9]
  }
  .step3 {
    @apply bg-[#6A82FB]
  }
  .step4 {
    @apply bg-[#FE7208]
  }
  .sub-heading {
    @apply text-[24px] font-[500] mt-[12px];
  }
  .sub-sub-heading {
    @apply text-[18px] font-[600] mt-[2px];
  }
  /* mobile  */
  .mobile-sposored {
    @apply hidden;
  }
  /* get sponsored styling ends */

  /* footer starts */
  .footer {
    @apply flex items-center gap-[10rem];
  }
  .footer-company-wrapper {
    @apply flex flex-col items-center w-[30%];
  }
  .footer-company-name {
    @apply block w-full self-center text-2xl font-[800] uppercase;
  }
  .other-title {
    @apply text-[24px] mb-2;
  }
  .footer-links-wrapper {
    @apply flex gap-3;
  }
  .footer-link {
    @apply text-[#434343] transition-colors duration-500 hover:text-[#ED1B24];
  }
  .seprator {
    @apply bg-[#F2F2F2] h-[2px] mb-2;
  }
  .copyrights {
    @apply py-3 text-[#666] border-[#F2F2F2] text-[13px];
  }
  /* footer endss */

  /* contact us page style starts */
  .commrcl-bg {
    @apply bg-slate-100 rounded-2xl border border-[#E8E8E9];
  }
  .contact-wrapper {
    @apply max-w-[545px] mx-auto w-full;
  }
  .contact-title {
    @apply text-center text-[35px] font-[700] text-[#000] mb-1;
  }
  .contact-description {
    @apply text-[#000] mb-6;
  }
  .contact-fields-wrapper {
    @apply flex flex-col gap-5 mb-12;
  }
  .story-fields-wrapper {
    @apply flex w-full;
  }
  .contact-input {
    @apply border-[#E0E0E0];
  }
  .send-btn {
    @apply border-0 bg-[#ED1B24] text-[#fff] text-[16px] font-[700] py-3 cursor-pointer block;
  }
  .deatils-for-contact {
    @apply flex justify-between mb-[10rem];
  }
  .wrapper-static {
    @apply flex items-center gap-3;
  }
  .cont-detail {
    @apply flex flex-col font-[Montserrat] text-[#000] text-[13px];
  }
  .modal-info {
    @apply flex overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full bg-black bg-opacity-60 h-[100vh];
  }
  .modal-success {
    @apply  p-4 w-full max-w-[360px] max-h-full relative;
  }
  .modal-body {
    @apply relative bg-[#E3F3E6] rounded-lg shadow text-[#008E1F] flex gap-[12px] pl-[24px] pr-[32px] py-[12px];
  }
  .modal-tile {
    @apply text-[20px] font-[600];
  }
  .modal-para {
    @apply text-[14px] font-[400] text-[#0E6320];
  }
  /* contact us page style ends */
  /* submit story style starts */
  .submit-wrapper {
    @apply bg-[#fef3f4] p-6 mt-8 rounded-2xl;
  }
  .bottom-input {
    @apply w-full border-none bg-transparent px-4 py-3 text-gray-400 outline-none focus:outline-none rounded-l-2xl focus:ring-[#ED1B24];
  }
  /* submit story style starts */
}
@tailwind utilities;

input.get-newsletter[type='email'] {
  border-radius: 14px;
}
.send-btn,
input.newsletter-btn[type='submit'] {
  border-radius: 0px 14px 14px 24px;
}
.send-btn {
  @apply px-10;
}
.highlighted-news {
  @apply bg-[#fde7e9] rounded-sm;
}

/* mobile style */
@media (max-width: 640px) {
  /* header */
  main {
    @apply mx-4;
  }
  .footer-company-name {
    @apply text-sm;
  }
  /* category */
  .category-heading {
    @apply text-[20px];
  }
  .pills-wrapper {
    @apply gap-1
  }
  .pill-link {
    @apply text-[14px];
  }
  .news-wrapper {
    @apply w-full p-2;
  }
  .spons-body {
    @apply leading-none;
  }
  .news-title {
    @apply leading-none;
  }
  /* body news */
  .recent-body-division {
    @apply flex-col-reverse;
  }
  /* sponsor block */
  .right-block  {
    @apply max-w-[100%];
  }
  /* news columns */
  .news-columns-body {
    @apply max-w-[100%];
  }
  .recent-news-blogs-wrapper {
    @apply flex flex-wrap;
  }
  /* newsletter  */
  .newsletter-intro {
    @apply text-[14px] leading-[1.3] pb-[30px];
  }
  .get-newsletter {
    @apply w-full;
  }
  /* footer */
  .footer {
    @apply flex-col gap-3 justify-between;
  }
  .footer-company-wrapper {
    @apply w-full;
  }
  .footer-links-wrapper {
    @apply flex-col leading-[1.3] gap-1;
  }
  .footer-link {
    @apply text-[14px];
  }
  /* contact us page  */
  .contact-us-wrapper {
    @apply max-w-full;
  }
  .deatils-for-contact {
    @apply flex-col gap-2 mb-[5rem];
  }
  .wrapper-static {
    @apply w-full;
  }
  .main-title {
    @apply text-[30px];
  }
  .intro-text {
    @apply text-[18px];
  }
  .privacy-heading,
  .sponsored-sub-heading {
    @apply text-[24px];
  }
  .privacy-text-18 {
    @apply text-[16px];
  }
  .privacy-sub_heading,
  .sub-heading {
    @apply text-[20px];
  }
  .how-to-spons-block {
    @apply p-[20px];
  }
  .sponsored-desktop {
    @apply hidden;
  }
  .mobile-get-block {
    @apply m-0;
  }
  .mobile-step {
    @apply w-[100px] h-[100px];
  }
  .mobile-step-view {
    @apply w-[190px] text-[16px] ml-[-60px] h-[88px] pl-[35px];
  }
  .left-block-text,
  .right-block-text {
    @apply text-[18px];
  }
  .mobile-sposored {
    @apply flex flex-col;
  }
  .story-fields-wrapper {
    @apply flex-col;
  }
  .news-links {
    @apply w-full;
  }
  .send-btn {
    @apply rounded-[14px];
  }
  .news-date-full {
    @apply hidden;
  }
  .news-date-short {
    @apply text-sm text-right inline;
  }
}
/* line 1, app/assets/stylesheets/charts_and_reports.scss */
#article-reports-dashboard {
  padding: 20px;
}

/* line 5, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container {
  margin-bottom: 20px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

/* line 13, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container label {
  margin-right: 10px;
  font-weight: bold;
}

/* line 18, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container input {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 200px;
}

/* line 25, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container button {
  margin-left: 10px;
  padding: 8px 15px;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container button#apply-date-range {
  background: #5E9ED6;
}

/* line 38, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container button#apply-date-range:hover {
  background: #4a8bc2;
}

/* line 42, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container button#reset-date-range {
  background: #6c757d;
}

/* line 46, app/assets/stylesheets/charts_and_reports.scss */
.date-range-picker-container button#reset-date-range:hover {
  background: #5a6268;
}

/* line 50, app/assets/stylesheets/charts_and_reports.scss */
.summary-stats {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

/* line 56, app/assets/stylesheets/charts_and_reports.scss */
.stat-card {
  flex: 1;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 64, app/assets/stylesheets/charts_and_reports.scss */
.stat-card h3 {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 14px;
}

/* line 70, app/assets/stylesheets/charts_and_reports.scss */
.charts-container {
  margin-bottom: 30px;
}

/* line 74, app/assets/stylesheets/charts_and_reports.scss */
.chart-wrapper {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 81, app/assets/stylesheets/charts_and_reports.scss */
.chart-wrapper h3 {
  margin: 0 0 15px 0;
}

/* line 85, app/assets/stylesheets/charts_and_reports.scss */
.chart-wrapper canvas {
  max-height: 300px;
}

/* line 89, app/assets/stylesheets/charts_and_reports.scss */
.data-table-container {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 96, app/assets/stylesheets/charts_and_reports.scss */
.data-table-container h3 {
  margin: 0 0 15px 0;
}

/* line 100, app/assets/stylesheets/charts_and_reports.scss */
#daily-statistics-table {
  width: 100%;
  border-collapse: collapse;
}

/* line 105, app/assets/stylesheets/charts_and_reports.scss */
#statistics-table th {
  background: #f5f5f5;
  padding: 12px;
  text-align: left;
  border-bottom: 2px solid #e0e0e0;
  font-weight: 600;
  color: #333;
}

/* line 114, app/assets/stylesheets/charts_and_reports.scss */
#statistics-table td {
  padding: 12px;
  border-bottom: 1px solid #e0e0e0;
  color: #333;
}

/* line 120, app/assets/stylesheets/charts_and_reports.scss */
#statistics-table tbody tr:hover {
  background: #f5f5f5;
}

/* line 124, app/assets/stylesheets/charts_and_reports.scss */
#export-csv {
  transition: background-color 0.2s ease;
}

/* line 128, app/assets/stylesheets/charts_and_reports.scss */
#export-csv:hover {
  background: #4a8bc2 !important;
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* line 2, app/assets/stylesheets/jobs.scss */
.jobs-block .sponsor-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1f2937;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 0.5rem;
}

/* line 11, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem;
  transition: all 0.2s ease;
  background: white;
}

/* line 18, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
  border-color: #3b82f6;
}

/* line 24, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* line 29, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-link:hover {
  text-decoration: none;
}

/* line 34, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-title {
  color: #1f2937;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

/* line 39, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-title:hover {
  color: #3b82f6;
}

/* line 44, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-details {
  color: #4b5563;
  margin-bottom: 0.5rem;
}

/* line 48, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-details .job-designation {
  font-weight: 500;
}

/* line 52, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-details .job-company {
  font-style: italic;
}

/* line 57, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-meta {
  color: #6b7280;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 63, app/assets/stylesheets/jobs.scss */
.jobs-block .job-post .job-meta .job-location,
.jobs-block .job-post .job-meta .job-date {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

@media (max-width: 768px) {
  /* line 75, app/assets/stylesheets/jobs.scss */
  .jobs-block .job-meta {
    flex-direction: column;
    gap: 0.5rem;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
