.docs-navigation ul ul li.current a:after,.side-header .primary-menu ul>li.sub-menu>a:after,[class*=" icon-"],[class*=" icon-line-"],[class*=" icon-line2-"],[class^=icon-],[class^=icon-line-],[class^=icon-line2-]{display:inline-block;font-family:font-icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:inherit}[class*=" icon-line-"],[class^=icon-line-]{font-family:lined-icons}.icon-rotate-90{transform:rotate(90deg)}.pricing-features li::before{content:"\e658";font-family:font-icons;display:inline-block;position:relative;top:1px;margin-right:5px;left:0}.icon-x:before{content:"\e978";margin-right:10px}.icon-checkmark:before{content:"\e658"}.icon-chevron-right:before{content:"\e99a"}.icon-star3:before{content:"\e6c1"}.icon-star-half-full:before{content:"\e7c1"}.icon-remove-circle:before{content:"\e713"}.icon-ok-circle:before{content:"\e714"}.icon-angle-left:before{content:"\e7a4"}.icon-angle-right:before{content:"\e7a5"}.icon-angle-up:before{content:"\e7a6"}.icon-angle-down:before{content:"\e7a7"}.icon-play:before{content:"\eb1b"}.icon-linkedin:before{content:"\ed8b"}.icon-pinterest:before{content:"\edc2"}.icon-twitter:before{content:"\ee11"}.icon-instagram:before{content:"\E807"}.icon-facebook:before{content:"\e86f"}.icon-flickr:before{content:"\ed37"}.icon-whatsapp:before{content:"\ee29"}.icon-youtube:before{content:"\ee3e"}.icon-line-arrow-right:before{content:"\e912"}.icon-line-plus:before{content:"\e9bc"}.faq-border{border:1px solid #d9d9d9;padding:10px}.faq-border .head{border-bottom:1px solid #cdcccc;padding-bottom:13px;color:#0a9b7e;font-weight:600;font-size:19px}.faq-border p{margin-top:15px}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none}.mfp-preloader{color:#ccc;position:absolute;top:50%;left:50%;width:24px;height:24px;text-align:center;margin-top:-12px;margin-left:-12px;z-index:1044;text-indent:-9999px}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bbb;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f5f5f5;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-fade.mfp-bg{opacity:0;transition:all .25s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .25s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.bg-color-home.nav-link.active,.bg-color-home.nav-link:hover,.bg-home,.menu-color-home>a::before{background:var(--themecolor,#ff8600);color:#fff;padding:5px;border-radius:5px}.menu-container>.menu-item>.menu-link{letter-spacing:0;transition:color .4s ease}.entry-title h3{font-size:20px;line-height:1.4}.entry-categories{position:absolute;bottom:10px;left:10px;text-transform:capitalize}.bg-overlay .entry-categories{position:relative;left:auto;bottom:auto;margin-bottom:12px;z-index:2}.entry-meta{margin-top:5px}.entry-meta li{font-size:.875rem}.entry-meta li span{color:#0a9b7e;font-weight:700}.line-xs{margin:4px 0 20px;border-bottom:3px solid #eee}.line-xs::after{top:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(51,51,51,0);border-top-color:#eee;border-width:8px;margin-left:-8px;z-index:1;background:0 0}.line-dark{border-bottom-color:var(--dark,#0a9b7e)}.line-dark::after{border-top-color:var(--dark,#0a9b7e)}.menu-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;transform:scale3d(0,0,0);transition:transform .1s;transition-timing-function:cubic-bezier(1,0.68,0.16,0.9)}.menu-item.current>.menu-link::before,.menu-item:hover>.menu-link::before{transform:scale3d(1,3,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.3s}.device-xs #primary-menu-trigger{margin-left:5px}.scroll-wrap{width:100%;overflow-y:scroll;overflow-x:hidden}.scroll{width:calc(100% - 10px)}.mb-4,.my-4{margin-bottom:1.5rem}.dark h4,.dark h5{color:#eee}#footer.dark{color:rgba(255,255,255,.75)}.dark .copyright-links a{color:#fff}.dark .copyright-links a:hover{color:rgba(255,255,255,.6)}.i-products{position:relative;overflow:hidden;border-radius:4px;margin:0 5px;box-shadow:0 2px 8px 0 rgb(103 151 255 / 9%),0 4px 32px 0 rgb(103 151 255 / 9%)}.i-products:hover{box-shadow:0 4px 6px rgba(0,0,0,.04)}.i-products .products-image,.i-products .products-image img{border-top-right-radius:4px;border-top-left-radius:4px}.i-products .products-image img{transform:translateY(0);transition:transform .2s ease-in-out}.i-products .products-desc{position:relative;padding:25px;background:linear-gradient(to right, rgb(241 114 34 / 8%), rgba(255, 255, 255, 0.0));border:solid #eee;border-width:0 1px 1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;transition:all .2s ease-in-out}.i-products .products-desc h3{font-size:20px;margin-bottom:8px}.i-products .products-desc .counter span,.i-products .products-desc .counter strong,.i-products .products-hoverlays .list-group-item strong{color:#0a9b7e}.pl-3,.px-3{padding-left:1rem}.mb-5,.my-5{margin-bottom:3rem}.my-2{margin-bottom:2rem}.badge-secondary{color:#fff;background-color:#6c757d}.rating-stars{position:relative;top:2px;color:orange}.ml-30{margin-left:30px}.play-icon i{width:70px;height:70px;line-height:71px;font-size:24px;background:#0a9b7e;color:#fff;text-align:center;border-radius:50%;padding-left:4px;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:transform .3s ease;animation:animdgradient 3s ease alternate infinite;background-size:300% 300%}.entry::after{background-color:#eee}.entry-title h2 a,.entry-title h2 a:hover,.entry-title h3 a,.entry-title h3 a:hover,.entry-title h4 a:hover{color:#222}.dark .entry-title h2 a:hover,.dark .entry-title h3 a,.dark .entry-title h3 a:hover,.entry-meta{display:block;float:none;margin:8px 0 0 0}.entry-content{margin-top:5px}.entry-content p{color:#555;font-size:15px;line-height:22px}.posts-md .entry-meta,.posts-md .entry-meta a,.posts-sm .entry-meta,.posts-sm .entry-meta a{font-size:14px}.posts-md .entry:not(:first-child) .grid-inner,.posts-sm .entry:not(:first-child) .grid-inner{padding-top:2rem;border-top:1px solid #e5e5e5}.dark .posts-md .entry:not(:first-child) .grid-inner,.dark .posts-sm .entry:not(:first-child) .grid-inner{border-top-color:rgba(255,255,255,.25)}.week-posts{list-style:none}.week-posts>li{counter-increment:step-counter}.week-posts>li .grid-inner::before{content:"0" counter(step-counter) ".";position:absolute;left:0;font-size:26px;font-weight:700;color:#ddd;line-height:1}.week-posts>li .grid-inner{padding-left:48px}.color-underline{background-image:linear-gradient(rgba(243,152,135,.3),#0a9b7e);background-repeat:no-repeat;background-size:0 8px;background-position:0 82%;padding:0 2px 2px 0;transition:background .6s cubic-bezier(.19, 1, .22, 1)}.color-underline:hover{background-size:100% 8px}a.more-link{font-style:normal;border-bottom:none;font-size:14px;color:#222;text-transform:capitalize;text-decoration:underline}@media (min-width:992px){.border-between>[class*=col-]::before{background:#e5e5e5;bottom:0;content:" ";left:0;position:absolute;width:1px;top:0}.border-between>[class*=col-]:first-child::before{display:none}.border-between .container,.border-between .container-fluid,.border-between>[class*=col-]{padding-right:30px;padding-left:30px}.border-between.row{margin-right:-30px;margin-left:-30px}}.ryp-container {
  width: 100%; 
  justify-content: center;
  display: flex; 
  align-items: center; 
  flex-wrap: wrap;
  transition: all 0.3s ease;
}

.ryp-container img {
  width: 130px;
  height: 533px;
  object-fit: cover;
  border-radius: 10px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.6);
  transition: all 0.4s ease-in-out;
}

/* First image big by default */
.ryp-container img:first-child {
  width: 400px;
}

/* First image zoom more when hovered */
.ryp-container img:first-child:hover {
  width: 400px;
}

/* Other images enlarge when hovered & shrink first image */
.ryp-container img:not(:first-child):hover {
  width: 400px;
}
.ryp-container img:not(:first-child):hover ~ img:first-child,
.ryp-container:hover img:first-child:not(:hover) {
  width: 100px;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .ryp-container {
          
    flex-direction: row;
    justify-content: center; 
    gap: 0.5rem;
  }

 

  .ryp-container img:first-child:hover {
    width: 400px;
  }

  .ryp-container img:not(:first-child):hover {
    width: 400px;
  }

  .ryp-container:hover img:first-child:not(:hover) {
    width: 80px;
  }
}

@media (max-width: 480px) {
  .ryp-container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .ryp-container img {
    width: 60px;
    height: 300px;
  }

  .ryp-container img:first-child {
    width: 200px;
  }

  .ryp-container img:first-child:hover {
    width: 200px;
  }

  .ryp-container img:not(:first-child):hover {
    width: 200px;
  }

  .ryp-container:hover img:first-child:not(:hover) {
    width: 60px;
  }
}