:root{
         --ring:#e9eef6;
         --accent:#e15a6b; /* dot color */
         --ink:#212529;
         --muted:#6c757d;
         }
         /* Section basics */
         .rhf-wrap{position:relative; padding-block:72px;}
         .rhf-kicker{letter-spacing:.18em; font-weight:600; color:var(--muted);}
         .rhf-title{font-weight:800;}
         .rhf-sub{max-width:720px; margin-inline:auto; color:var(--muted);}
         /* Diagram stage */
         .stage{
         position:relative;
         max-width:1080px;
         margin:56px auto 0;
         aspect-ratio: 1.9 / 1;          /* wide canvas */
         }
         /* Center core */
         .core{
         position:absolute; inset:50% auto auto 50%;
         translate:-50% -50%;
         width:260px; height:260px;
         border-radius:50%;
         background:radial-gradient(closest-side, #fff 0 60%, rgba(225,90,107,.08) 61% 100%);
         box-shadow:
         0 10px 30px rgba(0,0,0,.08),
         inset 0 0 0 14px rgba(225,90,107,.12),
         inset 0 0 0 34px rgba(225,90,107,.06);
         display:grid; place-items:center;
         z-index: 1111111111111;
         position: relative;
         }
         .core-logo{
         width:165px; height:165px; border-radius:50%;
         background:#fff url('rhf.jpg') center/cover no-repeat;
         box-shadow:0 10px 25px rgba(0,0,0,.07);
         }
         /* Feature bubbles */
         .feature{
         position:absolute; width:280px; max-width:40vw;
         }
         .feature h6{font-weight:800; letter-spacing:.04em;}
         .feature p{color:var(--muted); margin:0;}
         .feature .bi{font-size:1.6rem;}
         /* Place features around */
         .f-1{left:0; top:8%;}
         .f-2{right:0; top:8%;}
         .f-3{left:0; bottom:18%;}
         .f-4{right:0; bottom:18%;}
         .f-5{left:50%; bottom:-17%; translate:-50% 0;}
         /* Connector dots */
         .dot{
         position:absolute; width:12px; height:12px; border-radius:50%; background:var(--accent);
         box-shadow:0 0 0 6px rgba(225,90,107,.12);
         }
         /* Hide the diagram and use a simple stack on small screens */
         @media (max-width: 767.98px){
         .stage{aspect-ratio:auto; max-width:100%; margin-top:24px;}
         .core{position:relative; inset:auto; translate:0}
         .feature{position:static; width:auto; max-width:none; margin-top:18px;}
         .connectors, .dot{display:none;}
         }
         /* Card look for text blocks */
         .bubble{
         background:#fff; border-radius:18px; padding:16px 18px;
         box-shadow:0 6px 20px rgba(0,0,0,.06);
         }
         .feature {
         display: -moz-flex;
         display: -webkit-flex;
         display: -ms-flex;
         display: flex;
         -moz-align-items: center;
         -webkit-align-items: center;
         -ms-align-items: center;
         align-items: center;
         margin-bottom: 0em !important; 
         }
         .membership-section {
         background-color: #c54b5d;
         color: #fff;
         padding: 0px 0;
         position: relative;
         }
         .membership-section h1 {
         font-weight: 700;
         font-size: 2.2rem;
         margin-bottom: 20px;
         }
         .membership-section p {
         font-size: 1.1rem;
         margin-bottom: 25px;
         }
         .membership-badge img {
         max-width: 100%;
         height: auto;
         }
         .btn-custom {
         background: #1a73e8;
         color: #fff;
         padding: 12px 25px;
         border-radius: 8px;
         font-weight: 600;
         }
         .btn-custom:hover {
         background: #1558b0;
         color: #fff;
         }
         .wwe{ width: 80%;}
         .focus-text {
         font-weight: 700;
         font-size: 1.02rem;
         line-height: 1.5;
         font-weight: normal;
         font-size: 13px;
         }
         .focus-item {
         background: #f3f6fd;
         border-radius: 16px;
         padding: 10px 22px;
         box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
         border: 1px solid #e7eefc;
         transition: transform .2s ease, box-shadow .2s ease;
         display: flex;
         align-items: flex-start;
         gap: 14px;
         margin-bottom: 16px;
         }
         .dcl2{    margin-bottom: 90px;
         text-align: center;}
         .focus-item.primary {
         background: inherit !important;
         color: #000 !important;
         border: 1px solid #5f6c86;
         }
         .focus-item:hover {
         background-color: #fff !important;
         color: #000 !important;
         }
         .focus-item {
         background: #fff;
         border-radius: 16px;
         padding: 10px 22px;
         box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
         border: 1px solid #5f6c86;
         transition: transform .2s ease, box-shadow .2s ease;
         display: flex;
         align-items: flex-start;
         gap: 14px;
         margin-bottom: 16px;
         }
         .exvent-hero-section-03 {
         position: relative;
         background-repeat: no-repeat;
         background-position: top;
         background-size: cover;
         z-index: 1;
         border: none !important;
         border-top: 0px;
         width: 100%;
         height: auto;
         min-height: 490px; 
         }
         @media screen and (min-device-width: 320px) and (max-device-width: 480px) {

         .bar44::before {
    content: '';
    position: absolute;
    left: 890px;
    top: auto;
    height: 2%;
    width: 5px;
    background: #ffffff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
     display: none;
}

.bar45::before {
    content: '';
    position: absolute;
    left: 840px;
    top: auto;
    height: 1%;
    width: 5px;
    background: #ffffff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    display: none;
}
   

            .mrgpoint {
	padding-top: 0px;
}

.ptm {
	padding-top: 0px;
}
         .exvent-hero-section-03 {
         background-size: contain;
         min-height: 300px !important;
         margin-bottom: 0px !important;
         padding-bottom: 0px !important;
         }


.imgwidthle {
    width: 52% !important;
    padding-top: 0px;
}

.rhfm hr{ color: #e15a6b !important;}

/* .rhftitlecolor{color: #e15a6b !important;} */

         }
         /* Medium desktops / laptops */
         @media (min-width: 992px) and (max-width: 1500px) {
         .exvent-hero-section-03 {
         position: relative;
         background-repeat: no-repeat;
         background-position: 100% 100%;
         background-size: cover;
         z-index: 1;
         border: none !important;
         border-top: 0px;
         width: 100%;
         height: auto;
         min-height: 440px; }
         }
         .benefits-title {
         font-weight: 600;
         font-size: 28px !important;
         color: #e15a6b !important;
         }
         .adv-section {
         padding: 23px 0;
         background: #f8f8f8;
         }

          .adv-section2 {
         padding: 23px 0;
         background: #fff;
         }

         .dcl2 {
         margin-bottom: 0px !important;
         text-align: center;
         }

         .mrgpoint{padding-top: 28px;}


.imgwidthle {
    width: 52% !important;
    padding-top: 0px;
}

.ptm{padding-top: 80px;}

.bar44 {
    height: 4px;
    width: 85px;
    background: #2f5bea;
    margin-right: auto;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    margin: 0 149px;
}

.bar45 {
    height: 4px;
    width: 85px;
    background: #2f5bea;
    margin-right: auto;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    margin: 0 110px;
}

.bar44::before {
    content: '';
    position: absolute;
    left: 890px;
    top: auto;
    height: 2%;
    width: 5px;
    background: #ffffff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.bar45::before {
    content: '';
    position: absolute;
    left: 840px;
    top: auto;
    height: 1%;
    width: 5px;
    background: #ffffff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.adv-icon {
    width: 30px;
    height: 30px;
    border: 2px solid #1e40af;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e40af;
    font-size: 16px;
    /* flex-shrink: 0; */
}

.benefit-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1e40af;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 12px;
    flex-shrink: 0;
}

.adv-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.ptna{    border-radius: 14px;
    box-shadow: 1px 1px 17px 1px #dad7d7;}

    .barn {
    margin: 12px 160px 12px !important;

}

.ptsty{font-style: italic; font-weight: 500;}

.benefit-item {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding-bottom: 9px;
    padding-top: 9px;
}

.imgwidth2 {
    width: 100% !important;
}


.college-section {
    padding: 10px 0;
    padding-top: 29px !important;
}

.focus-section {
    padding: 10px 0;
    padding-top: 29px !important;
}

@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .rhmobileship {
    background: url(../../img/rh-images/mobileimgmembership.jpg) no-repeat !important;
    background-size: auto;
    background-size: cover !important;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 400px) {
      .exvent-hero-section-03 {
         background-size: contain;
         min-height: 243px !important;
         margin-bottom: 0px !important;
         padding-bottom: 0px !important;
         }

        }

.bg-dark33 {
	background-color: #ccc;
}

footer {
	position: relative;
	min-height: fit-content;
	padding: 110px 0 50px 0;
	background:#000 !important;
	overflow: hidden;
	color: #fff;
    text-align: center;
}


@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .mrttop {
    margin-top: 10px !important;
  }

  .benefits-title {
	font-weight: 600;
	font-size: 19px !important;
	color: #e15a6b !important;
}

.mrgpoint {
	padding-top: 0px;
}

.imgwidthle {
	width: 72% !important;
	padding-top: 10px;
}

.ttcenter{text-align: center;}

.barn {
	margin: 12px 160px 12px !important;
	margin: auto !important;
	margin-bottom: 10px !important;
}

  .section-title .bar {
    margin-bottom: 13px !important;
  }

}




.anisrh {
    background-color: #fff !important;
    color: #000 !important;
    padding: 10px;
    margin-bottom: 12px;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    text-align: left;
    z-index: 10;
}

.anisrh6 {
    background-color: #eee;
    color: #999;
    padding: 10px;
    margin-bottom: 12px;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    text-align: left;
    z-index: 10;
}



.adv-text2 {
    flex: 1;
   font-size: 14.4px;
    line-height: 1.5;
    color: #000;
}

.adv-icon2 {
	width: 30px;
	height: 30px;
	border: 2px solid #6c6291;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #6c6291;
	font-size: 16px;
	/* flex-shrink: 0; */
}


.mrgtrh{    margin-top: 28px !important;}


.benefit-text {
    font-size: 15.2px !important;
    color: #000 !important;
}


.fft img {
	width: 23px;
	margin-right: 10px;
}

.cct img {
	width: 23px;
	margin-right: 10px;
}

.ppt img {
	width: 23px;
	margin-right: 10px;
}

.jk{width: 85%;
    margin: auto;
    margin-bottom: 13px;}