/*Jose and Rajat*/ 
/*common*/
.swkjc-container {
   max-width: 1296px;
   margin: 0 auto;
   padding: 73px 0;
}
@media (max-width: 1366px) {
 .swkjc-container {
   width: 90%;
 }
}
.swkc-border-bottom-1-D6DBDF {
   border-bottom: 1px solid #D6DBDF;
}
.swkjc-li-with-yellow-marker {
   list-style: none;
   padding-left: 0;
   margin: 0;
}
.swkjc-li-with-yellow-marker li {
   background-image: url('../images/traccs-li-yellow.svg');
   background-position: 0 0;
   padding-left: 32px;
   background-repeat: no-repeat;
 /*   font-size: 20px; */
   /* Adjust marker size */
  /*  font-size: 0; */ /* prevent text shift */
   /* vertical-align: middle; */ /* try aligning */
}
.skjc-white-color{
   color: #FFF;
}
/* Banner section*/
.swkjc-solution-outer-style2 {
   background: #F0F4F8;
   /* min-height: 100vh; */
   position: relative;
}
.swkjc-solution-outer-style2.full-width {
   width: 100%;
}
.swkjc-solution-banner-hero-area {
   text-align: center;
   padding: 80px 0 60px;
   background: #F0F4F8;
}
.swkjc-solution-container {
   max-width: 1360px;
   margin: 0 auto;
}
.swkjc-solution-banner-hero-area h1 {
   color: #050E15;
   text-align: center;
   font-family: "Inter Tight", sans-serif;
   font-size: 57px;
   font-style: normal;
   font-weight: 700;
   line-height: 110%;
   letter-spacing: -0.57px;
   max-width: 744px;
   margin: 0 auto;
   margin-bottom: 20px;
}
.swkjc-solution-banner-button-wrap {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 100%;
}
.swkjc-solution-banner-cta-button.kjc-black-button,.kjc-black-button {
   display: inline-block;
   background: #050E15;
   color: #FFF;
   text-align: center;
   font-family: "Inter Tight", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 110%;
   padding: 15px 35px;
   text-decoration: none;
   transition: all 0.3s ease;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   margin-right: 20px;
   border: 1px solid #050E15;
}
.swkjc-solution-banner-cta-button.kjc-black-button:hover {
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
   color: #050E15;
   border-color: #050E15;
}
.kjc-black-button:hover {
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
   color: #050E15;
   border-color: #050E15;
}
.swkjc-solution-banner-cta-button.kjc-black-button-inverse,.kjc-black-button-inverse {
   display: inline-block;
   background: transparent;
   color: #050E15;
   text-align: center;
   font-family: "Inter Tight", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 110%;
   padding: 15px 35px;
   text-decoration: none;
   border: 1px solid #050E15;
   transition: all 0.3s ease;
}
.swkjc-solution-banner-cta-button.kjc-black-button-inverse:hover {
   background: #050E15;
   border-color: #fff;
   color: #fff;
}
.kjc-black-button-inverse:hover {
   background: #050E15;
   border-color: #fff;
   color: #fff;
}
.swkjc-solution-clear {
   clear: both;
}
.swkjc-solution-banner-content-area {
   background: white;
   border-radius: 0;
   padding: 0px 0 40px 0;
   position: relative;
   background-color: #F0F4F8;
   background: url('../images/blue-gradient.png') no-repeat left bottom #F0F4F8;
   background-size: contain;
}
.swkjc-solution-banner-content-wrapper {
   display: block;
   position: relative;
}
.swkjc-solution-banner-image-container {
   max-width: 1360px;
   height: min(488px, 36vw);
   min-height: 273px;
   position: relative;
   overflow: hidden;
   background: transparent;
   margin: 0 auto;
   width: 100%;
}
.swkjc-solution-banner-image-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: 50% calc(50% + 33px);
   display: block;
}
/**/
.rr_textCenter {
   text-align: center;
}
.platform-section1.solutions_role {padding: 64px 0 0;}
/*Solutions Role - banner*/
.solutions_role .platform-section1-lead {
	max-width: 100%;
	padding-bottom: 40px;
}
.platform-section1.solutions_role h1 {
	color: #050E15;
	text-align: center;
	font-size: 57px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: -0.57px;
}
.platform-section6-title {max-width: 334px;}
.solutions_role .platform-section1-btn-primary {
	display: inline-block;
}
.solutions_role .platform-section1-hero-wrap {
	padding: 56px 0 40px;
	justify-content: center;
	gap: 12px;
}
.solutions_role .platform-section1-hero-copy {
	padding: 0;
	display: block;
	width: 56%;
   max-width: 750px;
   position: relative;
}
.solutions_role .hero-wrap-cols {
	height: 488px;
	display: flex;
	flex-wrap: wrap;
	transition: 300ms all ease-in-out;
	overflow: hidden;
}
.solutions_role .platform-section1-hero-copy:hover, .solutions_role .platform-section1-hero-copy:hover h2, .solutions_role .platform-section1-hero-media:hover, .solutions_role .platform-section1-hero-media:hover h2 {
	transform: translateY(-3px);
}
.solutions_role .platform-section1-hero-media {
   gap: 39px;
	width: 44%;
   max-width: 598px;
	justify-content: right;
   background: linear-gradient(180deg, #023862 0%, #005690 100%);
}
.solutions_role .platform-section1-hero-media::before {
	content: '';
	display: block;
	width: 404px;
	height: 337px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url('../images/white-bg-vector.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 0 0;
}
.solutions_role .platform-section1-image2 {
   width: auto;
	height: auto;
	position: unset;
   z-index: 1;
	max-width: 496px;
	max-height: 351px;
	align-self: flex-end;
}
.solutions_role .platform-section1-hero-img {
   position: relative;
}
.solutions_role .platform-section1-hero-copy::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(192deg, rgba(0, 29, 54, 0.00) 53.56%, rgba(0, 25, 45, 0.90) 92.36%);
	z-index: 1;
}
.solutions_role .platform-section1-hero-copy h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	color: #FFF;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 115%;
	letter-spacing: -0.32px;
	text-align: left;
	padding: 0 0 40px 40px;
   transition: 300ms all ease-in-out;
}
.solutions_role .platform-section1-hero-media h2 {
	align-self: flex-start;
	width: 100%;
	display: block;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 0;
	letter-spacing: 0;
	text-align: left;
	padding: 32px 16px 0 32px;
   transition: 300ms all ease-in-out;
}
.hero-image-container {
	max-width: 1360px;
}
/*Section 3*/
.platform-section3 .title {max-width: 62%;}
.platform-section3 .wrap {padding-bottom: 72px;}
.platform-section3 .cta {
	margin-top: 56px;
	text-align: center;
}
.platform-section3 .grid {gap: 8px;}
.platform-section3 .panel {
	background: none;
	padding: 0;
}
.platform-section3 .panel h3 {margin-bottom: 12px;}
.platform-section3 .panel {
	background: none;
	padding: 0;
	gap: 8px;
   overflow: hidden;
   transition: 300ms all ease-in-out;
}
.sec3_block_top {
	padding: 47px 32px 32px 32px;
	background: #FFF1BF;
	flex: 1;
}
.blockpercent_display {position: relative;}
.blockpercent_display p {
	color: #050E15;
	font-size: 90px;
	font-style: normal;
	font-weight: 400;
	line-height: 75%;
	letter-spacing: -0.9px;
	display: inline-block;
	padding-bottom: 60px;
}
.blockpercent_display span {
	color: #050E15;
	font-size: 43px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.43px;
	margin-left: 8px;
   position: relative;
}
.blockpercent_display span::before {
	content: '';
	position: absolute;
	top: -23px;
	left: 6px;
	background-image: url('../images/up-vector-green.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
	height: 18px;
   transition: 300ms all ease-in-out;
}
.blockpercent_display.down span::before {
   transform: rotate(180deg);
}
.platform-section3 .illus {
	margin-bottom: 0;
   overflow: hidden;
}
.platform-section3 .illus img {
	height: 319px;
	width: 100%;
	object-fit: cover;
   display: block;
   transition: 300ms all ease-in-out;
}
.platform-section3 .panel:hover .illus img, .panel.wallblocks:hover {
	scale: 1.01;
}
.panel:nth-child(1) .sec3_block_top {
 background-color: #FFF1BF;
}
.panel:nth-child(2) .sec3_block_top {
 background-color: #DBEFFB;
}
.panel:nth-child(3) .sec3_block_top {
 background-color: #E5000424;
}
.panel:nth-child(2) {
 display: flex;
 flex-direction: column-reverse;
}
.panel.wallblocks:nth-child(2) {
	flex-direction: column;
}
.panel.wallblocks {
	padding: 0 74px 32px 32px;
	justify-content: flex-end;
   background-repeat: no-repeat;
	background-position: center bottom;
   background-size: cover;
   position: relative;
   z-index: 0;
}
.panel.wallblocks::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(207deg, rgba(0, 29, 54, 0.00) 46.14%, rgba(0, 25, 45, 0.94) 79.41%);
	position: absolute;
	top: 0;
	left: 0;
   z-index: 1;
}
.panel.wallblocks h3, .panel.wallblocks p {
   color: #fff;
}
.wallblockscontents {
	position: relative;
	z-index: 2;
}
/*Section 4*/
.platform-section4 .title {max-width: 770px;}
/*testimonial*/
.platform-section7-quote p {
	color: #050E15;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 115%;
	letter-spacing: 0.3px;
	text-align: left;
	max-width: 490px;
	padding-left: 15px;
	padding-top: 0px;
}
.platform-section9-title {max-width: 593px;}
.platform-section9.solutions_role {background-color: #F0F4F8;}
.platform-section3.solutions_role .sec3_block_top .desc {min-height: auto;}
/*Responsive Styles*/
@media (max-width: 1600px) {
   .solutions_role .platform-section1-hero-copy h2 {
       font-size: 28px;
   }
   .solutions_role .platform-section1-hero-media h2 {
       font-size: 20px;
   }
   .blockpercent_display p {font-size: 80px;}
   .platform-section3 .panel h3 {font-size: 21px;}
   .platform-section3 .illus img {height: 310px;}
}
@media (max-width: 1440px) {
   .solutions_role .platform-section1-hero-copy h2 {
       font-size: 26px;
   }
   .solutions_role .platform-section1-hero-media h2 {
       font-size: 18px;
   }
   .blockpercent_display p {font-size: 70px;padding-bottom: 50px;}
   .platform-section3 .panel h3 {font-size: 20px;}
   .platform-section3 .desc p {font-size: 15px;}
   .platform-section3 .illus img {height: 296px;}
   .blockpercent_display span {font-size: 33px;}
   .blockpercent_display span::before {
       top: -20px;
       left: 2px;
       background-size: 20px;
   }
}
@media (max-width: 1400px) {
   .swkjc-solution-container,
   .swkjc-solution-banner-image-container {
       max-width: 98%;
   }
   .swkjc-solution-banner-content-area {
       padding: 0 0 2% 0;
   }
}
@media (max-width: 1366px) {
   .platform-section1.solutions_role h1 {
       font-size: 50px;
   }
   .platform-section7-quote p { font-size: 25px; }
}
@media (max-width: 1280px) {
   .solutions_role .platform-section1-image2 {
       width: 100%;
       height: 100%;
       object-fit: contain;
   }
   .blockpercent_display p {font-size: 60px;padding-bottom: 40px;}
   .platform-section3 .illus img {height: 289px;}
   .blockpercent_display span {font-size: 27px;}
   .blockpercent_display span::before {
       top: -19px;
       left: 0;
       background-size: 16px;
   }
   .solutions_role {padding: 20px 0 0;}
   .platform-section1.solutions_role h1 { font-size: 45px;}
   .platform-section9.solutions_role {	padding: 60px 0; }
}
@media (max-width: 1024px) {
   .platform-section1.solutions_role h1 {font-size: 40px;}
   .platform-section7-quote p { font-size: 22px; }
}
@media (max-width: 768px) {
   .swkjc-solution-banner-hero-area h1 {
       font-size: 42px;
       letter-spacing: -0.42px;
   }
   .swkjc-solution-banner-hero-area p {
       font-size: 1.1rem;
   }
   .swkjc-solution-banner-cta-button.kjc-black-button,
   .swkjc-solution-banner-cta-button.kjc-black-button-inverse {
       display: block;
       text-align: center;
       max-width: 250px;
   }
   .kjc-black-button,
   .kjc-black-button-inverse {
       display: block;
       text-align: center;
       max-width: 250px;
   }
   .swkjc-solution-banner-image-container {
       height: 300px;
       width: 100vw;
   }
   .swkjc-solution-banner-image-container img {
       width: 100%;
       object-position: center;
   }
   .swkjc-solution-banner-content-area {
       padding: 0px 0 20px 0;
   }
   .platform-section1.solutions_role h1 {
       text-align: center;
   }
   .solutions_role .platform-section1-hero-media, .solutions_role .platform-section1-hero-copy {
       max-width: 100%;
       width: 100%;
   }
   .solutions_role .platform-section1-hero-copy h2 {
       padding: 0 0 40px 31px;
   }
   .blockpercent_display p {
       font-size: 50px;
       padding-bottom: 35px;
   }
   .sec3_block_top {padding: 42px 22px 25px 22px;}
   .panel.wallblocks {padding: 0 25px 32px 22px;}
   .platform-section3 .illus img {height: 260px;}
   .blockpercent_display span {font-size: 22px;}
   .blockpercent_display span::before {
       top: -19px;
       left: -3px;
       background-size: 13px;
   }
   .platform-section6-title, .platform-section9-title {max-width: 100%;}
}
@media (max-width: 767px) {
   .platform-section3 .grid {gap: 12px;}
   .platform-section3 .panel {	gap: 0;}
   .panel:nth-child(2) {flex-direction: column;}
   .platform-section3 .illus img {height: 320px;}
   .sec3_block_top {padding: 38px 24px 24px 24px;}
   .blockpercent_display p {
       font-size: 68px;
       padding-bottom: 50px;
   }
   .platform-section3 .desc p {font-size: 16px;}
   .panel.wallblocks {
       height: 709px;
       background-position: top center;
   }
   .panel .wallblockscontents h3 {font-size: 24px;}
   .blockpercent_display span {font-size: 32px;}
   .blockpercent_display span::before {
       top: -21px;
       left: 0;
       background-size: 16px;
   }
   .platform-section1.solutions_role h1 {font-size: 48px;}
   .platform-section1.solutions_role h1, .platform-section1.solutions_role .rr_textCenter, .platform-section3 .cta {
       text-align: left;
   }
   .platform-section3.solutions_role {padding-bottom: 0;}
   .solutions_role .platform-section1-image2 {display: block;}
   .platform-section9-content {order: 2;}
   .platform-section7 .container {align-items: flex-start;}
   .platform-section3 .title {
  max-width: 90%;
}
}
@media (max-width: 480px) {
   .swkjc-solution-banner-hero-area h1 {
       font-size: 32px;
       letter-spacing: -0.32px;
   }
   .swkjc-solution-banner-hero-area {
       padding: 60px 0 40px;
   }
   .swkjc-solution-banner-image-container {
       height: 250px;
       width: 100vw;
   }
   .swkjc-solution-banner-image-container img {
       width: 100%;
   }
   .solutions_role .hero-wrap-cols {
       height: auto;
   }
   .solutions_role .platform-section1-hero-copy {
       height: 370px;
   }
   .panel.wallblocks {
       height: 509px;
   }
}
/* End of Banner section*/
/* head and textbox section */
/* New styles */
.swkjc-head-textbox-area {
   background: #FFF;
}
.swkjc-marker-wrap {
   width: 100%;
   margin-bottom: 24px;
}
.swkjc-marker-wrap img {
   display: block;
   max-width: 200px;
   height: auto;
}
.swkjc-head-textbox-content-wrap {
   display: flex;
   gap: 5%;
   align-items: flex-start;
   justify-content: space-between;
}
.swkjc-first-half {
   flex: 0 1 42%;
   /* width: 45%; */
}
.swkjc-second-half {
   flex: 0 1 46%;
  /*  width: 50%; */
   padding-top: 16px;
}
.swkjc-first-half h2 {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: 50px;
   font-style: normal;
   font-weight: 600;
   line-height: 115%;
   /* 57.5px */
   letter-spacing: -0.5px;
   margin: 0;
   text-align: left;
}
.swkjc-second-half h3 {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 125%;
   /* 27.5px */
   letter-spacing: -0.22px;
   margin: 0 0 24px 0;
   text-align: left;
}
.swkjc-second-half p {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: 19px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   /* 28.5px */
   margin: 0;
}
.swkjc-border-bottom-1-D6DBDF {
   border-bottom: #D6DBDF solid 1px;
}
/* Responsive styles */
@media (max-width: 768px) {
   .swkjc-head-textbox-content-wrap {
       flex-direction: column;
       gap: 30px;
   }
   .swkjc-first-half,
   .swkjc-second-half {
       width: 100%;
   }
   .swkjc-first-half h2 {
       font-size: 36px;
       line-height: 120%;
   }
   .swkjc-second-half h3 {
       font-size: 20px;
   }
   .swkjc-second-half p {
       font-size: 17px;
   }
}
@media (max-width: 480px) {
   .swkjc-head-textbox-area {
       padding: 40px 15px;
   }
   .swkjc-first-half h2 {
       font-size: 28px;
   }
   .swkjc-second-half h3 {
       font-size: 18px;
   }
   .swkjc-second-half p {
       font-size: 16px;
   }
}
/* end of head and textbox section */
/* textbox with list image section */
.swkjc-textbox-with-list-image {
   background: #FFF;
}
/* Main wrapper styles */
.swkjc-txtbx-li-img-wrap {
   display: flex;
   align-items: center;
   gap: 20px;
   justify-content: space-between;
}
/* First section - Content */
.swkjc-txtbx-li-img-content.swkjc-first-part {
   flex: 0 0 42%;
}
/* Second section - Image */
.swkjc-txtbx-li-img-image.swkjc-second-part {
   flex: 0 0 40%;
   /* height: 400px; */
   /* Adjust as needed */
}
.swkjc-txtbx-li-img-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 8px;
   /* Optional: add border radius */
}
/* Typography Styles */
.swkjc-txtbx-li-img-subhead {
   color: #2F373D;
   font-family: "IBM Plex Mono", monospace;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   margin-bottom: 12px;
}
.swkjc-txtbx-li-img-content h2 {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: 50px;
   font-style: normal;
   font-weight: 600;
   line-height: 115%;
   letter-spacing: -0.5px;
   margin-bottom: 20px;
   text-align: left;
}
.swkjc-txtbx-li-img-description {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: 19px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 24px;
}
.swkjc-li-with-yellow-marker li {
   color: #2F373D;
   font-family: "Inter Tight", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 12px;
   display: list-item;
   list-style-position: outside;
   /* padding-left: 12px;
   margin-left: 20px; */
}
/* Mobile Responsive */
@media (max-width: 768px) {
   .swkjc-txtbx-li-img-wrap {
       flex-direction: column;
       gap: 30px;
   }
   .swkjc-txtbx-li-img-content,
   .swkjc-txtbx-li-img-image {
       flex: 1 1 100%;
   }
   .swkjc-txtbx-li-img-content h2 {
       font-size: 36px;
       line-height: 120%;
   }
   .swkjc-txtbx-li-img-description {
       font-size: 17px;
   }
   
}
@media (max-width: 480px) {
   .swkjc-txtbx-li-img-content h2 {
       font-size: 28px;
   }
   .swkjc-txtbx-li-img-subhead {
       font-size: 14px;
   }
   .swkjc-txtbx-li-img-description {
       font-size: 16px;
   }
   .swkjc-li-with-yellow-marker li {
       font-size: 15px;
       padding-left: 6px;
   }
   .swkjc-li-with-yellow-marker li::marker {
       font-size: 16px;
   }
}
/* end of textbox with list image section */
/* Head image Repeater section */
/* Header Description Area */
.swkjc-hed-img-rptr{
   background: #014A78;
}
/* .swkjc-hed-img-rptr-head-descrp-area {
   margin-bottom: 40px;
}
*/
.swkjc-hed-img-rptr-head-descrp-wrap {
 max-width: 50%;
 text-align: left;
 padding-bottom: 56px;
}
.swkjc-hed-img-rptr-head-descrp-wrap h2 {
   color: #FFF;
   font-family: "Inter Tight", sans-serif;
   font-size: 50px;
   font-style: normal;
   font-weight: 600;
   line-height: 110%;
   letter-spacing: -1px;
   margin-bottom: 16px;
   text-align: left;
}
.swkjc-hed-img-rptr-head-descrp-wrap p {
   color: #FFF;
   font-family: "Inter Tight", sans-serif;
   font-size: 19px;
   font-style: normal;
   font-weight: 600;
   line-height: 125%;
   letter-spacing: -0.19px;
   margin-bottom: 0;
}
/* Image Area */
.swkjc-hed-img-rptr-image-area {
   display: flex;
   gap: 20px;
   margin-bottom: 60px;
}
.swkjc-hed-img-rptr-image-area img {
   flex: 1;
   width: 100%;
  /*  height: 300px; */ /* Adjust as needed */
   object-fit: cover;
   border-radius: 8px;
}
/* Content Repeater Area */
.swkjc-hed-img-rptr-content-repeater-area {
  margin-top: 40px;
 display: flex;
 align-items: start;
 justify-content: space-between;
}
.swkjc-hed-img-rptr-content-hed-btn-wrap {
   display: flex;
 justify-content: space-between;
 align-items: start;
 margin-bottom: 32px;
 gap: 20px;
 flex-direction: column;
 width: 27%;
}
.swkjc-hed-img-rptr-content-hed-btn-wrap h3 {
   color: #C1D8E8;
   font-family: "Inter Tight", sans-serif;
   font-size: 43px;
   font-style: normal;
   font-weight: 600;
   line-height: 110%;
   letter-spacing: -0.86px;
   margin: 0;
   text-align: left;
}
.swkjc-hed-img-rptr-content-hed-btn-wrap a {
   display: flex;
   padding: 12px 32px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   color: #050E15;
   text-align: center;
   font-family: "Inter Tight", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 110%;
   background: #FFF;
   border: none;
   /* border-radius: 6px; */
   cursor: pointer;
   transition: all 0.3s ease;
   flex-shrink: 0;
}
.swkjc-hed-img-rptr-content-hed-btn-wrap a:hover {
   background: #f0f0f0;
   transform: translateY(-1px);
}
/* Repeater Items */
.swkjc-hed-img-rptr-content-repeater-wrap {
   display: flex;
   flex-direction: column;
   width: 57%;
}
.swkjc-hed-img-rptr-content-item {
   padding: 24px 0;
   border-bottom: 1px solid #FFFFFF17;
   display: flex;
   justify-content: space-between;
}
.swkjc-hed-img-rptr-content-item:last-child {
   border-bottom: none;
}
.swkjc-hed-img-rptr-content-item h4 {
   color: #FFF;
   font-family: "Inter Tight", sans-serif;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 125%;
   letter-spacing: -0.22px;
   margin-bottom: 8px;
   max-width: 27%;
}
.swkjc-hed-img-rptr-content-item p {
   color: #C1D8E8;
   font-family: "Inter Tight", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   letter-spacing: 0.32px;
   margin: 0;
   max-width:57%;
}
/* Mobile Responsive */
@media (max-width: 768px) {
   .swkjc-hed-img-rptr-head-descrp-wrap h2 {
       font-size: 36px;
       line-height: 115%;
       letter-spacing: -0.8px;
   }
   
   .swkjc-hed-img-rptr-head-descrp-wrap p {
       font-size: 17px;
   }
   
   .swkjc-hed-img-rptr-image-area {
       flex-direction: column;
       gap: 15px;
       margin-bottom: 40px;
   }
   
   
   
   .swkjc-hed-img-rptr-content-hed-btn-wrap {
       flex-direction: column;
       align-items: flex-start;
       gap: 16px;
   }
   
   .swkjc-hed-img-rptr-content-hed-btn-wrap h3 {
       font-size: 32px;
       letter-spacing: -0.6px;
   }
   
   .swkjc-hed-img-rptr-content-hed-btn-wrap a {
       padding: 10px 24px;
       font-size: 15px;
   }
   
   .swkjc-hed-img-rptr-content-item {
       padding: 20px 0;
   }
   
   .swkjc-hed-img-rptr-content-item h4 {
       font-size: 20px;
       letter-spacing: -0.18px;
   }
   
   .swkjc-hed-img-rptr-content-item p {
       font-size: 15px;
       letter-spacing: 0.28px;
   }
}
@media (max-width: 480px) {
   .swkjc-hed-img-rptr-head-descrp-wrap h2 {
       font-size: 28px;
       letter-spacing: -0.6px;
   }
   
   .swkjc-hed-img-rptr-head-descrp-wrap p {
       font-size: 16px;
   }
   
   .swkjc-hed-img-rptr-content-hed-btn-wrap h3 {
       font-size: 26px;
       letter-spacing: -0.4px;
   }
   
   .swkjc-hed-img-rptr-content-item h4 {
       font-size: 18px;
   }
   
   .swkjc-hed-img-rptr-content-item p {
       font-size: 14px;
   }
}
/* end of Head image Repeater section */
/* Section 5 */
.swkjc-feature-spotlight {
           
           margin: 0 auto;
           background: #F0F4F8;
           padding: 60px;
           border-radius: 8px;
           box-shadow: 0 2px 10px rgba(0,0,0,0.05);
       }
       .swkjc-feature-spotlight .swkjc-container {
           display: flex;
           gap: 60px;
           align-items: center;
       }
       .swkjc-content-section {
           flex: 1;
       }
       .swkjc-image-section {
           flex: 1;
           position: relative;
       }
       .swkjc-feature-spotlight h1 {
           color: #050E15;
           font-family: 'Inter Tight', sans-serif;
           font-size: clamp(30px, 4vw, 50px);
           font-style: normal;
           font-weight: 600;
           line-height: 115%;
           letter-spacing: clamp(-0.6px, -0.05vw, -0.5px);
           margin-bottom: 25px;
       }
       .swkjc-intro-text {
           color: #050E15;
           font-family: 'Inter Tight', sans-serif;
           font-size: clamp(16px, 1.5vw, 19px);
           font-style: normal;
           font-weight: 400;
           line-height: clamp(140%, 5vw, 150%);
           margin-bottom: 35px;
       }
       .swkjc-tagline {
           color: #050E15;
           font-family: 'Inter Tight', sans-serif;
           font-size: clamp(18px, 1.5vw, 19px);
           font-style: normal;
           font-weight: 400;
           line-height: 125%;
           letter-spacing: clamp(-0.18px, -0.015vw, -0.19px);
           margin-bottom: 25px;
       }
       .swkjc-tagline span {
           color: #050E15;
           font-family: 'Inter Tight', sans-serif;
           font-size: clamp(18px, 1.5vw, 19px);
           font-style: normal;
           font-weight: 600;
           line-height: 125%;
           letter-spacing: clamp(-0.18px, -0.015vw, -0.19px);
       }
       .swkjc-features-box {
          
           
           border-radius: 8px;
           position: relative;
       }
      
       .swkjc-li-with-yellow-marker {
           list-style: none;
       }
       .swkjc-li-with-yellow-marker li {
           display: flex;
           gap: 12px;
           align-items: flex-start;
           margin-bottom: 25px;
           color: #050E15;
           font-family: 'Inter Tight', sans-serif;
           font-size: 16px;
           font-style: normal;
           font-weight: 400;
           line-height: clamp(140%, 5vw, 150%);
       }
       .swkjc-li-with-yellow-marker li:last-child {
           margin-bottom: 0;
       }
       /* .swkjc-li-with-yellow-marker li::before {
           content: '➤';
           color: #ffc107;
           font-size: 20px;
           margin-top: 2px;
           flex-shrink: 0;
       } */
       .swkjc-li-with-yellow-marker li span {
           color: #050E15;
           font-family: 'Inter Tight', sans-serif;
           font-size: 16px;
           font-style: normal;
           font-weight: 600;
           line-height: 150%;
       }
       .swkjc-li-with-yellow-marker.swkjc-double-column {
           display: grid;
           grid-template-columns: 1fr 1fr;
           gap: 25px;
       }
       .swkjc-li-with-yellow-marker.swkjc-double-column li {
           margin-bottom: 0;
       }
        .swkjc-li-with-yellow-marker.swkjc-double-column .swkjc-feature-text p{
           color: #050E15;
           font-family: 'Inter Tight', sans-serif;
           font-size: 16px;
           font-style: normal;
           font-weight: 400;
           line-height: clamp(140%, 5vw, 150%);
       }
       .swkjc-image-wrapper {
           position: relative;
           border-radius: 8px;
           overflow: hidden;
       }
       .swkjc-image-wrapper img {
           width: 100%;
           height: auto;
           display: block;
       }
      
       @media (max-width: 968px) {
           .swkjc-feature-container {
               flex-direction: column;
           }
           .swkjc-feature-spotlight {
               padding: 40px 30px;
           }
           .swkjc-li-with-yellow-marker.swkjc-double-column {
               grid-template-columns: 1fr;
           }
       }
/* end of Section 5 */
/*  Section 6 */
.swkjc-sol-by-siz-sec6 {
   padding: clamp(3rem, 8vw, 6rem) 0;
}
.swkjc-sol-by-siz-sec6__inner {
   display: flex;
   flex-direction: column;
   gap: clamp(2rem, 4vw, 3rem);
}
.swkjc-sol-by-siz-sec6__heading {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: clamp(30px, 4vw, 50px);
   font-style: normal;
   font-weight: 600;
   line-height: 115%;
   letter-spacing: clamp(-0.6px, -0.05vw, -0.5px);
   margin: 0;
   text-align: left;
}
.swkjc-sol-by-siz-sec6__subtitle {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: clamp(18px, 1.8vw, 19px);
   font-style: normal;
   font-weight: 400;
   line-height: clamp(140%, 1vw, 150%);
   margin: 0;
}
.swkjc-sol-by-siz-sec6__subtitle span {
   font-weight: 600;
}
.swkjc-sol-by-siz-sec6__grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 324px));
   /* gap: clamp(1rem, 2vw, 1.5rem); */
   justify-content: center;
}
@media (min-width: 768px) {
   .swkjc-sol-by-siz-sec6__grid {
       grid-template-columns: repeat(auto-fit, 324px);
   }
}
.swkjc-sol-by-siz-sec6__card {
   display: flex;
   flex-direction: column;
   gap: clamp(0.875rem, 1.5vw, 1.25rem);
   padding: clamp(1.5rem, 3vw, 2rem);
   border: 1px solid #D6DBDF;
   /* border-radius: 8px; */
   background: #fff;
   min-height: 324px;
   transition: box-shadow 0.3s ease;
   justify-content: space-between;    
}
.swkjc-sol-by-siz-sec6__card:hover {
   box-shadow: 0 4px 12px rgba(5, 14, 21, 0.08);
}
.swkjc-sol-by-siz-sec6__icon {
   width: 64px;
   height: 64px;
   flex-shrink: 0;
}
.swkjc-sol-by-siz-sec6__icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.swkjc-sol-by-siz-sec6__card-content-wrap {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 max-height: 100px;
 height: 100%;
}
.swkjc-sol-by-siz-sec6__card-title {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 125%;
   letter-spacing: -0.22px;
   margin: 0;
   text-align: left;
}
.swkjc-sol-by-siz-sec6__card-description {
   color: #2F373D;
   font-family: "Inter Tight", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: clamp(140%, 1vw, 150%);
   margin: 0;
}
@media (max-width: 767px) {
   .swkjc-sol-by-siz-sec6__grid {
       grid-template-columns: 1fr;
   }
}
/* end of Section 6 */
/* Section 7 */
.platform-section7 {
   padding-top: 32px;
   background-color: #fff;
   padding-bottom: 72px;
}
.platform-section7-eyebrow {
   position: absolute;
   color: #2F373D;
   font-family: "IBM Plex Mono";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   text-transform: uppercase;
   left: 40px;
   top: -10px;
   background-image: url('../images/platform-section7-eyebrow.svg');
   background-repeat: no-repeat;
   background-position: 8px 3px;
   background-color: #fff;
   padding: 0 10px 0 30px;
   z-index: 99;
}
.platform-section7 .swkjc-container {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
}
.platform-section7-slider-outer{
   border: 1px solid #e6e8eb;
   max-width: 1040px;
   width: 100%;
   box-sizing: border-box;
   position: relative;
}
.platform-section7-card {
   background: #ffffff;
   padding: 40px;
   display: grid;
   grid-template-columns: 360px 1fr;
   gap: 32px;
   position: relative;
   width: 100%;
   margin: 0 auto;
}
.platform-section7-media{ 
   margin:0;
}
.platform-section7-media img{
   display:block;
   width:100%;
   max-width: 100%;
   height:auto;
}
.platform-section7-content {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   position: relative;
   padding-top: 75px;
   padding-bottom: 16px;
}
.platform-section7-quote-mark {
   position: absolute;
   left: 0;
   top: 48px;
   color: #050E15;
   font-size: 34px;
   font-style: normal;
   font-weight: 400;
   height: 30px;
}
.platform-section7-quote {
   color: #050E15;
   font-size: 30px;
   font-style: normal;
   font-weight: 500;
   line-height: 115%;
   letter-spacing: 0.3px;
   text-align: left;
   max-width: 490px;
   padding-left: 12px;
   padding-top: 0px;
}
.platform-section7-author-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: end;
}
.platform-section7-author {
   display: flex;
   flex-direction: column;
   gap: 6px;
   margin-top: 6px;
   padding-left: 25px;
}
.platform-section7-name {
   color: #050E15;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 110%;
   letter-spacing: 0.32px;
}
.platform-section7-role {
   color: #666;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 110%;
}
.platform-section7-nav{
   width:36px; 
   height:36px;
   border:0; 
   border-radius:50%;
   padding:0; 
   cursor:default;
   background:transparent;
}
.platform-section7-prev{
   height: 28px;
   width: 28px;
   background-image: url('../images/platform-section7-prev.svg');
   background-repeat: no-repeat;
   cursor: pointer;
}
.platform-section7-next{
   height: 28px;
   width: 28px;
   background-image: url('../images/platform-section7-next.svg');
   background-repeat: no-repeat;
   cursor: pointer;
}
.platform-section7-nav svg{
   width:100%; 
   height:100%;
   fill:none;
   stroke:#ffffff;
}
.platform-section7-cta{
   display:flex; 
   justify-content:center;
   padding-top: 40px;
}
.platform-section7-button{
   display:inline-block;
   margin-top:28px;
   background:#0b1219;
   color:#ffffff;
   text-decoration:none;
   border-radius:6px;
   padding:14px 26px;
   font-weight:600;
   transition:opacity .2s ease, transform .15s ease;
}
.platform-section7-bottom-text {
	margin-top: 0;
	margin-bottom: 30px;
}
.platform-section7-bottom-text p{
   color: #050E15;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%; /* 24px */
}
/* Media Queries */
@media only screen and ( max-width: 1366px) {
   .platform-section7 .black-button {
       font-size: 14px;
   }
   .platform-section7-eyebrow {
       font-size: 14px;
   }
   .platform-section7-quote {
       font-size: 25px;
   }
   .platform-section7-name {
       font-size: 15px;
   }
   .platform-section7-role {
       font-size: 14px;
   }
}
@media only screen and ( max-width: 1280px) {
   .platform-section7-slider-outer {
       max-width: 80%;
   }
   .platform-section7-card {
       padding: 30px;
   }
}
@media only screen and ( max-width: 1024px) {
   .platform-section7 .black-button {
       font-size: 12px;
   }
   .platform-section7-quote {
       font-size: 20px;
   }
   .platform-section7-card {
       padding: 25px;
   }
   .platform-section7-eyebrow {
       font-size: 12px;
   }
   .platform-section7-name {
       font-size: 14px;
   }
   .platform-section7-role {
       font-size: 13px;
   }
   .platform-section7 {
       padding-bottom: 50px;
   }
   .platform-section7-slider-outer {
       max-width: 90%;
   }
   .platform-section1.solutions_role h1 br {display: none;}
}
@media only screen and ( max-width: 768px) {
   .platform-section7-slider-outer {
       max-width: 100%;
   }
   .platform-section7-quote {
       font-size: 18px;
   }
   .platform-section7-card {
       grid-template-columns: 300px 1fr;
   }
}
@media only screen and ( max-width: 600px) {
   .platform-section7-eyebrow {
       font-size: 14px;
   }
   .platform-section7-card {
       grid-template-columns: 1fr;
   }
   .platform-section7-media img {
       width: 100%;
       height: auto;
   }
   .platform-section7-content {
       padding-top: 30px;
   }
   .platform-section7-quote-mark {
       top: 0;
   }
   .platform-section7-quote {
       padding-left: 0;
   }
   .platform-section7-author {
       margin-top: 0;
       padding-left: 0;
   }
   .platform-section7-quote {
       font-size: 16px;
   }
   .platform-section7 .black-button {
       font-size: 16px;
   }
   .platform-section7-quote {
       font-size: 22px;
       line-height: 25px;
   }
   .platform-section7-author-wrapper {
       display: flex;
       justify-content: space-between;
       align-items: flex-start;
       flex-direction: column;
       gap: 24px;
   }
   .platform-section7-role {
       font-size: 14px;
   }
}
/* end of Section 7 */
/* Section 8 */
.swkjc-travel-agency-section {
   background: #F5F5F5;
   padding: clamp(40px, 8vw, 80px) 0;
}
.swkjc-travel-content-wrapper {
   display: flex;
   grid-template-columns: 1fr 1fr;
   gap: clamp(30px, 5vw, 60px);
   align-items: center;
}
.swkjc-travel-text-content {
   display: flex;
   flex-direction: column;
   gap: clamp(24px, 3vw, 32px);
   max-width: 47%;
}
.swkjc-travel-title {
   color: #050E15;
   font-family: "Inter Tight", sans-serif;
   font-size: clamp(30px, 5vw, 50px);
   font-style: normal;
   font-weight: 600;
   line-height: 115%;
   letter-spacing: clamp(-0.6px, -0.05vw, -0.5px);
   margin: 0;
}
.swkjc-travel-buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
}
.swkjc-travel-btn {
   text-align: center;
   font-family: "Inter Tight", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 110%;
   display: flex;
   padding: 12px 32px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   text-decoration: none;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
   /* border-radius: 4px; */
}
.swkjc-travel-btn-black {
   color: #FFF;
   border: #050E15 1px solid;
}
.swkjc-travel-btn-white {
   color: #050E15;
   border: #050E15 1px solid;
}
.swkjc-travel-compare-link {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   color: #014A78;
   font-family: "Inter Tight", sans-serif;
   font-size: 19px;
   font-style: normal;
   font-weight: 500;
   line-height: 125%;
   text-decoration: none;
   transition: gap 0.3s ease;
}
.swkjc-travel-compare-link:hover {
   gap: 12px;
}
.swkjc-travel-compare-link::after {
   content: '→';
   font-size: 20px;
   color: #014A78;
}
.swkjc-travel-image-content {
   position: relative;
   border-radius: 8px;
   overflow: hidden;
   max-width: 41%;
}
.swkjc-travel-image-content img {
   width: 100%;
   height: auto;
   display: block;
   object-fit: cover;
}
@media (max-width: 768px) {
   .swkjc-travel-content-wrapper {
       grid-template-columns: 1fr;
       gap: clamp(24px, 4vw, 32px);
   }
   .swkjc-travel-image-content {
       order: -1;
   }
   .swkjc-travel-title {
       font-size: 30px;
       letter-spacing: -0.6px;
   }
   .swkjc-travel-buttons {
       flex-direction: column;
   }
   .swkjc-travel-btn {
       width: 100%;
   }
}
@media (max-width: 480px) {
   .swkjc-travel-btn {
       padding: 12px 24px;
       font-size: 15px;
   }
}
/* end of Section 8 */