/* top header part----------------start */
/* .page-banner {
  position: relative;
  overflow: hidden;
  height: 280px;
  display: flex;
  align-items: center;
  background: linear-gradient( 90deg, #2f35b6 0%, #1f237d 55%, #090b2d 100%);
  background: linear-gradient(180deg, rgb(2, 6, 23) 0%, rgb(34, 44, 180) 100%);;
} */

.page-banner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/aboutUS-banner.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}
.about_banner01 {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/about_banner01.webp) !important;
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}
.press_banner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/press_banner.webp) !important;
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}
.media_pageBanner{    
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/media_banner.webp) !important;
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}
.blog_pageBanner{    
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/blog_pageBanner.webp) !important;
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}
.section-title h2 em {
  color: #198bcf;
  font-style: normal;
  font-weight: 500;
  display: block;
}
.sectionSpantag {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  color: #198bcf;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}
.sectionSpantag span {
  width: 38px;
  height: 1px;
  background: #198bcf;
}
.purpose-heading span {
    display: block;
}
.value-heading span {
    text-align: center;
    display: block;
}
.teamCardCls {
    background-color: #e9f5ff;
}

.page-banner .container {
  position: relative;
  z-index: 5;
}

.page-banner h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  margin-top: 39px;
  text-align: center;
}
.page-banner p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding-top: 20px;
  text-align: center;
}

/* Optional dark overlay */

.banner-overlay {
  position: absolute;
  inset: 0;
  /* background: linear-gradient( rgba(0, 0, 0, .05), rgba(0, 0, 0, .12)); */
  /* background: linear-gradient(rgb(60 60 60), rgb(25 139 207)); */
  /* background: linear-gradient(rgba(60, 60, 60, 0.82), rgba(25, 139, 207, 0.59)); */
  /* background: linear-gradient(rgba(60, 60, 60, 0.93), rgba(25, 71, 207, 0.67)); */
  background: linear-gradient(rgba(48, 48, 48, 0.86), rgba(9, 43, 144, 0.67));
}

.banner-svg {
  position: absolute;
  right: 0;
  top: 0px;
  opacity: .5;
  pointer-events: none;
  /* width: 100%;
  height: 330px; */
  background-image: url(../images/internal_page/row-art-top.svg);
  background-size: cover;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: scroll;

  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Mobile */

@media(max-width:991px) {
  .page-banner {
    /* height: 220px; */
  }
  .page-banner h1 {
    font-size: 48px;
  }
  .banner-svg {
    width: 90%;
    right: -120px;
    top: 0;
  }
}

@media(max-width:576px) {
  .page-banner {
    /* height: 180px; */
  }
  .page-banner h1 {
    font-size: 36px;
  }
  .banner-svg {
    width: 130%;
    right: -180px;
  }
}

.bread-wrap.trail-items {
  text-align: center;
  padding-top: 27px;
  z-index: 9;
  position: relative;
}
.trail-begin a {
  color: #ffffffa3;
  text-decoration: none;
}
.trail-begin a:hover {
  color: #ffd83e;
  text-decoration: underline;
}
.trail-end {
  color: #fff;
}
.bread-wrap .sep.dot {
  vertical-align: middle;
  margin: 0 5px;
  font-size: 13px;
  padding: 0;
  position: relative;
  top: -2px;
}
/* top header part----------------End */


/* About Us part =================Start */

.section-space {
    padding: 60px 0;
}

.who-we-are {
    background: #ffffff;
    position: relative;
}
.who-banner:hover img {
  transform: scale(1.05);
}
.who-banner img {
  width: 100%;
  display: block;
  transition: 0.6s;
}

.section-label {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #198bcf;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

.who-title {
    font-size: 45px;
  font-weight: 600;
  color: #000;
  margin-bottom: 9px;
}

.who-title span {
    color: #0f67b1;
}

.who-intro {
  margin-top: 20px;
  font-size: 17px;
  line-height: 29px;
  color: #3c3c3c;
  letter-spacing: 0;
  /* margin-bottom: 30px; */
}

/* Banner */

.who-banner {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    height: 500px;
    width: 85%;
    float: right;
}

.who-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.who-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(8, 31, 62, 0.45), rgba(8, 31, 62, 0.05));
}

/* Floating Cards */

.floating-card{
  position: absolute;
  top: 40%;
  left: 10px;
  background: #198bcf;
  color: #fff;
  width: 300px;
  height: auto;
  border-radius: 0;
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 30px;
      border-radius: 9px;
}
.number01 {
  display: flex;
  gap: 20px;
  align-items: center;
}

.floating-card h5 {
    font-size: 34px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 700;
}

.floating-card span {
    color: #fff;
    font-size: 35px;
}
.floating-card h3 {
    font-size: 17px;
    color: #e9e9e9;
    font-weight: 400;
}
/* .number01 svg {
  position: relative;
  top: -7px;
} */

.one {
    left: 70px;
    bottom: 60px;
}

.two {
    right: 80px;
    top: 80px;
}

.three {
    right: 150px;
    bottom: 70px;
}

/* Content */

.who-content {
    margin: 90px auto 40px;
}

.who-content p {
    font-size: 18px;
    line-height: 2;
    color: #616a76;
    margin-bottom: 28px;
}

/* Capabilities */

.capability-box {
    /* background: #fff; */
    padding: 45px 30px;
    border-radius: 22px;
    text-align: center;
    border-top: 5px solid #198bcf;
    transition: 0.35s;
    height: 100%;
}
.card-blue {
  background: linear-gradient(135deg,#0F4C81,#1E88E5);
}
.card-purple {
  background: linear-gradient(135deg,#3A0CA3,#7209B7);
}
.card-green {
  background: linear-gradient(135deg,#00695C,#00A884);
}
.card-gold {
  background: linear-gradient(135deg,#25375E,#FFCA22);
}

.capability-box:hover {
    transform: translateY(-10px);

    box-shadow: 0 30px 70px rgba(16, 42, 67, 0.08);
}

.cap-icon {
    width: 75px;
    height: 75px;
    /* background: #edf5fd; */
    color: #fff;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 25px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
}

.capability-box h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #ffff;
}

.capability-box p {
    color: #fff;
    line-height: 1.8;
    margin: 0;
}

/* Quote */

.who-quote {
    margin-top: 100px;
    text-align: center;
    padding: 80px 30px;
    background: #f8fafc;
    border-radius: 30px;
}

.who-quote h3 {
    font-size: 48px;
    line-height: 1.4;
    color: #102a43;
    font-weight: 600;
}

.who-quote span {
    color: #c79b3b;
}

/* Responsive */

@media (max-width: 991px) {
    .who-title {
        font-size: 48px;
    }

    .who-banner {
        height: 420px;
    }

    .floating-card {
        display: none;
    }

    .who-quote h3 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .section-space {
        padding: 80px 0;
    }

    .who-title {
        font-size: 36px;
    }

    .who-banner {
        height: 300px;
        
    }

    .who-content p {
        font-size: 16px;
    }

    .who-quote {
        padding: 50px 25px;
    }

    .who-quote h3 {
        font-size: 26px;
    }
}


/************************/


.value-flow-section {
    padding: 60px 0;
    background: #fff;
  overflow: hidden;
  background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
  background-image: url(../images/bg-01.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.value-heading {
    max-width: 760px;
    margin: auto auto 80px;
}

/* ************************* */

.purpose-section {
    padding: 60px 0;
    background: #fff;
}

.purpose-heading {
    text-align: center;
    margin-bottom: 90px;
}

/* .purpose-heading span {
    letter-spacing: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #c89d3d;
}

.purpose-heading h2 {
    font-size: 58px;
    margin-top: 20px;
    font-weight: 700;
    color: #13263f;
    line-height: 1.2;
} */

.reverse{
  margin-top: 50px;
}

.purpose-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    /* margin-bottom: 120px; */
}

.reverse {
    grid-template-columns: 1fr 1fr;
}

.purpose-content h6 {
  letter-spacing: 3px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #198bcf;
  font-weight: 600;
}

.purpose-content h3 {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #000;
}

.purpose-content p {
  line-height: 2;
  font-size: 16px;
  margin-bottom: 30px;
  color: #3c3c3c;
}

.purpose-image {
    overflow: hidden;
    border-radius: 30px;
}

.purpose-image img {
    width: 100%;
    display: block;
    transition: 0.6s;
}

.purpose-image:hover img {
    transform: scale(1.05);
}

@media (max-width: 991px) {
    .purpose-row {
        grid-template-columns: 1fr;
    }

    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .purpose-heading h2 {
        font-size: 40px;
    }

    .purpose-content h3 {
        font-size: 34px;
    }
}

/* ******************************** */


/*=========================
Manifesto
==========================*/

.iiris-manifesto {
    padding: 120px 0;
    background: #fff;
}

.manifesto-heading {
    text-align: center;
    max-width: 760px;
    margin: auto auto 70px;
}

.manifesto-heading span {
    color: #c89b3c;
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: 700;
}

.manifesto-heading h2 {
    font-size: 56px;
    margin-top: 20px;
    line-height: 1.2;
    color: #13263f;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

.value-item {
    padding: 45px 20px;
    border: 1px solid #e8edf3;
    border-radius: 22px;
    text-align: center;
    transition: 0.35s;
}

.value-item:hover {
    background: #0d67b2;
    transform: translateY(-8px);
}

.value-item h4 {
    font-size: 28px;
    margin: 0;
    color: #13263f;
}

.value-item:hover h4 {
    color: #fff;
}

/* CTA */

.about-cta {
    position: relative;
    padding: 60px 0;
    background: url(../images/internal_page/04.webp) center/cover no-repeat;
}

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 27, 52, 0.72);
}

.cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 760px;
    margin: auto;
    color: #fff;
}

.cta-content h2 {
    font-size: 45px;
    line-height: 1.2;
}

.cta-content h2 span {
    /* color: #198bcf; */
    color: #4abbff;
}

.cta-content p {
    margin: 30px 0 45px;
    font-size: 18px;
    line-height: 1.9;
    color: #d9e4ef;
}

.theme-btn {
  /* display: inline-flex; */
  transition: 0.35s;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  padding: 11px 20px;
  border-radius: 7px;
  font-size: 15px;
  background: #198bcf;
  border-color: #198bcf;
}

.theme-btn:hover {
    color: white;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

@media (max-width: 991px) {
    .values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .manifesto-heading h2 {
        font-size: 40px;
    }

    .cta-content h2 {
        font-size: 42px;
    }
}

@media (max-width: 576px) {
    .values-grid {
        grid-template-columns: 1fr;
    }

    .cta-content h2 {
        font-size: 32px;
    }
}


/* ************************************* */

.client-philosophy {
    position: relative;
    /* height: 700px; */
    background: url(../images/internal_page/client-philosophy-bg.webp) center center / cover no-repeat;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 80px 40px;
}

.client-philosophy .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(25, 139, 207), rgba(14, 58, 109, 0.62));
}

.quote-box {
    position: relative;
    z-index: 2;
    /* max-width: 980px; */
    margin: auto;
    text-align: center;
    /* padding: 70px; */
    /* backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15); */
    border-radius: 30px;
}

.quote-icon {
    width: 70px;
    height: 70px;
    margin: auto;
    border-radius: 50%;
    background: #c89a32;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    margin-bottom: 40px;
    background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .15);
  }

.quote-box h2 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    line-height: 42px;
}

.quote-box span {
    color: #ffec6f;
  }

.gold-line {
    width: 120px;
    height: 4px;
    background: #ffec6f;
    border-radius: 20px;
    margin: 30px auto;}

.quote-box p {
    color: #e9edf2;
    font-size: 17px;
    line-height: 25px;
    max-width: 600px;
    margin: auto;
}

@media (max-width: 991px) {
    .client-philosophy {
        background-attachment: scroll;
        height: auto;
        padding: 120px 0;
          }

    .quote-box {
        padding: 45px 30px;
    }

    .quote-box h2 {
        font-size: 42px;
    }
}

@media (max-width: 576px) {
    .quote-box h2 {
        font-size: 30px;
    }

    .quote-box {
        padding: 35px 20px;
    }
}




.flipCard_flip3d{
    height:300px;
    perspective:1200px;
    cursor:pointer;
}

.flipInner_flip3d{
    position:relative;
    width:100%;
    height:370px;
    transition:transform .8s ease;
    transform-style:preserve-3d;
}

.flipCard_flip3d:hover .flipInner_flip3d,
.flipCard_flip3d.active .flipInner_flip3d{
    transform:rotateY(180deg);
}

.flipFront_flip3d,
.flipBack_flip3d{
    position:absolute;
    width:100%;
    height:300px;
    left:0;
    top:0;
    border-radius:24px;
    overflow:hidden;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

.flipFront_flip3d{
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.flipFront_flip3d img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.frontOverlay_flip3d{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(0,0,0,.7),
    rgba(0,0,0,.15),
    transparent);
}

.frontContent_flip3d{
    position:absolute;
    left:30px;
    bottom:30px;
    color:#fff;
    z-index:5;
}

.frontContent_flip3d span {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  line-height: 70px;
  text-align: center;
  background: rgba(255,255,255,.2);
  margin-bottom: 18px;
  font-weight: bold;
  border: 1px solid #cccccc30;
  font-size: 25px;
  color: #ffffffa1;
}

.frontContent_flip3d h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}

.flipBack_flip3d{
    background:#fff;
    transform:rotateY(180deg);
    padding:25px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    background-image: linear-gradient(rgba(0, 80, 180, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 80, 180, .03) 1px, transparent 1px);
    background-size: 70px 70px;
    border: 1px solid #efefef;
    z-index: 9;
}

.backIcon_flip3d{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#0d6efd;
    color:#fff;
    font-size:30px;
    margin-bottom:25px;
}

.flipBack_flip3d h3{
    font-size:21px;
    margin-bottom:18px;
    color:#0f2748;
    font-weight: 600;
}

.flipBack_flip3d p {
  color: #3c3c3c;
  line-height: 25px;
  font-size: 14px;
  letter-spacing: 0;
}

/* .flipBack_flip3d a{
    margin-top:20px;
    color:#0d6efd;
    text-decoration:none;
    font-weight:600;
}

.flipBack_flip3d a i{
    margin-left:6px;
    transition:.3s;
} */

.flipBack_flip3d a:hover i{
    transform:translateX(5px);
}
.icon-circle {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: rgba(194, 194, 194, 0.08);
    border: 1px solid rgba(25, 139, 207, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 30px;
    backdrop-filter: blur(15px);
}

@media(max-width:991px){

  .flipCard_flip3d{
    height:430px;
    margin-bottom:25px;
  }
}

@media(max-width:767px){

  .flipCard_flip3d{
    height:400px;
  }
  .frontContent_flip3d h3{
    font-size:24px;
  }
  .flipBack_flip3d{
    padding:25px;
  }

}
.advantageSec {
  margin-top: -70px;
}
/* About us part==================End */

/* Contact Part===============================Start */
.ContactUS_pageBanner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/contactUS-banner.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 58%;
}
.for_headerText .container {
  position: relative;
  z-index: 5;
}
.for_headerText h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
    margin-top: 0px;
  margin-top: 39px;
  text-align: center;
}
.for_headerText p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding-top: 20px;
  text-align: center;
  padding: 20px 150px 0 150px;
}
.flat-spacing {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url("../images/bg-01.webp") !important;
    background-color: #96d3f605;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), rgb(245, 249, 255);
}
@media (min-width: 768px) {
    .section-contact .col-left {
        max-width: 410px;
    }
}
.section-contact .heading {
    margin-bottom: 12px;
}
.amerce-info-contact .info-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}
.section-contact .grid-info {
    gap: 28px 20px;
}
::placeholder {
  color: #9a9a9a !important;
  font-weight: 400;
  font-size: 14px;
}
.form_area span {
  color: #b3b0b0;
}
.form-control:focus {
  box-shadow: none !important;
}
.form-select:focus {
  box-shadow: none !important;
}
.info-desc {
  color: #696e73 !important;
}
.info-title {
  font-size: 30px;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 15px;
}
.form-title {
  font-size: 30px;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 15px;
}
.btn-primary {
  padding: 11px 20px;
  border-radius: 7px;
  font-size: 15px;
  background: #198bcf;
  border-color: #198bcf;
  font-weight: 500;
}
.list-item-label {
  color: #696e73 !important;
  position: relative;
  top: -2px;
  font-size: 13px;
  letter-spacing: 0;
}
.location_Part h3 {
  font-size: 19px;
  margin-bottom: 15px;
}
.location_Part p {
  color: #696e73 !important;
  font-size: 14px;
}
.location_2nd p{
  margin-bottom: 13px !important;
}
.manageFlex {
  display: flex;
  gap: 8px;
}
.location_1st, .location_2nd, .location_3rd  {
  margin-bottom: 35px;
}
.form_main {
  background: #fff;
  padding: 20px;
  border-radius: 13px;
  box-shadow: 0 0 3px #f2f2f2;
  position: relative;
}
/* .form_main::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #198bcf;
    right: -20px;
    top: 20px;
    z-index: -1;
} */
.main-title {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  margin-bottom: 9px;
}
.main-desc {
  font-size: 17px;
  line-height: 29px;
  color: #3c3c3c;
  letter-spacing: 0;
  padding: 0 160px;
  margin-bottom: 30px;
}
.address_section01 h3 {
  font-size: 21px;
  margin-bottom: 35px;
  border-bottom: 1px solid #239de5;
  padding-bottom: 10px;
}
.address_section01 {
    position: relative;
    height: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 30px;
    color: #fff;
    border-radius: 15px 0 0 15px;
    background-color: #198bcf;
    overflow: hidden;
}

.address_section01::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/circle-bg.webp") center center no-repeat;
    background-size: contain;
    opacity: 0.7;
    z-index: 0;
}

.address_section01 > * {
    position: relative;
    z-index: 1;
}
.whiteText {
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.whiteText:hover {
  color: #fafafa;
  text-decoration: underline;
}
.map_section01 {
  background: #f5f0e5;
}
/* .map_section01::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgb(25, 139, 207), #0000003d 55%);
} */
.nav-tabs_02 {
    border-bottom: 1px solid #dce5ea;
    gap: 25px;
    justify-content: center;
}

.nav-tabs_02 .nav-link {
    position: relative;
    padding: 14px 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #718491;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
}

.nav-tabs_02 .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: #078dcc;
    transition: width .35s ease;
}

.nav-tabs_02 .nav-link:hover {
    color: #102d45;
}

.nav-tabs_02 .nav-link.active {
    color: #078dcc;
    background: transparent;
}

.nav-tabs_02 .nav-link.active::after {
    width: 100%;
}
.nav-tabs_02 .nav-link{
  font-size: 16px;
  font-weight: 400;
}
.map_section01 {
    border-radius: 0 15px 15px 0;
}
.map_section01 iframe {
    border-radius: 0 15px 15px 0;
}
/* Contact us page ==================End */

/* Leadership page=======================Start */

/* Contact Part===============================Start */
.leadership_pageBanner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/leadership-banner.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 58%;
}
.section-leadership {
  padding: 60px 0;
  background-image: url("../images/bg-01.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), rgb(245, 249, 255);
}

.team_heading h3 {
  font-size: 27px;
  text-align: center;
  margin-top: 15px;
  background: #fff;
  z-index: 1;
  padding: 0 20px;
}

.iiris-team-section {
    padding: 50px 0 50px;
    background: #fff;
}

.team-filter-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
    border-bottom: 1px solid #dce5ea;
}

.team-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-filter li {
    margin: 0;
    padding: 0;
}

.team-filter-btn {
    position: relative;
    display: block;
    padding: 0 0 10px;
    color: #000000;
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.team-filter-btn::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #198bcf;
    transition: width 0.3s ease;
}

.team-filter-btn:hover,
.team-filter-btn.active {
    color: #198bcf;
}

.team-filter-btn.active::after {
    width: 100%;
}

.team-grid {
    position: relative;
}

.team-item {
    display: block;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.35s ease, transform 0.35s ease;

    position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.team-item.team-hide {
    display: none !important;
}

.team-item.team-show {
    display: block;
    animation: teamShow 0.4s ease forwards;
}

@keyframes teamShow {
    from {
        opacity: 0;
        transform: scale(0.96);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.team-card {
    width: 100%;
}

.team-image {
    position: relative;
    height: 200px;
    width: 200px;
    overflow: hidden;
    background: #c5c5c7;
    border-radius: 50%;
    margin: 0 auto;
}

.team-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.7s ease;
}

.team-card:hover .team-image img {
    transform: scale(1.05);
}

.team-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 59px;
    background: linear-gradient(to top, rgba(15, 25, 34, 0.85), rgba(15, 25, 34, 0.5));
}

.team-name {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 9px 13px 10px;
}

.team-name h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.team-name span {
    display: inline-block;
    padding: 5px 8px;
    color: #fff;
    background: #198bcf;
    font-size: 7px;
    font-weight: 700;
    line-height: 1;
}

.team-content {
    padding-top: 10px;
}

.team-content p {
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
  padding: 6px;
  letter-spacing: 0.3px;
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  text-align: center;
}

.team-social {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 22px;
    margin-bottom: 10px;
    justify-content: center;
}
.team-content a {
  justify-content: center;
  display: flex;
}
.team-card:hover {
  box-shadow: 0px 16px 32px -1px rgba(5, 28, 44, 0.2),0px 0px 1px 0px rgba(5, 28, 44, 0.15);
}

.team-social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4c5667;
    background: #fff;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.25s ease;
    border: 1px solid #e6e8eb;
}

.team-social a:hover {
    color: #fff;
    background: #198bcf;
    transform: translateY(-2px);
    border: 1px solid #ffffff00;
}

.team-social i {
    font-size: 15px;
    line-height: 1;
}

.thumb-info-title {
  color: #1B1B1B;
  font-weight: 500;
  letter-spacing: -.05em;
  font-size: 22px;
  text-align: center;
}

.thumb-info-inner {
    transition: all 0.3s;
    display: block;
    letter-spacing: 0.2px;
    margin-top: 10px;
}

.thumb-info-type {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  width: 100%;
  display: block;
  padding: 9px 0;
}

.team-card {
    width: 100%;
    background: #fff;
    padding: 40px;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    border-radius: 2px;
    /* border: 1px solid #e7e7e7; */
    background-image: url(../images/hero-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.teamCardCls {
    background-color: #e9f5ff;
}

.learn-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    font-size: 15px;
    color: #198bcf;
    font-weight: 500;
    margin-top: 0;
    letter-spacing: 0;
}

.leader_adv {
  position: absolute;
  top: 17px;
  min-width: 40%;
  border-color: #198bcf;
}

.learn-more:hover {
    border-bottom: 1px solid #198bcf;
}

.learnMore_01 {
    margin: 10px 6px 2px 6px;
    height: 25px;
}

@media (max-width: 991px) {
    .team-image {
        /* height: 250px; */
    }
    .team-name h3 {
        font-size: 13px;
    }
    .team-name span {
        font-size: 8px;
    }
    .team-content p {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .iiris-team-section {
        padding: 40px 0 40px;
    }
    .team-filter-wrap {
        justify-content: flex-start;
        overflow-x: auto;
        /* padding-bottom: 5px; */
        
    }
    .team-filter {
        min-width: max-content;
    }
    .team-image {
        /* height: 320px; */
    }
    .team-content p {
        min-height: auto;
        font-size: 13px;
    }
}

@media (max-width: 575px) {
    .team-image {
        /* height: 350px; */
    }
}
/* .filter-section {
    width: 100%;
    padding: 30px 0 58px;
    background: #fff;
}

.filter-container {
    width: 1260px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
}

.filter-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 46px;
}

.filter-top h3 {
    margin: 0;
    color: #080808;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .4px;
}

.clear-filter {
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #003cff;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: color .25s ease;
}

.clear-filter:hover {
    color: #001d9f;
}

.filter-row {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1fr;
    gap: 40px;
}

.filter-item {
    min-width: 0;
}

.filter-item label {
    display: block;
    margin-bottom: 11px;
    color: #080808;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.select-wrap {
    position: relative;
}

.select-wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 9px;
    height: 9px;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

.select-wrap select {
    width: 100%;
    height: 48px;
    padding: 0 45px 0 15px;
    border: 1px solid #171717;
    border-radius: 0;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    color: #111;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.select-wrap select:focus {
    border-color: #003cff;
    box-shadow: 0 0 0 1px #003cff;
}

.select-wrap select:hover {
    border-color: #003cff;
}

@media (max-width: 991px) {
    .filter-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .filter-item:last-child {
        grid-column: span 2;
    }
}

@media (max-width: 767px) {
    .filter-section {
        padding: 25px 0 40px;
    }
    .filter-container {
        width: min(100% - 30px, 600px);
    }
    .filter-top {
        margin-bottom: 35px;
    }
    .filter-row {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .filter-item:last-child {
        grid-column: auto;
    }
    .select-wrap select {
        height: 50px;
    }
}

@media (max-width: 480px) {
    .filter-top {
        align-items: flex-start;
        gap: 20px;
    }
    .filter-top h3 {
        font-size: 13px;
    }
    .clear-filter {
        font-size: 13px;
    }
} */
/* Leadership page ======================End */

/* Career page ==========================Start */
.Career_pageBanner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/career-banner.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}

.career-hero {
    position: relative;
    overflow: hidden;
    padding: 60px 0 60px;
    background: #ffffff;
}

.career-hero-content {
    position: relative;
    z-index: 2;
    max-width: 600px;
}

.career-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #198bcf;
  font-weight: 600;
  margin-bottom: 5px;
}

.career-eyebrow span {
    width: 32px;
    height: 2px;
    background: #c4a04d;
}

.career-hero h1 {
  margin: 0;
  line-height: 51px;
  letter-spacing: 0px;
  font-size: 45px;
  font-weight: 600;
  color: #000;
  margin-bottom: 9px;
}

.career-hero h1 strong {
    display: block;
    color: #198bcf;
    font-weight: 600;
}

.career-hero p {
    max-width: 500px;
    margin: 28px 0 35px;
    color: #3c3c3c;
    font-size: 17px;
    line-height: 1.9;
}

.career-hero-actions {
    display: flex;
    align-items: center;
    gap: 28px;
}

.career-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 15px 22px;
    color: #ffffff;
    background: #198bcf;
    border: 1px solid #198bcf;
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    transition: all .3s ease;
}

.career-btn i {
    transition: transform .3s ease;
}

.career-btn:hover {
    color: #ffffff;
    background: #102d45;
    border-color: #102d45;
}

.career-btn:hover i {
    transform: translateX(5px);
}

.career-text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #536b7d;
    text-decoration: none;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .7px;
}

.career-text-link i {
    color: #c4a04d;
}

.career-visual {
    position: relative;
    height: 470px;
}

.career-image-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 475px;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.21);
}

.career-image-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(7, 141, 204, .08),
        transparent 50%
    );
}

.career-image-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-primary {
  padding: 11px 20px;
  border-radius: 7px;
  font-size: 15px;
  background: #198bcf;
  border-color: #198bcf;
  font-weight: 500;
}
.btn-secondary_01 {
    padding: 11px 20px;
    border-radius: 7px;
    background: transparent;
    border: 1px solid #e6e8eb;
    font-size: 15px;
    font-weight: 500;
    color: #4c5667;
}
.btn-secondary_01:hover {
  background: #fafafa;
  border: 1px solid #d6d7d8;
  color: #4c5667;
}
.btn-secondary_01 svg {
    stroke:#4c5667;
}

.career-image-small {
  position: absolute;
  left: -100px;
  bottom: 45%;
  width: 53%;
  height: 200px;
  padding: 7px;
  background: #ffffff;
  box-shadow: 0 25px 60px rgba(20, 48, 67, .15);
  border-radius: 7px;
}

.career-image-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-stat {
  position: absolute;
  right: -40px;
  bottom: 60px;
  width: 220px;
  padding: 20px 20px;
  background: #fff;
  box-shadow: 0 20px 45px rgba(16, 45, 69, .2);
  border-radius: 10px;
}

.career-stat span {
  display: block;
  /* margin-bottom: 7px; */
  color: #c4a04d;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
  opacity: 0.5;
}

.career-stat strong {
  display: block;
  color: #198bcf;
  font-size: 26px;
  font-weight: 700;
}

.career-stat small {
    display: block;
    margin-top: 5px;
    color: #3c3c3c;
    font-size: 11px;
    font-weight: 500;
}

.career-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #c4a04d;
    box-shadow: 0 0 0 7px rgba(196, 160, 77, .12);
}

.dot-one {
    top: 40px;
    left: 35px;
}

.dot-two {
    top: 250px;
    right: 30px;
    background: #198bcf;
    box-shadow: 0 0 0 7px rgba(7, 141, 204, .12);
}
.life-section {
    padding: 60px 0;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
  background-repeat: repeat, repeat, repeat;
  background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
  background-size: auto, auto, auto;
  background-image: url(../images/bg-01.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.career-image-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(7, 141, 204, .08), transparent 50%);
}

.life-heading {
    margin-bottom: 55px;
}

.section-eyebrow {
    margin-bottom: 20px;
    color: #198bcf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.life-heading h2 {
    margin: 0;
    color: #102d45;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -1.5px;
}

.life-heading h2 span {
    display: block;
    color: #198bcf;
    font-weight: 600;
}

.life-heading p {
    margin: 0;
    color: #3c3c3c;
    font-size: 17px;
    line-height: 1.6;
}

.life-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
}

/* .life-card {
    position: relative;
    height: 390px;
    overflow: hidden;
} */

.life-card {
  background: #fff;
  border-radius: 15px;
    border: 1px solid #e1e0e0;    
    transition: transform .8s ease;
}
.life-card:hover {
    box-shadow: 0 0.25rem 25px 0 rgba(38, 43, 67, 0.16);
    cursor: pointer;
    border: 1px solid #e1e0e0;    
    transition: transform .8s ease;
}
.life_content {
  padding: 25px;
}
.life_content p {
  color: #3c3c3c;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0;
}
.life-card-large {
    height: 460px;
}

.life-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s ease;
}

.life-card:hover img {
    transform: scale(1.06);
}

.life-card > .career-hover-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgb(31, 31, 32), #0000003d 55% );
}

.life-card-overlay {
    /* position: absolute;
    z-index: 2;
    right: 25px;
    bottom: 25px;
    left: 25px; */
}

.life-card-overlay span {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  line-height: 70px;
  text-align: center;
  background: rgba(255,255,255,.2);
  margin-bottom: 18px;
  font-weight: bold;
  border: 1px solid #cccccc54;
  font-size: 33px;
  color: #ffffffa1;
}

.life-card-overlay h3 {
    /* max-width: 260px; */
    margin: 8px 0 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
}

.benefits-section {
    padding: 120px 0;
    background: #ffffff;
}

.benefits-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 55px;
}

.benefits-header h2 {
    margin: 0;
    color: #102d45;
    font-size: 52px;
    font-weight: 300;
    letter-spacing: -1.5px;
}

.benefits-header p {
    max-width: 370px;
    margin: 0;
    color: #71808c;
    font-size: 12px;
    line-height: 1.9;
}

.benefits-grid {
    border-top: 1px solid #dce5ea;
    border-left: 1px solid #dce5ea;
}

.benefit-card {
    position: relative;
    min-height: 260px;
    padding: 35px;
    border-right: 1px solid #dce5ea;
    border-bottom: 1px solid #dce5ea;
    transition: all .35s ease;
}

.benefit-card:hover {
    background: #102d45;
}

.benefit-number {
    position: absolute;
    top: 25px;
    right: 28px;
    color: #aebcc5;
    font-size: 9px;
    font-weight: 600;
}

.benefit-card i {
    margin-bottom: 35px;
    color: #198bcf;
    font-size: 27px;
    transition: color .3s ease;
}

.benefit-card h3 {
    margin: 0 0 12px;
    color: #102d45;
    font-size: 18px;
    font-weight: 600;
    transition: color .3s ease;
}

.benefit-card p {
    max-width: 280px;
    margin: 0;
    color: #71808c;
    font-size: 10px;
    line-height: 1.8;
    transition: color .3s ease;
}

.benefit-card:hover i {
    color: #c4a04d;
}

.benefit-card:hover h3 {
    color: #ffffff;
}

.benefit-card:hover p {
    color: #aebdc7;
}

.benefit-card:hover .benefit-number {
    color: #647c8d;
}

.jobs-section {
    padding: 60px 0;
    background: #f7fafc;
}

.jobs-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 45px;
}

.jobs-heading h2 {
    margin: 0;
    color: #102d45;
    font-size: 55px;
    font-weight: 300;
    line-height: 1.05;
}

.jobs-heading h2 span {
    color: #198bcf;
    font-weight: 600;
}

.jobs-count {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.jobs-count strong {
    color: #102d45;
    font-size: 40px;
    font-weight: 600;
}

.jobs-count span {
    color: #198bcf;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.job-filter {
    display: grid;
    grid-template-columns: 1fr 210px 180px 125px;
    gap: 10px;
    margin-bottom: 25px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dce5ea;
    border-radius: 10px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .06);
        position: relative;
}
.job-filter img {
    position: absolute;
    left: -80px;
    top: 23px;
}

.job-search {
    position: relative;
}

.job-search i {
    position: absolute;
    top: 50%;
    left: 18px;
    color: #198bcf;
    font-size: 11px;
    transform: translateY(-50%);
}

/* .job-search input, .job-filter select {
    width: 100%;
    height: 50px;
    padding: 0 18px;
    color: #4f6473;
    background: #ffffff;
    border: 1px solid #dce5ea;
    outline: none;
    font-size: 14px;
    border-radius: 10px;
} */

.form-select:focus {
    border-color: var(--bs-border-color);
    outline: 0;
    box-shadow: none;
}
.form-control:focus {
    border-color: var(--bs-border-color);
    outline: 0;
    box-shadow: none;
}
.job-search input {
    padding-left: 45px;
    line-height: 32px;
}

.job-filter select {
    cursor: pointer;
}

/* .job-search input:focus,
.job-filter select:focus {
    border-color: #198bcf;
} */

.jobs-list {
    /* border-top: 1px solid #d7e1e6; */
}

.job-card {
  display: flex;
  align-items: center;
  justify-content: space-between;  
  background: #F8F9FB;
  cursor: pointer;
  /* transition: all .35s ease; */
  border-bottom: 1px solid rgba(3, 89, 78, 0.1);
}
.job-main{padding: 2rem 1rem; width: 100%;}
.job-main:hover {
  box-shadow: 0 0.25rem 25px 0 rgba(38, 43, 67, 0.16);
  transition: all .35s ease;
  
}

.job-category {
  display: block;
  margin-bottom: 10px;
  color: #3c3c3c;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.job-main a {
  text-decoration: none;
}

.job-card h3 {
    margin-bottom: 20px;
    color: #000;
    font-size: 21px;
    font-weight: 500;
    transition: color .3s ease;
}

.job-card:hover h3 {
    /* color: #198bcf; */
}

.job-meta {
    /* display: flex;
    gap: 11px; */
    /* margin-top: 13px; */
}
.date01 {
  /* display: block; */
  /* margin-top: 8px; */
}
.job-main p {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 300;
}
.clockTime {
  /* padding-left: 6px; */
}

.job-meta span {
    color: #3c3c3c;
    font-size: 14px;
    display: flex;
    gap: 25px;
    align-items: center;
}
.location_time p {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    gap: 5px;
}

.job-meta i {
  margin-right: 5px;
  color: #198bcf;
  font-size: 13px;
  
}
.tagName {
  float: right;
  width: 85%;
  position: relative;
  top: -3px;
}

.job-arrow {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #198bcf;
    border: 1px solid #d7e1e6;
    border-radius: 50%;
    transition: all .3s ease;
}

.job-card:hover .job-arrow {
    color: #ffffff;
    background: #198bcf;
    border-color: #198bcf;
    transform: translateX(5px);
}

.no-jobs {
    display: none;
    padding: 50px;
    color: #71808c;
    background: #ffffff;
    text-align: center;
    font-size: 12px;
}

.career-cta {
    padding: 100px 0;
    background: #ffffff;
}

.career-cta-inner {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 390px;
    padding: 70px 75px;
    background: #102d45;
}

.career-cta-inner::before {
    content: "";
    position: absolute;
    top: -150px;
    right: -100px;
    width: 450px;
    height: 450px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.career-cta-inner::after {
    content: "";
    position: absolute;
    top: -100px;
    right: -50px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(196,160,77,.18);
    border-radius: 50%;
}

.career-cta-content {
    position: relative;
    z-index: 2;
    max-width: 570px;
}

.career-cta .section-eyebrow {
    color: #c4a04d;
}

.career-cta h2 {
    margin: 0;
    color: #ffffff;
    font-size: 52px;
    font-weight: 300;
    line-height: 1.1;
}

.career-cta h2 span {
    display: block;
    color: #72c9ee;
    font-weight: 600;
}

.career-cta p {
    max-width: 470px;
    margin: 22px 0 30px;
    color: #aebdc7;
    font-size: 12px;
    line-height: 1.9;
}

.career-cta .career-btn {
    background: #198bcf;
    border-color: #198bcf;
}

.career-cta-number {
    position: relative;
    z-index: 2;
    text-align: right;
}

.career-cta-number span {
    display: block;
    color: #c4a04d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
}

.career-cta-number strong {
    display: block;
    color: #ffffff;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -4px;
}

.career-cta-number small {
    color: #7892a3;
    font-size: 7px;
    letter-spacing: 2px;
}
.career-hover-image {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.21);
    border-radius: 28px;
}
.career-hover-image > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 1s cubic-bezier(.2, .7, .2, 1);
    border-radius: 25px;
}
.career-image-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    background: linear-gradient(180deg, rgba(8, 35, 55, 0) 20%, rgba(8, 35, 55, .18) 45%, rgba(8, 35, 55, .92) 100%);
    opacity: 0;
    transition: opacity .45s ease;
}

.life-card > .career-hover-image {
  position: relative;
  overflow: hidden;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.21);
  border-radius: 15px 15px 0 0;
  height: 220px;
}
.life_content h3 {
    font-size: 20px;
  margin-bottom: 13px;
}

.life-card > .career-hover-image > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 1s cubic-bezier(.2,.7,.2,1);
    border-radius: 15px 15px 0 0;
}

.life-card > .career-image-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    background: linear-gradient(
        180deg,
        rgba(8, 35, 55, 0) 20%,
        rgba(8, 35, 55, .18) 45%,
        rgba(8, 35, 55, .92) 100%
    );
    opacity: 0;
    transition: opacity .45s ease;
}

.career-overlay-content {
    transform: translateY(25px);
    transition: transform .5s cubic-bezier(.2,.7,.2,1);
}

.career-overlay-content span {
    display: block;
    margin-bottom: 8px;
    color: #c4a04d;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2px;
}

.career-overlay-content h3 {
    max-width: 280px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
}

.career-overlay-content i {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #198bcf;
    border-radius: 50%;
    font-size: 10px;
    transition: transform .3s ease;
}

.career-hover-image:hover > img {
    transform: scale(1.08);
}

.career-hover-image:hover .career-image-overlay {
    opacity: 1;
}

.career-hover-image:hover .career-overlay-content {
    transform: translateY(0);
}

.career-hover-image:hover .career-overlay-content i {
    transform: translateX(6px);
}

@media (max-width: 991px) {

    .career-hero {
        padding: 90px 0;
    }

    .career-visual {
        margin-top: 60px;
    }

    .life-grid {
        grid-template-columns: 1fr 1fr;
    }

    .life-card-large {
        grid-column: span 2;
    }

    .benefits-header {
        display: block;
    }

    .benefits-header p {
        margin-top: 20px;
    }

    .jobs-heading h2,
    .benefits-header h2 {
        font-size: 43px;
    }

    .job-filter {
        grid-template-columns: 1fr 1fr;
    }

    .job-search {
        grid-column: span 2;
    }

    .career-cta-inner {
        padding: 55px;
    }

    .career-cta-number {
        display: none;
    }
}

@media (max-width: 767px) {

    .career-hero {
        padding: 70px 0;
    }

    .career-hero h1 {
        font-size: 48px;
        letter-spacing: -1.5px;
    }

    .career-hero-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .career-visual {
        min-height: 370px;
        height: 370px;
    }

    .career-image-main {
        width: 85%;
        height: 370px;
    }

    .career-image-small {
        width: 50%;
        height: 180px;
    }

    .career-stat {
        width: 190px;
        bottom: 5px;
    }

    .life-section,
    .benefits-section,
    .jobs-section {
        padding: 80px 0;
    }

    .life-grid {
        display: block;
    }

    .life-card,
    .life-card-large {
        height: 330px;
        margin-bottom: 15px;
    }

    .jobs-heading {
        display: block;
    }

    .jobs-count {
        margin-top: 20px;
        text-align: left;
    }

    .job-filter {
        display: block;
        padding: 8px;
    }

    .job-search,
    .job-filter select {
        margin-bottom: 8px;
    }

    .job-card {
        /* padding: 25px 18px; */
    }

    .job-card h3 {
        font-size: 15px;
    }

    .job-meta {
        flex-direction: column;
        gap: 7px;
    }

    .job-arrow {
        flex-shrink: 0;
        margin-left: 15px;
    }

    .career-cta-inner {
        padding: 45px 30px;
    }

    .career-cta h2 {
        font-size: 40px;
    }
}

@media (max-width: 575px) {

    .career-hero h1 {
        font-size: 40px;
    }

    .career-hero p {
        font-size: 13px;
    }

    .career-image-main {
        width: 88%;
    }

    .career-image-small {
        width: 55%;
    }

    .career-stat {
        right: 0;
        width: 170px;
    }

    .benefit-card {
        min-height: 230px;
        padding: 28px;
    }

    .jobs-heading h2,
    .benefits-header h2 {
        font-size: 38px;
    }

    .career-cta h2 {
        font-size: 34px;
    }
}

.career-join-section {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background: #ffffff;
}

.career-join-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: 100%;
    background:
        linear-gradient(rgba(16,45,69,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16,45,69,.035) 1px, transparent 1px);
    background-size: 38px 38px;
    pointer-events: none;
}

.career-join-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 600px;
    gap: 90px;
    align-items: center;
}

.career-join-intro {
    position: relative;
    padding: 35px 0 35px 55px;
}

.career-join-intro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient( to bottom, #198bcf 0%, #198bcf 65%, #c4a04d 65%, #c4a04d 100% );
    visibility: hidden;
}

.career-join-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    color: #078dcc;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.career-join-kicker span {
    width: 28px;
    height: 1px;
    background: #c4a04d;
}

.career-join-number {
    position: absolute;
    top: -25px;
    right: 0;
    color: rgba(16,45,69,.045);
    font-size: 150px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -10px;
}

/* .career-join-intro h2 {
    position: relative;
    max-width: 650px;
    margin: 0;
    color: #102d45;
    font-size: clamp(42px, 4.5vw, 66px);
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: -2.5px;
} */

.career-join-intro h2 span {
    display: block;
    color: #198bcf;
    font-weight: 600;
}

.career-join-intro p {
  max-width: 550px;
  margin: 30px 0 28px;
  color: #3c3c3c;
  font-size: 15px;
  line-height: 1.95;
}

.career-join-link {
    margin-bottom: 55px;
}

.career-join-link a {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #102d45;
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    transition: all .3s ease;
}

.career-join-link a i {
    color: #078dcc;
    transition: transform .3s ease;
}

.career-join-link a:hover {
    color: #078dcc;
}

.career-join-link a:hover i {
    transform: translateX(6px);
}

.career-join-meta {
    display: flex;
    gap: 45px;
    margin-top: 25px;
}

.career-join-meta div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.career-join-meta strong {
    color: #c4a04d;
    font-size: 18px;
    font-weight: 700;
}

.career-join-meta span {
    color: #657b8b;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
}

.career-application-wrap {
    position: relative;
    padding: 18px;
}

.career-application-card {
    position: relative;
    z-index: 2;
    padding: 42px;
    background: #ffffff;
    border: 1px solid #dfe7eb;
    box-shadow:
        0 25px 70px rgba(16,45,69,.10),
        0 5px 15px rgba(16,45,69,.04);
    border-radius: 15px;
}

.career-card-decoration {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 75%;
    height: 75%;
    border: 1px solid #198bcf;
    transform: translate(10px, 10px);
}

.application-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.application-label {
  display: block;
  margin-bottom: 10px;
  color: #198bcf;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

.application-top h3 {
    margin: 0;
    color: #102d45;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
}

.application-top h3 strong {
    /* display: block; */
    color: #198bcf;
    font-weight: 600;
}

.application-icon {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #198bcf;
    background: #f2f8fb;
    border: 1px solid #dbeaf1;
    border-radius: 50%;
}

.application-icon i {
    font-size: 11px;
}

.application-divider {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background: #e4eaed;
}

.application-description {
  margin: 0 0 25px;
  color: #3c3c3c;
  font-size: 14px;
  line-height: 22px;
}

.career-form-message {
    margin: 0 0 18px;
    padding: 12px 14px;
    border: 1px solid #b9cbd4;
    color: #334e60;
    background: #f8fbfc;
    font-size: 14px;
    line-height: 1.5;
}

.career-form-message-success {
    border-color: #a8cfb5;
    color: #23633b;
    background: #f1faf4;
}

.career-form-message-error {
    border-color: #e4b2b2;
    color: #8a2929;
    background: #fff5f5;
}

.career-form-message-email_error {
    border-color: #e7d39f;
    color: #70591d;
    background: #fffaf0;
}

.career-form {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.career-field label {
  display: block;
  margin-bottom: 7px;
  color: #536b7b;
  font-size: 14px;
  font-weight: 400;
}

.career-field input, .career-field select {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  color: #000;
  /* background: #fafcfd; */
  transition: all .3s ease;
}

.career-field input::placeholder {
    color: #a3afb6;
}

.career-field input:focus,
.career-field select:focus {
    background: #ffffff;
    border-color: #078dcc;
    box-shadow: 0 0 0 3px rgba(7,141,204,.07);
}

.career-upload {
    margin-top: 2px;
    position: relative;
}

.career-upload input[type="file"] {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.career-upload:focus-within label {
    outline: 2px solid #078dcc;
    outline-offset: 2px;
}

.career-upload label {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 65px;
    padding: 10px 13px;
    background: #f8fbfc;
    border: 1px dashed #b9cbd4;
    cursor: pointer;
    transition: all .3s ease;
}

.career-upload label:hover {
    background: #f1f8fb;
    border-color: #078dcc;
}

.upload-icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #078dcc;
    background: #ffffff;
    border: 1px solid #dce8ed;
    border-radius: 6px;
}

.upload-icon i {
    font-size: 11px;
}

.upload-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upload-text strong {
  color: #334e60;
  font-size: 14px;
  font-weight: 400;
}

.upload-text small {
    color: #9aa8b0;
    font-size: 10px;
}

.upload-arrow {
    margin-left: auto;
    color: #198bcf;
    font-size: 14px;
}

.career-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 58px;
    margin-top: 3px;
    padding: 12px 20px;
    color: #ffffff;
    background: #198bcf;
    border: 1px solid #198bcf;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1.25;
    cursor: pointer;
    transition: all .3s ease;
}

.career-submit svg {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    transition: transform .3s ease;
}

.career-submit:hover {
    color: #ffffff;
    background: #0b5ed7;
    border-color: #0b5ed7;
}

.career-submit:hover svg {
    transform: translateX(3px);
}

.career-submit:focus-visible {
    outline: 3px solid rgba(25, 139, 207, .35);
    outline-offset: 3px;
}

.career-submit:hover i {
    color: #ffffff;
    transform: translateX(5px);
}

.application-footer {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    color: #9aa7ae;
    font-size: 12px;
}

.application-footer i {
    color: #198bcf;
    font-size: 12px;
}

@media (max-width: 1199px) {

    .career-join-layout {
        grid-template-columns: 1fr 480px;
        gap: 50px;
    }

    .career-application-card {
        padding: 35px;
    }
}

@media (max-width: 991px) {

    .career-join-section {
        padding: 90px 0;
    }

    .career-join-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .career-join-intro {
        padding-right: 30px;
    }

    .career-application-wrap {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {

    .career-join-section {
        padding: 70px 0;
    }

    .career-join-intro {
        padding-left: 30px;
    }

    .career-join-intro h2 {
        font-size: 40px;
        letter-spacing: -1.5px;
    }

    .career-join-intro p {
        font-size: 12px;
    }

    .career-join-number {
        font-size: 100px;
    }

    .career-join-meta {
        gap: 20px;
        flex-wrap: wrap;
    }

    .career-application-wrap {
        padding: 8px;
    }

    .career-application-card {
        padding: 28px 22px;
    }

    .career-card-decoration {
        transform: translate(5px, 5px);
    }

    .application-top h3 {
        font-size: 24px;
    }
}

.jobs-load-more {
    margin-top: 35px;
    text-align: center;
}

.jobs-load-more button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  min-width: 180px;
  /* padding: 15px 18px; */
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .4px;
  overflow: hidden;
  transition: all .35s ease;
}

.jobs-load-more button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #078dcc;
    transition: left .35s ease;
}

.jobs-load-more button span,
.jobs-load-more button i {
    position: relative;
    z-index: 2;
}

.jobs-load-more button i {
    color: #fff;
    transition: transform .35s ease, color .35s ease;
}

.jobs-load-more button:hover::before {
    left: 0;
}

.jobs-load-more button:hover i {
    color: #fff;
    transform: translateY(4px);
}

.jobs-load-more button.is-complete {
    background: #fff;
    color: #102d45;
    border-color: #d9e3e7;
    cursor: default;
}

.jobs-load-more button.is-complete::before {
    display: none;
}

.jobs-load-more button.is-complete i {
    color: #078dcc;
    transform: rotate(180deg);
}

#jobsCount {
    margin: 14px 0 0;
    color: #8a9aa3;
    font-size: 12px;
    line-height: 1.5;
}

/* .job-card.job-hidden {
    display: none;
} */

/* .job-card.job-visible {
    display: block;
    animation: jobCardReveal .55s ease both;
} */

@keyframes jobCardReveal {

    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

@media (max-width: 767px) {

    .jobs-load-more {
        margin-top: 40px;
    }

    .jobs-load-more button {
        width: 100%;
        max-width: 240px;
    }

}

/* --- */
/* .job-hidden {
    display: none !important;
} */

/* .job-visible {
    display: block;
    animation: jobReveal 0.45s ease forwards;
} */

@keyframes jobReveal {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.job-item {
    display: block;
}

.job-item.job-hidden {
    display: none;
}

.job-item.job-visible {
    display: block;
}

.jobs-load-more {
    text-align: center;
    margin-top: 35px;
}

.jobs-load-more p {
    margin-top: 15px;
    color: #3c3c3c;
    font-size: 14px;
}

#loadMoreJobs.is-complete {
    opacity: .55;
    cursor: not-allowed;
}

.no-jobs {
    display: none;
    text-align: center;
    padding: 35px 20px;
    color: #3c3c3c;
    font-size: 14px;
}

.job-filter-btn {
    cursor: pointer;
}

.job-filter-btn.active {
    color: #198bcf;
}
.job-meta svg {
    stroke-width: 1px !important;
    width: 20px;
    height: 20px;
}

/* ---------new */
.iiris-expect-timeline {
    width: 100%;
    padding: 60px 0 100px;
    background: #fff;
    overflow: hidden;
}

.iiris-expect-container {
    width: min(1400px, calc(100% - 80px));
    margin: 0 auto;
}

/* =========================
   HEADING
========================= */

/* .iiris-expect-heading {
    width: min(1000px, 100%);
    margin: 0 auto 90px;
} */

.iiris-expect-heading > span {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #777d85;
}

.iiris-expect-heading > span::before {
    content: "";
    width: 38px;
    height: 1px;
    background: #202328;
}

.iiris-expect-heading h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 70px;
}

.iiris-expect-heading h2 strong {
    display: block;
    font-weight: 600;
    color: #198bcf;
}


/* =========================
   TIMELINE
========================= */

.iiris-timeline {
    position: relative;
    width: 100%;
    height: 650px;
}


/* =========================
   WAVE
========================= */

.iiris-wave {
    position: absolute;
    left: 0;
    top: 140px;
    width: 100%;
    height: 300px;
    z-index: 1;
    overflow: visible;
    pointer-events: none;
}

.iiris-wave path {
    fill: none;
    stroke: #d7dade;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
    stroke-linecap: round;
}


/* =========================
   TIMELINE ITEMS
========================= */

.iiris-timeline-item {
    position: absolute;
    top: 0;
    width: 20%;
    height: auto;
    z-index: 3;
}

.item-1 {
    left: 0;
}

.item-2 {
    left: 20%;
}

.item-3 {
    left: 40%;
}

.item-4 {
    left: 60%;
}

.item-5 {
    left: 80%;
}


/* =========================
   CARDS
========================= */

.iiris-card {
    position: absolute;
    left: 50%;
    width: min(345px, calc(100% - -20px));
    height: 275px;
    min-height: 300px;
    padding: 24px 22px 25px;
    box-sizing: border-box;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 12px;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
    background-image: linear-gradient(rgba(0, 80, 180, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 80, 180, .03) 1px, transparent 1px);
    background-size: 70px 70px;
    border: 1px solid #efefef;
}


/* TOP CARDS */

.item-1 .iiris-card,
.item-3 .iiris-card,
.item-5 .iiris-card {
    top: -28px;
}


/* BOTTOM CARDS */

.item-2 .iiris-card,
.item-4 .iiris-card {
    top: 400px;
}


/* CARD HOVER */

.iiris-card:hover {
    transform: translateX(-50%) translateY(-7px);
    border-color: #c4c8cc;
    box-shadow: 0 25px 55px rgba(24, 30, 36, .13);
    background: aliceblue;
}


.iiris-card-number {
    margin-bottom: 13px;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #8a9097;
}
.iiris-card-number svg {
    width: 30px;
    height: 30px;
    stroke: #198bcf;
    stroke-width: 1px;
}

.iiris-card-line {
    width: 35px;
    height: 2px;
    margin: 0 0 20px;
    background: #171a1e;
    transition: width .35s ease;
}

.iiris-card:hover .iiris-card-line {
    width: 58px;
}

.iiris-card h3 {
    margin: 0 0 15px;
    text-align: center;
    font-size: 20px;    
    line-height: 1.18;
    letter-spacing: -.5px;
    font-weight: 600;
    color: #171a1e;
}

.iiris-card p {
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.7;
    color: #747a82;
}

.iiris-node {
    position: absolute;
    left: 50%;
    top: 279.5px;
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    border: 4px solid #15181c;
    border-radius: 50%;
    background: #fff;
    transform: translateX(-50%);
    z-index: 5;
    box-shadow:0 0 0 7px rgba(21, 24, 28, .06);
    transition:.35s ease;
}
/* Same position for all nodes */

.item-1 .iiris-node,
.item-2 .iiris-node,
.item-3 .iiris-node,
.item-4 .iiris-node,
.item-5 .iiris-node {
    top: 279.5px;
}
.item-3 .iiris-node {
  top: 380px;
}
.item-3 .iiris-connector {
    top: 275px;
    height: 104.5px !important;
}
/* NODE HOVER */
.iiris-timeline-item:hover .iiris-node {
    background: #15181c;
    transform: translateX(-50%)  scale(1.25);
    box-shadow: 0 0 0 9px rgba(21, 24, 28, .08);
}


/* =========================
   CONNECTORS
========================= */

.iiris-connector {
    position: absolute;
    left: 50%;
    width: 1px;
    border-left: 1px dashed #9ca2a8;
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: none;
}

.item-1 .iiris-connector,
.item-3 .iiris-connector,
.item-5 .iiris-connector {
    top: 275px;
    height: 4.5px;
}

.item-2 .iiris-connector,
.item-4 .iiris-connector {
    top: 300.5px;
    height: 99.5px;
}

@media (max-width: 1200px) {
    .iiris-expect-container {
        width: calc(100% - 50px);
    }
    .iiris-card {
        width: calc(100% - 20px);
        padding: 22px 17px;
    }
    .iiris-card h3 {
        font-size: 18px;
    }
    .iiris-card p {
        font-size: 11px;
    }
}

@media (max-width: 900px) {

    .iiris-expect-timeline {
        padding: 90px 0 100px;
    }
    .iiris-expect-container {
        width: calc(100% - 40px);
    }
    .iiris-expect-heading {
        margin-bottom: 65px;
    }
    .iiris-timeline {
        height: auto;
        padding-left: 48px;
    }
    .iiris-wave {
        display: none;
    }
    .iiris-timeline::before {
        content: "";
        position: absolute;
        left: 14px;
        top: 20px;
        bottom: 20px;
        width: 1px;
        background: #d5d9dd;
        z-index: 1;
    }

    .iiris-timeline-item,
    .item-1,
    .item-2,
    .item-3,
    .item-4,
    .item-5 {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        /* margin-bottom: 20px; */
    }
    .iiris-timeline-item:last-child {
        margin-bottom: 0;
    }


    .iiris-card,
    .item-1 .iiris-card,
    .item-2 .iiris-card,
    .item-3 .iiris-card,
    .item-4 .iiris-card,
    .item-5 .iiris-card {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 24px 22px 25px;
        box-sizing: border-box;
        transform: none;
    }

    .iiris-card:hover {
        transform: translateY(-5px);
    }

    .iiris-node,
    .item-1 .iiris-node,
    .item-2 .iiris-node,
    .item-3 .iiris-node,
    .item-4 .iiris-node,
    .item-5 .iiris-node {
        left: -34px;
        top: 50%;
        width: 18px;
        height: 18px;
        transform: translate(-50%, -50%);
    }

    .iiris-timeline-item:hover .iiris-node { transform: translate(-50%, -50%) scale(1.25); }


    .iiris-connector,
    .item-1 .iiris-connector,
    .item-2 .iiris-connector,
    .item-3 .iiris-connector,
    .item-4 .iiris-connector,
    .item-5 .iiris-connector {
        left: -34px;
        top: 50%;
        width: 34px;
        height: 1px;
        border-left: 0;
        border-top: 1px dashed #9ca2a8;
        transform: translateY(-50%);}
    }

@media (max-width: 600px) {
    .iiris-expect-timeline {
        padding: 70px 0 80px;
    }

    .iiris-expect-container {
        width: calc(100% - 30px);
    }

    .iiris-expect-heading {
        margin-bottom: 50px;
    }

    .iiris-expect-heading h2 {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 1.4;
    }

    .iiris-expect-heading > span {
        font-size: 10px;
        letter-spacing: 2px;
    }
    .item-3 .iiris-connector {
        height: 4.5px !important;
    }
    .job-filter img {
        position: absolute;
        left: 0px;
        top: -87px;    
    }
    
    .iiris-timeline {
        padding-left: 42px;
    }

    .iiris-timeline::before {
        left: 12px;
    }

    .iiris-node,
    .item-1 .iiris-node,
    .item-2 .iiris-node,
    .item-3 .iiris-node,
    .item-4 .iiris-node,
    .item-5 .iiris-node {
        left: -30px;
    }

    .iiris-connector,
    .item-1 .iiris-connector,
    .item-2 .iiris-connector,
    .item-3 .iiris-connector,
    .item-4 .iiris-connector,
    .item-5 .iiris-connector {
        left: -30px;
        width: 30px;
    }

    .iiris-card {
        padding: 23px 19px 25px;
    }

    .iiris-card h3 {
        font-size: 19px;
    }

    .iiris-card p {
        font-size: 12px;
    }
}
/* career page===========================End */



/* Services and Solution page ====================Start */


.services01_pageBanner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/services_banner01.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}
.iiris-service-main h3 {
  font-size: 25px;
  margin-top: 20px;
  margin-bottom: 0;
  font-weight: 600;
}
.serv_imgArea_001 {
    height: 310px !important;
}
.serv_imgArea_001 a {
    min-height: 310px !important;
}
.serv_imgArea_001 a img {
    min-height: 310px !important;
}
.serv_conArea_001 {
    width: 55% !important;
}
/* .services01_pageBanner h1 {
  font-size: 30px;
}
.services01_pageBanner p {
  font-size: 16px;
} */
.iiris-faq h2 {
  color: #101c31;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 19px;
} 
.iiris-service-page {
    padding: 0px 0;
    background: #ffffff;
}

.iiris-service-container {
  /* display: grid;
  grid-template-columns: minmax(0, 910px) 360px;
  gap: 45px;
  align-items: start; */
}

.iiris-service-main {
    min-width: 0;
}

.iiris-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    font-size: 14px;
    color: #3c3c3c;
    letter-spacing: 0;
}

.iiris-breadcrumb a {
    color: #198bcf;
    text-decoration: none;
}

.iiris-service-hero-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    /* background: #eef3f7; */
    border-radius: 20px;
    /* box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11); */
}
.serv_imgArea {
    height: 450px;
}

.iiris-image-link {
    position: relative;
}

.iiris-image-link a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.iiris-service-main p {
  /* font-size: 14px; */
  line-height: 1.8;
  color: #3c3c3c;
  margin: 16px 0;
  font-weight: 400;
  letter-spacing: 0;
}

.iiris-image-link img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2,.7,.2,1);
}

.iiris-image-overlay {
    position: absolute;
    inset: auto 20px 20px 20px;
    padding: 13px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    color: #fff;
    background: rgba(5, 25, 43, .88);
    transform: translateY(20px);
    opacity: 0;
    transition: .4s ease;
    font-size: 13px;
    font-weight: 600;
}

.iiris-image-overlay svg {
    width: 17px;
    height: 17px;
}

.iiris-image-link:hover img {
    transform: scale(1.06);
}

.iiris-image-link:hover .iiris-image-overlay {
    opacity: 1;
    transform: translateY(0);
}

.iiris-service-title {
    margin: 30px 0 18px;
    max-width: 720px;
    font-size: 29px;
    line-height: 1.2;
    font-weight: 700;
    color: #0b1830;
}

.iiris-service-main p {
  font-size: 16px;
  line-height: 1.8;
  color: #3c3c3c;
  margin-bottom: 16px;
}

.iiris-service-intro {
    font-size: 15px !important;
    color: #303b49 !important;
}

.iiris-service-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 45px 0 20px;
}

.iiris-service-heading > span {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef7fc;
    color: #0785c7;
    font-size: 11px;
    font-weight: 700;
}

.iiris-service-heading h2 {
    margin: 0;
    font-size: 21px;
    color: #101b2e;
}

.iiris-service-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid #e5e9ee;
    border-bottom: 1px solid #e5e9ee;
}

.iiris-service-feature {
    position: relative;
    display: grid;
    grid-template-columns: 42px 1fr 18px;
    gap: 14px;
    align-items: start;
    padding: 23px 20px;
    text-decoration: none;
    color: inherit;
    transition: .3s ease;
}

.iiris-service-feature + .iiris-service-feature {
    border-left: 1px solid #e5e9ee;
}

.iiris-service-feature:hover {
    background: #f5faff;
}

.iiris-feature-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf6fc;
    color: #198bcf;
}

.iiris-feature-icon svg {
    width: 19px;
}

.iiris-service-feature h3 {
    margin: 0 0 6px;
    font-size: 15px;
    color: #111c31;
}

.iiris-service-feature p {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.iiris-feature-arrow {
    width: 15px;
    color: #198bcf;
    transition: transform .3s ease;
}

.iiris-service-feature:hover .iiris-feature-arrow {
    transform: translate(3px, -3px);
}

.iiris-service-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 28px;
}

.iiris-content-image {
    height: 220px;
    border-radius: 4px;
    overflow: hidden;
}

.iiris-capability-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.iiris-capability-card {
    position: relative;
    min-height: 255px;
    padding: 22px;
    border: 1px solid #e4e8ed;
    background: #fff;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: .35s ease;
}

.iiris-capability-card:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -55px;
    bottom: -55px;
    border-radius: 50%;
    background: #eaf7fd;
    transition: .4s ease;
}

.iiris-capability-card:hover {
    border-color: #0b91d0;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(11, 48, 76, .08);
}

.iiris-capability-card:hover:before {
    transform: scale(2);
}

.iiris-capability-card > svg {
    width: 25px;
    color: #198bcf;
    margin: 35px 0 17px;
    position: relative;
    z-index: 2;
}

.iiris-capability-number {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 11px;
    color: #9ba5b1;
}

.iiris-capability-card h3 {
    position: relative;
    z-index: 2;
    font-size: 15px;
    line-height: 1.35;
    color: #111d32;
    margin-bottom: 10px;
}

.iiris-capability-card p {
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.iiris-text-link {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #198bcf;
    font-size: 11px;
    font-weight: 700;
}

.iiris-text-link svg {
    width: 14px;
}

.iiris-service-video {
    height: 320px;
    margin-top: 30px;
    border-radius: 5px;
    overflow: hidden;
}

.iiris-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 62px;
    height: 62px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(5,25,43,.65);
    color: #fff;
    transition: .35s ease;
}

.iiris-video-play svg {
    width: 20px;
    margin-left: 3px;
}

.iiris-service-video:hover .iiris-video-play {
    transform: translate(-50%, -50%) scale(1.1);
    background: #198bcf;
}

.iiris-faq-heading {
    margin-top: 50px;
}

.iiris-faq {
    /* border-top: 1px solid #dfe4e9; */
    margin-top: 20px;
}

.iiris-faq-item {
    /* border-bottom: 1px solid #dfe4e9; */
        margin-bottom: 30px;
}

.iiris-faq-question {
  width: 100%;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  color: #172136;
  font-size: 17px;
  font-weight: 400;
  border: 1px solid #dce5ea;
  padding: 20px;
  border-radius: 6px;
}
.iiris-faq-item.active {
    background: #e1e8f0;
}

.iiris-faq-question svg {
    width: 16px;
    transition: transform .3s ease;
       
}

.iiris-faq-item.active .iiris-faq-question svg {
    transform: rotate(45deg);
}

.iiris-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}

.iiris-faq-answer p {
    margin: 0;
    font-size: 16px;
}

.iiris-faq-item.active .iiris-faq-answer {
    max-height: 150px;
    padding: 22px;
    border-top: 1px solid #ffffff70;
}

.iiris-service-sidebar {
    position: sticky;
    top: 100px;
}

.iiris-sidebar-card {
  /* border: 1px solid #e2e7ec; */
  background: #fff;
  padding: 8px 25px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
   border-radius: 6px;
}

.iiris-sidebar-title {
  padding: 17px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid #e1e6eb;
  color: #101c31;
  font-size: 20px;
  font-weight: 600;
}

.iiris-sidebar-title svg {
    width: 17px;
    color: #198bcf;
}

.iiris-sidebar-card > a {
  min-height: 43px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-decoration: none;
  color: #3c3c3c;
  font-size: 14px;
  line-height: 1.4;
 border-bottom: 1px solid #edf0f2; 
  transition: .25s ease;
  letter-spacing: 0;
}

.iiris-sidebar-card > a svg {
    width: 13px;
    flex-shrink: 0;
} 

.iiris-sidebar-card > a:hover,
.iiris-sidebar-card > a.active {
    background: #198bcf;
    color: #fff;
} 

.iiris-sidebar-cta {
    position: relative;
    margin-top: 25px;
    padding: 25px 20px;
    overflow: hidden;
    background: #198bcf;
    color: #fff;
     border-radius: 6px;
     background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position: center center;
}

.iiris-sidebar-cta:after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    right: -60px;
    top: -60px;
    background: rgba(8, 143, 202, .2);
}

.iiris-cta-icon {
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
    border: 1.5px solid rgba(255,255,255,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iiris-cta-icon svg {
    width: 19px;
}

.iiris-sidebar-cta > span {
  display: block;
  color: #ffe972;
  font-size: 39px;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 43px;
  margin-bottom: 20px;
}

.iiris-sidebar-cta h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 20px;
    font-size: 19px;
    line-height: 1.35;
}

.iiris-sidebar-cta > a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 17px;
}
.learn-more2nd:hover {
  border-bottom: 1px solid #fff;
}

.iiris-sidebar-cta > a svg {
    width: 14px;
}

@media (max-width: 991px) {

    .iiris-service-container {
        grid-template-columns: 1fr;
    }

    .iiris-service-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .iiris-sidebar-cta {
        margin-top: 0;
    }

}

@media (max-width: 767px) {

    .iiris-service-page {
        padding: 45px 15px 70px;
    }

    .iiris-service-hero-image {
        height: 260px;
    }

    .iiris-service-title {
        font-size: 24px;
    }

    .iiris-service-feature-grid,
    .iiris-service-images,
    .iiris-capability-grid,
    .iiris-service-sidebar {
        grid-template-columns: 1fr;
    }

    .iiris-service-feature + .iiris-service-feature {
        border-left: 0;
        border-top: 1px solid #e5e9ee;
    }

    .iiris-content-image {
        height: 220px;
    }

    .iiris-service-video {
        height: 240px;
    }
}





.services_sec_01 {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 60px 0;
}
/* .serv_imgArea {
    width: 50%;
    order: 1;
} */
.serv_conArea {
    width: 70%;
    order: 2;
}
.serv_imgArea img {
    width: 100%;
    height: auto;
    display: block;
}
.services_sec_01:nth-child(even) .serv_imgArea {
    order: 2;
}
.services_sec_01:nth-child(even) .serv_conArea {
    order: 1;
}
@media (max-width: 767px) {
    .services_sec_01 {flex-direction: column; gap: 30px; }
    .serv_conArea { width: 100%; order: 1;}
    .serv_imgArea {width: 100%; order: 2;}
    .serv_conArea_001 {width: 100% !important;}
    .services_sec_01 {padding: 10px 0;}

}

.serv_imgLink {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    text-decoration: none;
    background: #071a2b;
}

.serv_imgLink img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    display: block;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(.2,.7,.2,1);
}

.serv_imgOverlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(4, 24, 43, 0.05),
        rgba(4, 24, 43, 0.78)
    );
    opacity: 0;
    transition: opacity 0.5s ease;
}

.serv_imgArrow {
    position: absolute;
    right: 28px;
    top: 28px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    transform: translateY(-15px);
    opacity: 0;
    transition:
        opacity 0.4s ease,
        transform 0.5s ease,
        background 0.4s ease;
}

.serv_imgArrow svg {
    width: 22px;
    height: 22px;
    transition: transform 0.4s ease;
}

.serv_imgLabel {
    position: absolute;
    left: 30px;
    bottom: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transform: translateY(20px);
    opacity: 0;
    transition:
        opacity 0.4s ease,
        transform 0.5s ease;
}

.serv_imgLink:hover img {
    transform: scale(1.08);
}

.serv_imgLink:hover .serv_imgOverlay {
    opacity: 1;
}

.serv_imgLink:hover .serv_imgArrow {
    opacity: 1;
    transform: translateY(0);
}

.serv_imgLink:hover .serv_imgLabel {
    opacity: 1;
    transform: translateY(0);
}

.serv_imgLink:hover .serv_imgArrow {
    background: #1688d4;
    border-color: #1688d4;
}

.serv_imgLink:hover .serv_imgArrow svg {
    transform: rotate(45deg);
}

/* .serv_imgArea {
    width: 50%;
} */

.serv_imgLink {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 390px;
    overflow: hidden;
    /* background: #071a2b; */
    text-decoration: none;
    border-radius: 20px;
    /* box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11); */
}
.serv_conArea h1 {
    font-size: 25px;
}

.serv_imgLink img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    display: block;
    object-fit: cover;
    transition: transform .9s cubic-bezier(.2,.7,.2,1);
}

.serv_imgOverlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            135deg,
            rgba(4, 24, 43, .08),
            rgba(4, 24, 43, .82)
        );
    opacity: 0;
    transition: opacity .5s ease;
}

.serv_imgLine {
    position: absolute;
    display: block;
    background: #1596d3;
    opacity: 0;
    transition:
        opacity .35s ease,
        transform .6s cubic-bezier(.2,.7,.2,1);
}

.serv_imgLineTop {
    top: 20px;
    left: 20px;
    right: 20px;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
}

.serv_imgLineRight {
    top: 20px;
    right: 20px;
    bottom: 20px;
    width: 1px;
    transform: scaleY(0);
    transform-origin: top;
}

.serv_imgLineBottom {
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 1px;
    background: #c6a45b;
    transform: scaleX(0);
    transform-origin: right;
}

.serv_imgLineLeft {
    top: 20px;
    left: 20px;
    bottom: 20px;
    width: 1px;
    background: #c6a45b;
    transform: scaleY(0);
    transform-origin: bottom;
}

.serv_imgArrow {
    position: absolute;
    top: 38px;
    right: 38px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
    opacity: 0;
    transform: translateY(-15px);
    transition:
        opacity .4s ease,
        transform .5s ease,
        background .4s ease;
}

.serv_imgArrow svg {
    width: 21px;
    height: 21px;
    transition: transform .4s ease;
}

.serv_imgLabel {
    position: absolute;
    left: 38px;
    bottom: 38px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(18px);
    transition:
        opacity .4s ease,
        transform .5s ease;
}

.serv_imgLink:hover img {
    transform: scale(1.08);
}

.serv_imgLink:hover .serv_imgOverlay {
    opacity: 1;
}

.serv_imgLink:hover .serv_imgLine {
    opacity: 1;
}

.serv_imgLink:hover .serv_imgLineTop,
.serv_imgLink:hover .serv_imgLineBottom {
    transform: scaleX(1);
}

.serv_imgLink:hover .serv_imgLineRight,
.serv_imgLink:hover .serv_imgLineLeft {
    transform: scaleY(1);
}

.serv_imgLink:hover .serv_imgArrow {
    opacity: 1;
    transform: translateY(0);
}

.serv_imgLink:hover .serv_imgLabel {
    opacity: 1;
    transform: translateY(0);
}

.serv_imgLink:hover .serv_imgArrow {
    background: #0787c8;
    border-color: #0787c8;
}

.serv_imgLink:hover .serv_imgArrow svg {
    transform: rotate(45deg);
}

@media (max-width: 767px) {

    .serv_imgArea {
        width: 100%;
    }

    .serv_imgLink {
        min-height: 280px;
    }

    .serv_imgLink img {
        min-height: 280px;
    }

    .serv_imgOverlay {
        opacity: .25;
    }

    .serv_imgLine {
        opacity: .7;
    }

    .serv_imgLineTop,
    .serv_imgLineBottom {
        transform: scaleX(1);
    }

    .serv_imgLineRight,
    .serv_imgLineLeft {
        transform: scaleY(1);
    }

    .serv_imgArrow {
        width: 46px;
        height: 46px;
        top: 25px;
        right: 25px;
        opacity: 1;
        transform: translateY(0);
    }

    .serv_imgLabel {
        left: 25px;
        bottom: 25px;
        opacity: 1;
        transform: translateY(0);
    }
}


.featured-boxes-full .featured-box-full {
    text-align: center;
    padding: 45px;
}
.bg-primary {
    background-color: #0088CC !important;
}
.bg-color-primary-100, .bg-primary-100 {
    background-color: #0077b3 !important;
}
.bg-color-primary-200, .bg-primary-200 {
    background-color: #006ea6 !important;
}
.bg-color-primary-300, .bg-primary-300 {
    background-color: #006699 !important;
}
.featured-boxes-full h4 {
  color: #fff;
  font-size: 21px;
}
.featured-boxes-full p {
  color: #e5e5e5;
  font-size: 13px;
}
.featured-boxes-full p {
  color: #fff;
  font-size: 14px;
  opacity: 0.8;
  font-weight: 300;
  margin: 0;
}
.featured-boxes-full i {
  font-size: 35px;
  margin-bottom: 18px;
  color: #fff;
}
.featured-boxes-full svg {
  stroke: #fff;
  width: 45px;
  height: 45px;
  stroke-width: 0.7;
  margin-bottom: 16px;
}


/* new add ------------------------------------------*/


.services_new01_Banner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/servicesNewBanner01.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}

.brand_protection_hero {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/brand_protection-hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}
.businessManage_hero {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/businessManage_hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}
.emergencyResponseService_hero {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/emergencyResponseService_hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}
.forensics_diligence_hero {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/forensics_diligence_hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}
.resource_SkillsProvisioning_hero {    
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/resource_SkillsProvisioning_hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}
.securityDesignSolutions_hero {    
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/securityDesignSolutions_hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}

.riskManagement_hero {    
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/riskManagement_hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}
.TrainingProgram_hero {    
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/TrainingProgram_hero.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 100% 20%;
}

.parallax_section_newpra_01 {
    position: relative;
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
}

.parallax_bg_newpra_01 {
    position: absolute;
    top: -8%;
    left: -8%;
    width: 116%;
    height: 116%;
    /* background-image: url("images/parallax.jpg"); */
    background-image: url(../images/internal_page/graphic_bg.webp);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -3;
}
.parallax_bg_newpra_02 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/parallax-img02.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}
.parallax_bg_newpra_03 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/parallax_img03.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}
.parallax_bg_newpra_04 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/emergencyResponseService_hero.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}
.parallax_bg_newpra_05 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/forensics_diligence_hero.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}
.parallax_bg_newpra_06 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/resource_SkillsProvisioning_hero.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}

.parallax_bg_newpra_07 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/riskManagement_hero.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}

.parallax_bg_newpra_08 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/securityDesignSolutions_hero.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}

.parallax_bg_newpra_09 {
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-image: url(../images/internal_page/TrainingProgram_hero.webp) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -3;
}


.services-track {
    cursor: grab;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x;
    user-select: none;
}

.services-track::-webkit-scrollbar {
    display: none;
}

.services-track.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

.services-track.is-dragging .service-card {
    pointer-events: none;
}

.slider-prev,
.slider-next {
    transition: opacity .3s ease, visibility .3s ease;
}

.slider-prev:disabled,
.slider-next:disabled {
    opacity: .4;
    cursor: not-allowed;
}

.parallax_content_newpra_01 img {
  width: 80%;
}

.divPart{
    display: grid;
    grid-template-columns: 510px 1fr;
    gap: 60px;
    justify-content: center;
    align-items: center;
        padding-bottom: 60px;
}

/* .serviceImg {
  float: left;
  width: 34%;
  margin-right: 80px;
  margin-bottom: 50px;
} */
.servicePart01 h3{
    font-size: 40px;
  margin-top: 20px;
  margin-bottom: 0;
  font-weight: 600;
}
.servicePart01 p {
  font-size: 18px !important;
}
/* .contentPart0001 {
  padding-top: 30px;
} */
.capabilities-section_new001{
    position:relative;
    width:100%;
    padding:60px 20px 60px;
    overflow:hidden;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
  background-image: url(../images/bg-01.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.bg_texture{    
    position:relative;
    width:100%;
    padding:60px 20px 60px;
    overflow:hidden;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
  background-image: url(../images/bg-01.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.capabilities-container_new001{
    width:100%;
    max-width:1280px;
    margin:0 auto;
}

.capabilities-heading_new001{
    margin-bottom:28px;
}

.capabilities-title_new001 {
  margin: 0 0 18px;
  color: #303030;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.2px;
}

/* .capabilities-description_new001{
    max-width:900px;
    margin:0;
    color:#565656;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.7;
} */

.capabilities-grid_new001{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:start;
}

.capability-card_new001{
    position:relative;
    min-width:0;
}

.capability-image-wrap_new001{
    position:relative;
    width:100%;
    height:292px;
    overflow:hidden;
    background:#dfe3e7;
}

.capability-image_new001{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease;
}

.capability-card_new001:hover .capability-image_new001{
    transform:scale(1.045);
    filter:saturate(1.08);
}

.capability-content_new001{
    position:relative;
    z-index:2;
    width:78%;
    /* min-height:343px; */
    margin:-48px 0 0 auto;
    padding:25px;
    background:#fff;
    box-shadow:0 18px 45px rgba(20,30,45,.07);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.capability-title_new001{
    margin:0 0 43px;
    color:#111;
    font-family:Arial,Helvetica,sans-serif;
    font-size:19px !important;
    font-weight:500;
    line-height:1.25;
}

.capability-text_new001 {
  max-width: 430px;
  margin: 0;
  color: #3f4a57;
  font-size: 15px !important;
  min-height: 80px;
  line-height: 1.55;
}

.capability-button_new001{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    min-width:162px;
    height:49px;
    margin-top:auto;
    padding:0 18px 0 18px;
    border-radius:30px;
    background:#2451df;
    color:#fff;
    text-decoration:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:600;
    transition:background .3s ease,transform .3s ease,box-shadow .3s ease;
}

.capability-button_new001:hover{
    background:#173fc4;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(36,81,223,.22);
}

.button-text_new001{
    line-height:1;
}

.button-arrow_new001{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    font-size:29px;
    font-weight:300;
    line-height:18px;
    transform:translateY(-1px);
}

@media (max-width:991px){
    .capabilities-section_new001{
        padding:65px 25px 85px;
    }

    .capabilities-title_new001{
        margin-bottom:28px;
        font-size:38px;
    }

    .capabilities-grid_new001{
        gap:25px;
    }

    .capability-image-wrap_new001{
        height:250px;
    }

    .capability-content_new001{
        width:84%;
        min-height:320px;
        padding:38px 32px 35px;
    }

    .capability-title_new001{
        margin-bottom:30px;
        font-size:22px;
    }
}

@media (max-width:767px){
    .capabilities-section_new001{
        padding:55px 18px 70px;
    }

    .capabilities-heading_new001{
        margin-bottom:30px;
    }

    .capabilities-title_new001{
        margin-bottom:20px;
        font-size:34px;
        letter-spacing:-.7px;
    }

    .capabilities-description_new001{
        font-size:15px;
        line-height:1.65;
    }

    .capabilities-grid_new001{
        grid-template-columns:1fr;
        gap:45px;
    }

    .capability-image-wrap_new001{
        height:245px;
    }

    .capability-content_new001{
        width:88%;
        min-height:300px;
        margin:-35px 0 0 auto;
        padding:35px 28px 30px;
    }

    .capability-title_new001{
        margin-bottom:25px;
        font-size:22px;
    }

    .capability-text_new001{
        font-size:14.5px;
    }

    .capability-button_new001{
        min-width:150px;
        height:46px;
        font-size:14px;
    }
}

@media (max-width:480px){
    .capabilities-section_new001{
        padding:45px 15px 60px;
    }

    .capabilities-title_new001{
        font-size:30px;
    }

    .capability-image-wrap_new001{
        height:220px;
    }

    .capability-content_new001{
        width:92%;
        min-height:285px;
        padding:30px 24px 26px;
    }

    .capability-title_new001{
        font-size:21px;
    }

    .capability-text_new001{
        font-size:14px;
        line-height:1.6;
    }
}


.services-section {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background: #fff;
    
}

.services-section * {
    box-sizing: border-box;
}

.services-section .container {
    width: min(1440px, calc(100% - 80px));
    margin: 0 auto;
}

.services-layout {
    display: grid;
    /* grid-template-columns: 280px minmax(0, 1fr); */
    gap: 15px;
    align-items: center;
}

.services-intro {
    position: relative;
    padding-right: 10px;
}

.services-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 22px;
  color: #198bcf;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}

.services-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: #198bcf;
}

.services-intro h2 {
  margin: 0;
  color: #000;
  font-size: 45px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.intro-line {
    width: 55px;
    height: 4px;
    margin: 27px 0 28px;
    background: #198bcf;
}

.services-intro p {
    margin: 0 0 25px;
    color: #3c3c3c;
    font-size: 17px;
    line-height: 1.75;
}

.intro-label {
    display: block;
    color: #111a32;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.services-slider-wrap {
    position: relative;
    width: 100%;
    min-width: 0;
}

.services-slider {
    position: relative;
    width: 100%;
}

.services-track {
    display: flex;
    gap: 18px;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 12px 3px 25px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
}

.services-track::-webkit-scrollbar {
    display: none;
}

.services-track.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    user-select: none;
}

.service-card {
    position: relative;
    flex: 0 0 calc((100% - 54px) / 4);
    height: 350px;
    min-width: 0;
    perspective: 1400px;
    background: transparent;
}

.service-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .75s cubic-bezier(.2,.7,.2,1);
}

@media (hover:hover) and (pointer:fine) {
    .service-card:hover .service-card-inner {
        transform: rotateY(180deg);
    }
}

.service-card.is-flipped .service-card-inner {
    transform: rotateY(180deg);
}

.service-card-face {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border: 1px solid #e8ebef;
    border-radius: 3px;
}

.service-card-front {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,252,.96)),
        url("../images/hero-bg.webp") center/cover no-repeat;
    box-shadow: 0 8px 28px rgba(13,30,50,.08);
}

.service-card-front::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #198bcf;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}

.service-card:hover .service-card-front::before {
    transform: scaleX(1);
}

.service-number {
    position: absolute;
    top: 22px;
    right: 23px;
    color: #e5eaf0;
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -2px;
}

.service-icon {
    position: relative;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
    border-radius: 50%;
    background: rgba(25,139,207,.09);
    color: #198bcf;
}

.service-icon svg {
    width: 25px;
    height: 25px;
    stroke: #198bcf;
}

.service-front-content h3 {
    margin: 0 0 13px;
    color: #000;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0px;
}

.service-front-content p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #3c3c3c;
    font-size: 16px;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.service-flip-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #e8ebef;
    color: #198bcf;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.service-flip-arrow {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(25,139,207,.09);
    font-size: 15px;
    transition: .3s ease;
}

.service-card:hover .service-flip-arrow {
    background: #198bcf;
    color: #fff;
}

.service-card-back {
    display: flex;
    flex-direction: column;
    padding: 20px;
    transform: rotateY(180deg);
    background:
        radial-gradient(circle at 100% 0,rgba(255,255,255,.12),transparent 38%),
        linear-gradient(145deg,#198bcf 0%,#126da5 100%);
    border-color: #198bcf;
    color: #fff;
    /* box-shadow: 0 20px 45px rgba(12,86,130,.22); */
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
}

.service-back-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.service-back-number {
    color: rgba(255,255,255,.4);
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -2px;
}

.service-back-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    color: #fff;
}

.service-card-back h3 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;
}

.service-card-back p {
    margin: 0;
    overflow-y: auto;
    padding-right: 10px;
    color: rgba(255,255,255,.9);
    font-size: 13px;
    line-height: 1.7;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.65) transparent;
}

.service-card-back p::-webkit-scrollbar {
    width: 4px;
}

.service-card-back p::-webkit-scrollbar-track {
    background: transparent;
}

.service-card-back p::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.5);
    border-radius: 20px;
}

.service-card-back p::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.services-slider-wrap.no-slider .services-track {
    cursor: default;
}

.services-slider-wrap.no-slider .service-card {
    flex: 0 0 calc((100% - 36px) / 3);
}

.slider-arrow {
    position: absolute;
    z-index: 20;
    top: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #e1e5e9;
    border-radius: 50%;
    background: #fff;
    color: #111;
    box-shadow: 0 8px 25px rgba(17,26,50,.14);
    cursor: pointer;
    transform: translateY(-50%);
    transition: .3s ease;
}

.slider-arrow span {
    margin-top: -3px;
    font-size: 27px;
    line-height: 1;
    font-weight: 300;
}

.slider-arrow:hover {
    border-color: #198bcf;
    background: #198bcf;
    color: #fff;
}

.slider-prev {
    left: -22px;
}

.slider-next {
    right: -22px;
}

.slider-arrow:disabled {
    opacity: .3;
    pointer-events: none;
}

.slider-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.slider-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.slider-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #cfd5da;
    cursor: pointer;
    transition: width .3s ease, background .3s ease;
}

.slider-dot.active {
    width: 27px;
    border-radius: 20px;
    background: #198bcf;
}

@media (max-width:1199px) {
    .service-card,
    .services-slider-wrap.no-slider .service-card {
        flex: 0 0 calc((100% - 36px) / 3);
    }
}

@media (max-width:991px) {
    .service-card,
    .services-slider-wrap.no-slider .service-card {
        flex: 0 0 calc((100% - 18px) / 2);
    }

    .service-card {
        height: 360px;
    }
}

@media (max-width:640px) {
    .services-track {
        gap: 14px;
        padding: 10px 2px 22px;
    }

    .service-card,
    .services-slider-wrap.no-slider .service-card {
        flex: 0 0 100%;
        height: 360px;
    }

    .service-card-front,
    .service-card-back {
        padding: 25px 22px 22px;
    }

    .slider-arrow {
        width: 38px;
        height: 38px;
    }

    .slider-prev {
        left: -10px;
    }

    .slider-next {
        right: -10px;
    }

    .service-card-back p {
        font-size: 13px;
        line-height: 1.65;
    }
}
.iiris-breadcrumb {
    padding: 30px 0 0 0;
}


.parallax_overlay_newpra_01 {
  position: absolute;
  inset: 0;
  /* background: linear-gradient( 180deg, rgba(0, 0, 0, 0.70) 0%, rgba(25, 139, 207, 0.84) 100% ); */
  background: linear-gradient( 180deg, rgba(0, 0, 0, 0.70) 0%, rgba(1, 44, 70, 0.84) 100% );
  z-index: -2;
}

.parallax_content_newpra_01 {
    width: 100%;
    max-width: 900px;
    padding: 30px;
    text-align: center;
    color: #fff;
}

.parallax_subtitle_newpra_01 {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #d8b46a;
}

.parallax_title_newpra_01 {
  margin: 0 0 25px;
  font-size: 35px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 1px;
  /* text-shadow: 0px 0px 2px #000; */
}

.parallax_text_newpra_01 {
    max-width: 100%;
    margin: 0 auto;
    font-size: 18px !important;
    line-height: 1.8;
    color: #fff !important;
}

.parallax_btn_newpra_01 {
    display: inline-block;
    margin-top: 35px;
    padding: 15px 32px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.35s ease;
}

.parallax_btn_newpra_01:hover {
    background: #fff;
    border-color: #fff;
    color: #111;
}

.parallax_after_newpra_01 {
    min-height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 30px;
    background: #111;
}

.parallax_after_inner_newpra_01 {
    max-width: 800px;
    text-align: center;
}

.parallax_after_title_newpra_01 {
    margin: 0 0 20px;
    font-size: 48px;
    color: #fff;
}

.parallax_after_text_newpra_01 {
    margin: 0;
    font-size: 18px;
    line-height: 1.8;
    color: #999;
}

@media (max-width: 767px) {

    .parallax_section_newpra_01 {
        height: 650px;
    }

    .parallax_bg_newpra_01 {
        background-attachment: scroll;
    }

    .parallax_content_newpra_01 {
        padding: 20px;
    }

    .parallax_title_newpra_01 {
        font-size: 48px;
        letter-spacing: -1px;
    }

    .parallax_text_newpra_01 {
        font-size: 16px;
    }

    .parallax_after_title_newpra_01 {
        font-size: 38px;
    }
}

.connect-section {
    position: relative;
    width: 100%;
    min-height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(36, 73, 223, 0.08),
            transparent 50%
        ),
        #ffffff;
}

.connect-section-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    /* background: linear-gradient( 125deg, #2449df 0%, #2449df 58%, #2146d7 100% ); */
}

.connect-bg-glow {
    position: absolute;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    background: rgba(36, 73, 223, 0.07);
    filter: blur(100px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    will-change: transform;
}

.connect-bg-shape {
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 1px solid rgba(36, 73, 223, 0.08);
    left: 8%;
    top: 15%;
    will-change: transform;
}

.connect-bg-shape::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid rgba(36, 73, 223, 0.07);
    left: 45px;
    top: 45px;
}

.connect-container {
    position: relative;
    z-index: 5;
    width: min(1365px, 100%);
    min-height: 515px;
    padding: 15px 30px 30px;
    display: flex;
    align-items: center;
    /* background:
        linear-gradient(
            125deg,
            #2449df 0%,
            #2449df 58%,
            #2146d7 100%
        ); */
    overflow: hidden;
}

.connect-container::before {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    right: -250px;
    top: -280px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.11);
    pointer-events: none;
}

.connect-container::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    bottom: -280px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.connect-image-wrap {
    position: relative;
    z-index: 2;
    width: 72%;
    height: 445px;
    overflow: hidden;
    /* background: #dce3ee;
    box-shadow:
        0 30px 65px rgba(0, 25, 90, 0.24),
        0 8px 22px rgba(0, 25, 90, 0.15); */
}

.connect-image {
    position: absolute;
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.02);
    transition:
        transform 1.2s cubic-bezier(.2, .8, .2, 1),
        filter 0.8s ease;
    will-change: transform;
}

.connect-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    /* background:
        linear-gradient(
            90deg,
            rgba(4, 32, 83, 0.06),
            transparent 35%,
            transparent 70%,
            rgba(4, 32, 83, 0.14)
        ); */
    pointer-events: none;
}

.connect-image-wrap:hover .connect-image {
    transform: scale(1.075);
}

.connect-card {
    position: relative;
    z-index: 4;
    width: 410px;
    min-height: 282px;
    margin-left: -55px;
    padding: 52px 48px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:linear-gradient( 145deg, #59b7f0 0%, #258ecb 65%, #0e679c 100% );
    /* box-shadow:
        0 28px 60px rgba(0, 27, 92, 0.28),
        0 10px 25px rgba(0, 27, 92, 0.16); */
}

.connect-card::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    right: -55px;
    top: -55px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.10);
}

.connect-card::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    right: -25px;
    top: -25px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.connect-eyebrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.connect-eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: rgba(255, 255, 255, 0.55);
}

.connect-title {
    position: relative;
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0px;
}

.connect-description {
    position: relative;
    margin: 30px 0 0;
    max-width: 300px;
    color: rgba(255, 255, 255, 0.91);
    font-size: 15px;
    line-height: 1.65;
    font-weight: 400;
}
.connect-button01 {
  color: #fff !important;
  margin-top: 20px;
  width: 100px;
  height: 28px;
}
.connect-button01 svg {
  stroke: #fff !important;
}
.connect-button01:hover {
  border-bottom: 1px solid #ccc;
}

.connect-button {
    position: relative;
    width: fit-content;
    min-width: 166px;
    height: 50px;
    margin-top: 31px;
    padding: 0 19px 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    border: 0;
    border-radius: 30px;
    background: #ffffff;
    color: #1648c7;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        color 0.35s ease;
}

.connect-button::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #eef3ff;
    transition: width 0.35s ease;
}

.connect-button span,
.connect-button svg {
    position: relative;
    z-index: 2;
}

.connect-button:hover {
    transform: translateY(-3px);
    color: #0d3cae;
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.16);
}

.connect-button:hover::before {
    width: 100%;
}

.connect-button svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.3s ease;
}

.connect-button:hover svg {
    transform: translateX(4px);
}

.connect-number {
    position: absolute;
    right: 38px;
    bottom: 28px;
    color: rgba(255, 255, 255, 0.12);
    font-size: 70px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -5px;
    user-select: none;
}

.connect-shine {
    position: absolute;
    z-index: 5;
    width: 90px;
    height: 500px;
    top: -20px;
    left: -150px;
    transform: rotate(18deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.16),
        transparent
    );
    pointer-events: none;
    transition: left 1.2s ease;
}

.connect-container:hover .connect-shine {
    left: 110%;
}

@media (max-width: 1100px) {
    .connect-section {
        padding: 0px;
    }

    .connect-container {
        padding: 25px;
    }

    .connect-image-wrap {
        width: 68%;
    }

    .connect-card {
        width: 380px;
        margin-left: -45px;
        padding: 42px 40px;
    }
}

@media (max-width: 850px) {
    .connect-section {
        min-height: auto;
        padding: 45px 20px 60px;
    }

    .connect-container {
        min-height: auto;
        padding: 25px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .connect-image-wrap {
        width: 100%;
        height: 390px;
    }

    .connect-card {
        width: calc(100% - 50px);
        min-height: 280px;
        margin: -65px auto 0;
    }

    .connect-number {
        right: 25px;
    }
}

@media (max-width: 600px) {
    .connect-section {
        padding: 25px 14px 40px;
    }

    .connect-container {
        padding: 15px;
    }

    .connect-image-wrap {
        height: 300px;
    }

    .connect-card {
        width: calc(100% - 24px);
        margin-top: -40px;
        padding: 36px 28px 34px;
    }

    .connect-title {
        font-size: 25px;
    }

    .connect-description {
        margin-top: 27px;
        font-size: 14px;
    }

    .connect-button {
        margin-top: 25px;
        min-width: 155px;
    }

    .connect-number {
        font-size: 55px;
        right: 20px;
        bottom: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .connect-image,
    .connect-bg-glow,
    .connect-bg-shape {
        transform: none !important;
        transition: none !important;
    }
}


/* Services and Solution page ====================End */

/* MRCSS page css================================Start */

.MRCSS_pageBanner {
  position: relative;
  overflow: hidden;
  background-image: url(../images/internal_page/annual_banner.webp);
  padding: 100px 0 100px;
  background-size: cover;
  background-position: 50% 29%;
}
.mrm-page {
    --mrm-primary: #198bcf;
    --mrm-black: #000;
    --mrm-text: #3c3c3c;
    --mrm-light: #f5f9fc;
    --mrm-border: #dce8ef;
    --mrm-white: #fff;
    color: var(--mrm-black);
    overflow: hidden;
}

.mrm-page * {
    box-sizing: border-box;
}

.mrm-page p {
    font-size: 14px;
    line-height: 1.8;
    color: var(--mrm-text);
    margin: 0 0 20px;
}

.mrm-page h1,
.mrm-page h2,
.mrm-page h3 {
    margin: 0;
    color: var(--mrm-black);
}

.mrm-container {
    width: min(1180px, calc(100% - 40px));
    margin: auto;
}

.mrm-hero {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: center;
    background: #f7fbfe;
    overflow: hidden;
}

.mrm-hero-bg {
    position: absolute;
    inset: 0;
    background: #ffffff;
    /* background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.88) 45%,
            rgba(239,248,253,.75) 100%
        ); */
}

.mrm-hero-bg::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    right: -220px;
    top: -180px;
    border: 1px solid rgba(25,139,207,.15);
    border-radius: 50%;
}

.mrm-hero-bg::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: 20px;
    bottom: -240px;
    border: 1px solid rgba(25,139,207,.13);
    border-radius: 50%;
}

.mrm-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 80px;
}

.mrm-hero-content {
    padding: 70px 0;
}

.mrm-eyebrow, .mrm-label {
    display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--mrm-primary);
}

.mrm-eyebrow::before,
.mrm-label::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--mrm-primary);
}

.mrm-hero-number {
    margin-top: 42px;
    font-size: 80px;
    line-height: .8;
    font-weight: 800;
    color: rgba(25,139,207,.10);
}

.mrm-hero h1 {
  max-width: 680px;
  line-height: 59px;
  letter-spacing: 0;
  font-size: 50px;
  font-weight: 600;
}

.mrm-hero h1 span {
    /* display: block; */
    color: var(--mrm-primary);
}
.mrm-hero-content h3 {
  font-size: 18px;
  padding-top: 10px;
  line-height: 33px;
}

.mrm-hero-intro {
    max-width: 610px;
    margin-top: 30px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

.mrm-hero-actions {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 38px;
}

.mrm-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 15px 23px;
    background: var(--mrm-primary);
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}

.mrm-btn-primary span {
    font-size: 18px;
    transition: .3s ease;
}

.mrm-btn-primary:hover {
    background: var(--mrm-black);
    color: #fff;
}

.mrm-btn-primary:hover span {
    transform: translate(4px,-4px);
}

.mrm-btn-link {
    color: var(--mrm-black);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid var(--mrm-black);
    padding-bottom: 6px;
}

.mrm-btn-link span {
    margin-left: 8px;
    color: var(--mrm-primary);
}

.mrm-hero-visual {
    position: relative;
    min-height: 570px;
}

.mrm-image-frame {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 440px;
    height: 535px;
    overflow: hidden;
    background: #e9f4fa;
}

.mrm-image-frame::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255,255,255,.65);
    pointer-events: none;
}

.mrm-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.mrm-image-frame:hover img {
    transform: scale(1.06);
}

.mrm-floating-card {
    position: absolute;
    z-index: 3;
    left: -5px;
    bottom: 65px;
    width: 270px;
    padding: 24px;
    background: rgba(255,255,255,.95);
    border-left: 4px solid var(--mrm-primary);
    box-shadow: 0 18px 50px rgba(0,0,0,.12);
}

.mrm-floating-card span {
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    letter-spacing: 1.8px;
    font-weight: 700;
    color: var(--mrm-primary);
}

.mrm-floating-card strong {
    display: block;
    font-size: 21px;
    margin-bottom: 7px;
}

.mrm-floating-card small {
    display: block;
    color: var(--mrm-text);
    font-size: 11px;
    line-height: 1.5;
}

.mrm-outline-number {
    position: absolute;
    right: -30px;
    top: 15px;
    font-size: 150px;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 1px rgba(25,139,207,.16);
    line-height: 1;
}

.mrm-intro {
    padding: 125px 0;
    background: #fff;
}

.mrm-section-heading {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    align-items: end;
    border-bottom: 1px solid var(--mrm-border);
    padding-bottom: 35px;
}

.mrm-section-heading h2,
.mrm-details-top h2,
.mrm-process-heading h2,
.mrm-register-content h2,
.mrm-memory-content h2 {
    font-size: 40px;
    line-height: 1.15;
    letter-spacing: -1px;
}

.mrm-section-heading h2 span,
.mrm-details-top h2 span,
.mrm-process-heading h2 span,
.mrm-register-content h2 span,
.mrm-memory-content h2 span {
    color: var(--mrm-primary);
}

.mrm-intro-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 100px;
    padding-top: 70px;
}

.mrm-intro-statement {
    position: relative;
    padding-left: 50px;
}

.mrm-side-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: var(--mrm-primary);
    font-weight: 700;
}

.mrm-intro-statement h3 {
    max-width: 390px;
    font-size: 29px;
    line-height: 1.3;
}

.mrm-intro-copy {
    max-width: 650px;
}

.mrm-text-link {
    display: inline-flex;
    gap: 12px;
    margin-top: 10px;
    color: var(--mrm-primary);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.mrm-text-link span {
    transition: .3s;
}

.mrm-text-link:hover span {
    transform: translateX(5px);
}

.mrm-memory {
    padding: 60px 0;
    background: var(--mrm-light);
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
  background-image: url(../images/bg-01.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.mrm-memory-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.mrm-memory-image {
    position: relative;
    padding: 0 35px 35px 0;
}

.mrm-memory-image::before {
    content: "";
    position: absolute;
    left: 35px;
    top: 35px;
    right: 0;
    bottom: 0;
    border: 2px solid var(--mrm-primary);
}

.mrm-memory-image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
    transition: .6s ease;
}

.mrm-memory-image:hover img {
    transform: translate(8px,-8px);
}

.mrm-image-caption {
    position: absolute;
    z-index: 2;
    left: 25px;
    bottom: 15px;
    background: #fff;
    padding: 17px 22px;
    box-shadow: 0 10px 35px rgba(0,0,0,.12);
}

.mrm-image-caption span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: var(--mrm-primary);
    letter-spacing: 1.5px;
}

.mrm-image-caption small {
    font-size: 11px;
    color: var(--mrm-text);
}

.mrm-memory-content h2 {
    margin: 25px 0 28px;
}

.mrm-legacy-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--mrm-border);
    border-radius: 6px;
}

.mrm-legacy-points div {
    padding: 11px 15px;
    border-right: 1px solid var(--mrm-border);
}

.mrm-legacy-points div:last-child {
    border-right: 0;
    padding-left: 20px;
}

.mrm-legacy-points strong {
    display: block;
    font-size: 23px;
    color: #198bcf4f;
}

.mrm-legacy-points span {
    font-size: 13px;
    font-weight: 500;
}

.mrm-details {
    padding: 120px 0;
}

.mrm-details-top {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 55px;
}

.mrm-details-top h2 {
    margin-top: 25px;
}

.mrm-details-top > p {
    max-width: 470px;
    justify-self: end;
}

.mrm-info-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.mrm-info-card {
    position: relative;
    min-height: 390px;
    padding: 40px 35px;
    border: 1px solid var(--mrm-border);
    background: #fff;
    overflow: hidden;
    transition: .4s ease;
}

.mrm-info-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: var(--mrm-primary);
    transition: .4s ease;
}

.mrm-info-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(25,139,207,.12);
}

.mrm-info-card:hover::before {
    height: 100%;
}

.mrm-info-card > span {
    font-size: 11px;
    font-weight: 700;
    color: var(--mrm-primary);
}

.mrm-card-icon {
    position: absolute;
    right: 28px;
    top: 28px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid var(--mrm-border);
    color: var(--mrm-primary);
    font-size: 11px;
    font-weight: 700;
}

.mrm-info-card h3 {
    margin: 70px 0 20px;
    font-size: 23px;
    line-height: 1.25;
}

.mrm-info-card a {
    position: absolute;
    left: 35px;
    bottom: 35px;
    color: var(--mrm-primary);
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.mrm-info-featured {
    background: var(--mrm-primary);
    border-color: var(--mrm-primary);
}

.mrm-info-featured::before {
    background: #fff;
}

.mrm-info-featured > span,
.mrm-info-featured h3,
.mrm-info-featured p,
.mrm-info-featured a {
    color: #fff;
}

.mrm-info-featured .mrm-card-icon {
    color: #fff;
    border-color: rgba(255,255,255,.35);
}

.mrm-process {
    padding: 110px 0;
    background: #f5f9fc;
}

.mrm-process-heading {
    max-width: 600px;
    margin-bottom: 70px;
}

.mrm-process-heading h2 {
    margin-top: 25px;
}

.mrm-process-line {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0;
    border-top: 1px solid #cbdce7;
}

.mrm-process-item {
    position: relative;
    padding: 45px 35px 20px 0;
    margin-right: 35px;
}

.mrm-process-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 42px;
    width: 1px;
    height: 120px;
    background: #cbdce7;
}

.mrm-process-number {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 28px;
    border: 1px solid var(--mrm-primary);
    border-radius: 50%;
    color: var(--mrm-primary);
    font-size: 11px;
    font-weight: 700;
}

.mrm-process-item h3 {
    font-size: 20px;
    margin-bottom: 12px;
}

.mrm-process-item p {
    max-width: 220px;
}

.mrm-quote {
    padding: 130px 0;
    text-align: center;
    background: #fff;
}

.mrm-quote-mark {
    font-family: Georgia, serif;
    color: var(--mrm-primary);
    font-size: 90px;
    line-height: .5;
}

.mrm-quote blockquote {
    max-width: 850px;
    margin: 35px auto;
    font-size: 38px;
    line-height: 1.3;
    font-family: Georgia, serif;
}

.mrm-quote-line {
    width: 60px;
    height: 2px;
    margin: auto;
    background: var(--mrm-primary);
}

.mrm-quote p {
    max-width: 600px;
    margin: 25px auto 0;
}

.mrm-register {
    padding: 100px 0;
    background: var(--mrm-primary);
}

.mrm-register-grid {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 100px;
    align-items: center;
}

.mrm-register-content .mrm-label {
    color: #fff;
}

.mrm-register-content .mrm-label::before {
    background: #fff;
}

.mrm-register-content h2 {
    color: #fff;
    margin: 25px 0;
    font-size: 48px;
}

.mrm-register-content h2 span {
    color: #fff;
    opacity: .65;
}

.mrm-register-content p {
    max-width: 560px;
    color: rgba(255,255,255,.85);
}

.mrm-register-box {
    background: #fff;
    padding: 42px;
    box-shadow: 0 25px 60px rgba(0,0,0,.15);
}

.mrm-register-box > span {
    display: block;
    margin-bottom: 15px;
    color: var(--mrm-primary);
    font-size: 10px;
    letter-spacing: 1.8px;
    font-weight: 700;
}

.mrm-register-box strong {
    display: block;
    margin-bottom: 15px;
    font-size: 25px;
}

.mrm-register-box .mrm-btn-primary {
    margin-top: 8px;
}

@media (max-width: 991px) {

    .mrm-hero-grid,
    .mrm-memory-grid,
    .mrm-register-grid {
        grid-template-columns: 1fr;
    }

    .mrm-hero {
        min-height: auto;
    }

    .mrm-hero-visual {
        min-height: 600px;
    }

    .mrm-image-frame {
        right: 5%;
    }

    .mrm-floating-card {
        left: 5%;
    }

    .mrm-section-heading,
    .mrm-intro-grid,
    .mrm-details-top {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .mrm-details-top > p {
        justify-self: start;
    }

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

    .mrm-process-line {
        grid-template-columns: repeat(2,1fr);
        row-gap: 20px;
    }

    .mrm-process-item:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 767px) {

    .mrm-container {
        width: min(100% - 30px, 1180px);
    }

    .mrm-hero-content {
        padding: 70px 0 30px;
    }

    .mrm-hero h1 {
        font-size: 42px;
        letter-spacing: -1.5px;
    }

    .mrm-hero-number {
        font-size: 60px;
        margin-top: 30px;
    }

    .mrm-hero-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .mrm-hero-visual {
        min-height: 520px;
    }

    .mrm-image-frame {
        width: 88%;
        height: 450px;
        right: 0;
    }

    .mrm-floating-card {
        left: 0;
        bottom: 30px;
        width: 235px;
    }

    .mrm-outline-number {
        display: none;
    }

    .mrm-intro,
    .mrm-memory,
    .mrm-details,
    .mrm-process {
        padding: 80px 0;
    }

    .mrm-section-heading h2,
    .mrm-details-top h2,
    .mrm-process-heading h2,
    .mrm-memory-content h2 {
        font-size: 32px;
    }

    .mrm-intro-grid {
        padding-top: 50px;
    }

    .mrm-memory-image {
        padding: 0 18px 18px 0;
    }

    .mrm-memory-image img {
        height: 430px;
    }

    .mrm-info-grid {
        grid-template-columns: 1fr;
    }

    .mrm-info-card {
        min-height: 350px;
    }

    .mrm-process-line {
        grid-template-columns: 1fr;
    }

    .mrm-process-item {
        margin-right: 0;
        padding-right: 0;
        border-bottom: 1px solid #cbdce7;
    }

    .mrm-process-item::after {
        display: none !important;
    }

    .mrm-legacy-points {
        grid-template-columns: 1fr;
    }

    .mrm-legacy-points div,
    .mrm-legacy-points div:last-child {
        border-right: 0;
        border-bottom: 1px solid var(--mrm-border);
        padding: 18px 0;
    }

    .mrm-quote blockquote {
        font-size: 28px;
    }

    .mrm-register-grid {
        gap: 45px;
    }

    .mrm-register-content h2 {
        font-size: 38px;
    }

    .mrm-register-box {
        padding: 30px;
    }
}


.competition-topic {
    position: relative;
    overflow: hidden;
    padding: 60px 30px 60px 30px;
    /* background: #f7f9fc; */
}

.competition-topic__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .7;
    background:
        linear-gradient(90deg, transparent 49.8%, rgba(25,139,207,.06) 50%, transparent 50.2%),
        linear-gradient(0deg, transparent 49.8%, rgba(25,139,207,.05) 50%, transparent 50.2%);
    background-size: 180px 180px;
}

.competition-topic__bg::before,
.competition-topic__bg::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(25,139,207,.09);
    border-radius: 50%;
}

.competition-topic__bg::before {
    width: 620px;
    height: 620px;
    left: -300px;
    top: -170px;
}

.competition-topic__bg::after {
    width: 480px;
    height: 480px;
    right: -220px;
    bottom: -250px;
}

.competition-topic__container {
    position: relative;
    max-width: 1280px;
    margin: auto;
    padding: 55px 65px 45px;
    background-color: #ffffff;
    border: 1px solid rgba(15,38,67,.1);
    box-shadow: 0 25px 70px rgba(15,38,67,.08);
    background-image: url(../images/hero-bg.webp);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.competition-topic__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
}

.competition-topic__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #198bcf;
}

.competition-topic__eyebrow span {
    width: 34px;
    height: 2px;
    background: #198bcf;
}

.competition-topic__year {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.competition-topic__year small {
    font-size: 11px;
    font-weight: 600;
    color: #777;
    letter-spacing: 1px;
}

.competition-topic__content {
    display: grid;
    grid-template-columns: 90px minmax(0, 1.8fr) minmax(380px, .8fr);
    align-items: center;
    gap: 35px;
}

.competition-topic__number {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 12px;
}

.competition-topic__number span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(25,139,207,.35);
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
    color: #198bcf;
    background: #f7fbff;
}

.competition-topic__number i {
    width: 1px;
    height: 110px;
    margin-top: 15px;
    background: linear-gradient(
        to bottom,
        rgba(25,139,207,.5),
        transparent
    );
}

.competition-topic__heading {
    max-width: 760px;
}

.competition-topic__heading h2 {
    margin: 0;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0;
    font-weight: 600;
    color: #0b1d36;
}

.competition-topic__heading strong {
    display: block;
    font-weight: 600;
}

.competition-topic__heading em {
    font-style: normal;
    color: #198bcf;
    position: relative;
}

.competition-topic__heading em::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 2px;
    background: #198bcf;
    transform: scaleX(.65);
    transform-origin: left;
}

.competition-topic__description {
    padding-left: 30px;
    border-left: 1px solid rgba(15,38,67,.14);
}

.competition-topic__line {
    width: 42px;
    height: 3px;
    margin-bottom: 25px;
    background: #198bcf;
}

.competition-topic__description p {
    margin: 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}

.competition-topic__tag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px;
}

.competition-topic__tag span {
    padding: 7px 11px;
    border: 1px solid rgba(25,139,207,.2);
    background: #f5faff;
    color: #198bcf;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.competition-topic__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-top: 75px;
    padding-top: 30px;
    border-top: 1px solid rgba(15,38,67,.1);
}

.competition-topic__statement {
    max-width: 650px;
}

.competition-topic__statement span,
.competition-topic__arrow span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #198bcf;
}

.competition-topic__statement p {
    margin: 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.7;
}

.competition-topic__arrow {
    display: flex;
    align-items: center;
    gap: 20px;
}

.competition-topic__arrow span {
    margin: 0;
    color: #000;
}

.competition-topic__arrow i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #198bcf;
    color: #fff;
    font-size: 22px;
    font-style: normal;
    transition: .3s ease;
}

.competition-topic__arrow:hover i {
    transform: translate(5px, 5px);
}

@media (max-width: 991px) {

    .competition-topic {
        padding: 70px 20px;
    }

    .competition-topic__container {
        padding: 40px 30px;
    }

    .competition-topic__content {
        grid-template-columns: 60px 1fr;
    }

    .competition-topic__description {
        grid-column: 2;
        padding-left: 0;
        padding-top: 25px;
        border-left: 0;
        border-top: 1px solid rgba(15,38,67,.14);
    }

    .competition-topic__heading h2 {
        font-size: clamp(38px, 7vw, 58px);
    }
}

@media (max-width: 600px) {

    .competition-topic {
        padding: 45px 15px;
    }

    .competition-topic__container {
        padding: 30px 22px;
    }

    .competition-topic__top {
        margin-bottom: 40px;
    }

    .competition-topic__eyebrow {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .competition-topic__year {
        font-size: 14px;
    }

    .competition-topic__content {
        display: block;
    }

    .competition-topic__number {
        flex-direction: row;
        gap: 12px;
        height: auto;
        margin-bottom: 25px;
    }

    .competition-topic__number i {
        width: 70px;
        height: 1px;
        margin: 0;
        background: linear-gradient(
            to right,
            rgba(25,139,207,.5),
            transparent
        );
    }

    .competition-topic__heading h2 {
        font-size: 42px;
        line-height: 1;
        letter-spacing: -2px;
    }

    .competition-topic__description {
        margin-top: 35px;
        padding-top: 25px;
    }

    .competition-topic__footer {
        display: block;
        margin-top: 50px;
    }

    .competition-topic__arrow {
        margin-top: 30px;
    }
}


.iiris-awards-section {
    position: relative;
    overflow: hidden;
    padding: 60px 25px;
    background: #fff;
}

.iiris-awards-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(25,139,207,.09),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 90%,
            rgba(190,140,55,.07),
            transparent 30%
        );
}

.iiris-awards-bg::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    border: 1px solid rgba(25,139,207,.07);
    border-radius: 50%;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
}

.iiris-awards-bg::after {
    content: "";
    position: absolute;
    width: 900px;
    height: 900px;
    border: 1px solid rgba(25,139,207,.045);
    border-radius: 50%;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
}

.iiris-awards-container {
    position: relative;
    max-width: 1250px;
    margin: auto;
}


/* HEADER */

.iiris-awards-header {
    /* max-width: 800px; */
    margin: 0 auto 70px;
    text-align: center;
}

.iiris-awards-kicker {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 20px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.iiris-awards-kicker span {
    width: 35px;
    height: 2px;
    background: #198bcf;
}

.iiris-awards-header h2 {
    margin: 0;
    color: #071a34;
    font-size: 62px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-weight: 600;
}

.iiris-awards-header h2 em {
    display: block;
    color: #198bcf;
    font-style: normal;
}

.iiris-awards-header p {
    max-width: 100%;
    margin: 25px auto 0;
    color: #3c3c3c;
    font-size: 17px;
    line-height: 1.8;
}


/* PRIZES */

.iiris-prize-grid {
    display: grid;
    grid-template-columns: 1fr 1.12fr 1fr;
    align-items: center;
    gap: 20px;
    max-width: 1080px;
    margin: auto;
}

.iiris-prize-card {
    position: relative;
    min-height: 350px;
    padding: 35px 32px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(7,26,52,.1);
    overflow: hidden;
    transition: .4s ease;
}

.iiris-prize-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -90px;
    top: -90px;
    border-radius: 50%;
    background: rgba(25,139,207,.045);
}

.iiris-prize-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(7,26,52,.12);
}

.iiris-prize-card:hover .iiris-prize-amount {
    color: #198bcf;
}

.iiris-prize-first {
    min-height: 405px;
    box-shadow: 0 20px 55px rgba(25, 139, 207, .12);
    background: #198bcf;
    border-radius: 2px;
    background-image: url(../images/hero-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.iiris-prize-second,
.iiris-prize-third {
    margin-top: 35px;
}


/* WINNER */

.iiris-featured-badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 18px;
    background: #d6a615;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}


/* CARD TOP */

.iiris-prize-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.iiris-prize-number {
    font-size: 28px;
    font-weight: 700;
    color: #198bcf;
    letter-spacing: 2px;
    opacity: 0.5;
}

.iiris-prize-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border: 1px solid rgba(25,139,207,.3);
    border-radius: 50%;
    color: #198bcf;
    background: #f7fbfe;
}

.iiris-prize-icon svg {
    width: 27px;
    height: 27px;
    stroke-width: 1.4;
}


/* CARD CONTENT */

.iiris-prize-content {
    position: relative;
    margin-top: 45px;
}

.iiris-prize-label {
    display: block;
    margin-bottom: 10px;
    color: #071a34;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}
.iiris-prize-first span{
    color: #ffe972;
}
.iiris-prize-first p{
    color: #ffffff !important;
}
.amt_1stPrize {
    color: #fff !important;
}

.iiris-prize-amount {
    color: #071a34;
    font-size: clamp(42px, 4vw, 60px);
    line-height: 1;
    font-weight: 600;
    letter-spacing: -3px;
}

.iiris-prize-amount small {
    margin-right: 4px;
    font-size: 24px;
    vertical-align: top;
    letter-spacing: 0;
}

.iiris-prize-content p {
    max-width: 290px;
    margin-top: 25px;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.7;
}

.iiris-prize-line {
    position: absolute;
    left: 32px;
    bottom: 25px;
    width: 45px;
    height: 2px;
    background: #198bcf;
}


/* EVENT */

.iiris-award-event {
    display: grid;
    grid-template-columns: 70px 1fr 50px;
    align-items: center;
    gap: 25px;
    max-width: 850px;
    margin: 65px auto 0;
    padding: 28px 30px;
    background: #fbfdff;
    color: #fff;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    background: url(../images/hero-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #edebeb;
}

.iiris-event-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgb(25 139 207 / 16%);
    border-radius: 50%;
    color: #198bcf;
}

.iiris-event-icon svg {
    width: 20px;
}

.iiris-event-content span {
    display: block;
    margin-bottom: 7px;
    color: #198bcf;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

.iiris-event-content h3 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 600;
}

.iiris-event-content p {
    max-width: 650px;
    margin: 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.6;
}

.iiris-event-content strong {
    color: #198bcf;
    font-weight: 600;
}

.iiris-event-arrow {
    display: flex;
    justify-content: flex-end;
}

.iiris-event-arrow svg {
    width: 22px;
    color: #198bcf;
}


/* TABLET */

@media (max-width: 991px) {

    .iiris-awards-section {
        padding: 80px 20px;
    }

    .iiris-prize-grid {
        grid-template-columns: 1fr 1fr;
    }

    .iiris-prize-first {
        grid-column: 1 / -1;
        grid-row: 1;
        max-width: 500px;
        width: 100%;
        margin: auto;
    }

    .iiris-prize-second {
        grid-column: 1;
        grid-row: 2;
        margin-top: 0;
    }

    .iiris-prize-third {
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
    }
}


/* MOBILE */

@media (max-width: 600px) {

    .iiris-awards-section {
        padding: 60px 15px;
    }

    .iiris-awards-header {
        margin-bottom: 45px;
    }

    .iiris-awards-header h2 {
        font-size: 40px;
        letter-spacing: -2px;
    }

    .iiris-awards-header p {
        font-size: 14px;
    }

    .iiris-prize-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .iiris-prize-card,
    .iiris-prize-first,
    .iiris-prize-second,
    .iiris-prize-third {
        width: 100%;
        min-height: 0;
        margin: 0;
    }

    .iiris-prize-first {
        order: 1;
    }

    .iiris-prize-second {
        order: 2;
    }

    .iiris-prize-third {
        order: 3;
    }

    .iiris-prize-content {
        margin-top: 35px;
    }

    .iiris-award-event {
        grid-template-columns: 55px 1fr;
        gap: 18px;
        margin-top: 45px;
        padding: 25px 20px;
    }

    .iiris-event-arrow {
        display: none;
    }

    .iiris-event-content h3 {
        font-size: 17px;
    }
}


.iiris-participation {
    position: relative;
  overflow: hidden;
  padding: 60px 25px;
  background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
  background-repeat: repeat, repeat, repeat;
  background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
  background-size: auto, auto, auto;
  background-image: url(../images/bg-01.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.iiris-participation__glow {
    position: absolute;
    width: 700px;
    height: 700px;
    top: -300px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(25,139,207,.12) 0%,
        rgba(25,139,207,.035) 42%,
        transparent 70%
    );
    pointer-events: none;
}

.iiris-participation__container {
    position: relative;
    max-width: 1240px;
    margin: auto;
}


/* INTRO */

.iiris-participation__intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.iiris-participation__eyebrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: #198bcf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
}

.iiris-participation__eyebrow span {
    width: 32px;
    height: 1px;
    background: #198bcf;
}

.iiris-participation__intro h2 {
    margin: 0;
    color: #000;
    font-size: clamp(42px, 5vw, 68px);
    line-height: .98;
    font-weight: 600;
    letter-spacing: -3px;
}

.iiris-participation__intro h2 em {
    color: #198bcf;
    font-style: normal;
    font-weight: 500;
}

.iiris-participation__intro p {
    max-width: 620px;
    margin: 25px auto 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}


/* AGE PANEL */

.iiris-age-panel {
    position: relative;
    display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
    min-height: 250px;
    margin: auto;
    max-width: 950px;
    background: #fff;
    border: 1px solid rgba(25,139,207,.18);
    box-shadow: 0 25px 65px rgba(15,40,70,.08);
}

.iiris-age-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #198bcf;
}
.participate01{
    font-size: 42px !important;
}

.iiris-age-panel__side {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background: #198bcf;
    color: #fff;
}

.iiris-age-panel__side span {
    font-size: 14px;
    letter-spacing: 2px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: rgba(255,255,255,.65);
}

.iiris-age-panel__side svg {
    width: 30px;
    color: #ffffff;
    height: 30px;
}

.iiris-age-panel__main {
    padding: 35px 50px;
    text-align: center;
}

.iiris-small-label {
    display: block;
    margin-bottom: 15px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.iiris-age {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 8px;
    color: #000;
}

.iiris-age strong {
    color: #198bcf;
    font-size: clamp(48px, 6vw, 72px);
    line-height: 1;
    font-weight: 600;
}

.iiris-age span {
    font-size: 51px;
    color: #3c3c3c;
}

.iiris-age-panel__main p {
    margin: 18px 0 0;
    color: #3c3c3c;
    font-size: 14px;
}

.iiris-age-panel__mark {
    display: flex;
    justify-content: center;
}

.iiris-age-panel__mark::before {
    content: "";
    position: absolute;
    width: 65px;
    height: 65px;
    border: 1px solid rgba(25,139,207,.15);
    border-radius: 50%;
}

.iiris-age-panel__mark svg {
    width: 22px;
    color: #198bcf;
    z-index: 1;
}


/* QUALIFICATION */

.iiris-qualification {
    margin-top: 90px;
}

.iiris-qualification__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 35px;
}

.iiris-qualification__header h3 {
    max-width: 850px;
    margin: 0;
    color: #000;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -.8px;
}

.iiris-qualification__count {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 5px;
}

.iiris-qualification__count strong {
    color: #198bcf;
    font-size: 40px;
    font-weight: 500;
}

.iiris-qualification__count span {
    color: #3c3c3c;
    font-size: 10px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* STUDY CARDS */

.iiris-qualification__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.iiris-study-card {
    position: relative;
    min-height: 220px;
    padding: 25px 22px;
    background: #fff;
    border: 1px solid rgba(7,26,52,.09);
    transition: .35s ease;
    overflow: hidden;
}

.iiris-study-card::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -65px;
    bottom: -65px;
    border-radius: 50%;
    background: rgba(25,139,207,.06);
    transition: .35s ease;
}

.iiris-study-card:hover {
    transform: translateY(-8px);
    border-color: rgba(25,139,207,.35);
    box-shadow: 0 20px 45px rgba(15,40,70,.09);
}

.iiris-study-card:hover::after {
    transform: scale(1.5);
}

.iiris-study-card__top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    z-index: 1;
}

.iiris-study-card__top span {
    color: #b4bdc8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.iiris-study-card__top svg {
    width: 25px;
    height: 25px;
    color: #198bcf;
    stroke-width: 1.5;
}

.iiris-study-card h4 {
    position: relative;
    margin: 0 0 12px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    z-index: 1;
}

.iiris-study-card p {
    position: relative;
    margin: 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.65;
    z-index: 1;
}

.iiris-study-card__line {
    position: absolute;
    left: 22px;
    bottom: 20px;
    width: 30px;
    height: 2px;
    background: #198bcf;
    transition: .3s ease;
}

.iiris-study-card:hover .iiris-study-card__line {
    width: 55px;
}


/* NOTE */

.iiris-participation__note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 35px;
    color: #687482;
    font-size: 12px;
    font-style: italic;
}

.iiris-participation__note svg {
    width: 15px;
    color: #198bcf;
}


/* TABLET */

@media (max-width: 991px) {

    .iiris-participation {
        padding: 80px 20px;
    }

    .iiris-qualification__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .iiris-study-card:nth-child(4),
    .iiris-study-card:nth-child(5) {
        grid-column: span 1;
    }

    .iiris-age-panel {
        grid-template-columns: 100px 1fr 70px;
    }
}


/* MOBILE */

@media (max-width: 600px) {

    .iiris-participation {
        padding: 60px 15px;
    }

    .iiris-participation__intro {
        margin-bottom: 45px;
    }

    .iiris-participation__intro h2 {
        font-size: 42px;
        letter-spacing: -2px;
    }

    .iiris-age-panel {
        display: block;
    }

    .iiris-age-panel__side {
        height: 55px;
        flex-direction: row;
    }

    .iiris-age-panel__side span {
        writing-mode: initial;
        transform: none;
    }

    .iiris-age-panel__main {
        padding: 35px 20px 40px;
    }

    .iiris-age-panel__mark {
        display: none;
    }

    .iiris-qualification {
        margin-top: 65px;
    }

    .iiris-qualification__header {
        display: block;
    }

    .iiris-qualification__header h3 {
        font-size: 25px;
    }

    .iiris-qualification__count {
        margin-top: 20px;
    }

    .iiris-qualification__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .iiris-study-card {
        min-height: 190px;
    }

    .iiris-participation__note {
        align-items: flex-start;
        text-align: left;
    }
}

.competition-rules {
    position: relative;
    padding: 60px 20px;
    background:#ffffff;
    overflow: hidden;
}

.competition-rules::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(25, 139, 207, 0.08);
    border-radius: 50%;
    top: -180px;
    right: -150px;
}

.competition-rules::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(25, 139, 207, 0.08);
    border-radius: 50%;
    bottom: -130px;
    left: -100px;
}

.competition-rules__container {
    width: min(1180px, 100%);
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


/* INTRO */

.competition-rules__intro {
    max-width: 780px;
    margin: 0 auto 70px;
    text-align: center;
}

.competition-rules__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #198bcf;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 18px;
}

.competition-rules__eyebrow::before {
    content: "";
    width: 30px;
    height: 1px;
    background: #198bcf;
}

.competition-rules__intro h2 {
    margin: 0;
    color: #000000;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.02;
    font-weight: 600;
    letter-spacing: -2.5px;
}

.competition-rules__intro h2 em {
    color: #198bcf;
    font-weight: 400;
}

.competition-rules__intro p {
    max-width: 650px;
    margin: 24px auto 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}


/* MAIN AREA */

/* .competition-rules__layout {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 45px;
    align-items: start;
} */


/* SIDE LABEL */

.competition-rules__side {
    position: sticky;
    top: 100px;
    padding-top: 8px;
}

.competition-rules__side-number {
    display: block;
    color: #198bcf;
    font-size: 70px;
    line-height: 0.9;
    font-weight: 700;
    letter-spacing: -4px;
    margin-bottom: 18px;
    opacity: 0.9;
}

.competition-rules__side div {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    border-left: 2px solid #198bcf;
}

.competition-rules__side strong {
    color: #000;
    font-size: 16px;
}

.competition-rules__side span:last-child {
    color: #777;
    font-size: 13px;
    margin-top: 3px;
}


/* RULE LIST */

.competition-rules__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}


/* RULE */

.competition-rule {
    position: relative;
  /* min-height: 190px; */
  padding: 28px 28px 28px 75px;
  background: #fff;
  border: 1px solid #e5edf2;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
  border-radius: 2px;
  border: 1px solid #e7e7e7;
  background: url(../images/hero-bg.webp);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
}

.competition-rule::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 0;
    background: #198bcf;
    transition: height 0.35s ease;
}

.competition-rule:hover {
    transform: translateY(-5px);
    border-color: rgba(25, 139, 207, 0.4);
    box-shadow: 0 18px 40px rgba(17, 51, 74, 0.08);
}

.competition-rule:hover::before {
    height: 100%;
}


/* NUMBER */

.competition-rule__number {
    position: absolute;
    left: 25px;
    top: 28px;
    color: #198bcf;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    opacity: 0.5;
}


/* CONTENT */

.competition-rule__content h3 {
    margin: 0 0 7px;
    color: #000;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}

.competition-rule__highlight {
    display: inline-block;
  margin-bottom: 8px;
  color: #198bcf;
  font-size: 14px;
  font-weight: 500;
}

.competition-rule__content p {
    margin: 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.65;
}


/* CHECK ICON */

.competition-rule__icon {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9e8f0;
    border-radius: 50%;
    color: #198bcf;
    font-size: 12px;
    background: #f7fbfd;
}


/* DOCUMENTS */

.required-documents {
    margin-top: 55px;
    padding: 34px;
    border: 1px solid #dfe8ed;
    border-radius: 6px;
    background:
        linear-gradient(
            135deg,
            #f7fbfd 0%,
            #ffffff 55%,
            #f5faff 100%
        );
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 45px;
    position: relative;
    overflow: hidden;
}

.required-documents::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -90px;
    border: 1px solid rgba(25, 139, 207, 0.12);
    border-radius: 50%;
}

.required-documents__intro {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.required-documents__icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #198bcf;
    color: #fff;
    font-size: 23px;
    font-weight: 300;
}

.required-documents__label {
    display: block;
    margin-bottom: 7px;
    color: #198bcf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.required-documents h3 {
    margin: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600;
}

.required-documents p {
    margin: 10px 0 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.65;
}


/* DOCUMENT ITEMS */

.required-documents__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.document-item {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 70px;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    transition: 0.3s ease;
}

.document-item:hover {
    border-color: #198bcf;
    transform: translateX(5px);
    box-shadow: 0 10px 25px rgba(25, 139, 207, 0.08);
}

.document-item__icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce9f0;
    border-radius: 4px;
    color: #198bcf;
    background: #f7fbfd;
    font-size: 10px;
    font-weight: 700;
}

.document-item div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.document-item strong {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.document-item small {
    color: #777;
    font-size: 11px;
}

.document-item__arrow {
    margin-left: auto;
    color: #198bcf;
    font-size: 18px;
    transition: transform 0.3s ease;
}

.document-item:hover .document-item__arrow {
    transform: translate(3px, -3px);
}


/* TABLET */

@media (max-width: 991px) {

    .competition-rules {
        padding: 80px 20px;
    }

    /* .competition-rules__layout {
        grid-template-columns: 1fr;
        gap: 35px;
    } */

    .competition-rules__side {
        position: static;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .competition-rules__side-number {
        margin: 0;
        font-size: 55px;
    }

    .competition-rules__side div {
        padding-left: 14px;
    }

    .required-documents {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .competition-rules {
        padding: 65px 16px;
    }

    .competition-rules__intro {
        margin-bottom: 45px;
    }

    .competition-rules__intro h2 {
        font-size: 39px;
        letter-spacing: -1.5px;
    }

    .competition-rules__intro p {
        font-size: 14px;
    }

    .competition-rules__list {
        grid-template-columns: 1fr;
    }

    .competition-rule {
        min-height: auto;
        padding: 25px 25px 25px 65px;
    }

    .competition-rule__number {
        left: 20px;
        top: 25px;
    }

    .competition-rule__icon {
        right: 15px;
        top: 15px;
    }

    .competition-rule__content h3 {
        font-size: 17px;
        padding-right: 20px;
    }

    .competition-rule__content p {
        font-size: 14px;
    }

    .required-documents {
        margin-top: 40px;
        padding: 25px 20px;
    }

    .required-documents__intro {
        gap: 13px;
    }

    .required-documents h3 {
        font-size: 21px;
    }

    .document-item {
        padding: 12px;
    }

    .document-item small {
        display: none;
    }
}

.jury-section {
    position: relative;
    padding: 60px 20px;
    background: #f7f9fb;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
  background-repeat: repeat, repeat, repeat;
  background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
  background-size: auto, auto, auto;
  background-repeat: repeat, repeat, repeat;
  background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
  background-size: auto, auto, auto;
  background-image: url(../images/bg-01.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.jury-section::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    border: 1px solid rgba(25, 139, 207, 0.08);
    border-radius: 50%;
    top: -300px;
    right: -250px;
}

.jury-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border: 1px solid rgba(25, 139, 207, 0.06);
    border-radius: 50%;
    bottom: -300px;
    left: -220px;
}

.jury-container {
    width: min(1180px, 100%);
    margin: auto;
    position: relative;
    z-index: 2;
}


/* HEADER */

.jury-header {
    max-width: 800px;
    margin: 0 auto 55px;
    text-align: center;
}

.jury-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #198bcf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
}

.jury-kicker span {
    width: 30px;
    height: 1px;
    background: #198bcf;
}

.jury-header h2 {
    margin: 0;
    color: #000;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1.03;
    letter-spacing: -2.8px;
    font-weight: 600;
}

.jury-header h2 em {
    color: #198bcf;
    font-weight: 400;
}

.jury-header p {
    max-width: 720px;
    margin: 25px auto 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}


/* STATUS */

.jury-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid #e1e9ee;
    border-radius: 4px;
}

.jury-status-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.jury-status-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf6fc;
    color: #198bcf;
    border-radius: 50%;
}

.jury-status-icon svg {
    width: 20px;
    height: 20px;
}

.jury-status-left div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.jury-status-left span {
    color: #198bcf;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.jury-status-left strong {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.jury-status-right {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid #dce9ef;
    border-radius: 30px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #198bcf;
    box-shadow: 0 0 0 5px rgba(25, 139, 207, 0.1);
}


/* MAIN */

.jury-main {
    display: grid;
    grid-template-columns: 230px 1fr;
    background: #fff;
    border: 1px solid #e0e8ed;
    border-radius: 5px;
    overflow: hidden;
}


/* SIDE */

.jury-side {
    position: relative;
    padding: 45px 30px;
    background: #198bcf;
    color: #fff;
    overflow: hidden;
}

.jury-side::before {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 50%;
    top: -90px;
    left: -100px;
}

.jury-side-number {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0px;
}

.jury-side-line {
    width: 40px;
    height: 2px;
    margin: 22px 0;
    background: #198bcf;
}

.jury-side-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.jury-side-content span {
    color: rgba(255,255,255,0.55);
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 700;
}

.jury-side-content strong {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
}


/* CONTENT */

.jury-content {
    padding: 42px;
}

.jury-content-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7edf0;
}

.jury-label {
    color: #198bcf;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.jury-content h3 {
    margin: 10px 0 0;
    color: #000;
    font-size: 31px;
    line-height: 1.25;
    font-weight: 600;
}

.jury-content h3 em {
    color: #198bcf;
    font-weight: 400;
}

.jury-score {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: right;
}

.jury-score strong {
    color: #198bcf;
    font-size: 48px;
    line-height: 1;
    font-weight: 600;
}

.jury-score span {
    color: #777;
    font-size: 10px;
    line-height: 1.4;
}


/* CRITERIA */

.jury-criteria {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 35px;
}

.jury-criterion {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 12px;
    padding: 21px 0;
    border-bottom: 1px solid #e8edf0;
}

.jury-criterion > span {
    color: #198bcf;
    font-size: 14px;
    font-weight: 700;
    padding-top: 2px;
    opacity: 0.5;
}

.jury-criterion strong {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.jury-criterion p {
    margin: 6px 0 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.55;
}


/* BOTTOM NOTE */

.jury-note {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    padding: 22px 25px;
    background: #fff;
    border-left: 3px solid #198bcf;
}

.jury-note-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(25, 139, 207, 0.25);
    border-radius: 50%;
    color: #198bcf;
    background: #fff;
}

.jury-note-icon svg {
    width: 17px;
}

.jury-note div:nth-child(2) {
    flex: 1;
}

.jury-note strong {
    color: #000;
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
}

.jury-note p {
    margin: 0;
    color: #3c3c3c;
    font-size: 12px;
    line-height: 1.6;
}

.jury-note-arrow {
    color: #198bcf;
}

.jury-note-arrow svg {
    width: 20px;
}


/* HOVER */

.jury-criterion {
    transition: padding-left 0.3s ease;
}

.jury-criterion:hover {
    padding-left: 8px;
}

.jury-criterion:hover > span {
    color: #000;
}


/* TABLET */

@media (max-width: 991px) {

    .jury-section {
        padding: 80px 20px;
    }

    .jury-main {
        grid-template-columns: 170px 1fr;
    }

    .jury-content {
        padding: 30px;
    }

    .jury-criteria {
        column-gap: 20px;
    }

    .jury-side {
        padding: 35px 22px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .jury-section {
        padding: 65px 15px;
    }

    .jury-header {
        margin-bottom: 40px;
    }

    .jury-header h2 {
        font-size: 40px;
        letter-spacing: -1.8px;
    }

    .jury-header p {
        font-size: 14px;
    }

    .jury-status {
        align-items: flex-start;
        gap: 15px;
        flex-direction: column;
        padding: 17px;
    }

    .jury-main {
        grid-template-columns: 1fr;
    }

    .jury-side {
        padding: 25px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .jury-side-number {
        font-size: 50px;
    }

    .jury-side-line {
        width: 1px;
        height: 35px;
        margin: 0;
    }

    .jury-side-content strong {
        font-size: 17px;
    }

    .jury-content {
        padding: 25px 20px;
    }

    .jury-content-top {
        gap: 20px;
    }

    .jury-content h3 {
        font-size: 21px;
    }

    .jury-score {
        display: none;
    }

    .jury-criteria {
        grid-template-columns: 1fr;
    }

    .jury-criterion {
        padding: 17px 0;
    }

    .jury-note {
        align-items: flex-start;
        padding: 18px;
    }

    .jury-note-arrow {
        display: none;
    }
}



.iiris-dates-section {
    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
}

.iiris-dates-section::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    left: -250px;
    top: 80px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(25, 139, 207, 0.08),
        transparent 68%
    );
    pointer-events: none;
}

.iiris-dates-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -200px;
    bottom: -100px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(190, 135, 48, 0.08),
        transparent 70%
    );
    pointer-events: none;
}


.iiris-dates-container {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
    z-index: 2;
}


/* Heading */

.iiris-dates-heading {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.iiris-dates-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
    color: #b98535;
}

.iiris-dates-eyebrow i {
    width: 28px;
    height: 1px;
    display: inline-block;
    background: #b98535;
}

.iiris-dates-heading h2 {
    margin: 0;

    font-size: clamp(42px, 5vw, 68px);
    line-height: 1;
    letter-spacing: -3px;
    font-weight: 600;

    color: #071d3a;
}

.iiris-dates-heading h2 em {
    color: #b98535;
    font-family: Georgia, serif;
    font-weight: 400;
}

.iiris-dates-heading p {
    max-width: 580px;
    margin: 25px auto 0;

    font-size: 14px;
    line-height: 1.8;
    color: #3c3c3c;
}


/* Deadline */

.iiris-deadline-card {
    position: relative;
    max-width: 760px;
    margin: 0 auto 90px;
    padding: 42px 40px;
    text-align: center;
    background:linear-gradient( 135deg, #fbf9f5,  #ffffff);
    border: 1px solid #ddebf3;
    border-radius: 24px;
    box-shadow:
        0 25px 60px rgba(7, 29, 58, 0.08),
        0 4px 15px rgba(7, 29, 58, 0.04);

    overflow: hidden;
}

.iiris-deadline-card::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -60px;
    border-radius: 50%;
    background: rgba(25, 139, 207, 0.1);
}

.iiris-deadline-card::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: -60px;
    left: -30px;
    border-radius: 50%;
    background: rgba(25, 139, 207, 0.1);
}

.iiris-deadline-label {
    position: relative;
    z-index: 1;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 4px;

    color: #b98535;
}

.iiris-deadline-date {
    position: relative;
    z-index: 1;

    margin-top: 15px;

    font-size: 42px;
    font-weight: 600;
    letter-spacing: -1.5px;

    color: #071d3a;
}

.iiris-deadline-date span {
    color: #198bcf;
    font-family: Georgia, serif;
    font-weight: 400;
}

.iiris-deadline-line {
    width: 45px;
    height: 2px;

    margin: 20px auto 14px;

    background: #198bcf;
}

.iiris-deadline-note {
    position: relative;
    z-index: 1;

    font-size: 13px;
    color: #657080;
}


/* Timeline */

.iiris-timeline {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 0;

    padding-top: 5px;
}

.iiris-timeline-line {
    position: absolute;

    top: 28px;
    left: 12%;
    right: 12%;

    height: 1px;

    background: #d9dee4;
}

.iiris-timeline-line span {
    position: absolute;

    top: -1px;
    left: 0;

    width: 25%;
    height: 3px;

    background: #b98535;

    transition: width 0.5s ease;
}


.iiris-timeline-item {
    /* position: relative; */
    padding: 0 22px;
    text-align: center;
}

.iiris-timeline-number {
    position: relative;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #d9dee4;
    color: #87909b;
    font-size: 12px;
    font-weight: 700;
    transition:all 0.35s ease;
}

.iiris-timeline-dot {
    position: absolute;
    top: 24px;
    left: 50%;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #b98535;
    /* z-index: 4; */
    opacity: 0;
    transition: opacity 0.3s ease;
}


.iiris-timeline-content {
    margin-top: 25px;
}

.iiris-timeline-label {
    display: block;

    margin-bottom: 11px;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 2.5px;

    color: #718096;
}

.iiris-timeline-content h3 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    font-weight: 600;

    color: #071d3a;
}

.iiris-timeline-content p {
    margin: 10px auto 0;

    max-width: 210px;

    font-size: 12px;
    line-height: 1.6;

    color: #687483;
}


/* Active item */

.iiris-timeline-item.iiris-active .iiris-timeline-number {
    background: #071d3a;
    border-color: #071d3a;

    color: #ffffff;

    box-shadow:
        0 10px 25px rgba(7, 29, 58, 0.18);
}

.iiris-timeline-item.iiris-active .iiris-timeline-label {
    color: #b98535;
}

.iiris-timeline-item.iiris-active .iiris-timeline-dot {
    opacity: 1;
}


/* Hover */

.iiris-timeline-item:hover .iiris-timeline-number {
    transform: translateY(-5px);

    border-color: #b98535;

    color: #b98535;

    box-shadow:
        0 12px 30px rgba(185, 133, 53, 0.15);
}

.iiris-timeline-item:hover .iiris-timeline-label {
    color: #b98535;
}


/* Footer */

.iiris-dates-footer {
    max-width: 760px;

    margin: 75px auto 0;
    padding: 22px 28px;

    display: flex;
    align-items: center;
    gap: 18px;

    border: 1px solid #e6e8eb;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 12px 35px rgba(7, 29, 58, 0.05);
}

.iiris-footer-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fbf5eb;

    border: 1px solid #e2c998;
}

.iiris-footer-icon span {
    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #b98535;

    box-shadow:
        0 0 0 5px rgba(185, 133, 53, 0.12);
}

.iiris-dates-footer strong {
    display: block;

    margin-bottom: 5px;

    font-size: 14px;

    color: #071d3a;
}

.iiris-dates-footer p {
    margin: 0;

    font-size: 12px;
    line-height: 1.6;

    color: #687483;
}


/* Tablet */

@media (max-width: 900px) {

    .iiris-dates-section {
        padding: 90px 20px;
    }

    .iiris-timeline {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 55px;
    }

    .iiris-timeline-line {
        display: none;
    }

    .iiris-timeline-number {
        background: #ffffff;
    }

}


/* Mobile */

@media (max-width: 600px) {

    .iiris-dates-section {
        padding: 70px 16px;
    }

    .iiris-dates-heading {
        margin-bottom: 45px;
    }

    .iiris-dates-heading h2 {
        font-size: 42px;
        letter-spacing: -2px;
    }

    .iiris-dates-heading p {
        font-size: 14px;
    }

    .iiris-deadline-card {
        margin-bottom: 55px;
        padding: 32px 20px;
        border-radius: 18px;
    }

    .iiris-deadline-date {
        font-size: 31px;
    }

    .iiris-timeline {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .iiris-timeline-item {
        min-height: 150px;
        padding: 0 0 35px;
        /* display: grid; */
        grid-template-columns: 60px 1fr;
        column-gap: 20px;
        text-align: left;
    }

    .iiris-timeline-item:last-child {
        min-height: auto;
    }

    .iiris-timeline-number {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        width: 50px;
        height: 50px;
    }

    .iiris-timeline-dot {
        top: 25px;
        left: 25px;
    }

    .iiris-timeline-content {
        grid-column: 2;
        grid-row: 1;
        margin-top: 3px;
    }

    .iiris-timeline-content h3 {
        font-size: 16px;
    }

    .iiris-timeline-content p {
        margin-left: 0;
        max-width: 100%;
    }

    /* .iiris-timeline-item::after {
        content: "";
        position: absolute;
        left: 24px;
        top: 55px;
        bottom: 0;
        width: 1px;
        background: #d9dee4;
    } */

    .iiris-timeline-item:last-child::after {
        display: none;
    }

    .iiris-dates-footer {
        margin-top: 45px;
        padding: 18px;
        align-items: flex-start;
    }

    .iiris-footer-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

}

.iiris-submit-section {
    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;

    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
    background-image: url(../images/bg-01.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* .iiris-submit-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -180px;
    right: -160px;
    border-radius: 50%;
    background: rgba(25, 139, 207, 0.07);
    filter: blur(20px);
    pointer-events: none;
}

.iiris-submit-section::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    bottom: -180px;
    left: -160px;
    border-radius: 50%;
    background: rgba(25, 139, 207, 0.045);
    filter: blur(25px);
    pointer-events: none;
} */

.iiris-submit-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
}


/* INTRO */

.iiris-submit-intro {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.iiris-submit-eyebrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #198bcf;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.iiris-submit-eyebrow::before,
.iiris-submit-eyebrow::after {
    content: "";
    width: 24px;
    height: 1px;
    background: #198bcf;
}

.iiris-submit-intro h2 {
    margin: 0;
    color: #000000;
    font-size: 48px;
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -1.8px;
}

.iiris-submit-intro h2 span {
    color: #198bcf;
    font-weight: 400;
}

.iiris-submit-intro p {
    max-width: 650px;
    margin: 22px auto 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}


/* MAIN LAYOUT */

.iiris-submit-layout {
    display: grid;
    grid-template-columns: 0.72fr 1.6fr;
    gap: 28px;
    align-items: stretch;
}


/* LEFT PANEL */

.iiris-submit-side {
    position: relative;
    min-height: 500px;
    padding: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    border-radius: 24px;
    background:
        linear-gradient(
            145deg,
            #198bcf 0%,
            #147bb9 48%,
            #0b5f94 100%
        );
    box-shadow:
        0 25px 60px rgba(25, 139, 207, 0.18);
}

.iiris-submit-side::before {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -100px;
    top: -90px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
}

.iiris-submit-side::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -190px;
    top: -150px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
}

.iiris-submit-number {
    width: 58px;
    height: 58px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    color: #ffffff;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    font-size: 16px;
    font-weight: 600;
}

.iiris-submit-side-label {
    margin-bottom: 13px;
    color: rgba(255,255,255,0.7);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.iiris-submit-side h3 {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.6px;
}

.iiris-submit-side p {
    max-width: 300px;
    margin: 20px 0;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    line-height: 1.75;
}

.iiris-submit-line {
    width: 100%;
    max-width: 280px;
    height: 1px;
    margin: 12px 0 24px;
    background: rgba(255,255,255,0.22);
}

.iiris-submit-mini {
    margin-bottom: 7px;
    color: rgba(255,255,255,0.65);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

.iiris-submit-side strong {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}


/* RIGHT CARD */

.iiris-submit-card {
    position: relative;
    padding: 45px;
    border: 1px solid #e5e9ed;
    border-radius: 24px;
    background: rgba(255,255,255,0.94);
    box-shadow:
        0 25px 70px rgba(15, 45, 70, 0.09);
}

.iiris-submit-card::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 70px;
    right: 70px;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        #198bcf,
        transparent
    );
}


/* CARD HEADER */

.iiris-submit-card-top {
    display: flex;
    align-items: center;
    gap: 18px;
}

.iiris-submit-icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(25,139,207,0.2);
    border-radius: 16px;
    color: #198bcf;
    background: rgba(25,139,207,0.07);
}

.iiris-submit-icon svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.6;
}

.iiris-submit-card-label {
    display: block;
    margin-bottom: 6px;
    color: #198bcf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.iiris-submit-card-top h3 {
    margin: 0;
    color: #000000;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
}

.iiris-submit-card-text {
    max-width: 720px;
    margin: 28px 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.75;
}


/* DETAILS */

.iiris-submit-details {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 14px;
}

.iiris-submit-detail {
    min-height: 125px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    border: 1px solid #e6eaed;
    border-radius: 16px;
    background: #f8fafb;
    transition: 0.3s ease;
}

.iiris-submit-detail:hover {
    transform: translateY(-4px);
    border-color: rgba(25,139,207,0.35);
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(20,70,100,0.08);
}

.iiris-detail-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #198bcf;
    background: #ffffff;
    border: 1px solid #e4ebef;
}

.iiris-detail-icon svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.6;
}

.iiris-submit-detail span {
    display: block;
    margin-bottom: 8px;
    color: #7a858d;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.iiris-submit-detail a {
    color: #198bcf;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    word-break: break-word;
}

.iiris-submit-detail strong {
    display: block;
    color: #3c3c3c;
    font-size: 12px;
    line-height: 1.65;
    font-weight: 500;
}


/* ALERT */

.iiris-submit-alert {
    margin-top: 18px;
    padding: 15px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-left: 3px solid #198bcf;
    border-radius: 10px;
    background: #f2f8fc;
}

.iiris-alert-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #198bcf;
    background: #ffffff;
}

.iiris-alert-icon svg {
    width: 17px;
    height: 17px;
}

.iiris-submit-alert p {
    margin: 0;
    color: #3c3c3c;
    font-size: 12px;
    line-height: 1.6;
}

.iiris-submit-alert strong {
    color: #000000;
}

.iiris-submit-alert b {
    color: #198bcf;
}


/* BUTTON */

.iiris-submit-action {
    margin-top: 28px;
}

.iiris-submit-action a {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-radius: 100px;
    color: #ffffff;
    background: #000000;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.35s ease;
}

.iiris-submit-action a svg {
    width: 17px;
    height: 17px;
    transition: 0.35s ease;
}

.iiris-submit-action a:hover {
    background: #198bcf;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(25,139,207,0.22);
}

.iiris-submit-action a:hover svg {
    transform: translate(3px, -3px);
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .iiris-submit-section {
        padding: 80px 20px;
    }

    .iiris-submit-intro h2 {
        font-size: 40px;
    }

    .iiris-submit-layout {
        grid-template-columns: 1fr;
    }

    .iiris-submit-side {
        min-height: auto;
        padding: 35px;
    }

    .iiris-submit-number {
        margin-bottom: 35px;
    }

}


@media (max-width: 767px) {

    .iiris-submit-section {
        padding: 65px 16px;
    }

    .iiris-submit-intro {
        margin-bottom: 40px;
    }

    .iiris-submit-intro h2 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .iiris-submit-intro p {
        font-size: 14px;
    }

    .iiris-submit-side {
        padding: 30px;
        border-radius: 18px;
    }

    .iiris-submit-side h3 {
        font-size: 24px;
    }

    .iiris-submit-card {
        padding: 28px 22px;
        border-radius: 18px;
    }

    .iiris-submit-card-top {
        align-items: flex-start;
    }

    .iiris-submit-card-top h3 {
        font-size: 21px;
    }

    .iiris-submit-details {
        grid-template-columns: 1fr;
    }

    .iiris-submit-detail {
        min-height: auto;
    }

    .iiris-submit-alert {
        align-items: flex-start;
    }

    .iiris-submit-action a {
        width: 100%;
    }
}

.mrcss-page {
    --mrcss-blue: #198bcf;
    --mrcss-navy: #071c38;
    --mrcss-dark: #000000;
    --mrcss-text: #3c3c3c;
    --mrcss-muted: #69727c;
    --mrcss-border: #dce4ea;
    --mrcss-soft: #f5f9fc;
    --mrcss-warm: #f8f6f1;
    --mrcss-white: #ffffff;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    color: var(--mrcss-navy);
    background: #fff;
    overflow: hidden;
}

.mrcss-page *,
.mrcss-page *::before,
.mrcss-page *::after {
    box-sizing: border-box;
}

.mrcss-page p {
    font-size: 19px;
    line-height: 1.85;
    color: var(--mrcss-text);
    margin: 0 0 20px;
}

.mrcss-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.mrcss-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--mrcss-blue);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mrcss-eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--mrcss-blue);
}

.mrcss-section-head {
    margin-bottom: 15px;
}

.mrcss-section-head h2,
.mrcss-memory-content h2,
.mrcss-dialogue-content h2,
.mrcss-matters-statement h2,
.mrcss-cta-content h2 {
    margin: 18px 0 0;
    color: var(--mrcss-navy);
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
}

.mrcss-section-head h2 em,
.mrcss-memory-content h2 em,
.mrcss-dialogue-content h2 em,
.mrcss-matters-statement h2 em,
.mrcss-cta-content h2 em {
    color: var(--mrcss-blue);
    font-style: italic;
    font-weight: 600;
}


/* HERO */

.mrcss-hero {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    background: #f7fafc;
    overflow: hidden;
}

.mrcss-hero-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(25,139,207,.09), transparent 28%),
        radial-gradient(circle at 90% 70%, rgba(25,139,207,.07), transparent 30%);
    
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-image: url(../images/bg-01.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.mrcss-hero::after {
    content: "MRCSS";
    position: absolute;
    right: -40px;
    bottom: 20px;
    font-size: 180px;
    font-weight: 800;
    color: rgba(7,28,56,.025);
    letter-spacing: -10px;
}

.mrcss-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr .9fr;
    gap: 80px;
    align-items: center;
}

.mrcss-hero-content {
    padding: 50px 0;
}

.mrcss-hero-content h1 {
    max-width: 680px;
    margin: 24px 0 30px;
    font-size: 45px;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--mrcss-navy);
}

.mrcss-hero-content h1 span {
    display: block;
    color: var(--mrcss-blue);
    font-weight: 600;
  font-style: italic;
}

.mrcss-hero-content p {
    max-width: 620px;
    font-size: 18px;
    line-height: 1.4;
}

.mrcss-hero-line {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 38px;
}

.mrcss-hero-line span {
    width: 55px;
    height: 2px;
    background: var(--mrcss-blue);
}

.mrcss-hero-line small {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #71808d;
    font-weight: 600;
}

.mrcss-hero-visual {
    position: relative;
    min-height: 560px;
}

.mrcss-hero-image {
    position: absolute;
    right: 0;
    top: 40px;
    width: 88%;
    height: 490px;
    overflow: hidden;
    border-radius: 0 0 100px 0;
    box-shadow: 0 30px 70px rgba(7,28,56,.15);
        border: 1px solid #cccccc42;
}

.mrcss-hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            135deg,
            rgba(7,28,56,.05),
            rgba(25,139,207,.12)
        );
}

.mrcss-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s ease;
}

.mrcss-hero-image:hover img {
    transform: scale(1.06);
}

.mrcss-hero-accent {
    position: absolute;
    right: -15px;
    top: 35px;
    width: 170px;
    height: 170px;
    border: 1px solid rgb(25 139 207 / 12%);
    border-radius: 50%;
}

.mrcss-hero-accent::before,
.mrcss-hero-accent::after {
    content: "";
    position: absolute;
    inset: 18px;
    border:1px solid rgb(25 139 207 / 12%);
    border-radius: 50%;
}

.mrcss-hero-accent::after {
    inset: 38px;
}

.mrcss-hero-card {
    position: absolute;
    left: 0;
    bottom: 210px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 25px;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(25,139,207,.18);
    box-shadow: 0 15px 40px rgba(7,28,56,.12);
}

.mrcss-hero-card span {
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700;
}

.mrcss-hero-card i {
    width: 25px;
    height: 1px;
    background: var(--mrcss-blue);
}


/* ABOUT */

.mrcss-about {
    padding: 60px 0;
    background: #fff;
}

.mrcss-about-grid {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: 100px;
}

.mrcss-about-intro {
    position: relative;
    padding-left: 60px;
}

.mrcss-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 31px;
    font-weight: 700;
    color: var(--mrcss-blue);
    opacity: 0.5;
}

.mrcss-about-intro p {
    font-size: 19px;
    line-height: 1.8;
    color: var(--mrcss-navy);
}

.mrcss-about-copy {
    padding-top: 4px;
}

.mrcss-vision-box {
    position: relative;
    margin-top: 50px;
    padding: 35px 40px;
    border-left: 3px solid var(--mrcss-blue);
    background: var(--mrcss-soft);
}

.mrcss-vision-box span {
    display: block;
    margin-bottom: 15px;
    color: var(--mrcss-blue);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
}

.mrcss-vision-box strong {
    display: block;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 500;
    color: var(--mrcss-navy);
}


/* MEMORY */

.mrcss-memory {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    min-height: 780px;
    background: #198bcf;
    background-image: url(../images/Line-Pattern-1-1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.9;
    background-size: cover;
}

.mrcss-memory-image {
    position: relative;
    min-height: 700px;
    overflow: hidden;
}

.mrcss-image-frame {
    position: absolute;
    inset: 70px 0px 70px 0;
    overflow: hidden;
}

.mrcss-image-frame::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    /* background: linear-gradient(
        180deg,
        transparent 40%,
        rgba(7,28,56,.65)
    ); */
}
.mr_about_01 {
    padding: 26px 110px 26px 0;
}
.mr_about_01 p {
    line-height: 30px;
}

.mrcss-image-frame img {
    width: 90%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.8);
    transition: transform 1s ease;
    position: relative;
    left: 109px;
}

.mrcss-image-frame:hover img {
    transform: scale(1.05);
}

.mrcss-memory-date {
    position: absolute;
    left: 300px;
    bottom: 105px;
    z-index: 3;
    display: flex;
    gap: 15px;
    align-items: center;
    color: #fff;
}

.mrcss-memory-date span {
    font-size: 21px;
    letter-spacing: 3px;
}

.mrcss-memory-date b {
    color: #e3ce6f;
}

.mrcss-memory-content {
    padding: 110px 10% 100px 14px;
    color: #fff;
}

.mrcss-memory-content h2 {
    color: #fff;
    font-size: 58px;
}

.mrcss-memory-content .mrcss-eyebrow {
    color: #e3ce6f;
}

.mrcss-memory-content .mrcss-eyebrow::before {
    background: #e3ce6f;
}

.mrcss-memory-quote {
    max-width: 600px;
    margin: 40px 0;
    padding-left: 25px;
    border-left: 3px solid #e3ce6f;
    color: #d9edf8;
    font-size: 19px;
    line-height: 1.7;
    font-style: italic;
}

.mrcss-memory-content p {
    max-width: 690px;
    color: #ffffff;
}


/* PROFILE */

.mrcss-profile {
    padding: 60px 0;
    background: var(--mrcss-soft);
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-image: url(../images/bg-01.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.mrcss-head-left {
    /* max-width: 700px; */
    border-bottom: 1px solid var(--mrcss-border);
    padding-bottom: 40px;
}

.mrcss-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* border-top: 1px solid var(--mrcss-border); */
}

.mrcss-profile-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 25px;
    padding: 27px 20px;
    border-bottom: 1px solid var(--mrcss-border);
}

.mrcss-profile-item:nth-child(odd) {
    /* border-right: 1px solid var(--mrcss-border); */
}

.mrcss-profile-item span {
    color: var(--mrcss-blue);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mrcss-profile-item strong {
    color: var(--mrcss-navy);
    font-size: 14px;
    line-height: 1.7;
    font-weight: 500;
}

.mrcss-profile-wide {
    grid-column: 1 / -1;
    border-right: 0 !important;
}

.mrcss-passing {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    padding: 25px 30px;
    border: 1px solid var(--mrcss-border);
    background: #198bcf;
}

.mrcss-passing span {
    color: #fff;
    font-size: 19px;
}

.mrcss-passing strong {
    color: #fff;
    font-size: 19px;
}


/* FOCUS */

.mrcss-focus {
    padding: 60px 0;
    background: #fff;
}

.mrcss-focus-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
}

.mrcss-focus-number {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mrcss-focus-number strong {
    font-size: 70px;
    line-height: 1;
    color: rgba(25,139,207,.15);
}

.mrcss-focus-number span {
    color: var(--mrcss-blue);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.mrcss-focus-list {
    /* border-top: 1px solid var(--mrcss-border); */
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px;
    display: grid;
}

.mrcss-focus-row {
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    align-items: center;
    min-height: 100px;
    border-bottom: 1px solid var(--mrcss-border);
    transition: .35s ease;
}

.mrcss-focus-row:hover {
    padding-left: 25px;
    background: var(--mrcss-soft);
}

.mrcss-focus-row > span {
    color: var(--mrcss-blue);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    opacity: 0.5;
}

.mrcss-focus-row h3 {
    margin: 0;
    color: var(--mrcss-navy);
    font-size: 21px;
    font-weight: 500;
}

.mrcss-focus-row i {
    color: var(--mrcss-blue);
    font-style: normal;
    font-size: 20px;
}
.mrcss-focus-top h2 {
    font-size: 45px;
    font-weight: 700;
}
.mrcss-focus-top h2 em {
    display: block;
    font-size: 45px;
    color: var(--mrcss-blue);
    font-style: italic;
    font-weight: 500;
}

/* --- */
/* =========================================
   DOMAINS SECTION
========================================= */

.domains-section {
    position: relative;
    padding: 90px 0 100px;
    background: #ffffff;
    overflow: hidden;
}

.domains-section .container {
    position: relative;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 50px;
}


/* =========================================
   HEADING
========================================= */

.domains-heading {
    position: relative;
    margin-bottom: 65px;
}

.section-label {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;

    color: #1688d4;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.section-label span {
    display: block;
    width: 35px;
    height: 2px;
    background: #1688d4;
}

.domains-heading h2 {
    margin: 0;
    color: #00264f;
    font-size: clamp(48px, 4.2vw, 64px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -2px;
}

.domains-heading h2 em {
    display: block;
    color: #1688d4;
    font-weight: 400;
    font-style: italic;
    letter-spacing: -1.5px;
}


/* =========================================
   DOMAIN COUNT
========================================= */

.domains-count {
    position: absolute;
    top: 0;
    right: 5px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.domains-count strong {
    display: block;
    color: #e2f1fa;
    font-size: 72px;
    line-height: .85;
    font-weight: 700;
    letter-spacing: -3px;
}

.domains-count small {
    margin-top: 8px;

    color: #1688d4;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
}


/* =========================================
   GRID
========================================= */

.domains-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}


/* =========================================
   DOMAIN CARD
========================================= */

.domain-card {
    position: relative;
    /* min-height: 190px; */
    display: block;
    padding: 40px 28px 40px;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #dbe8f1;
    border-radius: 10px;
    overflow: hidden;
    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1),
        border-color .35s ease,
        box-shadow .45s ease;
}


/* Small premium top line */

.domain-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #1688d4;
    transition: width .45s ease;
}


/* Content */

.domain-top {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: start;
    gap: 14px;
}

.domain-number {
    color: #8bc6e9;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 1px;
    transition: color .35s ease;
}

.domain-title {
    color: #00264f;
    font-size: 24px;
    line-height: 1.28;
    font-weight: 400;
    transition: color .35s ease;
}


/* Arrow */

.domain-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #1688d4;
    font-size: 24px;
    line-height: 1;
    transition:
        transform .35s ease,
        color .35s ease;
}


/* Bottom line */

.domain-line {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 24px;
    height: 1px;
    background: #dbe8f1;
    transition:
        background .35s ease,
        left .4s ease,
        right .4s ease;
}


/* =========================================
   HOVER
========================================= */

.domain-card:hover {
    transform: translateY(-7px);

    border-color: #a9d5ed;

    box-shadow:
        0 18px 45px rgba(0, 52, 94, .10),
        0 4px 12px rgba(0, 52, 94, .04);
}

.domain-card:hover::before {
    width: 100%;
}

.domain-card:hover .domain-number {
    color: #1688d4;
}

.domain-card:hover .domain-arrow {
    transform: translate(4px, -4px);
}

.domain-card:hover .domain-line {
    left: 28px;
    right: 28px;
    background: #1688d4;
}


/* =========================================
   SUBTLE BACKGROUND HOVER EFFECT
========================================= */

.domain-hover {
    position: absolute;
    right: -80px;
    bottom: -100px;

    width: 220px;
    height: 220px;

    border-radius: 50%;

    background: rgba(22, 136, 212, .045);

    transform: scale(0);

    transition: transform .55s cubic-bezier(.22, .61, .36, 1);
}

.domain-card:hover .domain-hover {
    transform: scale(1);
}


/* =========================================
   SECOND ROW
========================================= */

.domain-card:nth-child(4),
.domain-card:nth-child(5) {
    margin-top: 0;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

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

    .domains-count {
        right: 0;
    }

    .domain-title {
        font-size: 21px;
    }
}


@media (max-width: 767px) {

    .domains-section {
        padding: 65px 0;
    }

    .domains-section .container {
        padding: 0 20px;
    }

    .domains-heading {
        margin-bottom: 40px;
    }

    .domains-heading h2 {
        font-size: 42px;
        letter-spacing: -1.5px;
    }

    .domains-count {
        display: none;
    }

    .domains-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .domain-card {
        min-height: 165px;
        padding: 26px 22px 22px;
    }

    .domain-top {
        grid-template-columns: 40px 1fr 25px;
        gap: 10px;
    }

    .domain-number {
        font-size: 20px;
    }

    .domain-title {
        font-size: 20px;
    }

    .domain-arrow {
        font-size: 21px;
    }

    .domain-line {
        left: 22px;
        right: 22px;
        bottom: 22px;
    }
}


/* DIALOGUE */

.mrcss-dialogue {
    padding: 60px 0;
    background: var(--mrcss-soft);
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    /* background-image: url(../images/bg-01.webp) !important; */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url(../images/internal_page/MR001.webp) !important;
}

.mrcss-dialogue-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 100px;
    align-items: center;
}

.mrcss-dialogue-content h2 {
    font-size: 56px;
}

.mrcss-dialogue-content h3 {
    max-width: 570px;
    margin: 35px 0 25px;
    font-size: 21px;
    line-height: 1.45;
    font-weight: 500;
}

.mrcss-dialogue-content p {
    max-width: 620px;
}

.mrcss-event-card {
    position: relative;
    padding: 45px;
    background: #fff;
    border: 1px solid var(--mrcss-border);
    box-shadow: 0 25px 60px rgba(7,28,56,.08);
    overflow: hidden;
    right: 50px;
}

.mrcss-event-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 45px;
    right: 45px;
    height: 3px;
    background: var(--mrcss-blue);
}

.mrcss-event-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--mrcss-border);
    color: var(--mrcss-blue);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 01px;
}

.mrcss-event-detail {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 25px;
    padding: 30px 0;
    border-bottom: 1px solid var(--mrcss-border);
    align-items: center;
}

.mrcss-event-detail small {
    color: rgb(123, 135, 144);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}

.mrcss-event-detail strong {
    color: var(--mrcss-navy);
    font-size: 17px;
    line-height: 1.7;
    font-weight: 600;
}

.mrcss-event-mark {
    position: absolute;
    right: -25px;
    bottom: -35px;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(25,139,207,.15);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mrcss-event-mark span {
    font-size: 28px;
    color: rgba(25,139,207,.25);
    font-weight: 700;
}

/* parallaxeffect */
.Parallax_effect {
    position: relative;
    /* height: 700px; */
    background: url(../images/internal_page/MR001.webp) center center / cover no-repeat;
    background-attachment: fixed;
    /* display: flex; */
    align-items: center;
    overflow: hidden;
    padding: 100px 30px;
}
.Parallax_effect .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(25, 139, 207), rgb(14 58 109 / 27%));
}
.mecss_dialouge01{
    z-index: 9;
    position: relative;
}
.dialouge_content span::before{
    background: #fff;
}
.dialouge_content h3{
    color: #fff;
}
.dialouge_content p{
    color: #fff;
}
.dialouge_content01 span{
    font-size: 16px;
}
.dialouge_content01 small{
    font-size: 16px;
}
.dialouge_content01 strong{
    font-size: 20px;
}



/* PROGRAMMES */

.mrcss-programmes {
    padding: 60px 0;
    background: #fff;
}

.mrcss-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.mrcss-programme-card {
    position: relative;
    padding: 45px;
    min-height: 360px;
    background: var(--mrcss-soft);
    border: 1px solid var(--mrcss-border);
    overflow: hidden;
    transition: .4s ease;
}

.mrcss-programme-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(7,28,56,.1);
}

.mrcss-programme-featured {
    background: #198bcf;
}

.mrcss-programme-number {
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 48px;
    color: rgba(25,139,207,.1);
    font-weight: 700;
}

.mrcss-programme-featured .mrcss-programme-number {
    color: rgb(255 255 255 / 27%);
}

.mrcss-programme-icon {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    border: 1px solid rgba(25,139,207,.3);
    color: var(--mrcss-blue);
}

.mrcss-programme-icon svg {
    width: 23px;
    height: 23px;
}

.mrcss-programme-card h3 {
    max-width: 450px;
    margin: 0 0 20px;
    color: var(--mrcss-navy);
    font-size: 21px;
    line-height: 1.35;
    font-weight: 600;
}

.mrcss-programme-featured h3 {
    color: #fff;
}

.mrcss-programme-featured p {
    color: #fbfbfb;
}

.mrcss-text-link {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px;
    color: var(--mrcss-blue);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.mrcss-text-link span {
    transition: .3s ease;
}

.mrcss-text-link:hover span {
    transform: translate(5px,-3px);
}


/* MATTERS */

.mrcss-matters {
    position: relative;
    padding: 60px 0px;
    background: var(--mrcss-navy);
    overflow: hidden;
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position: center center;
}

.mrcss-matters-bg {
    position: absolute;
    width: 600px;
    height: 600px;
    right: -200px;
    top: -150px;
    border: 1px solid rgba(25,139,207,.15);
    border-radius: 50%;
}

.mrcss-matters-bg::before,
.mrcss-matters-bg::after {
    content: "";
    position: absolute;
    inset: 70px;
    border: 1px solid rgba(25,139,207,.1);
    border-radius: 50%;
}

.mrcss-matters-bg::after {
    inset: 150px;
}

.mrcss-matters-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.mrcss-matters-statement .mrcss-eyebrow {
    color: #e3ce6f;
}

.mrcss-matters-statement .mrcss-eyebrow::before {
    background: #e3ce6f;
}

.mrcss-matters-statement h2 {
    max-width: 550px;
    color: #fff;
    font-size: 45px;
}
.mrcss-matters-statement h2 em {
    color: #e3ce6f;
    font-size: 45px;
}

.mrcss-large-mark {
    margin-top: 80px;
    color: #e3ce6f;
    font-family: Georgia, serif;
    font-size: 170px;
    line-height: .5;
}

.mrcss-matters-content {
    padding-top: 45px;
}

.mrcss-matters-content p {
    color: #ffffff;
    font-size: 19px;
}

.mrcss-matters-content blockquote {
    margin: 45px 0 0;
    padding: 35px 0 35px 30px;
    border-left: 3px solid #e3ce6f;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 25px;
    line-height: 1.5;
}

.mrcss-memorial-signature {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 25px;
}

.mrcss-memorial-signature span {
    color: #e3ce6f;
    font-size: 14px;
    letter-spacing: 2px;
}

.mrcss-memorial-signature strong {
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
}


/* CTA */

.mrcss-cta {
    padding: 60px 0 35px;
    background: #fff;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-image: url(../images/bg-01.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    
}

.mrcss-cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 70px;
    background: linear-gradient(135deg, #f4f9fc 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
    padding: 55px 65px 45px;
    border: 1px solid rgba(15, 38, 67, .1);
    box-shadow: 0 25px 70px rgba(15, 38, 67, .08);
    background-image: url(../images/hero-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.mrcss-cta-inner::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -120px;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(25,139,207,.15);
    border-radius: 50%;
}

.mrcss-cta-content {
    position: relative;
    z-index: 2;
    max-width: 680px;
}

.mrcss-cta-content h2 {
    font-size: 46px;
}

.mrcss-cta-content p {
    max-width: 620px;
    margin-top: 25px;
}

.mrcss-cta-actions {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 180px;
}

.mrcss-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition: .3s ease;
}

.mrcss-btn span {
    transition: .3s ease;
}

.mrcss-btn:hover span {
    transform: translate(4px,-3px);
}

.mrcss-btn-primary {
    background: var(--mrcss-blue);
    color: #fff;
}

.mrcss-btn-primary:hover {
    background: var(--mrcss-navy);
    color: #fff;
}

.mrcss-btn-outline {
    color: var(--mrcss-navy);
    border: 1px solid var(--mrcss-border);
    background: #fff;
}

.mrcss-btn-outline:hover {
    border-color: var(--mrcss-blue);
    color: var(--mrcss-blue);
}

.mrcss-footer-note {
    padding: 25px 0;
    text-align: center;
    color: #7a858e;
    font-size: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .mrcss-hero {
        min-height: auto;
        padding: 90px 0;
    }

    .mrcss-hero-grid,
    .mrcss-about-grid,
    .mrcss-dialogue-grid,
    .mrcss-matters-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .mrcss-hero-content h1 {
        font-size: 58px;
    }

    .mrcss-hero-visual {
        min-height: 500px;
    }

    .mrcss-about,
    .mrcss-profile,
    .mrcss-focus,
    .mrcss-dialogue,
    .mrcss-programmes {
        padding: 90px 0;
    }

    .mrcss-memory {
        grid-template-columns: 1fr;
    }

    .mrcss-memory-image {
        min-height: 550px;
    }

    .mrcss-image-frame {
        inset: 40px;
    }

    .mrcss-memory-date {
        left: 70px;
        bottom: 70px;
    }

    .mrcss-memory-content {
        padding: 80px 40px;
    }

    .mrcss-programme-grid {
        grid-template-columns: 1fr;
    }

    .mrcss-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 50px;
    }

    .mrcss-cta-actions {
        width: 100%;
        flex-direction: row;
    }

    .mrcss-btn {
        flex: 1;
    }
}


@media (max-width: 767px) {

    .mrcss-container {
        width: min(100% - 30px, 1180px);
    }

    .mrcss-hero {
        padding: 65px 0;
    }

    .mrcss-hero-content h1 {
        font-size: 45px;
        letter-spacing: -2px;
    }

    .mrcss-hero-content p {
        font-size: 14px;
    }

    .mrcss-hero-visual {
        min-height: 400px;
    }

    .mrcss-hero-image {
        width: 92%;
        height: 360px;
    }

    .mrcss-hero-card {
        left: 0;
        bottom: 20px;
    }

    .mrcss-hero-accent {
        width: 100px;
        height: 100px;
        right: 0;
        bottom: 10px;
    }

    .mrcss-section-head h2,
    .mrcss-matters-statement h2 {
        font-size: 34px;
    }

    .mrcss-about-grid {
        gap: 35px;
    }

    .mrcss-about-intro {
        padding-left: 45px;
    }

    .mrcss-about-intro p {
        font-size: 16px;
    }

    .mrcss-vision-box {
        padding: 25px;
    }

    .mrcss-memory-image {
        min-height: 430px;
    }

    .mrcss-image-frame {
        inset: 20px 20px 20px 0;
    }

    .mrcss-memory-date {
        left: 25px;
        bottom: 45px;
    }

    .mrcss-memory-content {
        padding: 65px 25px;
    }

    .mrcss-memory-content h2 {
        font-size: 45px;
    }

    .mrcss-profile-grid {
        grid-template-columns: 1fr;
    }

    .mrcss-profile-item,
    .mrcss-profile-item:nth-child(odd) {
        grid-template-columns: 1fr;
        gap: 10px;
        border-right: 0;
    }

    .mrcss-profile-wide {
        grid-column: auto;
    }

    .mrcss-passing {
        flex-direction: column;
        gap: 10px;
    }

    .mrcss-focus-top {
        align-items: flex-start;
        gap: 30px;
        flex-direction: column;
    }

    .mrcss-focus-number {
        align-items: flex-start;
    }

    .mrcss-focus-row {
        grid-template-columns: 50px 1fr 30px;
        min-height: 90px;
        gap: 10px;
    }

    .mrcss-focus-row h3 {
        font-size: 17px;
    }

    .mrcss-dialogue-content h2 {
        font-size: 43px;
    }

    .mrcss-event-card {
        padding: 30px 25px;
    }

    .mrcss-event-card::before {
        left: 25px;
        right: 25px;
    }

    .mrcss-programme-card {
        padding: 30px;
        min-height: auto;
    }

    .mrcss-matters {
        padding: 90px 0;
    }

    .mrcss-large-mark {
        margin-top: 45px;
        font-size: 110px;
    }

    .mrcss-matters-content {
        padding-top: 0;
    }

    .mrcss-matters-content blockquote {
        font-size: 20px;
    }

    .mrcss-cta {
        padding: 70px 0 20px;
    }

    .mrcss-cta-inner {
        padding: 35px 25px;
    }

    .mrcss-cta-content h2 {
        font-size: 34px;
    }

    .mrcss-cta-actions {
        flex-direction: column;
        width: 100%;
    }

    .mrcss-btn {
        width: 100%;
    }

}

/* ------------------------------ */

.legacy-section_new001{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:60px 30px 60px;
    /* background:#071d35; */
    color:#fff;
    isolation:isolate;
}

.legacy-container_new001{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1280px;
    margin:0 auto;
}

.legacy-glow_new001{
    position:absolute;
    top:-300px;
    right:-220px;
    width:750px;
    height:750px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,139,207,.22) 0%,rgba(25,139,207,.08) 38%,transparent 70%);
    pointer-events:none;
}

.legacy-orbit_new001{
    position:absolute;
    border:1px solid rgba(91,181,229,.08);
    border-radius:50%;
    pointer-events:none;
}

.legacy-orbit-one_new001{
    width:900px;
    height:900px;
    right:-450px;
    top:-350px;
}

.legacy-orbit-two_new001{
    width:600px;
    height:600px;
    right:-300px;
    top:-200px;
}

.legacy-year_new001{
    position:absolute;
    left:-80px;
    bottom:70px;
    color:rgba(255,255,255,.025);
    font-family:Arial,Helvetica,sans-serif;
    font-size:150px;
    font-weight:800;
    letter-spacing:-8px;
    transform:rotate(-90deg);
    transform-origin:left bottom;
    pointer-events:none;
}

.legacy-top_new001{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:60px;
}

.legacy-kicker_new001{
    display:flex;
    align-items:center;
    gap:13px;
    color:#198bcf;
    font-size:14px;
    font-weight:700;
    letter-spacing:2.8px;
}

.legacy-kicker-line_new001{
    width:35px;
    height:1px;
    background:#198bcf;
}

.legacy-top-number_new001{
    color:rgba(255, 255, 255, 0.75);
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.legacy-intro_new001{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:75px;
    align-items:center;
    padding-bottom:65px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.legacy-monogram-wrap_new001{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.legacy-monogram_new001{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:180px;
    height:180px;
    border:1px solid rgba(80,184,231,.35);
    border-radius:50%;
    background:radial-gradient(circle at 50% 50%,rgba(25,139,207,.16),rgba(25,139,207,.02) 65%,transparent 70%);
}

.legacy-monogram_new001::before{
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}

.legacy-monogram_new001::after{
    content:"";
    position:absolute;
    top:-8px;
    right:25px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#198bcf;
    box-shadow:0 0 18px rgba(25,139,207,.9);
}

.legacy-monogram_new001 span{
    position:absolute;
    color:#fff;
    font-family:Georgia,serif;
    font-size:75px;
    font-weight:400;
    line-height:1;
}

.legacy-monogram_new001 span:first-child{
    transform:translate(-22px,-10px);
}

.legacy-monogram_new001 span:last-child{
    color:#198bcf;
    transform:translate(25px,18px);
}

.legacy-monogram-line_new001{
    width:55px;
    height:1px;
    margin-top:25px;
    background:#198bcf;
}

.legacy-monogram-caption_new001{
    margin-top:12px;
    color:rgba(255,255,255,.38);
    font-size:8px;
    font-weight:700;
    letter-spacing:2px;
}

.legacy-title-wrap_new001 h2{
    max-width:850px;
    margin:0;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:58px;
    font-weight:600;
    line-height:1.03;
    letter-spacing:0px;
}

.legacy-title-wrap_new001 h2 span{
    color:#198bcf;
}

.legacy-title-wrap_new001 h2 em{
    color:#198bcf;
    font-family:Georgia,serif;
    font-weight:400;
}

.legacy-title-wrap_new001 p{
    /* max-width:680px; */
    margin:28px 0 0;
    color:rgba(255,255,255,.58);
    font-size:21px;
    line-height:1.8;
}

.legacy-content_new001{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr);
    gap:100px;
    padding-top:75px;
}

.legacy-timeline_new001{
    position:relative;
}

.legacy-timeline_new001::before{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    left:175px;
    width:2px;
    background:linear-gradient(to bottom,#198bcf,rgba(25,139,207,.2),transparent);
}

.legacy-timeline-item_new001{
    position:relative;
    display:grid;
    grid-template-columns:165px 1fr;
    column-gap:35px;
    min-height:155px;
    padding-bottom:45px;
}

.legacy-timeline-item_new001:last-child{
    padding-bottom:0;
}

.legacy-timeline-marker_new001{
    position:absolute;
    left:168px;
    top:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:15px;
    height:15px;
    border:1px solid #198bcf;
    border-radius:50%;
    background:#071d35;
    box-shadow:0 0 0 7px rgba(25,139,207,.06);
}

.legacy-timeline-marker_new001 span{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#198bcf;
}

.legacy-timeline-year_new001 {
  padding-top: 3px;
  color: #198bcf;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-align: right;
  padding-right: 5px;
}

.legacy-timeline-text_new001{
    padding-left:20px;
}

.legacy-timeline-text_new001 h3{
    margin:0 0 13px;
    color:#fff;
    font-size:18px;
    font-weight:600;
    line-height:1.2;
}

.legacy-timeline-text_new001 p {
    max-width: 570px;
    margin: 0;
    color: rgb(255 255 255 / 73%);
    font-size: 16px;
    line-height: 1.5;
}

.legacy-intelligence_new001{
    position:relative;
    padding:28px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255, 255, 255, 0.21);
    backdrop-filter:blur(15px);
}

.legacy-intelligence-header_new001{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:20px;
    margin-bottom:5px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.legacy-intelligence-header_new001 span{
    color:#27aeff;
    font-size:18px;
    font-weight:600;
    letter-spacing:2px;
}

.legacy-intelligence-header_new001 strong{
    color:rgba(255,255,255,.25);
    font-size:14px;
    letter-spacing:1px;
}

.legacy-fact-card_new001{
    display:grid;
    grid-template-columns:35px minmax(0,1fr);
    gap:15px;
    padding:19px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:padding-left .3s ease,background .3s ease;
}

.legacy-fact-card_new001:last-child{
    border-bottom:0;
}

.legacy-fact-card_new001:hover{
    padding-left:8px;
}

.legacy-fact-index_new001{
    color:rgba(255, 255, 255, 0.42);
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
}

.legacy-fact-card_new001 small {
    display: block;
    margin-bottom: 6px;
    color: #ffe972;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.legacy-fact-card_new001 strong{
    /* display:block; */
    color:#fff;
    font-size:16px;
    font-weight:600;
}

.legacy-fact-card_new001 p{
    margin:5px 0 0;
    color:#27aeff;
    font-size:15px;
    line-height:1.55;
}

.legacy-quote_new001{
    display:flex;
    align-items:flex-start;
    gap:30px;
    margin-top:85px;
    padding:45px 50px;
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}

.legacy-quote-symbol_new001{
    color:#198bcf;
    font-family:Georgia,serif;
    font-size:75px;
    line-height:.65;
}

.legacy-quote-content_new001 p{
    /* max-width:850px; */
    margin:0;
    color:#fff;
    font-family:Georgia,serif;
    font-size:27px;
    font-weight:400;
    line-height:1.45;
}

.legacy-quote-content_new001 span {
    display: block;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.67);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
}

.legacy-memorial_new001{
    display:grid;
    grid-template-columns:180px 1fr 80px;
    align-items:center;
    gap:40px;
    margin-top:50px;
    padding:28px 0 0;
}

.legacy-memorial-date_new001{
    display:flex;
    align-items:center;
    gap:13px;
}

.legacy-memorial-date_new001 > span{
    color:#27aeff;
    font-family:Georgia,serif;
    font-size:43px;
    line-height:1;
}

.legacy-memorial-date_new001 small{
    display: block;
  color: rgba(255, 255, 255);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.legacy-memorial-date_new001 strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:12px;
}

.legacy-memorial-text_new001{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.legacy-memorial-text_new001 span {
    color: #ffe972;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 2px;
}

.legacy-memorial-text_new001 strong{
    color:#fff;
    font-family:Georgia,serif;
    font-size:30px;
    font-weight:400;
}

.legacy-memorial-mark_new001{
    display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  color: #fff;
  font-family: Georgia,serif;
  font-size: 15px;
}

@media (max-width:1000px){
    .legacy-intro_new001{
        grid-template-columns:190px minmax(0,1fr);
        gap:45px;
    }

    .legacy-monogram_new001{
        width:150px;
        height:150px;
    }

    .legacy-title-wrap_new001 h2{
        font-size:46px;
    }

    .legacy-content_new001{
        grid-template-columns:1fr;
        gap:65px;
    }

    .legacy-intelligence_new001{
        max-width:700px;
    }
}

@media (max-width:700px){
    .legacy-section_new001{
        padding:75px 20px 70px;
    }

    .legacy-top_new001{
        margin-bottom:45px;
    }

    .legacy-top-number_new001{
        display:none;
    }

    .legacy-intro_new001{
        grid-template-columns:1fr;
        gap:40px;
        padding-bottom:45px;
    }

    .legacy-monogram_new001{
        width:125px;
        height:125px;
    }

    .legacy-monogram_new001 span{
        font-size:55px;
    }

    .legacy-monogram_new001 span:first-child{
        transform:translate(-16px,-7px);
    }

    .legacy-monogram_new001 span:last-child{
        transform:translate(19px,13px);
    }

    .legacy-title-wrap_new001 h2{
        font-size:38px;
        letter-spacing:-1.8px;
    }

    .legacy-title-wrap_new001 p{
        font-size:13px;
    }

    .legacy-content_new001{
        padding-top:55px;
    }

    .legacy-timeline_new001::before{
        left:8px;
    }

    .legacy-timeline-item_new001{
        display:block;
        min-height:auto;
        padding-left:35px;
        padding-bottom:42px;
    }

    .legacy-timeline-marker_new001{
        left:1px;
    }

    .legacy-timeline-year_new001{
        margin-bottom:10px;
    }

    .legacy-timeline-text_new001{
        padding-left:0;
    }

    .legacy-timeline-text_new001 h3{
        font-size:20px;
    }

    .legacy-timeline-text_new001 p{
        font-size:12.5px;
        line-height:1.8;
    }

    .legacy-intelligence_new001{
        padding:22px 18px;
    }

    .legacy-quote_new001{
        gap:18px;
        margin-top:60px;
        padding:32px 5px;
    }

    .legacy-quote-symbol_new001{
        font-size:55px;
    }

    .legacy-quote-content_new001 p{
        font-size:21px;
    }

    .legacy-memorial_new001{
        grid-template-columns:1fr auto;
        gap:20px;
    }

    .legacy-memorial-text_new001{
        grid-column:1 / -1;
        grid-row:2;
    }

    .legacy-memorial-mark_new001{
        grid-column:2;
        grid-row:1;
    }
}

@media (max-width:450px){
    .legacy-title-wrap_new001 h2{
        font-size:33px;
    }

    .legacy-intelligence-header_new001{
        padding-bottom:15px;
    }

    .legacy-fact-card_new001{
        grid-template-columns:27px minmax(0,1fr);
        gap:10px;
    }

    .legacy-fact-card_new001 strong{
        font-size:12px;
    }

    .legacy-fact-card_new001 p{
        font-size:10.5px;
    }

    .legacy-quote-content_new001 p{
        font-size:19px;
    }

    .legacy-memorial-date_new001 > span{
        font-size:36px;
    }
}

.parallax_bg_MRCSS {
    position: absolute;
    top: -8%;
    left: -8%;
    width: 116%;
    height: 116%;
    /* background-image: url("images/parallax.jpg"); */
    background-image: url(../images/internal_page/live-show.webp) !important;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -3;
}
.parallax_overlay_MRCSS {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(25, 139, 207, 0.84) 100%);
    z-index: -2;
}

.domains-section_new001{
    position:relative;
    width:100%;
    padding:100px 30px 100px;
    overflow:hidden;
    background:#fff;
}

.domains-container_new001{
    width:100%;
    max-width:1380px;
    margin:0 auto;
}

.domains-heading_new001{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    padding-bottom:30px;
}

.domains-eyebrow_new001{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:20px;
    color:#198bcf;
    font-size:14px;
    font-weight:700;
    letter-spacing:2.2px;
}

.domains-eyebrow_new001 span{
    width:35px;
    height:1px;
    background:#198bcf;
}

.domains-heading_new001 h2{
    max-width:850px;
    margin:0;
    color:#062c55;
    font-size:55px;
    font-weight:600;
    line-height:1.05;
    letter-spacing:0px;
}

.domains-heading_new001 h2 em{
    display:block;
    color:#198bcf;
    font-family:Georgia,serif;
    font-weight:400;
    font-style:italic;
}

.domains-count_new001{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    padding-bottom:7px;
}

.domains-count_new001 strong{
    color:#dceff9;
    font-size:70px;
    font-weight:700;
    line-height:.8;
    letter-spacing:-4px;
}

.domains-count_new001 small{
    margin-top:12px;
    color:#198bcf;
    font-size:9px;
    font-weight:700;
    letter-spacing:2px;
}

.domains-row_new001{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border-top:1px solid #d9e7ef;
    border-bottom:1px solid #d9e7ef;
}

.domain-card_new001{
    position:relative;
    min-height:285px;
    padding:25px;
    border-right:1px solid #d9e7ef;
    background:#fff;
    overflow:hidden;
    transition:background .35s ease,transform .35s ease,box-shadow .35s ease;
    height: 310px;
}

.domain-card_new001:first-child{
    border-left:1px solid #d9e7ef;
}

.domain-card_new001::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:#198bcf;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s ease;
}

.domain-card_new001::after{
    content:"";
    position:absolute;
    right:-45px;
    bottom:-45px;
    width:130px;
    height:130px;
    border-radius:50%;
    background:rgba(25,139,207,.06);
    transition:transform .4s ease;
}

.domain-card_new001:hover{
    z-index:2;
    background:#f8fbfd;
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(7,44,80,.09);
}

.domain-card_new001:hover::before{
    transform:scaleX(1);
}

.domain-card_new001:hover::after{
    transform:scale(1.7);
}

.domain-number_new001{
    position:relative;
    z-index:2;
    color:#8bc9e9;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
}

.domain-content_new001{
    position:relative;
    z-index:2;
    margin-top:20px;
}

.domain-line_new001{
    display:block;
    width:28px;
    height:2px;
    margin-bottom:20px;
    background:#198bcf;
    transition:width .35s ease;
}

.domain-card_new001:hover .domain-line_new001{
    width:55px;
}

.domain-content_new001 h3 {
    margin: 0;
    color: #082f59;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0;
}
.domain-content_new001 p {
  font-size: 15px;
  padding-top: 15px;
  line-height: 22px;
}

.domain-arrow_new001{
    position:absolute;
    right:25px;
    bottom:25px;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid #d8e7ef;
    border-radius:50%;
    color:#198bcf;
    font-size:17px;
    opacity:0;
    transform:translateY(8px);
    transition:opacity .3s ease,transform .3s ease,background .3s ease,color .3s ease;
}

.domain-card_new001:hover .domain-arrow_new001{
    opacity:1;
    transform:translateY(0);
    background:#198bcf;
    color:#fff;
    border-color:#198bcf;
}

@media (max-width:1200px){
    .domains-heading_new001 h2{
        font-size:47px;
    }

    .domain-card_new001{
        min-height:270px;
        padding:28px 20px;
    }

    .domain-content_new001 h3{
        font-size:17px;
    }
}

@media (max-width:991px){
    .domains-section_new001{
        padding:80px 25px;
    }

    .domains-heading_new001{
        align-items:flex-start;
        padding-bottom:40px;
    }

    .domains-heading_new001 h2{
        font-size:42px;
    }

    .domains-count_new001{
        display:none;
    }

    .domains-row_new001{
        grid-template-columns:repeat(3,1fr);
        border-bottom:0;
    }

    .domain-card_new001{
        min-height:245px;
        border-bottom:1px solid #d9e7ef;
    }

    .domain-card_new001:nth-child(4){
        border-left:1px solid #d9e7ef;
    }
}

@media (max-width:650px){
    .domains-section_new001{
        padding:65px 18px;
    }

    .domains-heading_new001{
        padding-bottom:32px;
    }

    .domains-heading_new001 h2{
        font-size:35px;
        line-height:1.08;
        letter-spacing:-1.5px;
    }

    .domains-eyebrow_new001{
        font-size:9px;
        letter-spacing:1.7px;
    }

    .domains-row_new001{
        grid-template-columns:1fr;
    }

    .domain-card_new001,
    .domain-card_new001:nth-child(4){
        min-height:190px;
        border-left:1px solid #d9e7ef;
        border-right:1px solid #d9e7ef;
        border-bottom:1px solid #d9e7ef;
    }

    .domain-content_new001{
        margin-top:28px;
    }

    .domain-content_new001 h3{
        font-size:18px;
    }

    .domain-arrow_new001{
        opacity:1;
        transform:none;
        width:31px;
        height:31px;
    }
}

@media (max-width:400px){
    .domains-heading_new001 h2{
        font-size:31px;
    }

    .domain-card_new001{
        min-height:175px;
    }
}


/* MRCSS page css=================================End */

/* Blog Page css ================================Start */
.blog-section_newBlog {
    padding: 60px 0 ;
    background: #ffffff;
    color: #0b1f3a;
}

.blog-container_newBlog {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.blog-header_newBlog {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 60px;
    margin-bottom: 55px;
}

.blog-eyebrow_newBlog {
    display: block;
    margin-bottom: 15px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.blog-header-title_newBlog h1 {
    margin: 0;
    font-size: 52px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0px;
}

.blog-header-title_newBlog h1 span {
    color: #198bcf;
}

.blog-header-description_newBlog {
    width: 410px;
}

.blog-header-description_newBlog p {
    margin: 0 0 20px;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}

.blog-result-count_newBlog {
    color: #8a99a5;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
}

.blog-featured_newBlog {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    min-height: 420px;
    margin-bottom: 75px;
    background: #f4f8fb;
    border: 1px solid #e2ebf1;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    border-radius: 6px;
}

.blog-featured-image_newBlog {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 420px;
}

.blog-featured-image_newBlog img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s ease;
    border-radius: 6px 0 0 6px;
}

.blog-featured-image_newBlog:hover img {
    transform: scale(1.06);
}

.blog-image-arrow_newBlog {
    position: absolute;
    right: 22px;
    bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #198bcf;
    color: #ffffff;
    transition: .35s ease;
}

.blog-featured-image_newBlog:hover .blog-image-arrow_newBlog {
    transform: translate(5px, -5px);
}

.blog-featured-content_newBlog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 55px;
}

.blog-category_newBlog {
    display: inline-block;
    margin-bottom: 12px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.blog-featured-content_newBlog h2 {
    margin: 0 0 20px;
    font-size: 31px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -.8px;
}

.blog-featured-content_newBlog p {
    margin: 0 0 25px;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}

.blog-featured-meta_newBlog {
    display: flex;
    gap: 18px;
    margin-bottom: 28px;
    color: #8996a0;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog-featured-meta_newBlog span + span {
    position: relative;
    padding-left: 18px;
}

.blog-featured-meta_newBlog span + span::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    top: 50%;
    left: 0;
    border-radius: 50%;
    background: #198bcf;
}

.blog-read-more_newBlog {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    color: #0b1f3a;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s ease;
}

.blog-read-more_newBlog svg {
    width: 16px;
    transition: transform .3s ease;
}

.blog-read-more_newBlog:hover {
    color: #198bcf;
}

.blog-read-more_newBlog:hover svg {
    transform: translate(4px, -4px);
}

.blog-content-layout_newBlog {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 45px;
    align-items: start;
}

.blog-toolbar_newBlog {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e8ed;
}

.blog-toolbar-label_newBlog {
    display: block;
    margin-bottom: 8px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.blog-toolbar_newBlog h2 {
    margin: 0;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0;
}

.blog-mobile-filter_newBlog {
    display: none;
}

.blog-grid_newBlog {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 38px 25px;
}

.blog-card_newBlog {
    overflow: hidden;
    padding-bottom: 28px;
    border-bottom: 1px solid #dce5eb;
    animation: blogCardShow_newBlog .45s ease both;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    border-radius: 6px;
}

@keyframes blogCardShow_newBlog {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.blog-card-image_newBlog {
    position: relative;
    display: block;
    height: 265px;
    overflow: hidden;
    background: #eef4f7;
}

.blog-card-image_newBlog img {
    display: block;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    transition: transform .65s ease;
}

.blog-card-image_newBlog > span {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    background: #ffffff;
    color: #198bcf;
    opacity: 0;
    transform: translateY(10px);
    transition: .35s ease;
}

.blog-card_newBlog:hover .blog-card-image_newBlog img {
    transform: scale(1.07);
}

.blog-card_newBlog:hover .blog-card-image_newBlog > span {
    opacity: 1;
    transform: translateY(0);
}

.blog-card-image_newBlog > span svg {
    width: 17px;
}

.blog-card-body_newBlog {
    padding: 20px;
}

.blog-card-body_newBlog .blog-category_newBlog {
    margin-bottom: 9px;
    font-size: 14px;
}

.blog-card-body_newBlog h3 {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.blog-card-body_newBlog p {
    margin: 0 0 18px;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.7;
}

.blog-card-link_newBlog {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #198bcf;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.blog-card-link_newBlog svg {
    width: 15px;
    transition: transform .3s ease;
}

.blog-card-link_newBlog:hover svg {
    transform: translateX(5px);
}

.blog-sidebar_newBlog {
    position: sticky;
    top: 30px;
}

.blog-filter-box_newBlog {
    padding: 30px;
    border: 1px solid #dfe8ee;
    background: #f5f9fb;
    border-radius: 6px;

}

.blog-sidebar-label_newBlog {
    display: block;
    margin-bottom: 10px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.blog-filter-box_newBlog h3 {
    margin: 0 0 25px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.5px;
}

.blog-filter-list_newBlog {
    border-top: 1px solid #d9e3e9;
}

.blog-filter-btn_newBlog {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 0;
    border: 0;
    border-bottom: 1px solid #d9e3e9;
    background: transparent;
    color: #263a4b;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: .3s ease;
}

.blog-filter-btn_newBlog::before {
    position: absolute;
    content: "";
    left: -30px;
    top: 0;
    width: 3px;
    height: 100%;
    background: #198bcf;
    transform: scaleY(0);
    transition: transform .3s ease;
}

.blog-filter-btn_newBlog small {
    color: #9aa7b0;
    font-size: 13px;
}

.blog-filter-btn_newBlog:hover,
.blog-filter-btn_newBlog.active {
    color: #198bcf;
}

.blog-filter-btn_newBlog.active::before {
    transform: scaleY(1);
}

.blog-filter-btn_newBlog.active small {
    color: #198bcf;
}

.blog-newsletter_newBlog {
    margin-top: 25px;
    padding: 30px;
    background: #198bcf;
    color: #ffffff;
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position: center center;
    border-radius: 6px;
}

.blog-newsletter-icon_newBlog {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 22px;
    background: rgba(25, 139, 207, .15);
    color: #198bcf;
    border: 1.5px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
}

.blog-newsletter-icon_newBlog svg {
    width: 19px;
    stroke: #fff;
}

.blog-newsletter_newBlog > span {
   display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.blog-newsletter_newBlog h3 {
   margin: 0 0 12px;
    color: #ffe972;
    font-size: 39px;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.blog-newsletter_newBlog p {
    margin: 0 0 22px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

.blog-newsletter_newBlog a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.blog-newsletter_newBlog a svg {
    width: 15px;
}

.blog-pagination_newBlog {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 55px;
}

.blog-page-numbers_newBlog {
    display: flex;
    gap: 6px;
}

.blog-pagination-arrow_newBlog,
.blog-page-number_newBlog {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #dce5eb;
    background: #ffffff;
    color: #263a4b;
    cursor: pointer;
    transition: .3s ease;
}

.blog-pagination-arrow_newBlog svg {
    width: 16px;
}

.blog-page-number_newBlog {
    font-size: 12px;
    font-weight: 600;
}

.blog-page-number_newBlog:hover,
.blog-pagination-arrow_newBlog:hover:not(:disabled) {
    border-color: #198bcf;
    color: #198bcf;
}

.blog-page-number_newBlog.active {
    border-color: #198bcf;
    background: #198bcf;
    color: #ffffff;
}

.blog-pagination-arrow_newBlog:disabled {
    opacity: .35;
    cursor: not-allowed;
}

@media (max-width: 991px) {

    .blog-header_newBlog {
        display: block;
    }

    .blog-header-description_newBlog {
        width: 100%;
        max-width: 550px;
        margin-top: 25px;
    }

    .blog-featured_newBlog {
        grid-template-columns: 1fr;
    }

    .blog-featured-image_newBlog {
        min-height: 330px;
    }

    .blog-content-layout_newBlog {
        grid-template-columns: 1fr;
    }

    .blog-sidebar_newBlog {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .blog-newsletter_newBlog {
        margin-top: 0;
    }

}

@media (max-width: 767px) {

    .blog-section_newBlog {
        padding: 70px 0 80px;
    }

    .blog-container_newBlog {
        width: calc(100% - 30px);
    }

    .blog-header-title_newBlog h1 {
        font-size: 38px;
        letter-spacing: -1.3px;
    }

    .blog-featured-image_newBlog {
        min-height: 245px;
    }

    .blog-featured-content_newBlog {
        padding: 35px 25px;
    }

    .blog-featured-content_newBlog h2 {
        font-size: 25px;
    }

    .blog-grid_newBlog {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .blog-toolbar_newBlog {
        align-items: center;
    }

    .blog-mobile-filter_newBlog {
        display: block;
    }

    .blog-mobile-filter_newBlog select {
        height: 40px;
        padding: 0 30px 0 12px;
        border: 1px solid #dce5eb;
        background: #ffffff;
        color: #263a4b;
        font-size: 11px;
        outline: none;
    }

    .blog-sidebar_newBlog {
        display: none;
    }

    .blog-card-image_newBlog {
        height: 220px;
    }

    .blog-pagination_newBlog {
        margin-top: 40px;
    }

}
/* Blog page css ================================End */

/* Blog Internal Page-css=========================Start */
.iiris-blog-detail {
    --iiris-blue: #198bcf;
    --iiris-dark: #071d3a;
    --iiris-text: #3c3c3c;
    --iiris-muted: #6c7785;
    --iiris-border: #dfe6ec;
    --iiris-soft: #f5f9fc;
    --iiris-white: #ffffff;
    background: #fff;
    padding: 35px 0 100px;
    position: relative;
}

.iiris-blog-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: transparent;
    z-index: 9999;
}

.iiris-blog-progress span {
    display: block;
    width: 0;
    height: 100%;
    background: var(--iiris-blue);
    transition: width .1s linear;
}

.iiris-blog-detail .container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 25px;
}

.iiris-blog-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font-size: 12px;
    color: #8994a1;
    margin-bottom: 42px;
}

.iiris-blog-breadcrumb a {
    color: var(--iiris-blue);
    text-decoration: none;
}

.iiris-blog-breadcrumb span:last-child {
    color: #7c8793;
}

.iiris-blog-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 70px;
    align-items: start;
}

.iiris-blog-main {
    min-width: 0;
}

.iiris-blog-category {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--iiris-blue);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.iiris-blog-category::before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--iiris-blue);
}

.iiris-blog-title {
   max-width: 900px;
  margin: 0;
  color: var(--iiris-dark);
  font-size: 40px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 600;
}

.iiris-blog-intro {
    max-width: 850px;
    margin: 27px 0 30px;
    font-size: 14px;
    line-height: 1.8;
    color: #3c3c3c;
}

.iiris-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    padding: 20px 0;
    border-top: 1px solid var(--iiris-border);
    border-bottom: 1px solid var(--iiris-border);
    margin-bottom: 34px;
}

.iiris-blog-author,
.iiris-meta-item {
    display: flex;
    align-items: center;
    gap: 11px;
}

.iiris-author-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf7fd;
    color: var(--iiris-blue);
}

.iiris-author-icon svg,
.iiris-meta-item svg {
    width: 17px;
    height: 17px;
}

.iiris-blog-author span,
.iiris-meta-item span {
    display: block;
    color: #8a96a2;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3px;
}

.iiris-blog-author strong,
.iiris-meta-item strong {
    display: block;
    color: var(--iiris-dark);
    font-size: 13px;
    font-weight: 600;
}

.iiris-meta-item {
    color: var(--iiris-blue);
}

.iiris-meta-divider {
    width: 1px;
    height: 28px;
    background: var(--iiris-border);
}

.iiris-blog-hero {
    position: relative;
    overflow: hidden;
    background: #eef4f8;
    margin-bottom: 48px;
    border: 1px solid rgb(226, 235, 241);
    box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 15px;
    border-radius: 6px;
}

.iiris-blog-hero img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
    transition: transform .7s ease;
}

.iiris-blog-hero:hover img {
    transform: scale(1.025);
}

.iiris-hero-caption {
    position: absolute;
    left: 22px;
    bottom: 22px;
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 430px;
    padding: 12px 17px;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(10px);
    border-left: 3px solid var(--iiris-blue);
}

.iiris-hero-caption span {
    font-size: 11px;
    font-weight: 700;
    color: var(--iiris-blue);
}

.iiris-hero-caption p {
    margin: 0;
    color: var(--iiris-dark);
    font-size: 11px;
    line-height: 1.5;
}

.iiris-blog-body-wrap {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 25px;
}

.iiris-blog-share {
    position: sticky;
    top: 110px;
    height: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.iiris-blog-share span {
    writing-mode: vertical-rl;
    font-size: 9px;
    letter-spacing: 2px;
    color: #8995a0;
    margin-bottom: 4px;
}

.iiris-blog-share a {
    width: 36px;
    height: 36px;
    border: 1px solid var(--iiris-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--iiris-dark);
    text-decoration: none;
    transition: all .3s ease;
}

.iiris-blog-share a:hover {
    color: #fff;
    background: var(--iiris-blue);
    border-color: var(--iiris-blue);
    transform: translateY(-3px);
}

.iiris-blog-share svg {
    width: 15px;
    height: 15px;
}

.iiris-blog-content {
    max-width: 800px;
}

.iiris-blog-content p {
    margin: 0 0 22px;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.9;
}

.iiris-blog-content h2 {
    position: relative;
    margin: 47px 0 18px;
    padding-left: 19px;
    color: var(--iiris-dark);
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}

.iiris-blog-content h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 3px;
    height: 28px;
    background: var(--iiris-blue);
}

.iiris-blog-insight {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 17px;
    margin: 35px 0;
    padding: 23px;
    background: linear-gradient(135deg, #f1f9fd, #f8fbfd);
    border: 1px solid #d9edf8;
    border-left: 3px solid var(--iiris-blue);
}

.iiris-insight-icon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--iiris-blue);
    border: 1px solid #d6eaf5;
}

.iiris-insight-icon svg {
    width: 19px;
}

.iiris-blog-insight span {
    display: block;
    color: var(--iiris-blue);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

.iiris-blog-insight strong {
    color: var(--iiris-dark);
    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
}

.iiris-blog-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 35px 0 40px;
}

.iiris-blog-stat {
    padding: 22px 18px;
    border: 1px solid var(--iiris-border);
    background: #fff;
    transition: .3s ease;
}

.iiris-blog-stat:hover {
    border-color: var(--iiris-blue);
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(25,139,207,.08);
}

.iiris-blog-stat svg {
    width: 25px;
    color: var(--iiris-blue);
    margin-bottom: 16px;
}

.iiris-blog-stat strong {
    display: block;
    color: var(--iiris-dark);
    font-size: 14px;
    margin-bottom: 6px;
}

.iiris-blog-stat span {
    display: block;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.5;
}

.iiris-blog-conclusion {
    display: grid;
    grid-template-columns: 3px 1fr;
    gap: 20px;
    margin-top: 45px;
    padding: 27px 24px;
    background: var(--iiris-soft);
}

.iiris-conclusion-line {
    background: var(--iiris-blue);
}

.iiris-blog-conclusion span {
    color: var(--iiris-blue);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}

.iiris-blog-conclusion h3 {
    margin: 8px 0 0;
    color: var(--iiris-dark);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
}

.iiris-blog-sidebar {
    position: sticky;
    top: 90px;
}

.iiris-sidebar-card {
    border: 1px solid var(--iiris-border);
    background: #fff;
    margin-bottom: 20px;
}

.iiris-toc-card {
    padding: 25px 23px;
}

.iiris-sidebar-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--iiris-blue);
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
}

.iiris-sidebar-heading svg {
    width: 17px;
}

.iiris-toc-card h3 {
    margin: 11px 0 19px;
    color: var(--iiris-dark);
    font-size: 19px;
}

.iiris-toc-card nav {
    border-top: 1px solid var(--iiris-border);
}

.iiris-toc-card nav a {
    display: grid;
    grid-template-columns: 27px 1fr;
    gap: 8px;
    padding: 13px 0;
    border-bottom: 1px solid #edf0f3;
    color: #3c3c3c;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    transition: .25s ease;
}

.iiris-toc-card nav a span {
    color: #a5afb8;
    font-size: 12px;
    padding-top: 2px;
}

.iiris-toc-card nav a:hover,
.iiris-toc-card nav a.active {
    color: var(--iiris-blue);
}

.iiris-toc-card nav a.active span {
    color: var(--iiris-blue);
}

.iiris-newsletter-card {
    padding: 27px 24px;
    background: var(--iiris-dark);
    color: #fff;
    position: relative;
    overflow: hidden;
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position: center center;
    border-radius: 6px;
}

.iiris-newsletter-card::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    right: -60px;
    top: -60px;
    border: 1px solid rgba(25,139,207,.4);
    border-radius: 50%;
    box-shadow: 0 0 0 25px rgba(25,139,207,.04);
}

.iiris-newsletter-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(25,139,207,.14);
    color: #58b5e9;
    margin-bottom: 20px;
    border: 1.5px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
}

.iiris-newsletter-icon svg {
    width: 18px;
    stroke: #fff;
}

.iiris-newsletter-card > span,
.iiris-tags-card > span {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #fff;
}

.iiris-newsletter-card h3 {
    margin: 11px 0;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 500;
    color: #ffe972;
}

.iiris-newsletter-card p {
    margin: 0 0 20px;
    color: #b8c6d1;
    font-size: 12px;
    line-height: 1.7;
}

.iiris-newsletter-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.iiris-newsletter-link svg {
    width: 14px;
}

.iiris-tags-card {
    padding: 24px;
}

.iiris-blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
}

.iiris-blog-tags a {
    padding: 7px 10px;
    background: #f4f8fb;
    color: #566675;
    text-decoration: none;
    font-size: 11px;
    transition: .25s ease;
}

.iiris-blog-tags a:hover {
    background: var(--iiris-blue);
    color: #fff;
}

.iiris-related-blog {
    margin-top: 110px;
    padding-top: 55px;
    border-top: 1px solid var(--iiris-border);
}

.iiris-related-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e8ed;
}

.iiris-related-header span {
    color: var(--iiris-blue);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}

.iiris-related-header h2 {
    margin: 8px 0 0;
    color: var(--iiris-dark);
    font-size: 30px;
    font-weight: 600;
}

.iiris-related-header > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--iiris-blue);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.iiris-related-header > a svg {
    width: 15px;
}

.iiris-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.iiris-related-card {
    border: 1px solid var(--iiris-border);
    background: #fff;
    transition: .35s ease;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    border-radius: 6px;
}

.iiris-related-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 45px rgba(7,29,58,.09);
}

.iiris-related-image {
    display: block;
    position: relative;
    overflow: hidden;
    background: #edf4f8;
}

.iiris-related-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform .55s ease;
    border-radius: 6px 6px 0 0;
}

.iiris-related-card:hover .iiris-related-image img {
    transform: scale(1.06);
}

.iiris-related-image > span {
    position: absolute;
    right: 13px;
    bottom: 13px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--iiris-blue);
    transition: .3s ease;
}

.iiris-related-image > span svg {
    width: 15px;
}

.iiris-related-card:hover .iiris-related-image > span {
    background: var(--iiris-blue);
    color: #fff;
}

.iiris-related-content {
    padding: 21px;
}

.iiris-related-content small {
    color: var(--iiris-blue);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.iiris-related-content h3 {
    margin: 10px 0 11px;
    color: var(--iiris-dark);
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
}

.iiris-related-content p {
    margin: 0 0 17px;
    color: var(--iiris-text);
    font-size: 12px;
    line-height: 1.7;
}



.iiris-related-content > a svg {
    width: 14px;
    transition: transform .25s ease;
}

.iiris-related-card:hover .iiris-related-content > a svg {
    transform: translateX(4px);
}

@media (max-width: 991px) {

    .iiris-blog-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .iiris-blog-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .iiris-sidebar-card {
        margin-bottom: 0;
    }

    .iiris-tags-card {
        grid-column: span 2;
    }

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

}

@media (max-width: 767px) {

    .iiris-blog-detail {
        padding-top: 25px;
    }

    .iiris-blog-detail .container {
        padding: 0 18px;
    }

    .iiris-blog-breadcrumb {
        margin-bottom: 30px;
        line-height: 1.6;
    }

    .iiris-blog-title {
        font-size: 39px;
        letter-spacing: -1.8px;
    }

    .iiris-blog-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .iiris-blog-meta {
        gap: 15px;
    }

    .iiris-meta-divider {
        display: none;
    }

    .iiris-blog-hero {
        margin-bottom: 35px;
    }

    .iiris-blog-hero img {
        aspect-ratio: 4 / 3;
    }

    .iiris-hero-caption {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .iiris-blog-body-wrap {
        grid-template-columns: 1fr;
    }

    .iiris-blog-share {
        position: static;
        flex-direction: row;
        justify-content: flex-start;
    }

    .iiris-blog-share span {
        writing-mode: horizontal-tb;
        margin-right: 5px;
    }

    .iiris-blog-content h2 {
        font-size: 21px;
    }

    .iiris-blog-stat-grid {
        grid-template-columns: 1fr;
    }

    .iiris-blog-sidebar {
        grid-template-columns: 1fr;
    }

    .iiris-tags-card {
        grid-column: auto;
    }

    .iiris-related-blog {
        margin-top: 70px;
    }

    .iiris-related-header {
        display: block;
    }

    .iiris-related-header > a {
        margin-top: 15px;
    }

    .iiris-related-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 480px) {

    .iiris-blog-title {
        font-size: 34px;
    }

    .iiris-blog-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .iiris-blog-content p {
        font-size: 14px;
    }

    .iiris-blog-insight {
        grid-template-columns: 1fr;
    }

}
/* Blog Internal Page-css=========================End */

/* Articles page css=============================Start */
.iiris-articles-new {
    --iiris-blue: #198bcf;
    --iiris-dark: #071b34;
    --iiris-text: #3c3c3c;
    --iiris-light: #f5f9fc;
    --iiris-border: #dce7ee;
    --iiris-soft: #eef6fb;
    width: 100%;
    background: #fff;
    padding: 60px 0 60px 0;
    overflow: hidden;
}

.iiris-articles-container-new {
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;
}

.iiris-articles-heading-new {
    max-width: 100%;
    margin-bottom: 60px;
    display: grid;
    justify-items: center;
    text-align: center;
}

.iiris-articles-eyebrow-new {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--iiris-blue);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.iiris-articles-eyebrow-new span {
    width: 34px;
    height: 1px;
    background: var(--iiris-blue);
}

.iiris-articles-heading-new h1 {
    margin: 0;
    color: var(--iiris-dark);
    font-size: 45px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0px;
}

.iiris-articles-heading-new h1 em {
    color: var(--iiris-blue);
    font-weight: 500;
    font-style: normal;
}

.iiris-articles-heading-new p {
    max-width: 720px;
    margin: 25px 0 0;
    color: var(--iiris-text);
    font-size: 14px;
    line-height: 1.8;
}


.iiris-articles-feature-new {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    min-height: 520px;
    background: #f4f8fb;
    margin-bottom: 70px;
    overflow: hidden;
    border: 1px solid #e2ebf1;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    border-radius: 6px;
}

.iiris-feature-image-new {
    position: relative;
    min-height: 520px;
    overflow: hidden;
}

.iiris-feature-image-new img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

.iiris-feature-image-new:hover img {
    transform: scale(1.06);
}

.iiris-feature-image-overlay-new {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(7,27,52,.05),
            rgba(7,27,52,.15)
        );
}

.iiris-feature-tag-new {
    position: absolute;
    top: 28px;
    left: 28px;
    padding: 9px 14px;
    background: rgba(255,255,255,.94);
    color: var(--iiris-blue);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.iiris-feature-arrow-new {
    position: absolute;
    right: 28px;
    bottom: 28px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--iiris-blue);
    color: #fff;
    transition: .3s ease;
}

.iiris-feature-arrow-new:hover {
    background: #fff;
    color: var(--iiris-blue);
}

.iiris-feature-arrow-new svg {
    width: 20px;
}

.iiris-feature-content-new {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 65px;
}

.iiris-feature-meta-new {
    display: flex;
    gap: 18px;
    color: #198bcf;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
    margin-bottom: 24px;
}

.iiris-feature-content-new h2 {
  margin: 0;
  color: rgb(11, 31, 58);
  letter-spacing: 0;
  font-size: 31px;
  line-height: 1.25;
  font-weight: 600;
}

.iiris-feature-content-new p {
    margin: 25px 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.8;
}

.iiris-feature-link-new {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.iiris-feature-link-new svg {
    width: 17px;
    transition: transform .3s ease;
}

.iiris-feature-link-new:hover svg {
    transform: translateX(5px);
}

.iiris-feature-line-new {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 25px 0 25px;
}

.iiris-feature-note-new {
  display: flex;
  gap: 13px;
  color: #3c3c3c;
  font-size: 13px;
  line-height: 1.6;
}

.iiris-feature-note-new svg {
    width: 18px;
    min-width: 18px;
    color: #63b7e7;
}


.iiris-articles-toolbar-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--iiris-border);
    margin-bottom: 40px;
}

.iiris-articles-tabs-new {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.iiris-article-tab-new {
    border: 1px solid transparent;
    background: transparent;
    padding: 10px 15px;
    color: #61707d;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: .25s ease;
}

.iiris-article-tab-new:hover {
    color: var(--iiris-blue);
}

.iiris-article-tab-new.active-new {
    color: #fff;
    background: var(--iiris-blue);
}

.iiris-articles-search-new {
    position: relative;
    width: 250px;
}

.iiris-articles-search-new svg {
    position: absolute;
    left: 14px;
    top: 50%;
    width: 16px;
    transform: translateY(-50%);
    color: #78909f;
}

.iiris-articles-search-new input {
    width: 100%;
    height: 42px;
    border: 1px solid var(--iiris-border);
    outline: none;
    padding: 0 15px 0 42px;
    color: var(--iiris-dark);
    font-size: 12px;
    background: #fff;
}

.iiris-articles-search-new input:focus {
    border-color: var(--iiris-blue);
}


.iiris-articles-layout-new {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 50px;
}

.iiris-article-grid-new {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 38px 25px;
}

.iiris-article-card-new {
    background: #fff;
  border: 1px solid var(--iiris-border);
  transition: .35s ease;
  overflow: hidden;
  border-bottom: 1px solid #dce5eb;
  animation: blogCardShow_newBlog .45s ease both;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
  border-radius: 6px;
  height: max-content;
  display: flex;
}

.iiris-article-card-new:hover {
    transform: translateY(-7px);
    /* border-color: rgba(25,139,207,.45); */
    box-shadow: 0 22px 50px rgba(7,27,52,.09);
}

.iiris-article-image-new {
       height: 237px;
    position: relative;
    overflow: hidden;
    background: var(--iiris-soft);
    width: 360px;
    max-width: 360px;
    min-width: 360px;
}

.iiris-article-image-new img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.iiris-article-card-new:hover .iiris-article-image-new img {
    transform: scale(1.07);
}

.iiris-article-image-new::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        transparent 55%,
        rgba(7,27,52,.35)
    );
    pointer-events: none;
}

.iiris-article-image-new > span {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    background: #fff;
    color: var(--iiris-blue);
    padding: 6px 11px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 2px;
}

.iiris-article-image-new > a {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 3;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--iiris-blue);
    color: #fff;
    opacity: 0;
    transform: translateY(10px);
    transition: .35s ease;
}

.iiris-article-card-new:hover .iiris-article-image-new > a {
    opacity: 1;
    transform: translateY(0);
}

.iiris-article-image-new svg {
    width: 16px;
}

.iiris-article-body-new {
    padding: 25px;
}

.iiris-article-meta-new {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    color: #7b8c98;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 15px;
}

.iiris-article-body-new h3 {
    margin: 0;
    color: var(--iiris-dark);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
}

.iiris-article-body-new p {
    margin: 14px 0 20px;
    color: var(--iiris-text);
    font-size: 14px;
    line-height: 1.7;
    height: 48px;
    overflow: hidden;
}

.iiris-article-body-new > a {
    /* display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #198bcf;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none; */
}

.iiris-article-body-new > a svg {
    width: 14px;
    transition: transform .3s ease;
}

.iiris-article-body-new > a:hover svg {
    transform: translateX(4px);
}


.iiris-articles-side-new {
    position: relative;
    
}

.iiris-side-heading-new {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 25px;
}

.iiris-side-heading-new span {
    color: var(--iiris-blue);
    font-size: 11px;
    font-weight: 700;
}

.iiris-side-heading-new h3 {
    margin: 0;
    color: var(--iiris-dark);
    font-size: 22px;
}

.iiris-side-story-new {
    display: grid;
    grid-template-columns: 1fr 20px;
    gap: 15px;
    padding: 23px 0;
    border-top: 1px solid var(--iiris-border);
    text-decoration: none;
}

.iiris-side-story-new:last-of-type {
    border-bottom: 1px solid var(--iiris-border);
}

.iiris-side-story-new span {
    display: block;
    color: var(--iiris-blue);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin-bottom: 9px;
}

.iiris-side-story-new h4 {
    margin: 0;
    color: var(--iiris-dark);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    transition: .25s ease;
}

.iiris-side-story-new svg {
    width: 17px;
    color: #8495a1;
    transition: .3s ease;
}

.iiris-side-story-new:hover h4 {
    color: var(--iiris-blue);
}

.iiris-side-story-new:hover svg {
    color: var(--iiris-blue);
    transform: translate(3px,-3px);
}


.iiris-side-highlight-new {
    margin-top: 35px;
  padding: 30px;
  color: #fff;
  background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position-x: center;
    background-position-y: center;
  background-position: center center;
  border-radius: 6px;
}

.iiris-side-highlight-icon-new {
    width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 25px; */
  background: rgba(25, 139, 207, .15);
  color: #198bcf;
  border: 1.5px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
}

.iiris-side-highlight-icon-new svg {
    width: 20px;
    stroke: #fff;
}

.iiris-side-highlight-new > span {
    display: block;
    color: var(--iiris-blue);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.iiris-side-highlight-new strong {
    display: block;
    color: #ffe972;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
}

.iiris-side-highlight-new p {
    margin: 15px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
}


.iiris-articles-bottom-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 80px;
    padding: 45px 50px;
    /* background: var(--iiris-dark); */
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position-x: center;
    background-position-y: center;
  background-position: center center;
  border-radius: 6px;
}

.iiris-articles-bottom-new > div span {
    color: #ffe972;
    font-size: 12px;
    letter-spacing: 2.5px;
    font-weight: 700;
}

.iiris-articles-bottom-new h2 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 31px;
    font-weight: 500;
}

.iiris-articles-bottom-new h2 em {
    color: #ffe972;
    font-style: normal;
}

.iiris-articles-button-new {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 22px;
    background: var(--iiris-blue);
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    transition: .3s ease;
}

.iiris-articles-button-new:hover {
    background: #fff;
    color: var(--iiris-dark);
}

.iiris-articles-button-new svg {
    width: 16px;
}


.iiris-article-card-new.iiris-filter-hidden-new {
    display: none;
}


@media (max-width: 1100px) {

    .iiris-articles-container-new {
        width: min(100% - 40px, 900px);
    }

    .iiris-feature-content-new {
        padding: 45px;
    }

    .iiris-articles-layout-new {
        grid-template-columns: 1fr;
    }

    .iiris-articles-side-new {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .iiris-side-heading-new,
    .iiris-side-highlight-new {
        grid-column: 1 / -1;
    }

    .iiris-side-story-new {
        border: 1px solid var(--iiris-border);
        padding: 20px;
    }

}


@media (max-width: 767px) {

    .iiris-articles-new {
        padding: 70px 0;
    }

    .iiris-articles-container-new {
        width: calc(100% - 30px);
    }

    .iiris-articles-heading-new {
        margin-bottom: 40px;
    }

    .iiris-articles-heading-new h1 {
        font-size: 43px;
        letter-spacing: -2px;
    }

    .iiris-feature-new {
        display: block;
    }

    .iiris-articles-feature-new {
        grid-template-columns: 1fr;
        margin-bottom: 45px;
    }

    .iiris-feature-image-new {
        min-height: 320px;
    }

    .iiris-feature-content-new {
        padding: 35px 25px;
    }

    .iiris-feature-content-new h2 {
        font-size: 30px;
    }

    .iiris-articles-toolbar-new {
        align-items: flex-start;
        flex-direction: column;
    }

    .iiris-articles-search-new {
        width: 100%;
    }

    .iiris-article-grid-new {
        grid-template-columns: 1fr;
    }

    .iiris-articles-side-new {
        display: block;
        margin-top: 45px;
    }

    .iiris-side-story-new {
        margin-bottom: 0;
    }

    .iiris-side-highlight-new {
        margin-top: 25px;
    }

    .iiris-articles-bottom-new {
        flex-direction: column;
        align-items: flex-start;
        padding: 35px 25px;
        margin-top: 55px;
    }

    .iiris-articles-bottom-new h2 {
        font-size: 27px;
    }

}


@media (max-width: 480px) {

    .iiris-articles-tabs-new {
        gap: 4px;
    }

    .iiris-article-tab-new {
        padding: 8px 10px;
        font-size: 10px;
    }

    .iiris-article-image-new {
        height: 210px;
    }

    .iiris-article-body-new {
        padding: 21px;
    }

    .iiris-feature-meta-new {
        flex-direction: column;
        gap: 6px;
    }

}

.btn-secondary_02{
    padding: 10px 20px;
    border-radius: 7px;
    background: transparent;
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}
.btn-secondary_02:hover{
    padding: 10px 20px;
    border-radius: 7px;
    background: #ffffff4f;
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}
.iiris-pagination-new {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 55px;
    padding-top: 30px;
    border-top: 1px solid #e5edf2;
}

.iiris-pagination-numbers-new {
    display: flex;
    align-items: center;
    gap: 8px;
}

.iiris-pagination-btn-new {
    width: 50px;
    height: 50px;
    padding: 0;
    border: 1px solid #dce5eb;
    background: #fff;
    color: #10253d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
}

.iiris-pagination-btn-new svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.7;
}

.iiris-pagination-btn-new:hover {
    border-color: #198bcf;
    color: #198bcf;
    background: #f5fbfe;
}

.iiris-pagination-btn-new.active-new {
    background: #198bcf;
    border-color: #198bcf;
    color: #fff;
}

.iiris-pagination-btn-new.active-new:hover {
    background: #198bcf;
    border-color: #198bcf;
    color: #fff;
}

.iiris-pagination-btn-new:disabled {
    background: #fff;
    color: #aab5bd;
    border-color: #e5ebef;
    cursor: not-allowed;
}

.iiris-pagination-btn-new:disabled svg {
    opacity: .7;
}

@media (max-width: 767px) {

    .iiris-pagination-new {
        justify-content: center;
        margin-top: 40px;
        padding-top: 25px;
    }

    .iiris-pagination-btn-new {
        width: 44px;
        height: 44px;
    }

    .iiris-pagination-numbers-new {
        gap: 5px;
    }

}

@media (max-width: 480px) {

    .iiris-pagination-btn-new {
        width: 40px;
        height: 40px;
        font-size: 13px;
    }

    .iiris-pagination-new {
        gap: 5px;
    }

}

.iiris-pagination-new {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 45px;
    padding-top: 30px;
    border-top: 1px solid #e5edf2;
}

.iiris-pagination-numbers-new {
    display: flex;
    align-items: center;
    gap: 8px;
}

.iiris-pagination-btn-new {
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid #dce5eb;
    background: #fff;
    color: #10253d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
}

.iiris-pagination-btn-new svg {
    width: 17px;
    height: 17px;
}

.iiris-pagination-btn-new:hover {
    border-color: #198bcf;
    color: #198bcf;
    background: #f5fbfe;
}

.iiris-pagination-btn-new.active-new {
    background: #198bcf;
    border-color: #198bcf;
    color: #fff;
}

.iiris-pagination-btn-new.active-new:hover {
    background: #198bcf;
    border-color: #198bcf;
    color: #fff;
}

.iiris-pagination-btn-new:disabled {
    opacity: .45;
    cursor: not-allowed;
    background: #fff;
    color: #7f8d97;
}

@media (max-width: 767px) {

    .iiris-pagination-new {
        justify-content: center;
        margin-top: 35px;
        padding-top: 25px;
    }

    .iiris-pagination-btn-new {
        width: 42px;
        height: 42px;
    }

    .iiris-pagination-numbers-new {
        gap: 5px;
    }

}

@media (max-width: 480px) {

    .iiris-pagination-btn-new {
        width: 38px;
        height: 38px;
        font-size: 12px;
    }

}

/* publication css start */
.publications-section {
    position: relative;
    overflow: hidden;
    padding: 60px 0 60px;
    background: radial-gradient(circle at 85% 10%, rgba(19, 57, 96, .055), transparent 32%), #f7f8fa;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
        background-repeat: repeat, repeat, repeat;
        background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
        background-size: auto, auto, auto;
    background-image: url(../images/bg-01.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.publications-container {
    width: min(1420px, calc(100% - 70px));
    margin: 0 auto;
}

.publications-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 48px;
}

.publications-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    color: #198bcf;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing:1px;
    text-transform: uppercase;
}

.publications-eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: #198bcf;
}

.publications-title {
    margin: 0;
    color: #000;
    font-size: 45px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0px;
}

.publications-subtitle {
    margin: 18px 0 0;
    color: #3c3c3c;
    font-size: 17px;
    line-height: 1.6;
}

.publications-nav {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.publication-nav-btn {
    width: 52px;
    height: 52px;
    border: 1px solid #dce1e6;
    border-radius: 50%;
    background: #fff;
    color: #173653;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    transition: .3s ease;
}

.publication-nav-btn:hover {
    background: #102f4f;
    border-color: #102f4f;
    color: #fff;
    transform: translateY(-2px);
}

.publication-nav-btn:disabled {
    opacity: .35;
    cursor: not-allowed;
    transform: none;
}

/* .publications-slider-outer {
    width: 100%;
    overflow: hidden;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
} */

.publications-slider-outer {
    width: 100%;
    overflow: hidden;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

.publications-slider-outer.is-dragging {
    cursor: grabbing;
}

.publications-slider {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: max-content;
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.publication-card {
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid #e1e5e9;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(15, 36, 58, .035);
    transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}

.publication-card:hover {
    border-color: #cbd4dd;
    transform: translateY(-7px);
    box-shadow: 0 24px 55px rgba(15, 36, 58, .11);
}

.publication-width-350 {
    width: 350px;
}

.publication-width-400 {
    width: 400px;
}

.publication-width-480 {
    width: 480px;
}

.publication-width-520 {
    width: 520px;
}

.publication-width-620 {
    width: 620px;
}

.publication-width-700 {
    width: 700px;
}

.publication-image-wrap {
    position: relative;
    height: 680px;
    overflow: hidden;
    background: #e9edf1;
}

.publication-image-wrap img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: fill;
    pointer-events: none;
    transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}

.publication-card:hover .publication-image-wrap img {
    transform: scale(1.045);
}

.publication-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 30px;
    background: rgba(13, 34, 55, .72);
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.2px;
    backdrop-filter: blur(10px);
}

.publication-view-btn {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 40px);
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 10px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    backdrop-filter: blur(12px);
    cursor: pointer;
    opacity: 0;
    transform: translateY(10px);
    transition: .35s ease;
    text-decoration: none;
}

.publication-card:hover .publication-view-btn {
    opacity: 1;
    transform: translateY(0);
}

.publication-content {
    padding: 27px 27px 29px;
}

.publication-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    color: #78838e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.publication-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #aeb6be;
}

.publication-content h3 {
    margin: 0;
    color: #000;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0px;
}

.publication-content p {
    margin: 15px 0 24px;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 100px;
}

.publication-read-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #123a5d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.publication-read-link span {
    font-size: 18px;
    transition: transform .3s ease;
}

.publication-read-link:hover span {
    transform: translateX(4px);
}

.publications-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 38px;
}

.publications-progress {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #7b858f;
    font-size: 11px;
    font-weight: 700;
}

.publications-progress-current {
    color: #112f4e;
}

.publications-progress-line {
    position: relative;
    width: 120px;
    height: 2px;
    overflow: hidden;
    background: #dce1e5;
}

.publications-progress-line span {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #123a5d;
    transition: width .35s ease;
}

.publications-all-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #123a5d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.publications-all-link span {
    font-size: 17px;
    transition: transform .3s ease;
}

.publications-all-link:hover span {
    transform: translate(3px, -3px);
}

@media (max-width: 700px) {

    .publications-section {
        padding: 70px 0;
    }

    .publications-container {
        width: calc(100% - 30px);
    }

    .publications-header {
        margin-bottom: 30px;
    }

    .publications-title {
        font-size: 42px;
    }

    .publications-subtitle {
        font-size: 15px;
    }

    .publications-nav {
        display: none;
    }

    .publications-slider {
        gap: 15px;
    }

    .publication-card {
        width: 85vw !important;
    }

    .publication-image-wrap {
        height: 280px;
    }

    .publication-content {
        padding: 23px 21px 25px;
    }

    .publication-content h3 {
        font-size: 21px;
    }

    .publication-view-btn {
        opacity: 1;
        transform: translateY(0);
    }

    .publications-bottom {
        margin-top: 28px;
    }

    .publications-progress-line {
        width: 70px;
    }
}

/* youtuve section */
.videoMediaSection {
    position: relative;
    overflow: hidden;
    padding: 60px 0 60px;
   
}

.videoMediaContainer {
    width: min(1420px, calc(100% - 70px));
    margin: 0 auto;
}

.videoMediaHeader {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 38px;
}

.videoMediaEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #198bcf;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.videoMediaEyebrow::before {
    content: "";
    width: 30px;
    height: 1px;
    background: #163b5e;
}

.videoMediaTitle {
    margin: 0;
    color: #000;
    font-size: 45px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -1px;
}

.videoMediaSubtitle {
    max-width: 600px;
    margin: 17px 0 0;
    color: #3c3c3c;
    font-size: 17px;
    line-height: 1.65;
}

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

.videoMediaCount {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #7b858f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.videoMediaCount strong {
    color: #198bcf;
    font-size: 25px;
    letter-spacing: 1px;
}

.videoMediaFilters {
  display: flex;
  align-items: center;
  gap: 9px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 25px;
  border-bottom: 1px solid #dce7ee;
  margin-bottom: 40px;
}

.videoMediaFilters::-webkit-scrollbar {
    display: none;
}

.videoFilterBtn {
    flex-shrink: 0;
  border: 1px solid #fff;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  transition: .3s ease;
  padding: 10px 15px;
  background: transparent;
    cursor: pointer;
    transition: .3s ease;
    color: #3c3c3c;
}

.videoFilterBtn:hover {
    border-color: transparent;
    color: #198bcf;
}

.videoFilterBtn.active {
    border-color: #198bcf;
    background: #198bcf;
    color: #fff;
}

.videoMediaGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.videoMediaCard {
    overflow: hidden;
    border: 1px solid #e0e5e9;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(18, 45, 70, .045);
    transition:
        transform .45s cubic-bezier(.22, 1, .36, 1),
        box-shadow .45s ease,
        border-color .45s ease;
}

.videoMediaCard:hover {
    transform: translateY(-8px);
    border-color: #cbd5dd;
    box-shadow: 0 25px 55px rgba(18, 45, 70, .13);
}

.videoMediaThumbnail {
    position: relative;
    height: 255px;
    overflow: hidden;
    background: #101820;
    cursor: pointer;
}

.videoMediaThumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    pointer-events: none;
    transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}

.videoMediaCard:hover .videoMediaThumbnail img {
    transform: scale(1.055);
}

.videoThumbnailOverlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(4, 16, 28, .12) 0%,
            rgba(4, 16, 28, 0) 35%,
            rgba(4, 16, 28, .75) 100%
        );
    pointer-events: none;
}

.videoCategoryBadge {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 30px;
    background: rgba(8, 29, 48, .68);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
}

.videoDuration {
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 6px 8px;
    border-radius: 5px;
    background: rgba(0,0,0,.72);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.videoPlayBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 65px;
    height: 46px;
    border: 0;
    border-radius: 13px;
    background: #ff0033;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%) scale(.9);
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
    cursor: pointer;
    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.videoMediaCard:hover .videoPlayBtn {
    transform: translate(-50%, -50%) scale(1.08);
    background: #ff1744;
    box-shadow: 0 18px 38px rgba(0,0,0,.32);
}

.videoPlayIcon {
    width: 0;
    height: 0;
    margin-left: 4px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #fff;
}

.videoThumbnailBottom {
    position: absolute;
    left: 17px;
    right: 17px;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    opacity: 0;
    transform: translateY(7px);
    transition: .35s ease;
}

.videoMediaCard:hover .videoThumbnailBottom {
    opacity: 1;
    transform: translateY(0);
}

.videoExternalIcon {
    font-size: 18px;
}

.videoMediaContent {
    padding: 24px 24px 26px;
}

.videoMediaMeta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
   color: #3c3c3c;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.videoMediaMeta > span:nth-child(2) {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #b3bbc2;
}

.videoMediaContent h3 {
  min-height: 58px;
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0px;
}

.videoMediaContent p {
    margin: 12px 0 0;
    color: #3c3c3c;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.7;
}

.videoHiddenCard {
    display: none;
}

.videoHiddenCard.videoShowCard {
    display: block;
}

.videoMediaBottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 45px;
}

.videoMediaBottomLine {
    width: 70px;
    height: 1px;
    background: #d7dde2;
}

.videoLoadMoreBtn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    /* padding: 13px 20px 13px 22px;
    border: 1px solid #d8dfe4;
    border-radius: 40px;
    background: #fff;
    color: #123653;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: .3s ease; */
}

.videoLoadMoreBtn strong {
    width: 25px;
  height: 25px;
  border-radius: 50%;
  /* background: #123653; */
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 31px;
  font-weight: 300;
  transition: transform .3s ease;
}

/* .videoLoadMoreBtn:hover {
    border-color: #123653;
    box-shadow: 0 10px 25px rgba(18,54,83,.12);
    transform: translateY(-2px);
} */

.videoLoadMoreBtn:hover strong {
    transform: rotate(90deg);
}

.videoModal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: .35s ease;
}

.videoModal.active {
    opacity: 1;
    visibility: visible;
}

.videoModalBackdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 15, 25, .82);
    backdrop-filter: blur(10px);
}

.videoModalBox {
    position: relative;
    z-index: 2;
    width: min(1050px, 100%);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    overflow: hidden;
    background: #071522;
    box-shadow: 0 35px 100px rgba(0,0,0,.5);
    transform: translateY(25px) scale(.97);
    transition: .4s cubic-bezier(.22,1,.36,1);
}

.videoModal.active .videoModalBox {
    transform: translateY(0) scale(1);
}

.videoModalTitle {
    padding: 18px 55px 18px 22px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: #0b1d2c;
}

.videoModalClose {
    position: absolute;
    top: 10px;
    right: 13px;
    z-index: 5;
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    color: #fff;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    transition: .3s ease;
}

.videoModalClose:hover {
    background: #ff0033;
    transform: rotate(90deg);
}

.videoModalFrame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.videoModalFrame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

body.videoModalOpen {
    overflow: hidden;
}

@media (max-width: 1100px) {
    .videoMediaGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .videoMediaThumbnail {
        height: 260px;
    }
}

@media (max-width: 700px) {
    .videoMediaSection {
        padding: 75px 0;
    }

    .videoMediaContainer {
        width: calc(100% - 30px);
    }

    .videoMediaHeader {
        display: block;
        margin-bottom: 30px;
    }

    .videoMediaTitle {
        font-size: 42px;
        letter-spacing: -1.5px;
    }

    .videoMediaSubtitle {
        font-size: 14px;
    }

    .videoMediaHeaderRight {
        margin-top: 20px;
    }

    .videoMediaGrid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .videoMediaThumbnail {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .videoMediaContent {
        padding: 20px 20px 23px;
    }

    .videoMediaContent h3 {
        min-height: auto;
        font-size: 19px;
    }

    .videoThumbnailBottom {
        opacity: 1;
        transform: translateY(0);
    }

    .videoModal {
        padding: 15px;
    }

    .videoModalBox {
        border-radius: 14px;
    }

    .videoModalTitle {
        font-size: 13px;
    }
}

/* Articles page css=============================End */

/* Press relese css ============================start */
.iiris-press-new {
    --press-blue: #198bcf;
    --press-dark: #071b34;
    --press-text: #3c3c3c;
    --press-border: #dfe8ee;
    --press-soft: #f4f8fb;
    width: 100%;
    background: #ffffff;
    padding: 60px 0;
    overflow: hidden;
}

.iiris-press-container-new {
    width: min(1380px, calc(100% - 70px));
    margin: 0 auto;
}

.iiris-press-intro-new {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 70px;
    align-items: end;
    margin-bottom: 65px;
}

.iiris-press-intro-left-new {
    max-width: 720px;
}

.iiris-press-kicker-new {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--press-blue);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.iiris-press-kicker-new span {
    width: 35px;
    height: 1px;
    background: var(--press-blue);
}

.iiris-press-intro-left-new h1 {
    margin: 0;
    color: var(--press-dark);
    font-size: 45px;
    line-height: .98;
    letter-spacing: 0px;
    font-weight: 600;
}

.iiris-press-intro-left-new h1 em {
    color: var(--press-blue);
    font-style: normal;
    font-weight: 500;
}

.iiris-press-intro-right-new {
    display: grid;
    grid-template-columns: 1fr;
    gap: 35px;
    align-items: center;
    border-left: 1px solid var(--press-border);
    padding-left: 40px;
}

.iiris-press-intro-right-new p {
    margin: 0;
    color: var(--press-text);
    font-size: 14px;
    line-height: 1.9;
}

.iiris-press-stat-new {
    border-left: 1px solid var(--press-blue);
    padding-left: 20px;
}

.iiris-press-stat-new strong {
    display: block;
    color: var(--press-blue);
    font-size: 34px;
    line-height: 1;
    font-weight: 600;
}

.iiris-press-stat-new span {
    display: block;
    margin-top: 8px;
    color: #71818d;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.iiris-press-feature-new {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 500px;
    background: var(--press-soft);
    /* border: 1px solid var(--press-border); */
    margin-bottom: 85px;
    border-radius: 6px;
}

.iiris-press-feature-image-new {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border: 1px solid #e2ebf1;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    border-radius: 6px;
}

.iiris-press-feature-image-new img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

.iiris-press-feature-new:hover .iiris-press-feature-image-new img {
    transform: scale(1.06);
}

.iiris-press-feature-overlay-new {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(255 255 255 / 5%), rgb(25 139 207 / 15%));
}

.iiris-press-feature-label-new {
    position: absolute;
    top: 28px;
    left: 28px;
    padding: 9px 14px;
    background: #ffffff;
    color: var(--press-blue);
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
}

.iiris-press-feature-number-new {
    position: absolute;
    right: 30px;
    bottom: 25px;
    color: #e3ce6f;
    font-size: 70px;
    font-weight: 600;
    line-height: 1;
}

.iiris-press-feature-content-new {
        display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px;
    background: #198bcf;
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position: center center;
    border-radius: 0 6px 6px 0;
}

.iiris-press-meta-new {
    display: flex;
    gap: 20px;
    margin-bottom: 22px;
}

.iiris-press-meta-new span {
    color: #ffe972;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.iiris-press-feature-content-new h2 {
    margin: 0;
    color: #fff;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 600;
}

.iiris-press-feature-content-new p {
    margin: 24px 0 30px;
    color: #fbfbfb;
    font-size: 14px;
    line-height: 1.85;
}

.iiris-press-read-new {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: var(--press-blue);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.iiris-press-read-new svg {
    width: 17px;
    transition: transform .3s ease;
}

.iiris-press-read-new:hover svg {
    transform: translate(4px,-4px);
}

.iiris-press-feature-footer-new {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 45px;
    color: #ffe972;
    font-size: 13px;
    letter-spacing: 1.5px;
}

.iiris-press-feature-footer-new div {
    width: 70px;
    height: 1px;
    background: var(--press-border);
}


.iiris-press-section-head-new {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 35px;
}

.iiris-press-section-head-new > div:first-child > span {
    color: var(--press-blue);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.iiris-press-section-head-new h2 {
    margin: 8px 0 0;
    color: var(--press-dark);
    font-size: 30px;
    font-weight: 600;
}

.iiris-press-filter-new {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.iiris-press-filter-btn-new {
    border: 1px solid var(--press-border);
    background: #ffffff;
    padding: 9px 15px;
    color: #667783;
    font-size: 11px;
    cursor: pointer;
    transition: .25s ease;
}

.iiris-press-filter-btn-new:hover,
.iiris-press-filter-btn-new.active-new {
    background: var(--press-blue);
    border-color: var(--press-blue);
    color: #ffffff;
}


.iiris-press-grid-new {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 38px 25px;
}
.pressContent {
    padding: 25px;
}

.iiris-press-card-new {
    position: relative;
    min-height: 430px;   
    background: #ffffff;
    transition: .35s ease;
    overflow: hidden;
    /* padding-bottom: 28px; */
    border: 1px solid #dce5eb;
    animation: blogCardShow_newBlog .45s ease both;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
    border-radius: 6px;
}

.iiris-press-card-new:hover {
    background: #f7fbfd;
    box-shadow: 0 18px 40px rgba(7,27,52,.08);
    transform: translateY(-4px);
    z-index: 2;
}

.iiris-press-card-top-new {
       height: 278px;
    border-bottom: 1px solid #cccccc38;
}
.iiris-press-card-top-new img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s ease;
    cursor: pointer;
}
.iiris-press-card-top-new:hover img {
    transform: scale(1.06);
}

.iiris-press-card-top-new > span {
    color: #9aabb6;
    font-size: 12px;
    letter-spacing: 1px;
}

.iiris-press-card-icon-new {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e7ef;
    color: var(--press-blue);
    border-radius: 50%;
    transition: .3s ease;
}

.iiris-press-card-new:hover .iiris-press-card-icon-new {
    background: var(--press-blue);
    border-color: var(--press-blue);
    color: #ffffff;
    transform: rotate(8deg);
}

.iiris-press-card-icon-new svg {
    width: 19px;
}

.iiris-press-card-meta-new {
    display: flex;
    gap: 15px;
    margin-bottom: 17px;
}

.iiris-press-card-meta-new span {
    color: var(--press-blue);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.iiris-press-card-new h3 {
    margin: 0;
    color: var(--press-dark);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.iiris-press-card-new p {
    margin: 18px 0 25px;
    color: var(--press-text);
    font-size: 14px;
    line-height: 1.75;
}

.iiris-press-card-new > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--press-blue);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.iiris-press-card-new > a svg {
    width: 15px;
    transition: .3s ease;
}

.iiris-press-card-new > a:hover svg {
    transform: translate(4px,-4px);
}


.iiris-press-bottom-new {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 30px;
    margin-top: 75px;
    padding: 40px 45px;
    background: var(--press-dark);
    position: relative;
    overflow: hidden;
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position-x: center;
    background-position-y: center;
  background-position-x: center;
  background-position-y: center;
  background-position: center center;
  border-radius: 0 6px 6px 0;
}

.iiris-press-bottom-new::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.iiris-press-bottom-icon-new {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.2);
    color: #ffffff;
    border-radius: 50%;
}

.iiris-press-bottom-icon-new svg {
    width: 22px;
}

.iiris-press-bottom-content-new > span {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
}

.iiris-press-bottom-content-new h2 {
    margin: 7px 0 4px;
    color: #ffe972;
    font-size: 25px;
    font-weight: 500;
}

.iiris-press-bottom-content-new p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    
}

.iiris-press-bottom-link-new {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 20px;
    border: 1px solid rgba(255,255,255,.35);
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    transition: .3s ease;
}

.iiris-press-bottom-link-new:hover {
    background: #ffffff;
    color: var(--press-dark);
}

.iiris-press-bottom-link-new svg {
    width: 16px;
}


.iiris-press-card-new.is-hidden-new {
    display: none;
}


@media (max-width: 1100px) {

    .iiris-press-intro-new {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .iiris-press-intro-right-new {
        max-width: 700px;
    }

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

}


@media (max-width: 800px) {

    .iiris-press-new {
        padding: 70px 0;
    }

    .iiris-press-container-new {
        width: calc(100% - 35px);
    }

    .iiris-press-feature-new {
        grid-template-columns: 1fr;
    }

    .iiris-press-feature-image-new {
        min-height: 350px;
    }

    .iiris-press-feature-content-new {
        padding: 40px 30px;
    }

    .iiris-press-section-head-new {
        align-items: flex-start;
        flex-direction: column;
    }

    .iiris-press-bottom-new {
        grid-template-columns: 55px 1fr;
    }

    .iiris-press-bottom-link-new {
        grid-column: 2;
        width: fit-content;
    }

}


@media (max-width: 600px) {

    .iiris-press-intro-left-new h1 {
        font-size: 46px;
        letter-spacing: -2px;
    }

    .iiris-press-intro-right-new {
        grid-template-columns: 1fr;
        padding-left: 20px;
    }

    .iiris-press-stat-new {
        width: fit-content;
    }

    .iiris-press-grid-new {
        grid-template-columns: 1fr;
    }

    .iiris-press-card-new {
        min-height: auto;
    }

    .iiris-press-feature-content-new h2 {
        font-size: 27px;
    }

    .iiris-press-bottom-new {
        grid-template-columns: 1fr;
        padding: 30px 25px;
    }

    .iiris-press-bottom-link-new {
        grid-column: auto;
    }

}
.Read_full_announcement{
    width: 250px;
}
/* Press release css ============================end */

/* press release internal page====================start */
/* section.pressReleaseContent01 {
    padding: 60px 0;
}
.pressReleaseContent01 img {
  width: 620px;
  height: auto;
  float: left;
  padding: 10px;
  margin-right: 30px;
  margin-bottom: 20px;
  border: 1px solid #cccccc69;
  border-radius: 6px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.11);
} */


/* ========================================================= IIRIS PREMIUM INSIGHT PAGE ========================================================= */

.insight-page {
    --navy: #00264f;
    --blue: #1688d4;
    --light-blue: #8bc6e9;
    --pale-blue: #eaf5fb;
    --border: #dce8ef;
    --text: #173653;
    --muted: #71869a;
    background: #fff;
    color: var(--text);
}

/* ========================================================= COMMON CONTAINER ========================================================= */

.insight-page .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}

/* ========================================================= HERO ========================================================= */

.insight-hero {
    position: relative;
    padding: 55px 0 85px;
    overflow: hidden;
    background: #fff;
}

.insight-hero::after {
    content: "INSIGHT";
    position: absolute;
    right: -35px;
    bottom: -45px;
    font-size: 190px;
    line-height: 1;
    font-weight: 800;
    color: rgba(22, 136, 212, .035);
    pointer-events: none;
}

.insight-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 55px;
    border-bottom: 1px solid var(--border);
    color: var(--muted);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.insight-category {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #198bcf;
}

.insight-category span {
    width: 34px;
    height: 2px;
    background: #198bcf;
}

.insight-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 80px;
    align-items: end;
}

.insight-eyebrow {
    margin-bottom: 20px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.insight-hero h1 {
   max-width: 980px;
  margin: 0;
  color: #000;
  font-size: 45px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0px;
}

.insight-hero h1 em {
    display: block;
    color: #198bcf;
    font-weight: 600;
    font-style: italic;
}

.insight-subtitle {
    max-width: 760px;
    margin: 35px 0 0;
    color: #3c3c3c;
    font-size: 19px;
    line-height: 1.7;
}

.insight-author {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
}

.author-line {
    width: 40px;
    height: 1px;
    background: #198bcf;
}

.insight-author span {
    display: block;
    margin-bottom: 5px;
    color: var(--muted);
    font-size: 10px;
    letter-spacing: 1.5px;
}

.insight-author strong {
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
}

/* HERO STAT */

.hero-stat {
    padding-left: 30px;
    border-left: 1px solid var(--border);
}

.hero-stat strong {
    display: block;
    color: #198bcf;
    font-size: 110px;
    line-height: .8;
    font-weight: 700;
    letter-spacing: -6px;
}

.hero-stat strong sup {
    font-size: 40px;
    vertical-align: top;
    letter-spacing: 0;
}

.hero-stat span {
    display: block;
    max-width: 170px;
    margin-top: 25px;
    color: #000;
    font-size: 10px;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: 1.5px;
}

/* ========================================================= FEATURE IMAGE ========================================================= */

.insight-feature {
    padding-bottom: 90px;
}

.feature-image {
    position: relative;
    height: 550px;
    overflow: hidden;
    background: #eaf3f8;
}

.feature-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .8s ease;
}

.feature-image:hover img {
    transform: scale(1.025);
}

.image-label {
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding: 12px 18px;
    background: rgba(0, 38, 79, .9);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.image-label span {
    margin-left: 12px;
    color: var(--light-blue);
}

/* ========================================================= NUMBERS ========================================================= */

.insight-numbers {
    padding: 60px 0;
    background: #f5f9fc;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, .10), transparent 35%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 35%), #f5f9ff;
    background-repeat: repeat, repeat, repeat;
    background-image: radial-gradient(circle at left top, rgba(59, 130, 246, 0.1), transparent 35%), radial-gradient(circle at right bottom, rgba(14, 165, 233, 0.08), transparent 35%), none;
    background-size: auto, auto, auto;
    background-image: url(../images/bg-01.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.numbers-heading {
    margin-bottom: 55px;
}

.numbers-heading>span {
    display: block;
    margin-bottom: 15px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.numbers-heading h2 {
    margin: 0;
    color: #000;
    font-size: 45px;
    line-height: 1;
    letter-spacing: 1px;
}

.numbers-heading h2 em {
    color: #198bcf;
    font-weight: 600;
    font-style: italic;
}

.numbers-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #cfdde7;
    border-left: 1px solid #cfdde7;
}

.number-card {
    position: relative;
    min-height: 280px;
    padding: 30px;
    border-right: 1px solid #cfdde7;
    border-bottom: 1px solid #cfdde7;
    background: #fff;
    transition: transform .4s ease, box-shadow .4s ease;
}

.number-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 38, 79, .08);
}

.number-index {
    display: block;
    color: var(--light-blue);
    font-size: 14px;
    font-weight: 700;
}

.number-card strong {
    display: block;
    margin-top: 40px;
    color: #000;
    font-size: 55px;
    line-height: 1;
    letter-spacing: 0px;
}

.number-card strong sup {
    font-size: 22px;
}

.number-card p {
    max-width: 230px;
    margin: 25px 0 0;
    color: #60768a;
    font-size: 14px;
    line-height: 1.7;
}

/* ========================================================= ARTICLE BODY ========================================================= */

.insight-body {
    padding: 60px 0;
}

.article-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 780px);
    justify-content: center;
    gap: 90px;
}

/* SIDEBAR */

.article-sidebar {
    position: relative;
}

.sidebar-sticky {
    position: sticky;
    top: 120px;
}

.sidebar-label {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border);
    color: #198bcf;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.article-sidebar ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

.article-sidebar li {
    border-bottom: 1px solid #edf2f5;
}

.article-sidebar a {
    position: relative;
    display: block;
    padding: 14px 0;
    color: #5c7185;
    font-size: 14px;
    text-decoration: none;
    transition: color .3s ease;
}

.article-sidebar a::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    width: 0;
    height: 1px;
    background: #198bcf;
    transition: width .3s ease;
}

.article-sidebar a:hover {
    color: #198bcf;
}

.article-sidebar a:hover::before {
    width: 12px;
}

.sidebar-share {
    margin-top: 55px;
}

.sidebar-share>span {
    color: var(--muted);
    font-size: 10px;
    letter-spacing: 1.5px;
}

.share-links {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.share-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--border);
    color: #000;
    font-size: 12px;
    transition: background .3s ease, color .3s ease;
}

.share-links a:hover {
    background: #000;
    color: #fff;
}

/* ========================================================= ARTICLE ========================================================= */

.article-location {
    margin-bottom: 25px;
    color: #198bcf;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.article-content {
    color: #3c3c3c;
    font-size: 17px;
    line-height: 1.9;
}

.article-content p {
    margin: 0 0 25px;
    font-size: 14px;
}

.article-content .lead {
    color: #000;
    font-size: 25px;
    line-height: 1.55;
    font-weight: 500;
}

/* QUOTE */

.article-content blockquote {
    position: relative;
    margin: 70px 0;
    padding: 50px 55px;
    background: #000;
    color: #fff;
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position: center center;
    border-radius: 6px;
}

.quote-mark {
    position: absolute;
    top: 15px;
    left: 25px;
    color: #ffe972;
    font-family: Georgia, serif;
    font-size: 75px;
    line-height: 1;
}

.article-content blockquote p {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: 25px;
    line-height: 1.55;
    font-style: italic;
}

.article-content blockquote footer {
    margin-top: 25px;
    color: #ffe972;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
}

.article-content blockquote footer small {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

/* ARTICLE SECTIONS */

.article-section {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 30px;
    padding: 70px 0;
    border-top: 1px solid var(--border);
}

.section-number {
    color: var(--light-blue);
    font-size: 16px;
    font-weight: 700;
}

.article-section h2 {
    margin: 0 0 25px;
    color: #000;
    font-size: 40px;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.article-section h2 em {
    color: #198bcf;
    font-weight: 400;
    font-style: italic;
}

/* MINI STATS */

.mini-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px;
    border-top: 1px solid var(--border);
    border-left: 1px solid var(--border);
}

.mini-stats div {
    padding: 25px;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: #f7fafc;
}

.mini-stats strong {
    display: block;
    color: #198bcf;
    font-size: 28px;
}

.mini-stats span {
    display: block;
    margin-top: 8px;
    color: #000;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

/* HIGHLIGHT */

.highlight-stat {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-top: 40px;
    padding: 35px;
    border-left: 4px solid #198bcf;
    background: #f2f8fc;
}

.highlight-stat>strong {
    color: #198bcf;
    font-size: 70px;
    line-height: 1;
    letter-spacing: -4px;
}

.highlight-stat sup {
    font-size: 25px;
}

.highlight-stat span {
    display: block;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.highlight-stat p {
    margin: 8px 0 0;
    font-size: 14px;
}

/* ARTICLE END */

.article-end {
    margin-top: 50px;
    padding: 55px;
    background: #eef7fc;
    border: 1px solid #d8ebf6;
}

.article-end>span {
    color: #198bcf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.article-end h3 {
    margin: 20px 0;
    color: #000;
    font-size: 38px;
    line-height: 1.15;
}

.article-end h3 em {
    color: #198bcf;
    font-weight: 400;
    font-style: italic;
}

.article-end p {
    max-width: 600px;
    margin: 0;
    color: #5e7488;
}

/* ========================================================= RELATED INSIGHTS ========================================================= */

.related-insights {
    padding: 100px 0;
    background: #000;
    background: url(../images/Line-Pattern-1-1.webp) center center / cover no-repeat rgb(25, 139, 207);
    background-position-x: center;
    background-position-y: center;
  background-position-x: center;
  background-position-y: center;
  background-position: center center;
}

.related-heading>span {
    color: #ffe972;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.related-heading > span {
  color: #ffe972;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

.related-heading h2 em {
    color: #ffe972;
    font-weight: 400;
    font-style: italic;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.related-card {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 15px;
    min-height: 240px;
    padding: 30px;
    border-right: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    text-decoration: none;
    transition: background .35s ease;
}

.related-card:hover {
    background: rgba(255, 255, 255, .05);
}

.related-card>span {
    color: var(--light-blue);
    font-size: 13px;
    font-weight: 700;
}

.related-card small {
    color: #7e9ab0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.related-card h3 {
    margin: 20px 0 35px;
    color: #fff;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 400;
}

.related-card strong {
    color: var(--light-blue);
    font-size: 22px;
}

/* ========================================================= RESPONSIVE ========================================================= */

@media (max-width: 1100px) {
    .insight-page .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .insight-hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    .hero-stat {
        display: flex;
        align-items: center;
        gap: 30px;
        padding-left: 0;
        border-left: 0;
    }
    .hero-stat span {
        margin-top: 0;
    }
    .numbers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .article-layout {
        grid-template-columns: 200px minmax(0, 1fr);
        gap: 50px;
    }
}

@media (max-width: 767px) {
    .insight-page .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .insight-hero {
        padding: 35px 0 60px;
    }
    .insight-meta {
        margin-bottom: 35px;
    }
    .insight-hero h1 {
        font-size: 42px;
        letter-spacing: -1.5px;
    }
    .insight-subtitle {
        font-size: 16px;
    }
    .hero-stat strong {
        font-size: 75px;
    }
    .feature-image {
        height: 350px;
    }
    .insight-numbers {
        padding: 70px 0;
    }
    .numbers-heading h2 {
        font-size: 40px;
    }
    .numbers-grid {
        grid-template-columns: 1fr;
    }
    .insight-body {
        padding: 70px 0;
    }
    .article-layout {
        display: block;
    }
    .article-sidebar {
        display: none;
    }
    .article-content {
        font-size: 16px;
    }
    .article-content .lead {
        font-size: 21px;
    }
    .article-content blockquote {
        margin: 50px 0;
        padding: 40px 30px;
    }
    .article-content blockquote p {
        font-size: 21px;
    }
    .article-section {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 50px 0;
    }
    .article-section h2 {
        font-size: 32px;
    }
    .mini-stats {
        grid-template-columns: 1fr;
    }
    .highlight-stat {
        gap: 20px;
        padding: 25px;
    }
    .highlight-stat>strong {
        font-size: 50px;
    }
    .article-end {
        padding: 35px 25px;
    }
    .article-end h3 {
        font-size: 30px;
    }
    .related-insights {
        padding: 70px 0;
    }
    .related-heading h2 {
        font-size: 40px;
    }
    .related-grid {
        grid-template-columns: 1fr;
    }
    .related-card {
        min-height: 200px;
    }
}

/* press release internal page====================End */


/* New Services Css=================== Start */

/* .advisory-section-mbs {
    padding: 75px 0 90px;
} */

.advisory-container-mbs {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.advisory-eyebrow-mbs {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--tab-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.advisory-title-mbs {
    margin: 0 0 12px;
    color: var(--tab-heading);
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.advisory-description-mbs {
    max-width: 800px;
    margin-bottom: 48px;
    color: var(--tab-text);
    font-size: 18px;
    line-height: 1.65;
}

/* Main tab box */

.advisory-tabs-mbs {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    /* min-height: 510px; */
    overflow: hidden;
    border: 1px solid #efefef;
    border-radius: 17px;
    background: var(--tab-white);
    box-shadow: 0 3px 12px rgba(23, 35, 52, 0.025);
    position: relative;
}

/* Left tab navigation */

.advisory-nav-mbs {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #efefef;
    background: #fff;
    /* align-items: center;
  justify-content: center; */
}

.advisory-tab-mbs {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 90px;
    padding: 20px 25px;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: #626669;
    text-align: left;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease;
}

.advisory-tab-mbs::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: transparent;
    transition: background 0.25s ease;
}

.advisory-tab-mbs:hover {
    background: #faf9f7;
    color: var(--tab-heading);
}

.advisory-tab-mbs.active {
    background: #f5f5f5;
    color: #000;
    font-weight: 600;
    border-left: 3px solid #198bcf;
}

.advisory-tab-mbs.active::before {
    background: var(--tab-primary);
}

/* Right content */

.advisory-content-mbs {
    min-width: 0;
    padding: 35px 36px;
}

.advisory-panel-mbs {
    display: none;
    animation: tabFadeMbs 0.35s ease;
}

.advisory-panel-mbs.active {
    display: block;
}

@keyframes tabFadeMbs {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.advisory-meta-mbs {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
    color: #858681;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    position: absolute;
}

.advisory-meta-icon-mbs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--tab-primary);
}

.advisory-panel-title-mbs {
    margin-bottom: 24px;
    color: var(--tab-heading);
    font-size: clamp(22px, 2.3vw, 30px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.6px;
}

/* Text and illustration */

.advisory-panel-grid-mbs {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr);
    align-items: center;
    gap: 28px;
}

.advisory-panel-text-mbs {
    color: var(--tab-text);
    font-size: 16px;
    line-height: 1.8;
}

.advisory-link-mbs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 17px;
    color: var(--tab-primary);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: gap 0.2s ease;
}

.advisory-link-mbs:hover {
    gap: 13px;
}

.advisory-link-mbs svg {
    width: 17px;
    height: 17px;
}

/* Security architecture diagram */

.security-visual-mbs {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 340px;
    overflow: hidden;
    padding: 20px;
    border-radius: 16px;
    background: #101d32;
    /* background: linear-gradient(#284169, #3f74ba); */
    /* background: linear-gradient(#dadada, #cee1f1); */
    background: linear-gradient(348deg, rgb(255 255 255 / 98%), #54b7f3);
    border: 1px solid #e7e7e7;   
}

.security-visual-mbs svg {
    display: block;
    width: 100%;
    max-width: 470px;
    height: auto;
}

.security-visual-mbs .diagram-label-mbs {
    fill: #e8edf5;
    font-size: 14px;
    font-weight: 600;
}

.security-visual-mbs .diagram-small-mbs {
    fill: #fff;
    font-size: 13px;
}
.security-visual-mbs .diagram-small-mbs01 {
    fill: #243b5e;
    font-size: 13px;
}

.security-visual-mbs .diagram-heading-mbs {
    fill: #aab8ca;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.4px;
}

/* Responsive */

@media (max-width: 1100px) {
    .advisory-tabs-mbs {
        grid-template-columns: 250px minmax(0, 1fr);
    }

    .advisory-content-mbs {
        padding: 30px 25px;
    }

    .advisory-panel-grid-mbs {
        grid-template-columns: 1fr;
    }

    .security-visual-mbs {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .advisory-section-mbs {
        /* padding: 45px 0; */
    }

    .advisory-container-mbs {
        width: 100%;
    }

    .advisory-description-mbs {
        margin-bottom: 28px;
        font-size: 16px;
    }

    .advisory-tabs-mbs {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .advisory-nav-mbs {
        display: block;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        padding: 0px;
        border-right: 0;
        border-bottom: 1px solid #198bcf;
        scrollbar-width: thin;
    }

    .advisory-tab-mbs {
        flex: 0 0 210px;
        min-height: 72px;
        padding: 14px 16px;
        border: 1px solid var(--tab-border);
        /* border-radius: 8px; */
        font-size: 13px;
    }

    .advisory-tab-mbs::before {
        top: auto;
        right: 0;
        bottom: 0;
        width: auto;
        height: 3px;
        border-radius: 0 0 8px 8px;
    }

    .advisory-tab-mbs.active {
        /* border-color: #e4d5d1; */
    }

    .advisory-content-mbs {
        padding: 25px 18px;
    }

    .advisory-panel-title-mbs {
        margin-bottom: 20px;
    }

    .advisory-panel-text-mbs {
        font-size: 15px;
    }

    .security-visual-mbs {
        min-height: auto;
        padding: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .advisory-panel-mbs,
    .advisory-tab-mbs,
    .advisory-link-mbs {
        animation: none;
        transition: none;
    }
}


/* .service-vector-box_serNew {
    width: 100%;
    height: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.service-vector-box_serNew svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
} */

/* New Services Css=================== End */