body {color:#2e4059; font-family:Lato, helvetica, sans-serif; touch-action: manipulation}
.jdcontent-container{}
.jdhome-container {padding-top:72px; line-height:1.2;background-image: radial-gradient(circle at 50% 28%, #a20e5e, rgba(69, 11, 190, 0) 0%),radial-gradient(circle at 50% 61%, #571d99, rgba(69, 11, 190, 0) 7%);}
#features-container2{}
a{text-decoration:none}
/*banner*/
.banner-container {position:relative;height:960px;}
#banner-video {width:100%; height:960px;object-fit:cover;object-position:right bottom;opacity:0;transition: opacity 0.3s; }
#banner-row {padding-top:300px}
.Download-the-eBook-btn-div{margin-left:10px;}
.banner-title {width:100%;color:#fff;z-index:1;}
.banner-title h1 {margin-top: 0px;margin-bottom:25px;font-family: Poppins,sans-serif,gill-sans;font-size: 70px;font-weight: 600;line-height: 1.1;letter-spacing: -1px;}
.banner-title p {margin-bottom:25px;font-family:Lato, helvetica, sans-serif;font-size:18px; max-width:590px;line-height: 1.67;color: #dadee3;}
.request-demo-btn {width:238px; height:54px; border-radius:4px; cursor:pointer; display:-webkit-flex; display:flex; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; align-items:center;}
#request-demo-1 {}
.get-live-demo{display:block;font-family: Lato, helvetica, sans-serif;font-size: 15px;font-weight: bold;line-height: normal;letter-spacing: normal;text-align: center;color: #fff;padding: 13px 36.5px;border-radius: 6px;background-color: #e50044;border:0;}
.get-live-demo:hover{background-color:#B30035}
.Download-the-eBook-banner-btn { display:block;width:100%;background-color: #fff;font-family: Lato, helvetica, sans-serif;font-size: 15px;font-weight: bold;line-height: normal;letter-spacing: normal;text-align: center;color: #001241;border:0;border-radius: 6px;padding: 13px 17.5px;}
.Download-the-eBook-banner-btn:hover{background-color: #f1f4f8;color: #001241;}
.Download-the-eBook-banner-btn:focus{background-color: #f1f4f8;color: #001241;}
.demo-text {color:#ffffff; font-size:18px; font-family:'ProximaNova-Bold';}
.witharrow1{width:100%;font-size:14px;font-family:Lato, helvetica, sans-serif;color:#fff;text-align:right;letter-spacing: 0.16px;}
#scrltop{width:100%;}
/*features*/
.features-container {position:relative;padding-top:93px}
.features-content-top, .features-content-bottom {display:grid;grid-template-columns:396px 396px 396px;grid-template-rows:200px 200px;grid-gap: 26px;margin-top:40px;}
.feature {display: grid;min-height: 200px;border-radius: 40px;padding: 20px 40px;box-shadow: 0 5px 20px 5px rgba(0, 18, 65, 0.4);border: solid 2px rgba(255, 255, 255, 0.3);background-color: #001241;box-sizing: border-box;transition: background 0.4s ease, border-color 0.4s ease;}
.feature:hover {background: linear-gradient(to bottom, #5b0a42, #2b0e41);border-color: #e50044;}
.feature-img {margin:auto;}
.feature-text {color:#fff;display:inline-block;margin-top:auto;margin-bottom:auto;}
.feature-text p {font-family:Lato, helvetica, sans-serif;color: #dadee3;font-size:16px;line-height: 1.75;margin-top:5px;margin-bottom:0px;}
.feature-header1 {max-width:222px;font-size:24px; font-family:Poppins,sans-serif,gill-sans;margin:0px;font-weight: 600;line-height: 1.33;letter-spacing: -0.3px;}
.feature-header {font-size:24px; font-family:Poppins,sans-serif,gill-sans;margin:0px;font-weight: 600;line-height: 1.33;letter-spacing: -0.3px;}
.features-left-arrow {position:absolute; top:27%; left:0; cursor:pointer; z-index:2;}
.features-right-arrow {position:absolute; top:27%; right:0; cursor:pointer; z-index:2;}
.features-slider {position:relative; text-align:center;}
.features-dot-container {display:none;}
.features-text-wrap{text-align: center;text-align: -webkit-center;text-align: -moz-center;}
.temp-banner-title {font-size:36px;color:#fff;font-weight:600;font-family:Poppins,sans-serif,gill-sans;line-height:1.28;letter-spacing: -1px;max-width:380px;margin-bottom:0px;}
.features-text-wrap p {margin-bottom:20px;font-family:Lato, helvetica, sans-serif;color: #dadee3;font-size:18px;line-height: 1.67;max-width:810px;}
.features-header {margin-bottom:50px; font-size:24px;font-family:Poppins,sans-serif,gill-sans; text-align:center;}
.features-content-bottom {max-width:970px;}
.features-tool {width:168px; text-align:center; -moz-transition-duration:.15s; -webkit-transition-duration:.15s; transition-duration:.15s;}
.features-tool img {height:110px; margin-bottom:40px;}
.feaures-tool-text {font-size:18px; font-family:Lato, helvetica, sans-serif;}
.features-content-center{margin-bottom:40px}
.R-icon {position:absolute;margin-top:2px;fill:#e50044;margin-left:10px;transition: all 0.3s ease-out;}
.witharrow2{display:inline-flex;width:210px;position:relative;font-family:Lato, helvetica, sans-serif;font-size:18px;font-weight:bold;line-height:normal;color:#e50044;text-align:center;align-items:center}
.witharrow2:hover {color: #b30035;}
.witharrow2:hover .R-icon{fill: #b30035;margin-left:20px;transition: all 0.3s ease-out;}

/*request more info*/
.more-info-container{padding-top:146px;padding-bottom:119px}
.more-info-content1 {box-shadow: 0 5px 20px 5px rgb(0 18 65 / 40%);border: solid 1px rgba(255, 255, 255, 0.3);background-color: #001241;border-radius: 40px;padding: 66px 0px}
.more-info-img {height:151px;}
.more-info-imgcont{display:flex;justify-content:center}
.more-info-title {font-family: Poppins,sans-serif,gill-sans;font-size: 48px;font-weight: 600;line-height: 1.21;letter-spacing: -1px;margin-bottom: 30px;color: #fff;}
.more-info-btns {display:-webkit-flex; display:flex;}
#request-demo-2 {margin-left:10px;}
.download-ebook-btn {width:238px; height:54px; border-radius:4px; cursor:pointer; display:-webkit-flex; display:flex; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; align-items:center;}
.download-ebook {color:#ffffff; width:167px; height:22px; font-size:18px; font-weight:bold; position:absolute; top:50%; left:50%; margin-top:-9px; margin-left:-83.5px;}

/*integrations*/
.branches-container{position:relative;width:100%;}
#branches-content{position:absolute;max-width:730px;width:100%;top:70px;right:0px;height:559px}
.integrations-content {padding-top:217.5px;padding-bottom:60px;}
.integrations-right-panel {max-width:508px;}
.integrations-header-wrap {height:auto;font-size:36px;color:#fff;font-weight:600;font-family:Poppins,sans-serif,gill-sans;line-height:1.28;letter-spacing: -1px;max-width:443px;margin:15px 0px;}
.integrations-text-wrap {font-family:Lato, helvetica, sans-serif;margin-bottom:35px;color:#dadee3;font-size:18px;line-height: 1.67;}
.icon-sell-all {position:absolute;margin-top:2px;fill:#e50044;margin-left:10px;transition: all 0.3s ease-out;}
.witharrow{width:75px;display:inline-flex;font-family:Lato, helvetica, sans-serif;font-size:18px;font-weight:bold;line-height:normal;color:#e50044;}
.witharrow:hover {color: #b30035;}
.witharrow:hover .icon-sell-all{fill: #b30035;margin-left:20px;transition: all 0.3s ease-out;}
.icon-browse-integrations {position:absolute;margin-top:2px;fill:#e50044;margin-left:10px;transition: all 0.3s ease-out;}
.witharrow3{width:230px;display:inline-flex;font-family:Lato, helvetica, sans-serif;font-size:18px;font-weight:bold;line-height:normal;color:#e50044;}
.witharrow3:hover {color: #b30035;}
.witharrow3:hover .icon-browse-integrations{fill: #b30035;margin-left:20px;transition: all 0.3s ease-out;}
/*mobile*/
.mobile-container{}
.mobile-left-panel {display:flex;justify-content:flex-end;position:relative;align-items:flex-end}
.image-bottom-line{position:absolute;bottom:0;width:100%;border-style: solid;border-width: 2px;border-image-source: linear-gradient(to right, #001241 -2%, #e50044 52%, #001241);border-image-slice: 1;}
.mobile-right-panel {max-width:510px !important;padding-top:75px;}
.mobile-header-wrap {margin-bottom:0px;margin-top:15px;font-size:36px;color:#fff;font-weight:600;font-family:Poppins,sans-serif,gill-sans;line-height:1.28;letter-spacing: -1px;}
.mobile-text-wrap {font-family:Lato, helvetica, sans-serif;margin:15px 0px 30px;color:#dadee3;font-size:18px;line-height:1.67;}
.mobile-red-component {position:relative;border-radius: 8px;border: solid 2px #e50044;background-image: linear-gradient(138deg, rgba(229, 0, 68, 0.4) 34%, rgba(229, 0, 68, 0.19) 63%);padding: 35px 10px;}
.mobile-red-left-arrow {position:absolute;top:70px;left:10px;}
.mobile-red-right-arrow {position:absolute;top:70px;right:10px;}
.mobile-red-center {display:flex;justify-content: center;}
.mobile-white{margin-top:auto;margin-right: 30px;}
.mobile-red-label {font-family: Poppins,sans-serif,gill-sans;font-size: 28px;font-weight: 600;line-height: 1.43;letter-spacing: -0.5px;color: #fff;}
.mobile-imgs {display:flex;margin-top: 20px;}
.mobile-imgs-margin {margin-right:10px;}
.mobile-red-sub {font-family: Lato, helvetica, sans-serif;font-size: 16px;font-weight: normal;line-height: 1.75;letter-spacing: normal;color: #dadee3;max-width:265px;}
/*Emile mobile changes for slider*/
.mobile-slider-container {position:relative;background-image: linear-gradient(138deg,rgba(229,0,68,.4) 34%,rgba(229,0,68,.19) 63%);border: 2px solid #e50044;border-radius: 8px;padding: 35px 10px;}
.mobile-slider {;margin-left:auto;margin-right:auto;height: 100px;position: relative;}
.mobile-component {display:inline-flex;justify-content:center;height:100px;position:absolute;overflow: hidden;}
.mobile-center {height:100px;display:flex;justify-content: center;}
.mobile-slide-left {width: 100%;left: 0 !important;flex:none}
.mobile-slide-right {width: 100%;right:0 !important;flex:none}
.mobile-left-arrow {cursor:pointer;position:absolute;top:70px;left:10px;z-index:2;}
.mobile-right-arrow {cursor:pointer;position:absolute;top:70px;right:10px;z-index:2;}
.arrow-disabled {opacity: 0.4;cursor: default !important;}

.mySwiper1 {background-image: linear-gradient(138deg,rgba(229,0,68,.4) 34%,rgba(229,0,68,.19) 63%);border: 2px solid #e50044;border-radius: 8px;padding: 35px 10px !important;}
.navBTN1-next {cursor:pointer;position:absolute;top:calc(50% - 15px);right:10px;z-index:2;}
.navBTN1-prev {cursor:pointer;position:absolute;top:calc(50% - 15px);left:10px;z-index:2;}
.navBTN1-next.swiper-button-disabled {opacity: 0.4;cursor: default !important;}
.navBTN1-prev.swiper-button-disabled {opacity: 0.4;cursor: default !important;}
/*Case Studies*/
#resources-container{padding-top: 45px}
.CStudy-content {margin-left:auto; margin-right:auto;max-width:1440px;text-align: center;text-align: -webkit-center;text-align: -moz-center;}
.CStudy-title {margin-bottom:0px;font-size:36px;color:#fff;font-weight:600;font-family:Poppins,sans-serif,gill-sans;line-height:1.28;letter-spacing: -1px;}
.CStudy-content p {font-family:Lato, helvetica, sans-serif;max-width:600px;color: #dadee3;font-size:18px;line-height:1.67;margin:5px 0px;}

.read-div a{
  display:inline-block;
  text-decoration: none;
  font-family: Lato, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e50044;
  line-height:1;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.read-div a:focus{
  color: #B30035
}

.cardd {
  border: 0;
  cursor: pointer;
}

/* Smooth transition on the image */
.cardd .resources-image {
  object-fit: contain;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    backdrop-filter 0.25s ease,
    -webkit-backdrop-filter 0.25s ease;
  will-change: transform;
}

/* On hover: image effects */
.cardd:hover .resources-image {
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
  box-shadow: 0 5px 20px 5px #000e33;
  transform: scale(1.03);
}

/* Smooth transition on the link and icon */
.cardd .read-div a,
.cardd .read-div a .icon {
  transition: color 0.25s ease, fill 0.25s ease;
}

/* On hover: link and icon color */
.cardd:hover .read-div a {
  color: #B30035;
}

.cardd:hover .read-div a .icon {
  fill: #B30035;
}
.resources-image{
  overflow:hidden;
  border-radius: 12px;
  height: 360px;
}
.card-content{
  margin-top:15px;
  text-align: left;
}

.card-content .topic{
  font-family: Lato, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 2.23px;
  color: #909396;
}
.card-content p {
  margin-top:10px !important;
  margin-bottom: 10px !important;
}
.resource_description{
  margin-top:5px;
  font-family: Poppins,sans-serif,gill-sans;
  font-size: 21px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #fff;
}

.read-div{
  text-align:left;
}

.icon{
  fill:#e50044;
  margin-bottom: 3px;
}

/*Testimonials*/
.testimonial-container {position:relative;padding-top:40px;background-image: url(https://4724569.fs1.hubspotusercontent-na1.net/hubfs/4724569/JobdivaRedesignImages/homepage/CaseStudyLayer2.png);background-repeat: no-repeat;background-position: top 100% right 50%;background-size: 100% 480px;}
/* .testimonial-content {position:relative;padding:40px 100px 0px; margin-left:auto; margin-right:auto;max-width:1440px;} */
.testimonial-title {margin-bottom:0px;font-size:36px;color:#fff;font-weight:600;font-family:Poppins,sans-serif,gill-sans;line-height:1.28;letter-spacing: -1px;text-align:center;}
.testimonial-text {padding:35px 27px 24px; border-radius: 10px; font-size:20px; background:#ffffff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);}
.testimonial-text-bottom {margin-top:50px; text-align:right;}
.tstslider{height: 333px;position: relative;}
.tstslide{width:100%;right:0px;position: absolute;display: -webkit-inline-flex;display: inline-flex;-webkit-justify-content:center;justify-content:center;transition: width 0.3s linear;overflow: hidden;}
.tst-wrap{display:flex;flex-direction:column;margin:auto;padding: 35px;height:333px;max-width:502px;border-radius:40px;-webkit-backdrop-filter: blur(21px);backdrop-filter: blur(21px);box-shadow: 0 5px 20px 5px rgb(0 18 65 / 40%);border: solid 1px rgba(255, 255, 255, 0.3);background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 88%);text-align:left;}
.tst-review {min-height:20px;display:flex;}
.tst-review img {margin-right:5px;}
.tst-qte{min-height:96px;margin:15px 0px 10px;font-family:Poppins,sans-serif,gill-sans;font-size: 21px;line-height: 1.52;color:#fff;}
.tst-link {min-height:20px;}
.extrnl-link {display:inline-flex;font-family: Lato, helvetica, sans-serif;font-size: 16px;font-weight: bold;line-height: normal;color: #e50044;}
.extrnl-link:hover {color: #b30035;}
.extrnl {margin-top:auto;margin-left:5px;fill:#e50044;}
.extrnl-link:hover .extrnl {fill: #b30035;}
.tst-info {margin-top:auto;display:flex;font-family:Lato, helvetica, sans-serif;}
.tst-name{font-size: 18px;font-weight: 600;line-height: 1.67;color: #c1c5c9;}
.tst-img{margin-right:20px;}
.tst-img img {border-radius:50%;width:80px;height:80px;}
.tst-occ {font-size: 16px;line-height: 1.75;color: #c1c5c9;}
.tst-employee {line-height: 2;color: #a8acb0;font-size: 14px;}
.tst-pos{position:absolute;top:217px;}
.tst-right{float:right;margin-right:46px;}
/*Emile changes for testimonials*/
.tst-slider {margin-left:auto;margin-right:auto;height: 333px;max-width:1064px;position: relative;}
.tst-slide {height:333px;width:0;position: absolute;display: -webkit-inline-flex;display: inline-flex;-webkit-justify-content:flex-start;justify-content:flex-start;transition: width 0.3s linear;overflow: hidden;}
.tst-left-arrow {cursor:pointer;position:absolute;top:222px;left:100px;z-index:2;}
.tst-right-arrow {cursor:pointer;position:absolute;top:222px;right:100px;z-index:2;}
.tst-slide-left {width:100%; left:0;-webkit-justify-content:flex-end !important;justify-content:flex-end !important;}
.tst-slide-right {width:100%; right:0 !important;-webkit-justify-content:flex-start !important;justify-content:flex-start !important;}

.mySwiper2 {max-width: 1240px;width: 100%;padding: 23px 0 40px !important;}
.swiper2-content {margin: 0 103px;overflow: hidden;}
.navBTN2-next {cursor:pointer;position:absolute;top:calc(50% - 23px);right:0px;z-index:2;}
.navBTN2-prev {cursor:pointer;position:absolute;top:calc(50% - 23px);left:0px;z-index:2;}
.navBTN2-next.swiper-button-disabled {opacity: 0.5;cursor: default !important;}
.navBTN2-prev.swiper-button-disabled {opacity: 0.5;cursor: default !important;}
.swiper-pagination-bullet {background:#fff !important;opacity:0.4 !important;}
.swiper-pagination-bullet-active {background: #fff !important;opacity:1 !important;}
/*Awards*/
.awards-container {position:relative;padding-top:50px;}
.awards-header {margin-bottom:0px;width:100%; font-size:40px; text-align:center; color:#fff;font-family:Poppins,sans-serif,gill-sans;}
.badges-row {align-items:center;margin-top:30px; margin-bottom:0px; width:100%; display:-webkit-flex; display:flex; -moz-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.award-col {height:79px;margin:10px 0px}
.award-col2 {height:90px;margin:10px 0px}
.awards-text {font-size:24px; text-align:center;}
.bluebox{margin-bottom:0px;font-family:Lato, helvetica, sans-serif;font-size: 14px;color: #f7fafc;font-weight: bold;padding: 8px 25px;width: fit-content;letter-spacing: 1.2px;border-radius: 4px;border: solid 1px #002f9c;background-color: #001f6c;}
/* bottom container after achievements*/
#phone-img {width:100%;}
@media only screen and (max-width: 1443px) {
  .CStudy-content {padding-bottom:70px;}
}
@media only screen and (max-width:1199px){
  #resources-container{padding-top: 45px;max-width: 900px}
  #resources-list{display:flex;justify-content:center}
  #phone-img {max-width:450px;}
  #branches-content {max-width:585px;top:170px;height:448px}
}
@media only screen and (max-width: 1000px) {
  .integrations-content{padding:500px 0px 50px 0px;}
}

@media only screen and (max-width: 991px) {
  .mobile-left-panel{justify-content:center}
  .mobile-right-panel{max-width:100% !important}
  #branches-content {top:70px}
  .mySwiper1{max-width:500px;}
  .Download-the-eBook-banner-btn{padding: 13px 26.4px;}
}
@media only screen and (max-width: 900px) {
  /*Case-studies*/
  .more-info-title {font-size:37px}
}
@media only screen and (max-width:925px){
  .testimonial-container {padding-bottom:80px;}
/*   .testimonial-content {padding: 0px 20px 80px;} */
  .testimonial-title {font-size: 28px;font-weight: 500;line-height: normal;letter-spacing: normal;text-align: center;}
  .swiper2-content {margin: 0px;}
  .tst-wrap{padding: 30px 36px;max-width:380px;height:360px;}
  .tst-qte {font-size:19px;line-height:1.68;margin:10px 0px;}
  .navBTN2-next, .navBTN2-prev {display:none;}
  .tst-qte {min-height:128px;}
}
@media only screen and (max-width: 800px) {
  .banner-title h1 {font-size: 55px;}
}
@media only screen and (max-width: 767px) {
  .more-info-content1 {padding: 56px 5px}
  .more-info-title {text-align:center;padding:36px 0px;margin-bottom:0px}
  .get-sect {text-align:-webkit-center;text-align: -moz-center;}
  @media only screen and (max-width: 900px) {
    .badges-row { -moz-justify-content:center; -webkit-justify-content:center; justify-content:center;row-gap: 8px;column-gap:15px}
  }

  @media only screen and (max-width: 500px) {
    .banner-container {height:830px;}
    .more-info-btns{flex-direction: column;display: flex;align-items: center; justify-content: center;}
    #banner-video {height:830px;}
    .Download-the-eBook-btn-div{margin-left:0px;margin-top:8px}
    #banner-row{padding-top:150px}
    .banner-title h1 {font-size: 42px;font-weight: 500;line-height: 1.1;letter-spacing: -0.38px;text-align: center;}
    .banner-title p {font-size: 17px;font-weight: normal;line-height: 1.53;letter-spacing: 0.19px;text-align: center;margin: 0 auto;max-width:320px}
    .more-info-btns {justify-content:center;flex-wrap:wrap;margin-top:11px !important}
    .get-live-demo {padding: 13px 46.5px;}
    .Download-the-eBook-banner-btn{padding: 13px 36.3px;}
    .witharrow{font-size:17px;}
    .witharrow2 {font-size:17px;font-weight: bold;width:195px}
    .witharrow1 {margin-top:40px !important;text-align:center;}
    #branches-content {max-width:520px;height:393px}
    .feature {min-height:140px;padding:10px 30px;}
    .feature:hover {padding:9px 29px}
    .features-content-center {margin-bottom: 42px;}
    .feature-header1 {max-width:272px;font-size: 17px;line-height: normal;letter-spacing: normal;}
    .feature-header {font-size: 17px;line-height: normal;letter-spacing: normal;}
    .feature-text p {font-size: 15px;line-height: 1.47;letter-spacing: normal;}
    .temp-banner-title {font-size: 28px;font-weight: 500;line-height: 1.14;letter-spacing: -0.35px;}
    .integrations-right-panel {text-align:left;margin:auto;}
    .bluebox {font-size: 12px;letter-spacing: 1.03px;}
    .integrations-header-wrap {font-size: 28px;font-weight: 500;letter-spacing: normal;line-height: normal;}
    .integrations-text-wrap {font-size: 17px;line-height: 1.65;margin-bottom:25px;max-width: 380px;}
    .features-text-wrap p {font-size: 15px;line-height: 1.73;width: 324px;}
    .awards-container {padding-top:0px;}
    .more-info-img {height:112px;}
    .more-info-title {font-size: 28px;line-height: 1.14;letter-spacing: -0.44px;}
    .badges-row {margin-bottom:40px; max-width:100%;}
    .award-col2 {height:60px; margin:7px 0px} 
    .award-col {height:60px; margin:7px 0px} 
    .awards-header {font-size: 28px;font-weight: 500;}
    /*Case-studies*/
    .resources-image {
      height: 229px;
    }
    #resources-container {padding-left:0px;padding-right:0px}
    .read-div a {font-size:17px}
    .more-info-container{padding:98px 0px;}
    .CStudy-title {font-size: 28px;font-weight: 500;line-height: normal;letter-spacing: normal;}
    .CStudy-content p {font-size: 17px;line-height: 1.65;max-width:350px;margin:5px 0px 20px;}
    .card-content .topic{font-size: 12px;line-height: 1.83;letter-spacing: 1.91px;}
    .mySwiper1 {padding: 30px 10px !important;}
    .mobile-center {height:180px;flex-direction:column;align-items:center;width: 100%;}
    .mobile-red-label {text-align:center;margin-bottom: 0px;margin-top:12px;font-size: 24px;line-height: 1.67;letter-spacing: -0.43px;}
    .mobile-imgs {margin-top:16px;}
    .mobile-red-sub {text-align:center;}
    .mobile-right-panel {max-width:380px !important;padding-top:40px;}
    .mobile-header-wrap {font-size: 28px;font-weight: 500;line-height: normal;letter-spacing: normal;}
    .mobile-text-wrap {max-width:350px;font-size:17px;line-height:1.65;}
    .mobile-red-component {padding: 30px 5px;}
    .mobile-red-left-arrow {top:97px;left:5px;}
    .mobile-red-right-arrow {top:97px;right:5px;}
    .mobile-red-center {-moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; align-items:center;}
    .mobile-white{margin-right:0px;}
    .mobile-white img {height:72px;}
    .CStudy-content {padding-bottom: 40px;}
  }