/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 12 2024 | 12:04:29 */
 #slider21 {
      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;
    }
    #slider21 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;
    }

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

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

    #slider21 label,
    #slider21 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 */
    #s21:checked ~ #slide21,
    #s22:checked ~ #slide22,
    #s23:checked ~ #slide23,
    #s24:checked ~ #slide24,
    #s25:checked ~ #slide25,
	#s26:checked ~ #slide26,
    #s27:checked ~ #slide27,
    #s28:checked ~ #slide28,
    #s29:checked ~ #slide29,
    #s30:checked ~ #slide30,
	#s31:checked ~ #slide31
	{
/*       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 */
    #s21:checked ~ #slide22,
    #s22:checked ~ #slide23,
    #s23:checked ~ #slide24,
    #s24:checked ~ #slide25,
    #s25:checked ~ #slide26,
    #s26:checked ~ #slide27,
    #s27:checked ~ #slide28,
    #s28:checked ~ #slide29,
    #s29:checked ~ #slide30,
    #s30:checked ~ #slide31,
	#s31:checked ~ #slide21
	{
/*       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 */
    #s21:checked ~ #slide23,
    #s22:checked ~ #slide24,
    #s23:checked ~ #slide25,
    #s24:checked ~ #slide26,
    #s25:checked ~ #slide27, 
	#s26:checked ~ #slide28,
    #s27:checked ~ #slide29,
    #s28:checked ~ #slide30,
    #s29:checked ~ #slide31,
    #s30:checked ~ #slide21, 
	#s31:checked ~ #slide22
   
	{
      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 */
    #s21:checked ~ #slide30,
    #s22:checked ~ #slide31,
    #s23:checked ~ #slide21,
    #s24:checked ~ #slide22,
    #s25:checked ~ #slide23,
    #s26:checked ~ #slide24,
	#s27:checked ~ #slide25,
	#s28:checked ~ #slide26,
	#s29:checked ~ #slide27,
	#s30:checked ~ #slide28,
	#s31:checked ~ #slide29,
	{
      box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
      transform: translate3d(-0%, 0, -250px);
/*     transform: translate3d(-40%, 0, -250px); */
    }

    /* Previous Slide */
    #s21:checked ~ #slide31,
    #s22:checked ~ #slide21,
    #s23:checked ~ #slide22,
    #s24:checked ~ #slide23,
    #s25:checked ~ #slide24, 
	#s26:checked ~ #slide25,
    #s27:checked ~ #slide26,
    #s28:checked ~ #slide27,
    #s29:checked ~ #slide28,
    #s30:checked ~ #slide29,
	#s31:checked ~ #slide30
  
	{
/*       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 */
    #slider21 .arrow21 {
      position: absolute;
      top: 71%;
      width:48px;
      height:48px;
       background-color:#404847;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
      user-select: none;
	  border-radius:24px;
      transform: translateY(-50%);
    }

    #slider21 .arrow21.left21 {
      left: -67px;
    }
    .arrow21.left21 svg {
		  position:absolute;
		  top:15px;
		  left:18px;
    }
     .arrow21.right21 svg {
		  position:absolute;
		  top:15px;
		  left:18px;
    }
    #slider21 .arrow21.right21 {
      right:-77px;
    }
     #slider21 input[type=radio] { 
		 visibility:hidden;
    }
@media (min-width:1441px) {
	#slider21 {
		margin-bottom:80px;
	}
}
@media (min-width:1025px) and (max-width:1200px) {
	 #slider21 label, #slider21 label img {
    position: absolute;
    width: 802px;
	}
}
@media (max-width:1024px) {
	  #slider21 {
         width:65%;
         height: 32vw;
	     margin-left:auto;
	     margin-right:auto;
		 margin-top:30px;
		 margin-bottom:200px;
      }
	  #slider21 label,
    #slider21 label img {
      width:600px;
	}    
}
@media (max-width:768px) {
    #slider21 {
        width: 91%;
        height: 32vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom:148px;
    }
	 #slider21 label, #slider21 label img {
/*         width:95%; */
		height:unset;
    }
}
@media (min-width:481px) and (max-width:767px)  {
	   #slider21 label, #slider21 label img {
         width:100%;
		 height:unset;
     }
	  #slider21 {
        margin-bottom:100px;
    }
	  #footer-section .mc4wp-form .sub-btn {
        padding: 8px 10px !important;
        font-size: 16px;
        line-height: 26px;
        background-color: #C2D8D6;
    }
}

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