/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 20 2024 | 12:21:43 */
  #slider {
      position: relative;
      width:100%;
	  max-width:80%;
      height:22vw;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:80px;
       margin-top:80px;
      font-family: 'Helvetica Neue', sans-serif;
      perspective: 1400px;
      transform-style: preserve-3d;
    }

    #slider input[type=radio] {
      position: relative;
      top: 108%;
      left: 50%;
      width: 18px;
      height: 18px;
      margin: 0 15px 0 0;
      opacity: 0.4;
      transform: translateX(-83px);
      cursor: pointer;
    }

    #slider input[type=radio]:nth-child(5) {
      margin-right: 0px;
    }

    #slider input[type=radio]:checked {
      opacity: 1;
    }

    #slider label,
    #slider label img {
      position: absolute;
      width:880px;
      height:460px;
      left: 0;
      top: 0;
      color: white;
      font-size: 70px;
      font-weight: bold;
      border-radius: 3px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
/* 	  max-width:880px; */
      transition: transform 400ms ease;
    }

    /* Slider Functionality */
    /* Active Slide */
    #s1:checked ~ #slide1,
    #s2:checked ~ #slide2,
    #s3:checked ~ #slide3,
    #s4:checked ~ #slide4,
    #s5:checked ~ #slide5 {
/*       box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2); */
      transform: translate3d(0%, 0, 0px);
    }

    /* Next Slide */
    #s1:checked ~ #slide2,
    #s2:checked ~ #slide3,
    #s3:checked ~ #slide4,
    #s4:checked ~ #slide5,
    #s5:checked ~ #slide1 {
/*       box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2); */
      transform: translate3d(10%, 0, -100px);
		opacity:0.2;
		
    }

    /* Next to Next Slide */
    #s1:checked ~ #slide3,
    #s2:checked ~ #slide4,
    #s3:checked ~ #slide5,
    #s4:checked ~ #slide1,
    #s5:checked ~ #slide2 {
      box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
/*       transform: translate3d(40%, 0, -250px); */
		transform: translate3d(0%, 0, -250px);
    }

    /* Previous to Previous Slide */
    #s1:checked ~ #slide4,
    #s2:checked ~ #slide5,
    #s3:checked ~ #slide1,
    #s4:checked ~ #slide2,
    #s5:checked ~ #slide3 {
      box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
      transform: translate3d(-0%, 0, -250px);
/*     transform: translate3d(-40%, 0, -250px); */
    }

    /* Previous Slide */
    #s1:checked ~ #slide5,
    #s2:checked ~ #slide1,
    #s3:checked ~ #slide2,
    #s4:checked ~ #slide3,
    #s5:checked ~ #slide4 {
/*       box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2); */
      transform: translate3d(-10%, 0, -100px);
		opacity:0.2;
    }

    /* Arrow Styles */
    #slider .arrow {
      position: absolute;
      top:60%;
      width:48px;
      height:48px;
       background-color:#404847;
      /*color: white; */
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
      user-select: none;
	  border-radius:24px;
      transform: translateY(-50%);
    }

    #slider .arrow.left {
      left: -67px;
    }
    .arrow.left svg {
		  position:absolute;
		  top:15px;
		  left:18px;
    }
     .arrow.right svg {
		  position:absolute;
		  top:15px;
		  left:18px;
    }
    #slider .arrow.right {
      right:-77px;
    }
     #slider input[type=radio] { 
		 visibility:hidden;
    }

@media (min-width:1025px) and (max-width:1440px) {
	.meet-room-section #slider {
		       margin-bottom:180px;
	}
}
@media (min-width:1024px) and (max-width:1440px) { 
    #slider .arrow {
    top:72%;
    }
}
@media (min-width:1025px) and (max-width:1200px) {
	 #slider label, #slider label img {
    position: absolute;
    width: 802px;
	}
}
@media (max-width:1024px) {
	  #slider {
         width:65%;
         height: 32vw;
	     margin-left:auto;
	     margin-right:auto;
		 margin-top:30px;
		 margin-bottom:200px;
      }
	  #slider label,
    #slider label img {
      width:600px;
	}    
}
@media (max-width:768px) {
    #slider {
        width: 91%;
        height: 32vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom:148px;
    }
	 #slider label, #slider label img {
/*         width:95%; */
		height:unset;
    }
}
@media (min-width:481px) and (max-width:767px)  {
	   #slider label, #slider label img {
         width:100%;
		 height:unset;
     }
	  #slider {
        margin-bottom:100px;
    }
	  #footer-section #mc4wp-form-2 .sub-btn {
        padding: 8px 10px !important;
        font-size: 16px;
        line-height: 26px;
        background-color: #C2D8D6;
    }
}

@media (max-width:480px) {
    #slider label, #slider label img {
        width: 337px;
		height:unset;
    }
	#slider {
		width: 91%;
        height: 32vw;
        margin-bottom: 80px;
		max-width: 87%;
	}
	#slider .arrow.left {
        left: -34px;
    }
	#slider .arrow.right {
        right: -39px;
     }
    #slider .arrow {
   	 	width:30px;
    	height:30px;
    }
	.arrow.left svg {
		top: 8px;
		left: 10px;
	}
	.arrow.right svg {
		top: 8px;
		left: 10px;
	}
}
@media (max-width:375px) {
    #slider label, #slider label img {
        width: 275px;
        height: unset;
    }
	
	 #slider .arrow.left {
      left: -34px;
    }
	#slider .arrow.right {
    right: -39px;
}
}

.recovery9-section .slider {
	  position: relative;
      width:100%;
	  max-width:80%;
      height:22vw;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:180px;
       margin-top:80px;
      font-family: 'Helvetica Neue', sans-serif;
      perspective: 1400px;
      transform-style: preserve-3d;
}