/* Case Study Style  */

.case-studies-wrapper {
    margin: 0;
}
.case-studies-wrapper .case-hero .hero-image, .case-studies-wrapper .case-hero .hero-content {width: 50%;}
.case-hero {
	display: flex;
	align-items: center;
	gap: 56px;
	margin-bottom: 96px;
	background: #fff;
	padding: 0px 56px 0px 0px;
	box-shadow: 0px 6px 24px rgba(71, 132, 196, 0.24);
	border-radius: 16px;
	overflow: hidden;
}
.case-studies-wrapper .case-hero .hero-image img {
	max-width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center;
}
.case-studies-wrapper .case-hero .hero-content {
   padding: 40px 0;
}

.case-studies-wrapper .case-hero .hero-content .case-logo {padding-bottom: 32px;}
.case-studies-wrapper .case-hero .hero-content h2 {font-family: "Roboto", Sans-serif;font-size: 32px;font-weight: 700;line-height: 40px;color: #4784C4;padding-bottom: 8px;}
.case-studies-wrapper .case-hero .hero-content p {color: #535353;font-family: "Roboto", Sans-serif;font-size: 16px;font-weight: 400;line-height: 24px;}
.case-studies-wrapper .case-hero .hero-content .button-tag-wrap {border-top: 1px solid #E1E4ED;padding-top: 32px;margin-top: 32px;display: flex;align-items: center;justify-content: space-between;}
.case-studies-wrapper .case-hero .hero-content .button-tag-wrap .card-category {font-family: "Roboto", Sans-serif;font-size: 14px;font-weight: 400;line-height: 22px;fill: #4784C4;color: #4784C4;border-style: solid;border-width: 1px 1px 1px 1px;border-color: #4784C4;border-radius: 100px 100px 100px 100px;padding: 7px 37px 7px 37px;margin: 0;}
.case-studies-wrapper .case-hero .hero-content .button-tag-wrap .hero-button {background-color: transparent;font-family: "Roboto", Sans-serif;font-size: 16px;font-weight: 700;line-height: 24px;background-image: linear-gradient(90deg, #4784C4 0%, #48A634 100%);border-radius: 4px 4px 4px 4px;padding: 12px 40px 12px 40px;margin: 0;transition:all 0.4s ease;}
.case-studies-wrapper .case-hero .hero-content .button-tag-wrap .hero-button:hover {background-image: linear-gradient(90deg, #48A634 0%, #4784C4 100%);}
.case-studies-wrapper .case-hero .hero-content .post-date, .card-content .post-date {font-size: 14px;color: #535353;line-height: 22px;font-weight: 700;font-family: "Roboto", Sans-serif;padding-bottom: 8px;display: block;}

.button-tag-wrap .news-author .author-link {display: flex;align-items: center;}
.button-tag-wrap .news-author .author-link .author-avatar  {width: 64px;height: 64px;object-fit: cover;object-position: center;border-radius: 100px;margin-right: 20px;}
.button-tag-wrap .news-author .author-link .author-name {font-size: 14px;color: #535353;line-height: 22px;font-weight: 700;font-family: "Roboto", Sans-serif;text-transform: capitalize;}
.button-tag-wrap .news-author .author-link small {color: #A1A1A6;font-size: 14px;line-height: 22px;display: block;}



.hero-button {
    background: #009b72;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 1em;
}

.case-other-header h3 {
    font-size: 1.5em;
    margin-bottom: 1em;
}
.case-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    gap: 1.5em;
}
.case-card {
	background: #fff;
	box-shadow: 0px 6px 24px rgba(71, 132, 196, 0.24);
	border-radius: 16px;
	overflow: hidden;
}
.card-image img {
    width: 100%;
    height: auto;
}
.card-content {
    padding: 40px 32px;
}
.card-content .case-logo {display: none;}
.card-button {
    background: #004ea8;
    color: #fff;
    padding: 8px 16px;
    display: inline-block;
    text-decoration: none;
    margin-top: 1em;
    border-radius: 4px;
}
.card-category {
	font-family: "Roboto", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	fill: #4784C4;
	color: #4784C4;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #4784C4;
	border-radius: 100px 100px 100px 100px;
	padding: 7px 37px 7px 37px;
	margin: 0;
}

.case-other-header h3 {margin-bottom: 32px;font-family: "Roboto", Sans-serif;font-size: 32px;font-weight: 700;line-height: 40px;color: #4784C4;}
.card-content .button-tag-wrap {border-top: 1px solid #E1E4ED;padding-top: 28px;margin-top: 28px;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.card-content .button-tag-wrap .card-button {background-color: #4784C4;font-family: "Roboto", Sans-serif;font-size: 14px;font-weight: 400;line-height: 16px;fill: #FFFFFF;color: #FFFFFF;border-radius: 4px 4px 4px 4px;padding: 12px 20px 12px 20px;margin-top: 0;transition:all 0.4s ease;}
.card-content .button-tag-wrap .card-button:hover {background-color: #306196;}



/* News Section */
.news-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Inter', sans-serif;
}

.news-hero {
    display: flex;
    gap: 30px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    margin-bottom: 60px;
    padding: 20px;
    flex-wrap: wrap;
}

.news-hero-image {
    flex: 1 1 45%;
}

.news-hero-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

.news-hero-content {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.news-hero-content h2 {
    font-size: 22px;
    color: #073b80;
    margin: 0 0 10px;
}

.news-hero-content p {
    color: #333;
    margin-bottom: 10px;
}

.news-date {
    font-size: 14px;
    color: #888;
}

.news-author {
    display: flex;
    align-items: center;
    margin: 0;
}

.author-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.author-info strong {
    font-size: 14px;
    display: block;
}

.author-info small {
    font-size: 12px;
    color: #666;
}

.news-button {
    display: inline-block;
    background: #28a745;
    color: #fff;
    padding: 8px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-top: auto;
    width: fit-content;
}

.news-other-header h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #444;
}

.news-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(367px, 1fr));
    gap: 30px;
}

.news-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-image img {
    width: 100%;
    height: 240px !important;
    object-fit: cover;
}

.card-content h4 {
	font-family: "Roboto", Sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	color: #4784C4;
	padding-bottom: 8px;
}

.card-content p {
	margin-bottom: 0;
	color: #535353;
	font-family: "Roboto", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.card-button {
    background: #0057cc;
    color: #fff;
    padding: 8px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-top: auto;
    width: fit-content;
}

.news-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
    transition: all 0.3s ease;
}



/* News Slider Bottom of the page */

.news-bottom-wrapper {
    padding: 40px 0;
    background: #f8fbff;
}
.news-bottom-slider {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.news-card-bottom {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    width: 300px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.news-card-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.news-card-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.news-title {
    font-size: 18px;
    color: #0072c6;
    margin: 0;
}
.news-date {
    font-size: 14px;
    color: #888;
}
.news-excerpt {
    font-size: 15px;
    color: #333;
}
.news-author-info {
    display: flex;
    align-items: center;
    gap: 10px;
}
.news-author-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.news-read-more {
    margin-top: auto;
    align-self: flex-start;
    padding: 8px 16px;
    background: #0072c6;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s ease;
}
.news-read-more:hover {
    background: #005fa3;
}




/* Case Study Slider Bottom of the Page */
.case-study-bottom-slider {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.case-study-bottom-slider .swiper-wrapper {display: flex;}

.case-card-bottom {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.case-card-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.case-card-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.case-title {
    font-size: 18px;
    color: #004a99;
    margin: 0;
}

.case-tag {
    font-size: 13px;
    color: #ffffff;
    background-color: #0072c6;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 500;
}

.case-date {
    font-size: 14px;
    color: #888;
	display: none;
}

.case-excerpt {
    font-size: 15px;
    color: #333;
}

.case-read-more {
    margin-top: auto;
    align-self: flex-start;
    padding: 8px 16px;
    background: #0072c6;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s ease;
}

.case-read-more:hover {
    background: #005fa3;
}


.news_main_page .case-studies-wrapper .case-cards {grid-template-columns: repeat(auto-fill, minmax(47.5%, 124px));gap: 64px;}


.case-study-bottom-slider .case-card-image {height: 236px;overflow: hidden;}
.case-study-bottom-slider .case-card-image img {height: 236px;}
.case-study-bottom-slider .case-card-bottom {border-radius: 16px 16px 16px 16px;box-shadow: 0px 6px 24px 0px rgba(71.00000000000001, 131.99999999999994, 196.00000000000003, 0.23921568627450981);height: 100%;}
.case-study-bottom-slider .case-card-bottom .case-card-body {padding: 35px 24px 35px 24px;gap: 0;}
.case-study-bottom-slider .case-card-bottom .case-card-body .case-logo {display: none;}
.case-study-bottom-slider .case-card-bottom .case-card-body .news-date {font-size: 14px;color: #535353;line-height: 22px;font-weight: 700;font-family: "Roboto", Sans-serif;padding-bottom: 8px;display: block;}
.case-study-bottom-slider .case-card-bottom .case-card-body .case-title {font-family: "Roboto", Sans-serif;font-size: 24px;font-weight: 700;line-height: 32px;color: #4784C4;margin: 0 0 8px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;}
.case-study-bottom-slider .case-card-bottom .case-card-body p {margin-bottom: 0;color: #535353;font-family: "Roboto", Sans-serif;font-size: 16px;font-weight: 400;line-height: 24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-study-bottom-slider .case-card-bottom .case-card-body .button-tag-wrap {
  border-top: 1px solid #E1E4ED;
  padding-top: 28px;
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.case-study-bottom-slider .case-card-bottom .case-card-body .case-author-info {
  display: flex;
  align-items: center;
  margin: 0;
}
.case-study-bottom-slider .case-card-bottom .case-card-body .button-tag-wrap .case-read-more {
  background-color: #4784C4;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  fill: #FFFFFF;
  color: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  padding: 12px 20px 12px 20px;
  transition: all 0.4s ease;
  margin-top: 0;
  align-self: auto;
}

.case-study-bottom-slider .case-card-bottom .case-card-body .button-tag-wrap .case-read-more:hover {
  background-color: #306196;
}

.case-study-bottom-slider .case-card-bottom .case-card-body .button-tag-wrap .case-author-info .case-author-avatar {
  width: 64px;
  height: 64px;
  object-fit: cover;
  object-position: center;
  border-radius: 100px;
  margin-right: 20px;
}
.case-study-bottom-slider .case-card-bottom .case-card-body .button-tag-wrap .case-author-info .author-details {
  font-size: 14px;
  color: #535353;
  line-height: 22px;
  font-weight: 700;
  font-family: "Roboto", Sans-serif;
  text-transform: capitalize;
}

.case-study-bottom-wrapper .swiper-pagination {display: flex;gap: 10px;position: absolute;bottom: -20px !important;justify-content: center;width: 100%;}
.case-study-bottom-wrapper .swiper-pagination .swiper-pagination-bullet {background-color: #CBCCD2;padding: 0px 0px 0px 0px;border-style: none;height: 10px;width: 10px !important;display: inline-block;border-radius: 100px;transition:all 0.4s ease;cursor: pointer;opacity: 1!important;}
.case-study-bottom-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.case-study-bottom-wrapper .swiper-pagination .swiper-pagination-bullet:hover {background-color: transparent;background-image: linear-gradient(180deg, #4784C4 0%, #48A634 100%);}
.homepage_case_studies .case-study-bottom-slider {padding-bottom: 20px;}




@media only screen and (max-width: 1024px) {
	.case-hero {display: block;padding: 0;}
	.case-studies-wrapper .case-hero .hero-image, .case-studies-wrapper .case-hero .hero-content {width: 100%;}
	.case-studies-wrapper .case-hero .hero-image img  {width: 100%;}
	.case-studies-wrapper .case-hero .hero-content {padding: 40px 32px;}
	
	.news_main_page .case-studies-wrapper .case-cards {grid-template-columns: repeat(auto-fill, minmax(47%, 124px));gap: 40px;}
}

@media only screen and (max-width: 767px) {
	.news_main_page .case-studies-wrapper .case-cards {grid-template-columns: repeat(auto-fill, minmax(100%, 124px));gap: 32px;}
	form .min_box {display: initial;overflow: hidden;}
	.news_letter form .wpcf7-email {margin-bottom: 12px;}
	.news_letter form .wpcf7-submit {width: 100%;display: block;}
}

@media only screen and (max-width: 576px) {
	.card-content {padding: 30px 20px;}
	.case-studies-wrapper .case-hero .hero-content {padding: 30px 20px;}
	.case-studies-wrapper .case-hero .hero-content h2 {font-size: 26px;line-height: 32px;}
	.card-content h4 {font-size: 22px;line-height: 28px;}
	
	.news_main_page .case-studies-wrapper .case-hero .hero-content .button-tag-wrap {width: 100%;display: block;}
	.news_main_page .case-studies-wrapper .case-hero .hero-content .button-tag-wrap .news-author {padding-bottom: 17px;}
	.news_main_page .case-studies-wrapper .case-hero .hero-content .button-tag-wrap .hero-button {width: 100%;text-align: center;}
	
	.news_main_page .case-studies-wrapper .case-cards .card-content .button-tag-wrap {width: 100%;display: inherit;}
	.news_main_page .case-studies-wrapper .case-cards .card-content .button-tag-wrap .news-author {padding-bottom: 17px;}
	.news_main_page .case-studies-wrapper .case-cards .card-content .button-tag-wrap .card-button {display: block;width: 100%;text-align: center;}
}


@media only screen and (max-width: 380px) {
	.case-studies-wrapper .case-hero .hero-content .button-tag-wrap {display: inline-block;text-align: center;}
	.case-studies-wrapper .case-hero .hero-content .button-tag-wrap .card-category {margin: 0 0 15px 0;display: inline-block;}
	.case-studies-wrapper .case-hero .hero-content .button-tag-wrap .hero-button {width: 100%;}
}
@media only screen and (max-width: 350px) {
	.card-category {display: inline-block;margin-bottom: 15px;}
	.card-content .button-tag-wrap {display: inline-block;text-align: center;}
	.card-content .button-tag-wrap .card-button {width: 100%;}
}