@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');

  *{
      
    padding: 0;
    margin: 0;
    /*font-family: 'Zen Antique',serif !important;*/
  }
  :root {
    --primary-color:        #ff5134;
    --secondary-color:      #233295;
    --white-color:          #ffffff;
    --dark-color:           #171819;
    --project-bg:           #f0f8ff;
    --menu-bg:              #0c8195;

    --title-color:          #15141a;
    --gray-color:           #909090;
    --link-color:           #404040;
    --p-color:              #666262;

    --base-font-family:     'Poppins', sans-serif;
    --title-font-family:    'Poppins', sans-serif;
    --font-bold-family:     'Poppins', sans-serif;
    --font-weight-bold:     bold;

    --h1-font-size:         40px;
    --h2-font-size:         30px;
    --h3-font-size:         20px;
    --p-font-size:          16px;
    --base-font-size:       16px;
    --menu-font-size:       14px;

    --border-radius-large:  10px;
    --border-radius-small:  5px;
  }

  body {
    /* background: url(../images/bg.png); */
    font-family: 'Zen Antique',serif !important;
    font-size: 16px !important;
    background-color: transparent !important;
    min-height: 100vh;
display: flex;
flex-direction: column;
  }

 body data-aos-easing {    visibility: hidden;

     
 }





.cta {
    background: url(../images/27189.jpg) fixed center center;
    background-size: cover;
    display: -ms-grid;
    display: -ms-grid ;
    display: -ms-grid ;
    display: -ms-grid ;
    display: grid ;
    place-content: center;
    height: 1000px;
}

  .testimonial-bg{background-image: url(../images/testimonial.jpg);
    background-position: center;
  background-size: cover;
  background-repeat: no-repeat;



    margin-top: 100px;
  }

.testimonials-section {
  padding: 50px;
  border-radius: 10px;
  
  text-align: center;
  width: 100%;
  
}

.mt-2, .my-2 {
    
    padding: 10px;
}

.testimonials-section h1 {
  color: #fff;
  font-size: 2.5em;
  margin-bottom: 30px;
}

.testimonials-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 10px;
    padding: 3rem !important;
}

.testimonial-card {
  background-color: #f9f9f9a6;
  border-radius: 40px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  width: 400px;
  margin: 18px;
  padding: 20px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.testimonial-card:hover {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.testimonial-img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
     

}

.testimonial-card h2 {
  color: #D32F2F;
  font-size: 1.5em;
  margin: 15px 0;
}

.stars {
  color: #FFEB3B;
  margin: 10px 0;
}

.testimonial-card p {
  color: #333;
  font-size: 1em;
}

  /*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: 'Zen Antique', serif !important;
    line-height: inherit;
  }

  h1 {
    /*color: #fff;*/
    font-size: 56px;
     /*margin-right: -250px; */
    /* margin-bottom: 465px; */
    text-align: center;

      
      
  }



  
  h2 {
    font-size: var(--h2-font-size);
    font-weight: 100;
  }

  h3 {
    font-size: var(--h3-font-size);
    font-weight: 100;
    margin-bottom: 0;
    color: #000;

  }

  h4 {
    color: var(--gray-color);
    font-family: var(--base-font-family);
    font-size: var(--p-font-size);
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  p {
    color: var(--p-color);
    font-size: var(--p-font-size);

  }
  

  /* b, 
  strong {
    letter-spacing: 0;
    color: var(--secondary-color);
  } */


  /*  BLOCKQUOTES */
  .quote {
    position: relative;
    margin: 0;
  }

  .quote::after {
    content: "“";
    position: absolute;
    bottom: -80px;
    left: 20px;
    font-family: times;
    color: var(--gray-color);
    font-weight: var(--font-weight-bold);
    font-size: 14em;
    line-height: 0;
    opacity: 0.10;
  }

  blockquote {
    border-left: 5px solid rgba(0,0,0,0.05);
    display: block;
    margin: 42px 0;
    padding: 14px 22px;
    color: rgba(0,0,0,0.5);
  }


  /* BUTTON */
  .custom-btn {
    background: transparent;
    border: 2px solid var(--dark-color);
    border-radius: var(--border-radius-large);
    padding: 12px 26px 14px 26px;
    color: var(--dark-color);
    font-family: var(--title-font-family);
    font-size: var(--p-font-size);
    white-space: nowrap;
  }

  .custom-btn.btn-bg {
    background: var(--white-color);
    color: var(--primary-color);
    border-color: transparent;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
  }
  
  .custom-btn:hover,
  .custom-btn:focus {
    background: var(--dark-color);
    color: var(--white-color);
    border-color: transparent;
  }


  /*---------------------------------------
     GENERAL               
  -----------------------------------------*/

  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  *::before,
  *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  a {
    color: var(--link-color);
    font-weight: normal;
    text-decoration: none;
  }

  a:hover, 
  a:active, 
  a:focus {
    color: #000;
    outline: none;
    text-decoration: none;
  }

  ::-moz-selection {
    background: var(--secondary-color);
    color: var(--white-color);
  }

  ::selection {
    background: var(--secondary-color);
    color: var(--white-color);
  }

  .section-padding {
    padding: 80px 0;
  }
  .section-padding-half {
    padding: 40px 0;
  }

  .google-map iframe {
    display: block;
    width: 100%;
  }


.sec-margin{
  margin: -60px 0;
}
.sec-padding{
  padding: 60px 0;
}
  /*---------------------------------------
    MENU             
  -----------------------------------------*/

  .navbar {
    background: var(--menu-bg);
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    background: #ffffff73 !important;
    position: fixed;
    padding: 0px !important;
   
    -webkit-backdrop-filter: blur(20px);
   
            backdrop-filter: blur(20px);
}

  .navbar-brand {
    color: var(--white-color);
    font-size: var(--h2-font-size);
  }
  .navbar-light .navbar-brand {
    color: #fff;
  }
  .navbar-light .navbar-brand:hover{
    color: #fff !important;
  }
  .nav-link {
    color: var(--white-color);
    /*font-size: var(--menu-font-size);*/
    
  }

  .nav-link.active,
  .nav-link:hover {
    color: var(--secondary-color);
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }

 .navbar-light .navbar-nav .nav-link {
    padding: 15px 22px;
    color: #3E3E3E;
    margin-right: -15px;
}
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    /* background: rgba(255, 81, 52, 0.6);;
    color: #fff !important; */

    border-bottom: 2px solid;
  }
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, 
  .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #3E3E3E !important;
  /* background: rgba(255, 81, 52, 0.6); */
  border-bottom: 2px solid;
  }
  .navbar-expand-lg .navbar-nav .nav-link.contact {
    border: 2px solid var(--secondary-color);
    border-radius: var(--border-radius-large);
    color: var(--secondary-color);
    font-family: var(--font-bold-family);
    padding: 0.6em 2em 0.8em 2em;
  }

  .navbar-expand-lg .navbar-nav .nav-link.contact:hover,
  .navbar-expand-lg .navbar-nav .nav-link.contact.active {
    background: var(--secondary-color);
    color: var(--white-color);
  }

  .navbar-nav .navbar-toggler-icon {
    background: none;
  }

.navbar-toggler {
    border: 0;
    padding: 6px !important;
    cursor: pointer;
    margin: 0 10px 0 0;
    width: 40px;
    height: 35px;
    outline: none;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #0000008a;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}
  .navbar-toggler:focus {
    outline: none;
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background: transparent;
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
    -webkit-transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
    -o-transition: top 300ms 50ms ease, transform 300ms 350ms ease;
    transition: top 300ms 50ms ease, transform 300ms 350ms ease;
    transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
    top: 0;
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .navbar-toggler .navbar-toggler-icon {
    background: var(--white-color);
    -webkit-transition: background 10ms 300ms ease;
    -o-transition: background 10ms 300ms ease;
    transition: background 10ms 300ms ease;
    display: block;
    width: 30px;
    height: 2px;
    position: relative;
  }

  .navbar-toggler .navbar-toggler-icon::before,
  .navbar-toggler .navbar-toggler-icon::after {
    transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
    -webkit-transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
    -o-transition: top 300ms 350ms ease, transform 300ms 50ms ease;
    transition: top 300ms 350ms ease, transform 300ms 50ms ease;
    transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
    position: absolute;
    right: 0;
    left: 0;
    background: var(--white-color);
    width: 30px;
    height: 2px;
    content: '';
  }

  .navbar-toggler .navbar-toggler-icon::before {
    top: -8px;
  }

  .navbar-toggler .navbar-toggler-icon::after {
    top: 8px;
  }

  .dropdown-menu{
    background: #fff!important;
    
    border-bottom: 1px solid #424242;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}
  
  
  
  .module{
      
    background-color: #97CA22;
    margin: 6px;
    padding: 10px;
    border-radius: 8px;
}





/*.courses{*/
/*    background: url(../images/courses.jpg) !important;*/
/*background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/

.btn-primary {
    color: #97c93e;
    background-color: #ffffff;
    /* border-color: #97c93e; */
    width: 50%;
    border: 2px solid;
}

.btn-primary:hover {
    
    background-color: #97c93e;
    border-color: #97c93e;
    width: 50%;
    color:#fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;

}

.subscribe:hover {
    color: #fff;
     background-color: #97c93e; 
     border-color: #97c93e; 
    border: 2px solid;
    border-radius: 10px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;

}





  /*---------------------------------------
     slider              
  -----------------------------------------*/
  
  
  
  .carousel {
 
    bottom: 130px;
} 
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
   
    margin-bottom: 16px;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 25px;
    padding: 5px;
    background-color: transparent;
    margin-left: 12px;
}

.carousel-caption {
      position: absolute;
    right: 0px;
    bottom:150px;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 40%;
}

  #slider {
    width: 100%;
    position: relative;
    /* padding: 5em 0; */
    overflow: hidden;
    height: 100vh;
    /* background: url(../images/Group\ 205.jpg); */
    background-position: bottom;
    background-size: cover;

     background-repeat: no-repeat;
  }
  
  /*#slider2 {*/
  /*  width: 100%;*/
  /*  position: relative;*/
    /* padding: 5em 0; */
  /*  overflow: hidden;*/
  /*  height: 60vh;*/
  /*   background: url(../images/working-strategy.jpg) !important; */
  /*  background-position: bottom;*/
  /*  background-size: cover;*/
  /*   background-repeat: no-repeat;*/
     
  /*}*/



#slider2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    /*height: 60vh;*/
    background: url(../images/working-strategy.jpg) no-repeat center center !important;
    background-size: contain; /* इमेज पूरी दिखेगी बिना कटे */
    background-color: #000; /* खाली जगह को ब्लेंड करने के लिए */
}

.sli-textbg{
  margin: 0 auto;
  text-align: center;
  width: 46%;
  position: absolute;
  left: 0;
  right: 0;
  padding: 40px 20px;
  top: 38%;

}
.sli-textbg p{
  font-size: 16px !important;
  color: #fff;
}
.sli-textbg h1{color: #fff;}

.red-btn, .red-btn1{
  padding: 10px 20px;
  background: -o-linear-gradient(transparent ,#233295);
  background: -webkit-gradient(linear ,left top, left bottom ,from(transparent) ,to(#233295));
  background: linear-gradient(transparent ,#233295);
  border-radius: 20px;
  color: #fff;

 
}
.red-btn1{
  background: -o-linear-gradient(transparent ,#ff5134);
  background: -webkit-gradient(linear ,left top, left bottom ,from(transparent) ,to(#ff5134));
  background: linear-gradient(transparent ,#ff5134);}

.red-btn:hover{
 color: #fff; }


.img-box {background: url(../images/welcome.jpg); background-repeat: no-repeat;
background-position: center; background-size: cover; width: 100%; overflow: hidden;
height: 400px; position: relative;}
.text-box{
  margin-top:2rem;
}
.img-box{width:400px;
height: 600px;}

/*.mb-4, .my-4 {*/
/* margin-bottom: 1.5rem !important;*/
/*    color: #C90C01;*/
/*    font-size: 28px;*/
/*    margin-top: 20px;*/
/*text-align: left;*/

/*}*/
.mb-5 {
 margin-bottom: 1.5rem !important;
    color: #C90C01;
    font-size: 28px;
    margin-top: 20px;
text-align: center;
}

.about{
  margin-bottom: 0.5rem !important;
  color: #C90C01;
  font-size: 32px;
      margin-top: 20px;

}

.mt-4, .my-4 {
    margin-top: 2.5rem !important;
}

.ser-box, .ser-box1{
  padding: 20px;
  height: 250px;

}
.mb-3, .my-3 {
  /* margin-bottom: 26px !important; */
  margin-top: 14px;
}

.row-border{
  /* border-radius: 20px;
  border: 1px solid #303e9b;
  box-shadow: 5px 1px 9px #bec4ec; */
  text-align: center;
}
/* ===================== team =================== */


.team-box{
  width: 100%;
  height: 166px;
  border-radius: 10px;
  border: 1px solid #e8e2e2;
  position: relative;
  padding: 20px;
  -webkit-box-shadow: 3px 3px #f4c2b9;
          box-shadow: 3px 3px #f4c2b9;
  text-align: center;
 
}
.team-bg1{
  position: absolute;
  height: 150px;
  width: 150px;
  border-radius: 100%;
  border: 5px solid #e8e2e2;
  top: -50px;
  left: -4px;
  overflow: hidden;
  background: url(../images/team1.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
  background-position: top;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.team-bg2{background: url(../images/team2.jpg); background-position: top;}
.team-bg3{background: url(../images/team3.jpg); background-position: center;}
.team-bg4{background: url(../images/team4.jpg); background-position: top;}
.icon-t{
  
  list-style-type: none;
  position: absolute;
  z-index: 100;
  top: 147px;
  left: 0;
  right: 0;

  text-align: center;

}
.icon-t i{
  width: 30px !important;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  line-height: 30px;
  text-align: center;
  color: #fff;
  
}
.colors{
  background: #ff5134 !important;
}

.icon-t li{
  padding: 8px 0; 
  display: inline;
}
.team-box h4{
  margin-top: 100px;
}
.team-box::before{
  content: ' ';
  position: absolute;
  z-index: 94;
  width: 130px;
  height: 164px;
  left: 0;
  top: 1px;
  border-radius: 5px;
  -webkit-box-shadow: -3px 3px #bac0ec;
          box-shadow: -3px 3px #bac0ec;
  background: transparent;
}

/* ==================== Testimonials =============================== */


.carousel-control {
   
    top: 250px;
  
}


  .main {
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
 
   
  }
  
  .testimonials {
    background-color: #ffffff;
    width: 100%;
  max-width: 740px;
  margin: 0 auto;
  -webkit-box-shadow: -11px 11px 43px 7px #d9d7d7;
          box-shadow: -11px 11px 43px 7px #d9d7d7;
    border-radius: 3px;
    position: relative;
    opacity: 0;
    -webkit-animation: showTestimonials 0.32s 0.78s cubic-bezier(0.55, 0.055, 0.675, 0.19)
      forwards;
            animation: showTestimonials 0.32s 0.78s cubic-bezier(0.55, 0.055, 0.675, 0.19)
      forwards;
    input {
      display: none;
      visibility: hidden;
      height: 0;
      width: 0;
      pointer-events: none;
      opacity: 0;
    }
  }
  
  @-webkit-keyframes showTestimonials {
    to {
      opacity: 1;
    }
  }
  
  @keyframes showTestimonials {
    to {
      opacity: 1;
    }
  }
  
  .testimonials-inner {
    position: relative;
    height: 200px;
    margin-top: 50px;
  }
  
  .testimonial {
    padding: 60px 34px 20px 34px;
    margin: 0 30px;
    pointer-events: none;
    position: relative;
    z-index: 1;
  }
  
  input[name="testimonial"]:nth-child(1):checked
    ~ .testimonials-inner
    .testimonial:nth-child(1),
  input[name="testimonial"]:nth-child(2):checked
    ~ .testimonials-inner
    .testimonial:nth-child(2),
  input[name="testimonial"]:nth-child(3):checked
    ~ .testimonials-inner
    .testimonial:nth-child(3),
  input[name="testimonial"]:nth-child(4):checked
    ~ .testimonials-inner
    .testimonial:nth-child(4) {
    pointer-events: initial;
  }
  
  .testimonial {
    -webkit-transition: 0.72s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.32s 0.12s;
    -o-transition: 0.72s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.32s 0.12s;
    transition: 0.72s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.32s 0.12s;
    opacity: 0;
    -webkit-transform: translate(0, 38px);
        -ms-transform: translate(0, 38px);
            transform: translate(0, 38px);
    max-height: 80px;
    -webkit-animation: hideTestimonial 0s 0.52s forwards;
            animation: hideTestimonial 0s 0.52s forwards;
    position: relative;
  }
  
  input[name="testimonial"]:nth-child(1):checked
    ~ .testimonials-inner
    .testimonial:nth-child(1),
  input[name="testimonial"]:nth-child(2):checked
    ~ .testimonials-inner
    .testimonial:nth-child(2),
  input[name="testimonial"]:nth-child(3):checked
    ~ .testimonials-inner
    .testimonial:nth-child(3),
  input[name="testimonial"]:nth-child(4):checked
    ~ .testimonials-inner
    .testimonial:nth-child(4) {
    -webkit-animation: showTestimonial 0s 0.72s forwards;
            animation: showTestimonial 0s 0.72s forwards;
    position: absolute;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    height: 500px;
    -webkit-transition: 0.3s 0.52s, opacity 0.68s 0.92s, max-height 0.82s 0.72s;
    -o-transition: 0.3s 0.52s, opacity 0.68s 0.92s, max-height 0.82s 0.72s;
    transition: 0.3s 0.52s, opacity 0.68s 0.92s, max-height 0.82s 0.72s;
  }
  
  @-webkit-keyframes hideTestimonial {
    to {
      position: absolute;
    }
  }
  
  @keyframes hideTestimonial {
    to {
      position: absolute;
    }
  }
  
  @-webkit-keyframes showTestimonial {
    to {
      position: relative;
    }
  }
  
  @keyframes showTestimonial {
    to {
      position: relative;
    }
  }
  
  input[name="testimonial"]:nth-child(1):checked
    ~ .testimonials-bullets
    label:nth-child(1)
    span,
  input[name="testimonial"]:nth-child(2):checked
    ~ .testimonials-bullets
    label:nth-child(2)
    span,
  input[name="testimonial"]:nth-child(3):checked
    ~ .testimonials-bullets
    label:nth-child(3)
    span,
  input[name="testimonial"]:nth-child(4):checked
    ~ .testimonials-bullets
    label:nth-child(4)
    span {
    background-color: rgba(245, 34, 34, 0.836);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: background-color 0.41s ease-in,
      -webkit-transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48);
    transition: background-color 0.41s ease-in,
      -webkit-transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48);
    -o-transition: transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48),
      background-color 0.41s ease-in;
    transition: transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48),
      background-color 0.41s ease-in;
    transition: transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48),
      background-color 0.41s ease-in,
      -webkit-transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48);
  }
  
  .testimonial-photo {
    height: 84px;
    width: 84px;
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  
  .photo-background {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    -webkit-box-shadow: 0 -4px 3px -2px #c3c2c2;
            box-shadow: 0 -4px 3px -2px #c3c2c2;
    width: 100%;
    -webkit-transform: scale(0.87);
        -ms-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-transition: 0.32s;
    -o-transition: 0.32s;
    transition: 0.32s;
  }
  
  input[name="testimonial"]:nth-child(1):checked
    ~ .testimonials-inner
    .testimonial:nth-child(1)
    .photo-background,
  input[name="testimonial"]:nth-child(2):checked
    ~ .testimonials-inner
    .testimonial:nth-child(2)
    .photo-background,
  input[name="testimonial"]:nth-child(3):checked
    ~ .testimonials-inner
    .testimonial:nth-child(3)
    .photo-background,
  input[name="testimonial"]:nth-child(4):checked
    ~ .testimonials-inner
    .testimonial:nth-child(4)
    .photo-background {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
  
  .photo-author {
    background-size: 68px;
    background-position: center;
    height: 0;
    width: 0;
    border-radius: 50%;
    background-color: #dbdbdb;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    -webkit-transform: scale(1.18) translate(0, -6px);
        -ms-transform: scale(1.18) translate(0, -6px);
            transform: scale(1.18) translate(0, -6px);
    -webkit-transition: opacity 0.58s, width 0s 0.6s,
      height 0s 0.6s, -webkit-transform 0.42s ease-out;
    transition: opacity 0.58s, width 0s 0.6s,
      height 0s 0.6s, -webkit-transform 0.42s ease-out;
    -o-transition: transform 0.42s ease-out, opacity 0.58s, width 0s 0.6s,
      height 0s 0.6s;
    transition: transform 0.42s ease-out, opacity 0.58s, width 0s 0.6s,
      height 0s 0.6s;
    transition: transform 0.42s ease-out, opacity 0.58s, width 0s 0.6s,
      height 0s 0.6s, -webkit-transform 0.42s ease-out;
  }
  
  input[name="testimonial"]:nth-child(1):checked
    ~ .testimonials-inner
    .testimonial:nth-child(1)
    .photo-author,
  input[name="testimonial"]:nth-child(2):checked
    ~ .testimonials-inner
    .testimonial:nth-child(2)
    .photo-author,
  input[name="testimonial"]:nth-child(3):checked
    ~ .testimonials-inner
    .testimonial:nth-child(3)
    .photo-author,
  input[name="testimonial"]:nth-child(4):checked
    ~ .testimonials-inner
    .testimonial:nth-child(4)
    .photo-author {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    height: 68px;
    width: 68px;
    -webkit-transition: width 0.26s 1.01s, height 0.26s 1.01s;
    -o-transition: width 0.26s 1.01s, height 0.26s 1.01s;
    transition: width 0.26s 1.01s, height 0.26s 1.01s;
  }
  
  .testimonial-text {
    color: #606060;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 0 1px #939393;
    letter-spacing: 0.12px;
    font-style: italic;
    line-height: 26px;
    p {
      margin-bottom: 10px;
    }
  }
  
  .testimonial-author {
    font-size: 15px;
    text-align: right;
    color: #bdbdbd;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    text-shadow: 0 0 1px #e3e3e3;
    &:before {
      content: "– ";
    }
  }
  
  .testimonials-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 30px;
    -webkit-transform: translate(0, 8px);
        -ms-transform: translate(0, 8px);
            transform: translate(0, 8px);
    .bullet {
      height: 30px;
      width: 30px;
      cursor: pointer;
      margin: 0 1px;
      div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 30px;
        width: 30px;
        border-radius: 5%;
        background-color: #fff;
        -webkit-box-shadow: 0 4px 6px -7px #000000;
                box-shadow: 0 4px 6px -7px #000000;
        span {
          background-color: #fff;
          height: 14px;
          width: 14px;
          border-radius: 50%;
          -webkit-transform: scale(0.82);
              -ms-transform: scale(0.82);
                  transform: scale(0.82);
          -webkit-transition: 0.72s;
          -o-transition: 0.72s;
          transition: 0.72s;
        }
      }
      &:hover span {
        background-color: rgba(216, 118, 118, 0.836);
      }
    }
  }
  
  .testimonials-arrows {
    height: 100%;
    .arrow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 50px;
      width: 50px;
      position: absolute;
      top: calc(50% - 25px);
      span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: #ffffff;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        &:before {
          font-size: 32px;
          font-family: monospace, sans-serif;
          font-weight: 600;
          color: #c3c3c3;
          -webkit-transition: color 0.21s ease-in;
          -o-transition: color 0.21s ease-in;
          transition: color 0.21s ease-in;
        }
      }
      &:hover span:before {
        color: #444444;
        -webkit-transition: color 0.17s ease-out;
        -o-transition: color 0.17s ease-out;
        transition: color 0.17s ease-out;
      }
      label {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
      }
    }
    .arrow-left {
      left: -20px;
      span {
        -webkit-box-shadow: 40px 0 20px 20px #ffffff, -5px 0 30px 0px #e1e1e1;
                box-shadow: 40px 0 20px 20px #ffffff, -5px 0 30px 0px #e1e1e1;
        &:before {
          content: "<";
        }
      }
    }
    .arrow-right {
      right: -20px;
      span {
        -webkit-box-shadow: -40px 0 20px 20px #ffffff, 5px 0 30px 0px #e1e1e1;
                box-shadow: -40px 0 20px 20px #ffffff, 5px 0 30px 0px #e1e1e1;
        &:before {
          content: ">";
        }
      }
    }
  }
  
  input[name="testimonial"]:nth-child(1):checked
    ~ .testimonials-arrows
    .arrow-left
    label[for="input-testimonial4"],
  input[name="testimonial"]:nth-child(1):checked
    ~ .testimonials-arrows
    .arrow-right
    label[for="input-testimonial2"],
  input[name="testimonial"]:nth-child(2):checked
    ~ .testimonials-arrows
    .arrow-left
    label[for="input-testimonial1"],
  input[name="testimonial"]:nth-child(2):checked
    ~ .testimonials-arrows
    .arrow-right
    label[for="input-testimonial3"],
  input[name="testimonial"]:nth-child(3):checked
    ~ .testimonials-arrows
    .arrow-left
    label[for="input-testimonial2"],
  input[name="testimonial"]:nth-child(3):checked
    ~ .testimonials-arrows
    .arrow-right
    label[for="input-testimonial4"],
  input[name="testimonial"]:nth-child(4):checked
    ~ .testimonials-arrows
    .arrow-left
    label[for="input-testimonial3"],
  input[name="testimonial"]:nth-child(4):checked
    ~ .testimonials-arrows
    .arrow-right
    label[for="input-testimonial1"] {
    z-index: 1;
  }
  
  .testimonial:nth-child(1) .photo-author {
    background-image: url(../images/team1.jpg);
  }
  
  .testimonial:nth-child(2) .photo-author {
    background-image: url(../images/team2.jpg);
  }
  
  .testimonial:nth-child(3) .photo-author {
    background-image: url(../images/team3.jpg);
  }
  
  .testimonial:nth-child(4) .photo-author {
    background-image: url(../images/team4.jpg);
  }
  
  @-webkit-keyframes changeTestimonial {
    0%, 100% {
      opacity: 0;
      -webkit-transform: translate(0, 38px);
              transform: translate(0, 38px);
    }
    10%, 90% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
      max-height: 80px;
    }
  }
  
  @keyframes changeTestimonial {
    0%, 100% {
      opacity: 0;
      -webkit-transform: translate(0, 38px);
              transform: translate(0, 38px);
    }
    10%, 90% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
      max-height: 80px;
    }
  }
  

  /* ===================== Footer =========================== */



footer {
        /*margin-top: 2%;*/
margin-top: auto;
    background-color: white;
    
   
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px #838383;
            box-shadow: 0px 0px 10px 0px #838383;
}
    

.footer-content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 14px 20px;
}

.footer-content h2 {
    color: #333;
    margin-bottom: 20px;
    font-size: 24px;
}



.social-icons {
    
    margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*gap: 20px;*/
  place-content: center;
}

.social-icons a {
    margin: 0 10px;
    color: #333;
    font-size: 24px;
    text-decoration: none;
}

.social-icons a:hover {
    color: #97c93e;
}

.footer-links {
    /*margin-bottom: 20px;*/
}

.footer-links a {
    color: #333;
    text-decoration: none;
    margin: 0 10px;
}

.footer-links span {
    color: #333;
}

.footer-links a:hover {
    color: #97c93e;
}

footer p {
    background-color: #97c93e;
    padding: 10px 0;
    margin: 0;
    color: white;
    font-size: 14px;
}




  .carousel-caption2 {
    position: absolute;
    /*bottom: 20px;*/
    z-index: 10;
    padding-bottom: -18px;
    color: #fff;
    /* text-align: center; */
    top: 250px;
    /*right: 600px;*/
      left: 40%;
}


.exp-bx{
  display: -ms-grid !important;
  display: grid !important;
  margin-top: 4rem;
  -ms-grid-columns: 40% 45px 40%;
  grid-template-columns: 40% 40%;
  grid-gap: 45px;
  margin-right: 200px;
}


.card {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #f8f9fa;
  /*background-clip: border-box;*/
  /* border: 1px solid rgba(0, 0, 0, .125); */
  border-radius: .25rem;
  -webkit-box-shadow: 1px 1px 4px 1px #97CA22;
          box-shadow: 1px 1px 4px 1px #97CA22;
  padding: 10px;
  text-align: center;
  margin-left: 40px;

}
.homeopathy{
  background-image:url(../images/bg-omeopathy.jpg);
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
padding: 120px;
}


.homeopathy-content{
  -webkit-box-shadow: 0px 0px 7px 7px #ffffff;
          box-shadow: 0px 0px 7px 7px #ffffff;
   color: #fff;
  background-color: #00000048;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
text-align: center;
height: auto;
padding: 50px;}

.Strategy{padding: 60px;}


#wrapper {
	margin: 2% auto;
	padding: 0;
	max-width: 800px;
	width: 90%;
}
/* above only for Demo */


/* JS accordion */
.toggleButtons {
	margin: 0.25em 0;
	text-align: right;
	width: 100%;
}
button.accordion {
	background-color: #FAC460;
	color: #ffffff;
	cursor: pointer;
	padding: 1rem;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	position: relative;
	font-size: 18px;
	-webkit-transition: max-height 0.4s linear;
	-o-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;
  border-radius: 20px 0;
  margin: 8px;
  height:auto;
}

button.accordion.active,
button.accordion:hover {
	background-color: #ffffff;
  color: #838383;
  -webkit-box-shadow: 0px -7px 14px -6px #FAC460;
          box-shadow: 0px -7px 14px -6px #FAC460;
;
}

button.accordion:after {
	content: "\002B";
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;

}

button.accordion.active:after {
	content: "\2212";
}




















div.panel {
	margin-bottom: 3px;
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.2s ease-out;
	-o-transition: max-height 0.2s ease-out;
	transition: max-height 0.2s ease-out;
  -webkit-box-shadow: 0px 7px 14px -6px #FAC460;
          box-shadow: 0px 7px 14px -6px #FAC460;
}


.mission{
  background-color: #F2FFD6;
    text-align: center;
    padding: 40px;
    border-radius: 20px 0;
    border: 1px solid #97CA22;
}

.inside{color: #000000;
  margin-top: 100px;
  }


  .homeopathic{text-align: center;}


  
  
  .homeopathic-content{
    -webkit-box-shadow: 0px 0px 7px 7px #ffffff;
            box-shadow: 0px 0px 7px 7px #ffffff;
     color: #fff;
    background-color: #00000048;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  text-align: center;
  height: auto;
  padding: 50px;
      
  }
  





  @import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300);
  @-webkit-keyframes content-opacity {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes content-opacity {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes content-rotate-y {
    from {
      -ms-transform: rotateY(90deg);
      -webkit-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
    to {
      opacity: 1;
      -ms-transform: rotateY(0deg);
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
  @keyframes content-rotate-y {
    from {
      -ms-transform: rotateY(90deg);
      -webkit-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
    to {
      opacity: 1;
      -ms-transform: rotateY(0deg);
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
  @-webkit-keyframes content-rotate-x {
    from {
      -ms-transform: rotateX(90deg);
      -webkit-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
    to {
      opacity: 1;
      -ms-transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
      transform: rotateX(0deg);
    }
  }
  @keyframes content-rotate-x {
    from {
      -ms-transform: rotateX(90deg);
      -webkit-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
    to {
      opacity: 1;
      -ms-transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
      transform: rotateX(0deg);
    }
  }
  @-webkit-keyframes content-rotate-both {
    from {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -ms-transform-origin: 0% 50% 50%;
      -webkit-transform-origin: 0% 50% 50%;
      transform-origin: 0% 50% 50%;
    }
    to {
      opacity: 1;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transform-origin: 0% 50% 50%;
      -webkit-transform-origin: 0% 50% 50%;
      transform-origin: 0% 50% 50%;
    }
  }
  @keyframes content-rotate-both {
    from {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -ms-transform-origin: 0% 50% 50%;
      -webkit-transform-origin: 0% 50% 50%;
      transform-origin: 0% 50% 50%;
    }
    to {
      opacity: 1;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transform-origin: 0% 50% 50%;
      -webkit-transform-origin: 0% 50% 50%;
      transform-origin: 0% 50% 50%;
    }
  }
  @-webkit-keyframes content-pop-out {
    0% {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    50% {
      opacity: 1;
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    100% {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes content-pop-out {
    0% {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    50% {
      opacity: 1;
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    100% {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes content-pop-in {
    from {
      opacity: 1;
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    to {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes content-pop-in {
    from {
      opacity: 1;
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    to {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes content-slide-bot {
    from {
      top: 20px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes content-slide-bot {
    from {
      top: 20px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @-webkit-keyframes content-slide-top {
    from {
      top: -20px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes content-slide-top {
    from {
      top: -20px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  /* used for wrapper animation after the load of the page */
  @-webkit-keyframes show {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes show {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  html {
    background: url(http://distinctionjewelry.com/info/wp-content/uploads/2013/01/blurred-background-10-2000x1250.jpg);
    webkit-font-smoothing: antialiased;
    font: 1em/1.5em "Raleway";
    font-weight: normal;
  }
  
  .tabs-wrapper {
    margin: 5% 10% 0 10%;
  }
  .tabs-wrapper input[type="radio"] {
    display: none;
  }
  .tabs-wrapper label {
        -webkit-transition: background 0.4s ease-in-out, height 0.2s linear;
        -o-transition: background 0.4s ease-in-out, height 0.2s linear;
        transition: background 0.4s ease-in-out, height 0.2s linear;
    display: inline-block;
    cursor: pointer;
    color: #97ca22;
    width: 20%;
    height: 3em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #ffffff;
    text-align: center;
    line-height: 3em;
    -webkit-box-shadow: 0px 0px 4px 0px;
            box-shadow: 0px 0px 4px 0px;
    border-radius: 20px 0;
  }
  .tabs-wrapper label:last-of-type {
    border-bottom: none;
  }
  .tabs-wrapper label:hover {
    background: #667876;
    /*@include transform (translate(0,-0.2em));*/
  }
  @media screen and (max-width: 1600px) {
    .tabs-wrapper label {
      width: 24%;
    }
  }
  @media screen and (max-width: 900px) {
    .tabs-wrapper label {
      width: 48%;
    }
  }
  @media screen and (max-width: 600px) {
    .tabs-wrapper label {
      width: 100%;
      display: block;
      border-bottom: 2px solid #4d4c47;
      border-radius: 0;
    }
  }
  @media screen and (max-width: 600px) {
    .tabs-wrapper {
      margin: 0;
    }
  }
  
  #tab1:checked + label,
  #tab2:checked + label,
  #tab3:checked + label,
  #tab4:checked + label {
    background: #97CA22;
    color: #f2f2f2;
    border-radius: 20px 0;
  }
  
  .tab-body {
    position: absolute;
    top: -9999px;
    opacity: 0;
    padding: 10px;
    background-color: #fff;
  }
  
  .tab-body-wrapper {
    background: #f7eec6;
    border-top: #1d1d1d 2px solid;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-name: show;
            animation-name: show;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
     margin-bottom: 40px 
  }
  @media screen and (max-width: 600px) {
    .tab-body-wrapper {
      border: none;
      border-radius: 0;
    }
  }
  
  #tab1:checked ~ .tab-body-wrapper #tab-body-1,
  #tab2:checked ~ .tab-body-wrapper #tab-body-2,
  #tab3:checked ~ .tab-body-wrapper #tab-body-3,
  #tab4:checked ~ .tab-body-wrapper #tab-body-4 {
    position: relative;
    top: 0px;
    /* Choose one - modify .tab-body opacity to 1 if you don't want any animation or set opacity to 1 here */
    /* @include animation(0.2s,0.8s,content-rotate-y); */
    /* @include animation(0.2s,0.8s,content-rotate-both); */
    /*animation-delay: 0.1s;*/
    /*animation-duration: 0.4s;*/
    -webkit-animation-name: content-pop-out;
            animation-name: content-pop-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    /* @include animation(0.1s,1s,content-slide-bot); */
  }
  
  

  .job-card {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.486);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.486);
    padding: 20px;
    width: 350px;
    margin-top: 20px;
}

.job-title {
    color: #e60023;
    font-size: 18px;
    margin: 0 0 10px;
}

.job-description {
    font-size: 14px;
    color: #555;
    margin: 0 0 20px;
}

.job-details {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin-bottom: 20px;
}

.job-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 5px 0;
}

.detail-label {
    color: #e60023;
    /*font-weight: bold;*/
}

.detail-value {
    color: #555;
}

.job-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.job-time {
    color: #999;
    font-size: 12px;
}

.apply-button {
  /* border-radius: 10px 0; */
  background-color: #8BC34A;
  border: none;
  border-radius: 15px 0;
  color: white;
  padding: 10px 30px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.apply-button:hover {
    background-color: #7CB342;
}







.search-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgb(255 255 255 / 25%);
  border-radius: 20px 0;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  height: 50px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.search-icon,
.location-icon {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
 
}

.search-icon i,
.location-icon i {
  color: white;
}

.search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 15px;
  border: none;
  outline: none;
  background: transparent;
  color: #ffffff;
}

.search-input::-webkit-input-placeholder {
  color: #999;
}

.search-input::-moz-placeholder {
  color: #999;
}

.search-input:-ms-input-placeholder {
  color: #999;
}

.search-input::-ms-input-placeholder {
  color: #999;
}

.search-input::placeholder {
  color: #999;
}

.search-button {
  padding: 14px 40px;
  border: none;
  background-color: #8BC34A;
  color: white;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.search-button:hover {
  background-color: #7CB342;
}


.video-wrap {
  position: relative;
  width: 100%;
  height: 400px;
  iframe {
    position: absolute;
    top: 0;
    left :0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  &__grippy {
    position: absolute;
    left: 0;
    width: 40%;
    top: 45px;
    bottom: 45px;
    border: 2px solid green;
    z-index: 3;

    &:before {
      position: absolute;
      display: block;
      content: '';
      width: 50%;
      height: 35%;
      top: 0;
      left: 100%;
      border: 2px solid orange;
    }

    + .video-wrap__grippy {
      left: auto;
      right: 0;
      &:before {
        bottom: 0;
        top: auto;
        right: 100%;
        left: auto;
      }
    }
  }
}



.swipe-card{height:auto; width:100%; padding:2rem; display: -ms-grid; display: grid;
  place-items: center;
  min-height: 100vh;}
  
  




  .slider-wrapper {
    width: 100%;
    padding: 0rem 0;
    margin: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
   
}
  .wrapper,
  .gallery,
  .img1 {
width: 600px;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .wrapper {
    position: relative;
    /*border: 2px solid #000;*/
    margin: 0px auto 90px auto !important;
        -webkit-box-shadow: 6px 6px 16px 4px #939393;
                box-shadow: 6px 6px 16px 4px #939393;
}
  
  .gallery {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .img1 {
    min-width: 100%;
    display: block;
    cursor: pointer;
  }
  .gallery__resize,
  .gallery__resize:after {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 100%;
  }
  .gallery__resize {
    left: 0;
    width: 50%;
    overflow: hidden;
  }
  .tr {
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
  }
  .gallery__resize:after {
    content: '';
    width: 4px;
    background-color: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0;
    z-index: 20;
  }
  #before,
  #after {
    position: absolute;
    z-index: 100;
    font-size: 16px;
    padding: 10px 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
    color: #555;
    background-color: rgba(255, 255, 255, 0.6);
    font-family: 'Open Sans', sans-serif;
    border-radius: 2px;
  }
  #before {
    left: 0;
  }
  #after {
    right: 0;
  }
  #left,
  #right,
  #photo-count {
    position: absolute;
    font-size: 18px;
    color: #000;
  }
  #left {
    bottom: -40px;
    left: 525px;
}
 #right {
    right: -12px;
    bottom: -40px;
}
  #photo-count {
    font-size: 18px;
    bottom: -40px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
  }
  #photo-name {
    position: absolute;
    font-size: 20px;
    color: #000;
    /*bottom: -40px;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-family: 'Open Sans', sans-serif;
  }

  @media (max-width: 768px) {
    #before,
    #after {
      font-size: 1rem;
      padding: 8px 16px;
    }
    #left,
    #right,
    #photo-count,
    #photo-name {
      font-size: 1rem;
      bottom: -50px;
    }
    #left {
      left: 350px;
    }

    .gallery {
      width: 100%;
    }
    .gallery__resize {
      width: 50%;
    }
    img1 {
      width: 400px;
    }
  }

  @media (max-width: 480px) {
    #before,
    #after {
      font-size: 1rem;
      padding: 6px 12px;
    }
    #left,
    #right,
    #photo-count,
    #photo-name {
      font-size: 1rem;
      bottom: -25px;
    }
    #left {
      left: 300px;
    }

    .gallery {
      width: 100%;
    }
    .gallery__resize {
      width: 50%;
    }
    img1 {
      width: 350px;
    }
  }



.d-block {
    display: block !important;
    width: 62%;
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap");
.team {
  padding-bottom: 70px;
  font-family: "Poppins", sans-serif;
}
.team .section-title {
  text-align: left;
  margin-bottom: 50px;
}

.team__item {
  height: 680px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  margin-top: 50px;
}


.team__item:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #00000085;
  content: "";
  z-index: -1;
  opacity: 0;
  -webkit-transition: all, 0.5s, ease-out, 0.5s;
  -o-transition: all, 0.5s, ease-out, 0.5s;
  transition: all, 0.5s, ease-out, 0.5s;
}
.team__item:hover:after {
  opacity: 1;
}
.team__item:hover .team__text {
  top: 0;
}
.team__item:hover .team__text .team__title {
  border-bottom: 1px solid rgba(183, 183, 183, 0.2);
  padding: 0 0 26px;
  margin-bottom: 26px;
  opacity: 0;
  visibility: hidden;
  position: relative;
  bottom: initial;
  opacity: 1;
  visibility: visible;
}
.team__item:hover .team__text p {
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
}
.team__item:hover .team__text .team__social {
  opacity: 1;
  visibility: visible;
  bottom: 34px;
  -webkit-transition: all 0.5s ease 0.5s;
  -o-transition: all 0.5s ease 0.5s;
  transition: all 0.5s ease 0.5s;
}
.team__text {
  height: 100%;
  top:550px;
  position: relative;
  padding: 35px 30px 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.team__text .team__title {
    border-bottom: 1px solid rgba(183, 183, 183, 0.2);
    padding: 15px 0 26px;
    margin-bottom: 26px;
    position: relative;
    margin-left: 10px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    width: 100%;
    background-color: #00000026;
    text-align: center;
}
.team__text .team__title h4 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 6px;
}
.team__text .team__title span {
  font-size: 15px;
  color: #fff;
}
.team__text p {
  color: #e4e4e4;
  line-height: 26px;
  opacity: 0;
  visibility: hidden;
  position: relative;
  top: 50px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.team__text .team__social {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 30px;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.team__text .team__social a {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  margin-right: 34px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.team__text .team__social a:last-child {
  margin-right: 0;
}
.team__text .team__social a:hover {
  color: #88c417;
}
@media (max-width: 768px) {
  .team__item {
    height: 350px;
  }
  .team__text {
    padding: 25px 20px 20px;
  }
}





/* Custom */




.type {
     /* color: #dbd56e; */
    /* background: -webkit-linear-gradient(25deg, #eee, #FAC460); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-size: 24px;
    font-weight: 500;
    overflow: hidden;
    /* border-right: 2px solid; */
    /* -webkit-animation: type 1.5s steps(90) 1.5s 1 normal both, cursor 1s step-end infinite; */
    /* animation: type 1.5s steps(90) 1.5s 1 normal both, cursor 1s step-end infinite; */
    position: relative;
    /* -webkit-backdrop-filter: blur(10px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-box-shadow: 1px 1px 0px 2px #ffffff5e; */
    /* box-shadow: 1px 1px 0px 2px #ffffff5e; */
    /* border-radius: 5px; */
       background: #00000030;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 1px 1px #fff;
            box-shadow: 1px 1px 1px 1px #fff;
    padding: 13px;


}


@-webkit-keyframes type {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
32
@keyframes type {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes cursor {
  50% {
    border-color: transparent;
  }
}
@keyframes cursor {
  50% {
    border-color: transparent;
  }
}


.disease {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #ccc;
    border-radius: 20px 0;
    outline: none;
    padding: 5px 20px 5px 5px;
    position: relative;
    width: 100%;
    height: 50px;
    -webkit-box-shadow: 1px 1px 2px 2px #d9d9d9;
            box-shadow: 1px 1px 2px 2px #d9d9d9;
}


.alphabet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #ccc;
    border-radius: 20px 0;
    outline: none;
    padding: 5px 20px 5px 5px;
    position: relative;
    width: 100%;
    height: 50px;
    -webkit-box-shadow: 1px 1px 2px 2px #d9d9d9;
            box-shadow: 1px 1px 2px 2px #d9d9d9;
}




.ui-dropdown {
  margin: 40px auto;
  position: relative;
  width: 300px;
}
.ui-dropdown:before {
  position: absolute;
  top: -25px;
  left: 0;
  font-size: 20px;
}
.ui-dropdown:after {
    /* background: url(../images/dropdown.png); */
    /* background-color: #369; */
    border-radius: 0 3px 3px 0;
    /* color: #00000000; */
    content: '▼';
    display: block;
    font-size: 16px;
    width: 60px;
    /* padding: 11px 0; */
    position: absolute;
    pointer-events: none;
    top: 10px;
    bottom: 0;
    text-align: center;
    left: 252px;
    height: 60px;
}

.slide4{
    background:  url(../images/module_img2.png) fixed center center;
    /*background-size: cover;*/
    padding:400px;
    height: 50vh;
       background-repeat: no-repeat;
       background-size: cover;

}


.slide5 {
    background: url(../images/module_1.jpg) fixed center center;
    /* background-size: cover; */
    padding: 400px;
    height: 1000px;
    background-repeat: no-repeat;
    background-size: cover;


}






.content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /*width: 1200px;*/
        margin: 130px 0px;
}

.box {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    width: 300px;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background: var(--white);
    /* -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%); */
    /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%); */
    margin-bottom: 20px;
    border: 2px solid #787878;
}

.title{
    width: 100%;
    padding: 16px 0;
    font-size: 1.2em;
    font-weight: lighter;
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

    color: var(--white-smoke);
}

.basic .title{
    background: #C90C01;
        display: none;

}
.Subscribed{   text-align: center;}

.standard .title{
    background: #C90C01;
}

.business .title{
    background: #C90C01;
}

.view{
     display: block;
    width: 100%;
    /* padding: 16px 14px 18px; */
    /* background: #EDEDED; */
    /* border-bottom: 2px solid #b3b3b3; */
    margin: 5px 0px;
    -webkit-box-shadow: 0px 3px 3px 0px #afafaf;
            box-shadow: 0px 3px 3px 0px #afafaf;
}

.icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.icon img{
    width: 100px;
}

.cost{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 10px;
}

.amount{
    font-size: 2.8em;
    font-weight: bolder;
}

.detail{
    margin: auto 0 auto 5px;
    width: 70px;
    font-size: 0.7em;
    font-weight: bold;
    line-height: 15px;
    color: #7D7C7C;
}

.description{
    margin: 0px 30px;
    font-size: 0.8em;
    color: #7D7C7C;
}

/*ul{*/
/*    list-style-image: url('../images/Vector.png');*/
/*}*/



li{
    margin-top: 10px;
}

/*li::before{*/
/*    content: "";*/
/*    background-image: url("https://i.postimg.cc/ht7g996V/check.png");*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*    opacity: 0.5;*/

/*    display: inline-block;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    margin-right: 10px;*/
/*}*/

/*.button{*/
/*    margin: 0 auto 30px;*/
/*}*/


.success-container button{
 height: 50px;
    width: 160px;
    font-size: 0.8em;
    letter-spacing: 0.5px;
    color: #787878;
    border: 1px solid #787878;
    border-radius: 10px;
    background: #ffffff;
    margin: 10px 70px 10px 0px;
    -webkit-box-shadow: 2px 2px 0px 0px;
            box-shadow: 2px 2px 0px 0px;
}

button{
 height: 50px;
    width: 160px;
    font-size: 0.8em;
    letter-spacing: 0.5px;
    color: #787878;
    border: 1px solid #787878;
    border-radius: 10px;
    background: #ffffff;
    margin: 10px 70px 10px 70px;
    -webkit-box-shadow: 2px 2px 0px 0px;
            box-shadow: 2px 2px 0px 0px;
}

button:hover{
    color: var(--white-smoke);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: none;

    background: #97ca22;
}

/* Responsiveness:Start */
@media screen and (max-width:970px) {
    .content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 50px auto;
    }
    .standard, .business{
        margin-top: 25px;
    }
}
/* Responsiveness:End */


:root{
    --pinkish-red: #C35A74;
    --medium-blue: #307BAA;
    --greenish-blue: #53BAB5;
    --bright-orange: #FF7445;
    --white-smoke: #F5F5F4;
    --white: #FFF;
    --dark-gray: #7D7C7C;
    --black: #000;
}



.cd-image-container {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0em auto;
        margin-bottom: 12px;

}


.left-section {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
}

.left-section img {
    width: 100%;
    height: auto;
}

.right-section {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 100px;

}



.right-section h2 {
    margin-bottom: 20px;
    font-size: 1.8em;
    color: #333;
}

.right-section form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.right-section input {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
   
    font-size: 1em;
}

.right-section button {
    padding: 15px;
    background-color: #8bc34a;
    color: white;
    border: none;
    
    font-size: 1em;
    cursor: pointer;
    margin-bottom: 15px;
}

.right-section button:hover {
    background-color: #7cb342;
}


.right-section .login-link {
    font-size: 0.9em;
    color: #777;
    background-color: #F3F3F3;
    height: 50px;
    padding: 10px;
    text-align: center;}

.right-section .terms a,
.right-section .login-link a {
    color: #4caf50;
    text-decoration: none;
}

.right-section .terms a:hover,
.right-section .login-link a:hover {
    text-decoration: underline;
}

.login-img{
       
    margin-top: 50px;

}


/*payment*/

.checkout-section {
       width: 100%;
    /* padding: 24px; */
    margin-top: 100px;
}

.summary-section {
     width: 100%;
    background-color: #f1f3f6;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 100px;
}



.product-details, .billing-address, .payment-method {
    margin-bottom: 20px;
}

.product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
}

.product-description h3, .product-price h3 {
    margin: 0;
}

.product-description p {
    margin: 5px 0 0;
    color: #777;
}

.product-price {
    font-size: 1.2em;
}

.billing-address select, .payment-method input[type="text"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    
}

.payment-option {
    margin-top: 15px;
}

.payment-option label {
    font-weight: bold;
}

.card-info input {
    width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.card-info input:last-child {
    margin-right: 0;
}

.summary-details {
    margin-bottom: 20px;
}

.summary-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0;
}

.total {
    font-weight: bold;
    font-size: 1.2em;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.terms {
    font-size: 0.9em;
    color: #777;
}

.terms a {
    color: #333;
    text-decoration: underline;
}

.btn-subscribe {
    padding: 15px;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 1em;
}

.btn-subscribe:hover {
    background-color: #555;
}

/*payment*/


/*video gallery */
.modal {
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-header {
  border-bottom: 1px solid #505050;
  padding: 12px 16px 6px 16px;
}
.modal-header .modal-title {
  color: #ccc;
  margin: 0;
}
.modal-header .close {
  font-size: 32px;
  opacity: 1;
  color: #ccc;
  text-shadow: none;
  outline: none;
}

.modal-content {
  border-radius: 0;
  border: 0;
  background-color: #323232;
}

.img-responsive {
  width: 100%;
}

button.btn-play {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  margin-left: -15px;
  border: 0;
  border-radius: 0;
  outline: 0 !important;
  width: 100%;
  background-color: transparent;
  color: rgba(245, 245, 245, 0.8);
}
button.btn-play:hover, button.btn-play:active, button.btn-play:visited, button.btn-play:focus {
  color: white;
}
button.btn-play .glyphicon {
  padding: 0;
  margin: 0;
  color: inherit;
  background-color: inherit;
  font-size: 64px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  button.btn-play .glyphicon {
    font-size: 56px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  button.btn-play .glyphicon {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  a.video {
    display: block;
  }

  button.btn-play .glyphicon {
    font-size: 56px;
  }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/*video gallery */




.title{
    text-align: center;
    text-transform: capitalize;
    color: #726a95;
    margin: 10px 0;
    position: relative;
}

/*.title::after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 20%; height: 2px;*/
/*    background-image: -o-linear-gradient(right, transparent 5%, #726a95);*/
/*    background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), to(#726a95));*/
/*    background-image: linear-gradient(to left, transparent 5%, #726a95);*/
/*    bottom: -10px; left: 50%;*/
/*    -webkit-transform: translate(-50%);*/
/*        -ms-transform: translate(-50%);*/
/*            transform: translate(-50%);*/
/*}*/

.team-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /*padding: 40px 0;*/
}

.member{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 250px;
            flex: 1 1 250px;
    /*margin: 20px;*/
    text-align: center;
    padding: 20px 10px;
    /*cursor: pointer;*/
    max-width: 300px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*.member:hover{*/
/*    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);*/
/*            box-shadow: 0 10px 20px rgba(0,0,0,0.1);*/
/*    -webkit-transform: translateY(-20px);*/
/*        -ms-transform: translateY(-20px);*/
/*            transform: translateY(-20px);*/
/*        border-radius: 20px;*/
/*}*/


.max-w-\[650px\] {
    max-width: 100%;
}

.carousel-control-next-icon {
    background-image: url(../images/next.png);
}
.carousel-control-prev-icon {
    background-image: url(../images/before.png);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
   
    width: 40px;
    height: 40px;
   
}


.carousel-control-prev {
   left: -100px;
        top: 300px;
}

.carousel-control-next {
    top: 300px;
    right: -100px;

}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    top: 130px;
    -o-object-fit: fill;
       object-fit: fill;
       
}

#slider .carousel-inner img{
   position: relative;
    width: 100vw; 
    height: 100vh; 
    overflow: hidden; 
 object-fit: contain;
  background: #fff;
 
 
}

.carousel-indicators {
visibility: hidden;
    bottom: 100px;

}

#slider .carousel-indicators{
    visibility: visible;
}


.member img{
    display: block;
    width: 150px; height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    border:4px solid #FAC460;
    border-radius: 50%;
    margin: 0 auto;
}

.member h2 {
    /* text-transform: uppercase; */
    font-size: 16px;
    color: #333;
     margin: 0; 
}

.member p{
    font-size: 12px;
    color: #838383;
    line-height: 1.6;
}




.container_mouse {
  text-align: center;
  color: var(--color);
  font-weight: bold;
  text-transform: uppercase;
  /*padding-top: 2rem;*/
  cursor: pointer;
}

.container_mouse .mouse-btn {
  margin: 10px auto;
  width: 40px;
  height: 80px;
  border: 4px solid var(--color);
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container_mouse .mouse-btn .mouse-scroll {
  display: block;
  width: 20px;
  height: 20px;
      background: -o-linear-gradient(280deg, rgb(255 255 255 / 92%), rgb(123, 124, 124));
      background: linear-gradient(170deg, rgb(255 255 255 / 92%), rgb(123, 124, 124));
  border-radius: 50%;
  margin: auto;
  -webkit-animation: scrolling 1s linear infinite;
          animation: scrolling 1s linear infinite;
}


@-webkit-keyframes scrolling {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}


@keyframes scrolling {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

.panel{
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333333;
    margin-left: 14px;
}

.casestudy {
    padding: 50px;
    /*background-color: #e8ffbf;*/
    /*box-shadow: 0px 0px 10px 0px #818181;*/
    border-radius: 20px;
        margin-bottom: 50px;
        margin-top: 50px;

}

#case {
    /* margin: 2% auto; */
    padding: 0;
    /* max-width: 800px; */
    width: 100%;
}


.main-carousel{ margin-bottom: 12px;}

.cursor{
    position: relative;
    width: 24em;
    margin: 0 auto;
    /*border-right: 2px solid rgba(255,255,255,.75);*/
    font-size: 30px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);    
}
/* Animation */
.typewriter-animation {
        color: #fff;

  -webkit-animation: 
    typewriter 3s steps(50) 1s 1 normal both, 
    blinkingCursor 500ms steps(50) infinite normal;

          animation: 
    typewriter 3s steps(50) 1s 1 normal both, 
    blinkingCursor 500ms steps(50) infinite normal;
}
@-webkit-keyframes typewriter {
  from { width: 0; }
  to { width: 100%; }
}
@keyframes typewriter {
  from { width: 0; }
  to { width: 100%; }
}
@-webkit-keyframes blinkingCursor{
  from { border-right-color: rgba(255,255,255,.75); }
  to { border-right-color: transparent; }
}
@keyframes blinkingCursor{
  from { border-right-color: rgba(255,255,255,.75); }
  to { border-right-color: transparent; }
}


    .mb-6 {
    margin-bottom: 1.5rem !important;
    color: #C90C01;
    /*font-size: 28px;*/
    margin-top: 20px;
    /*text-align: center;*/
}

    .mb-6 ul, ol{
   
    color: #666262;
    
}




.form-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px 0;
    -webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 32%);
            box-shadow: 0px 0px 8px rgb(0 0 0 / 32%);
    width: 100%;
    /* max-width: 400px; */
}


.appointment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.appointment-form input,
.appointment-form select {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
}

.appointment-form button {
background-color: #97CA22;
    color: white;
    padding: 12px;
    font-size: 18px;
    border: none;
    border-radius: 20px 0;
    cursor: pointer;
    /* align-items: center; */
    width:230px;
    margin: 0 auto;
}
.appointment-form button:hover {
    background-color: #5a9d2d;
}


@media (max-width: 768px) {
    .form-container {
        padding: 15px;
    }

  

    .appointment-form input,
    .appointment-form select {
        font-size: 14px;
        padding: 8px;
    }

    .appointment-form button {
        padding: 10px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .form-container {
        width: 90%;
    }

    

    .appointment-form button {
        font-size: 14px;
    }
}

.text-white {
    color: #c90c01 !important;
    /*margin: 16px;*/
    top: 10px;


}

.subscribe {
    color: #97ca22;
    /* background-color: #FAC460; */
    /* border-color: #007bff; */
    border: 2px solid;
    border-radius: 10px;
}


.member {
 /*background-color: #FAC460; */
  margin: 10px;
    max-width: 100%;
    border: solid 1px #c3c3c3;
    border-radius: 20px;
    padding: 0px;
    text-align: left;
    
}
.team-row .member {
 /*background-color: #FAC460; */
  
    border: solid 1px #c3c3c3;
   /*text-align: center;*/

    
}

/*#myCarousel  .carousel-inner {*/
/*  height: 200px;*/
/*      object-fit: fill;*/

/*}*/



.teacher{
    /*height: 50px;*/
    /*background-color: #97c93e;*/
    /*width: 50px;*/
    
    /*border-radius: 25px;*/
    color: #3e3e3e;
      /*text-align: center;*/
}





































.contact-card {
  /*background-color: rgba(0, 0, 0, 0.377);*/
  border-radius: 20px 0;
  -webkit-box-shadow: 0 4px 0px rgb(255 255 255 / 47%);
          box-shadow: 0 4px 0px rgb(255 255 255 / 47%);
  padding: 50px;
  width: 450px;
  /* border: 2px solid #007bff; */
  -webkit-backdrop-filter: blur(10px)!important;
          backdrop-filter: blur(10px)!important;
  text-align: center;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 30px;
  height:350px;
}



  

  /* ==================== MOBILE RESPOSIVE ========================== */


  
@media screen and (min-width : 320px) and (max-width : 479px) {
     
    
    .contact-card {

  width: 100%;
  padding: 6px;
  height: auto;
}
    
    .carousel-indicators {
   
    bottom: 0px;
}
    .navbar-light .navbar-brand {
   
    width: 40%;
}
       .cd-image-container {
        width:100% !important;
    }
 

  

/*    img {*/
/*    max-width: 70%;*/
/*}*/
     .carousel-control-next {
        top: 238px;
        right: -4px;
    }
    .carousel-control-prev {
    left: -80px;
    top: 178px;
}
    .carousel-control-next-icon, .carousel-control-prev-icon {
    width: 20px;
    height: 20px;
}
/*    .carousel-inner {*/
   
/*    width: 200px;*/
  
/*    left: -50px;*/
/*}*/
 .slide4 {
    height: 181px;
    background-size: 100% 100%;
    margin-top: 12rem;
    background-position: inherit !important;
    background-attachment: inherit !important;
    padding: 0;
  }
   .slide4 .carousel {
  bottom: 0  !important;
  top: 37%  !important;
}


 .carousel {
    /* bottom: 130px; */
    /*top: 180px;*/
}
 
   .cta {
    height: 600px;
}

  .homeopathic-content{

     height: 640px;
    padding: 15px;

      
  }
  
    .card {
    /*width: 100px;*/
}
   .exp-bx {
    display: -ms-grid !important;
    display: grid !important;
    margin-top: -1rem;
    -ms-grid-columns: 23% 76px 41%;
    grid-template-columns: 23% 41%;
    grid-gap: 76px;
    margin-right: 70px;}



    
        
 .carousel-caption {
  top: 4px;
        left: 0;
        width: 95%;
        margin: 0 auto;
        right: 0;

    }
   
    
    .testimonial-card {
   
    margin: -50px;
    padding: 10px;
   
    margin-top: 65px;
}
.video-wrap {
    
    height: 200px;
}
       .btn-primary {
    color: #97c93e;
    background-color: #ffffff;
    /* border-color: #97c93e; */
    width: 28%;
    border: 2px solid;
    font-size: 12px;
    height: 37px;
    bottom: 16px;
    /* margin-bottom: -5px; */
    margin-top: -27px;
}
       
       
.access{     font-size: 8px;
        margin-right: 130px !important;
    }
  h1 {
    font-size: 16px !important;
  }

  h2 {
    font-size: 25px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  h4 {
    font-size: 16px !important;
  }
  p{
            font-size: 14px;
      
    }
  .navbar-nav {
    width: 100%; background: #fff;}
    .sli-textbg {
    width: 100%; top: 18%;}
    
    #slider {
     margin-top: 5rem; 
     height: auto !important;
    }
    
    .navbar {
    height:70px;}
    .navbar-light .navbar-nav .nav-link {
      margin-right:0;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
      background: #97ca22;
  
    }
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, 
    .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    background: #ff5134;

    }
    .text-box {
      width: auto; }
      .sec-padding {
        padding: 20px 0;
      }
      .sec-margin {
        margin: 20px 0;
      }
      .services  .col-md-4 {
      
        -webkit-box-flex: 80%;
      
            -ms-flex: 80%;
      
                flex: 80%;
        max-width: 80%;
        margin: 0 auto;
      }
      .team .col-md-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
                flex: 0 0 100%;
        max-width: 100%;
      }
      .team-box {
        margin: 40px 0;
      }
.subscribe_form{
  width: 80%;
margin: 20px auto;
}
.team-box {
  margin-bottom: 70px;
}
.sec-padding {
  padding: 0 !important;
}
.sec-margin {
  margin: 0 !important;
}
.text-box {
  position: static;

  margin: 30px 0;
}

.p-4 {
  padding: 0 !important;
          margin: -90px;
}
.ser-box, .ser-box1 {
  height: 280px;
  margin: 10px 0;
  padding: 0;
}
.services{
  width: 95%;
  margin: 0 auto !important;
}
.testimonials-inner {
  height: 225px;}
  .img-box {
  width: 100%;
  height: 400px;
}
 #left, #right, #photo-count, #photo-name {
    position: inherit;
  }
  .wrapper {
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: transparent;
}
.navbar-nav .dropdown-menu {
  font-size: 12px;
}
#slider2 {
    height:auto;
}
.Strategy{padding:0;}

.homeopathy {
  padding: 2rem;
  height: auto;
}
  .homeopathy-content {
  height: auto;
  padding: 10px;

}
      section {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mission {padding:10px;}
}

@media screen and (min-width : 480px) and (max-width : 767px) {
  
    
    .contact-card {

  width: 100%;
  padding: 6px;
    
  height: auto;
}
    
        .tabs-wrapper label {
               width: 24%;
        font-size: 10px;
    
    }
   
        .cta {
     padding: none;
    height: 600px;}
    
    
    
    .carousel-caption {
    bottom: 100px;}
    
  h1 {
    font-size: 30px !important;
  }

  h2 {
    font-size: 25px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  h4 {
    font-size: 16px !important;
  }
  .navbar-nav {
    width: 43%; background: #fff;}
    .sli-textbg {
    width: 100%; top: 18%;}
    #slider {
    height: 300px;}
    .navbar {
    height: 57px;}
    .navbar-light .navbar-nav .nav-link {
      margin-right:0;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
      background: #ff5134;
  
    }
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, 
    .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    background: #ff5134;

    }
    .text-box {
      width: auto;}
      .sec-padding {
        padding: 20px 0;
      }
      .sec-margin {
        margin: 20px 0;
      }
      .services  .col-md-4 {
      
        -webkit-box-flex: 80%;
      
            -ms-flex: 80%;
      
                flex: 80%;
        max-width: 80%;
        margin: 0 auto;
      }
      .team  .col-md-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
                flex: 0 0 50%;
        max-width: 50%;
      }
      .team-box {
        margin: 40px 0;
      }
.subscribe_form{
  width: 80%;
margin: 20px auto;
}
.team-box {
  margin-bottom: 70px;
}
.sec-padding {
  padding: 0 !important;
}
.sec-margin {
  margin: 0  auto!important;
}
.text-box {
  position: static;

  margin: 30px 0;
}
.img-box {
  width: 100%;
  height: 400px;
}
#slider2 {
    height:auto;
}
.Strategy{padding:0;}
.homeopathy-content {
  height: auto;
  padding: 10px;

}
  section {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mission {padding:10px;}
}









@media screen and (min-width : 768px) and (max-width : 1023px) {
  h1 {
    font-size: 20px !important;
  }

  h2 {
    font-size: 25px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  h4 {
    font-size: 16px !important;
  }
 
  .navbar-nav {
  width: 30%; background: #fff;}
  .sli-textbg {
  width: 80%; top: 18%;}
  #slider {
  height: 300px;}
  .navbar {
  height: 57px;}
  
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background: #ff5134;

  }
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, 
  .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  background: #ff5134;

  }
  .text-box {
    width: auto;}
    .sec-padding {
      padding: 20px 0;
    }
    .sec-margin {
      margin: 20px 0;
    }
    .services  .col-md-4 {
    
      -webkit-box-flex: 80%;
    
          -ms-flex: 80%;
    
              flex: 80%;
      max-width: 80%;
      margin: 0 auto;
    }
    .team  .col-md-3 {
      -ms-flex: 0 0 25%;
      -webkit-box-flex: 0;
              flex: 0 0 50%;
      max-width: 50%;
    }
    .team-box {
      margin: 40px 0;
    }
    .img-box{
      display: block !important; 
      margin: 20px 0;
    }
    .text-box {
      position: absolute !important;}
      .img-box {
  width: 100%;
  height: 400px;
}

}




.testimonials
{
  padding: 40px 0;
  background: #f1f1f1;
  color: #434343;
  text-align: center;
}

.testimonial-inner
{
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  padding: 0 20px;
}

.border
{
  width: 160px;
  height: 5px;
  background: #6ab04c;
  margin: 26px auto;
}

.row
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*justify-content: center;*/
}

.col
{
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
  max-width: 33.33%;
  -webkit-box-sizing:  border-box;
          box-sizing:  border-box;
  padding: 15px;
}

.testimonial
{
  background: #fff;
  padding: 30px;
}

.testimonial img
{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.name
{
  font-size: 20px;
  text-transform: uppercase;
  margin: 20px 0;
}

.stars
{
  color: #d11616;
  margin-bottom: 20px;
}


#slider3 {
  width: 100%;
  position: relative;
  height: 100%;
  /* padding: 5em 0; */
  overflow: hidden;
  background: url(../images/contact.jpg);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}









.contact-info {
  width: 50%;
}

.contact-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  background-color: #0000007d;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 20px 0;
  -webkit-box-shadow: 4px 4px 1px 0 #ffffff59;
          box-shadow: 4px 4px 1px 0 #ffffff59;
  margin-left: 100px;
}

.contact-info-icon {
  height: 70px;
  width: 70px;
  
  text-align: center;
  border-radius: 50%;
}

.contact-info-icon i {
  font-size: 30px;
  line-height: 70px;
}

.contact-info-content {
  margin-left: 20px;
}

.contact-info-content h4 {
  color: #1da9c0;
  font-size: 1.4em;
  margin-bottom: 5px;
}

.contact-info-content p {
  color: #FFF;
  font-size: 1em;
}

.contact-form {
  background-color: #0000005c;
  padding: 40px;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 30px 0;
  -webkit-box-shadow: 4px 4px 0px 0 #ffffff7a;
          box-shadow: 4px 4px 0px 0 #ffffff7a;
  margin-bottom: 30px;
  margin-top: 100px;
}

.contact-form h2 {
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 10px;
  color: #fff;
}

.contact-form .input-box {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.contact-form .input-box input,
.contact-form .input-box textarea{
  width: 100%;
  padding: 5px 0;
  font-size: 16px;
  margin: 10px 0;
  border: none;
  border-bottom: 2px solid #ffffff;
  outline: none;
  resize: none;
  background-color: transparent;
  color: #ffffff;
}

.contact-form .input-box span {
  position: absolute;
  left: 0;
  padding: 5px 0;
  font-size: 16px;
  margin: 10px 0;
  pointer-events: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
}

.contact-form .input-box input:focus ~ span,
.contact-form .input-box textarea:focus ~ span{
  color: #ffffff;
  font-size: 12px;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}

.contact-form .input-box input[type="submit"] {
  width: 50%;
  background: #97CA22;
  color: #FFF;
  border: none;
  cursor: pointer;
  padding: 10px;
  /* font-size: 18px; */
  /* border: 1px solid #00bcd4; */
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 20px 0;
  /*margin-left: 210px;*/
}
.contact-form .input-box input[type="submit"]:hover
{
  background: #FFF;
  color: #97CA22;
}

@media (max-width: 991px) {
 
  
  .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        /*-ms-flex-direction: column;*/
        /*    flex-direction: column;*/
  }
  
  .contact-info {
    margin-bottom: 40px;
    width: 100%;
  }
  
  .contact-form {
       background-color: #0000005c;
    padding: 17px;
    width: 100%;
    padding-bottom: 4px;
    padding-top: 5px;
    width: 100%;
  }
}

.contact-page{margin-top: 150px;}





.clinic-name {
  color: #fff;
  font-size: 22px;
  margin: 0 0 10px;
}

.clinic-name span {
  font-size: 18px;
  color: #fff;
}

.address, .phone {
  font-size: 14px;
  color: #fff;
  margin: 10px 0;
}

.address i, .phone i {
  color: #007bff;
  margin-right: 10px;
}

.address {
  line-height: 1.5;
}



@media screen and (min-width : 1024px) and (max-width : 1366px) {
    
.navbar-light .navbar-nav .nav-link {
    padding: 0px 11px !important;
    color: #3E3E3E;
}
    .carousel-caption {
   top: 50%;
}

  .row-border {
    height: 355px;
  }
  
  .navbar-nav {
    width: 90%;
    background: transparent;
  }
  .services .col-md-4 {
    -webkit-box-flex: 32%;
        -ms-flex: 32%;
            flex: 32%;
    max-width: 36%;
    margin: 0 auto;
  }
  .navbar-nav{
      padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  }

}