body{font-family: "Raleway" !important;background: url(../images/bg-pattern.png) repeat-y;}
h1,h2,h3,h4,h5,h6{}
h2{font-family: montserrat;font-weight:400;font-size:2.5rem;}
h4{color:#2F71A1;}
        .yl-txt{color:#000; font-size:2.75rem;}
        .wt-txt{color:#000; font-size:2rem;}
        .btn-primary{color:#fff;background-image: linear-gradient(#284152,#367FB6);border:none;border-radius:50px;}
.btn-secondary{color:#2F71A1;background:#fff;border:1px solid #2F71A1;border-radius:50px;}
.btn-secondary:hover{background: #2F71A1; color: #fff;}
.btn-primary:hover{background-image: linear-gradient(#367FB6,#284152); color: #fff;}
.btn-check:focus+.btn-primary,.btn-primary:focus { 
    color: #fff;
    background-color: #2F71A1;
    border-color: #2F71A1;
    box-shadow: 0 0 0 .25rem rgba(255,243,23,.5)
}
.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#40E0D0;
}
.navbar-light .navbar-nav .nav-link{font-size:1.25rem; color:#367FB6;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color:#284152;font-weight:600;}
.testimonial-bg{background: url(../images/bg-testimonials.png) no-repeat; background-size:contain;background-position: center;}
.form-control{border:1px solid #8A8A8A;}
.bg-dark{color:#fff;}
.bg-dark p,.bg-dark h2{color:#fff;}
.bg-dark h1,.bg-dark h4{color:#40E0D0}
.bg-dark a,.bg-dark ul li{color:#fff;text-decoration: none;list-style-type: none;margin:10px 0px;}
.bg-dark a.btn-primary{color:#000;}
.ylbg{background:#40E0D0;}
.bg-dark label.col-form-label{color:#fff;}
.alt-bg{background: url(../images/bg-pattern.png) repeat #F5F8FA;}
.navbar-dark .navbar-toggler{color: rgba(49, 196, 181,.75);
    border-color: rgba(49, 196, 181,.9);}

.nav-item a {
  background:
    linear-gradient(
      to right,
      rgba(255, 249, 23, 0),
      rgba(255, 249, 23, 0)
    ),
    linear-gradient(
      to right,
      rgba(64, 224, 208, 1),
      rgba(49, 196, 181, 1),
      rgba(32, 167, 154, 1)
  );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.nav-item a:hover {
  background-size: 0 1px, 100% 1px;
}


.slider {
  min-height:250px;max-width:800px;margin:auto;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
      color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  color: #999;
  margin-bottom: 3rem;
  max-width: 300px;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}






#slider input[type=radio] {
  position: relative;
  top: 108%;
  
  width: 18px;
  height: 18px;  
  opacity: 0.4;  
  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: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: white;
  font-size: 70px;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  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(40%, 0, -100px)scale(.8);
}


/* 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(80%, 0, -250px)scale(.8);
}

/* 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(-80%, 0, -250px)scale(.8);
}

/* 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(-40%, 0, -100px)scale(.8);
}


@media (max-width: 575px) {
    #slider {
  position: relative;
  max-width: 45vw; 
  height: 35vw;
  margin: 150px auto;  
  perspective: 1400px;
  transform-style: preserve-3d;
}
}
@media (min-width: 576px) and (max-width: 767px) {
    #slider {
  position: relative;
  max-width: 35vw; 
  height: 35vw;
  margin: 150px auto;  
  perspective: 1400px;
  transform-style: preserve-3d;
}
}
@media (min-width: 768px) and (max-width: 991px) {
    #slider {
  position: relative;
  max-width: 35vw; 
  height: 35vw;
  margin: 150px auto;  
  perspective: 1400px;
  transform-style: preserve-3d;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
     #slider {
  position: relative;
  max-width: 35vw; 
  height: 35vw;
  margin: 150px auto;  
  perspective: 1400px;
  transform-style: preserve-3d;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
    #slider {
  position: relative;
  max-width: 40vw; 
  height: 35vw;
  margin: 150px auto;  
  perspective: 1400px;
  transform-style: preserve-3d;
}
}
@media (min-width: 1400px) {
    #slider {
  position: relative;
  max-width: 25vw; 
  height: 35vw;
  margin: 150px auto;  
  perspective: 1400px;
  transform-style: preserve-3d;
}
}

.socialmedia{background:rgba(47,113,161,.15);width:50px;height:50px;border-radius:25px;}
.socialmedia img{height:24px; width:24px;margin-top: 11px;}