@import url("https://fonts.googleapis.com/css?family=Acme|Lobster|Patua+One|Rubik|Sniglet");

* {
  
 
}

header,
section {
    overflow-x: hidden;
}
h1{
  color:#222136;
}
p{
  color:#808a95;
}
h2{
  color:#222136;
}
h5{
  color:#222136;
}
h3{
  color:#222136;
}
h4{
  color:#222136;
}


:root {
    --Sniglet-font: "Sniglet", cursive;
    --Rubik: "Rubik", cursive;
    --Patua: "Patua One", cursive;
    --Lobster: "lobster", cursive;
    --light-black: #2e2c2caf;
    --bggradient: linear-gradient(to bottom, white, white);
    --light-gray: rgba(255, 255, 255, 0.877);
}
.custom-toggler.navbar-toggler {
    border-color: #1D6B51;
}
  
.navbar .navbar-toggler i
{
    color:#1D6B51;
}

header .nav-item:last-child {
  padding-right: 0em;
}


header a {
    font-family: var(--Patua);
    font-size: 1em;
    color:Black;
  }
  header a:hover{
    color:#1D6B51;
    
  }
  .active a 
  {
    color: #1D6B51;
    border-bottom: 2px solid #1D6B51;
    
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {
    background-color: white;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  .navbar-nav.navbar-center {
    
    left: 50%;
    transform: translatex(-50%);
}
 
  
  .shop 
  {
    background-color: #1D6B51;
    padding-top:1%;
    padding-left:1.5%;
    padding-right:1.5%;
    padding-bottom: 1%;
    border-radius: 15px;
  }
  .shop img{
    padding:5%;
  }
  
  header .nav-item {
    /*padding: 0.9em;*/
     padding: 0.5em;
  }
  .logo
  {
    width:60%;
  }
  .section1_content a{
    text-decoration: none;
    color:white;
    background-color: #1D6B51;
    border-radius: 25px;
    
  }
  .section1_content a span{
    
    color:white;
    width:5%;
    
  }
  .section1_content p{
    text-align: justify;
  }
  .section2
  {
    
    background: url('../assets/tslprofile.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;

  }
  .section2_content
  {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .section2_button
  {
   color: white;
   font-size: 1.3rem;
   border: 1px solid white;
   border-radius: 25px;
  }
  .section2_button span
  {
    color: white;
   font-size: 1.3rem;
  }
footer {
  background:black;
  overflow-x: hidden;
  padding: 14vmin 18vmin;
}

footer p > span {
  color: #ff512f;
}

footer input {
  border: none !important;
}

footer input::placeholder {
  color: white !important;
}

footer .input-group .input-group-text {
  background: var(--bggradient);
  border: none;
}

footer .column i {
  color: whitesmoke;
  padding-top: 5%;
}


footer .column i + i {
  padding: 0 0.5em;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.815);
  z-index: 9999;
  transition: all 1.5s ease;
}
.about-banner {
  background: url('../assets/About.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height: 100%;
}

.about-banner h1 {
  
}

.about1 p {
 
}

.about1 h1 {
  color: #1D6B51 !important;
}

.philosophy {
  background: url('../assets/Philosophy.jpg') no-repeat center center;
  min-height: 500px;
  display: flex;
  align-items: center;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px;
  color: white;
  

}
@import url('https://use.fontawesome.com/releases/v5.2.0/css/all.css');
.accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "↓";
  float: right; 
  color: #1D6B51;
  font-weight: bold;
  font-size: 1.8em;
  background-color: #D8ECE5;
  padding: 0.2rem;
  border-radius: 25px;
}
.accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  
  content: "\2192"; 
}
.section_consult .card .card-header
{
  background-color:#F5F5F5;
  border:none;
  border-radius:25px;
}
.section_consult .card .card-header .card-title
{
  
  font-size: 1.8em;
  
  
}
.section_consult .accordion .card
{
  border-radius:25px;
  border:none;
  background-color:#F5F5F5;
}
.card-body
{
  
  background-color:F5F5F5;
}
.team .row .col-md-3 .card
{
  background-color:#F5F5F5;
  border-radius:10%;
  height:95%;
}
.team .row .col-md-3 .card .card-img-top{
 width:50%;
 border-radius:10%;
}
.team .row .col-md-3 .card .card-body p{
  color:#1D6B51;

}
.team .row .team-column .card
{
  background-color:#F5F5F5;
  border-radius:10%;
  height:95%;
}
.team .row .team-column .card .card-body h5{
  color:#1D6B51;

}
.team .row .team-column .card .card-img-top{
  width:50%;
  border-radius:10%;
 }
 .team .row .team-column .card .card-body p{
   color:#1D6B51;
 
 }
 .team .row .col-md-6 .card .card-body h5{
   color:#1D6B51;
 
 }
.team .row .col-md-4 .card
{
  background-color:#F5F5F5;
  border-radius:10%;
  height:95%;
  
}
.team .row .col-md-4 .card .card-img-top{
 width:50%;
 border-radius:10%;
}
.team .row .col-md-4 .card .card-body p{
  color:#1D6B51;

}
.team .row .col-md-4 .card .card-body h5{
  color:#1D6B51;

}
.team2{
 
  margin-top: 3%;
  
}
.team20{
 
 
 
  
}
.team2 .card{
 
  
  
  
}
.team3 {
  
  
  
}
.team1 .col .card{
  width: 80%;
  
  
  
}




  
/* contact us */

.contact-banner {
  background: url('../assets/About.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height: 100%;
}

.box1 {
  background-color: #F5F5F5;
  padding: 50px;
  border-radius: 25px;
}

.icon1 {
  box-sizing: border-box;
  padding: 20px;
  background-color: white;
  border-radius: 20px;
}

.contact1 , .contact2 ,.contact3
{
  
}
.contactus .row .col-md-4 .card
{
  background-color:#F5F5F5;
  border-radius:10%;
  height:95%;
  width: 95%;
  padding:5%;
}
.contactus .row .col-md-4 .card .card-img-top{
  background-color: white;
  border-radius: 50%;
  padding:3%;
  width:15%;
 }
 .contactus .row .col-md-4 .card .card-body h2{
  color:#1D6B51;

}
.feedback_form h2
{
  color:#1D6B51;
}
.tele-banner {
  background: url('../assets/About.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height: 100%;
}

.about1 p {
  
}

.about1 h2 {
  color: #1D6B51 !important;
}
.form-content input {
  border-radius: 5px;
  border: solid 0.5px rgb(188, 188, 188);
  padding: 1%;
}

.form-button {
  background-color: #1D6B51;
  color: white;
  padding: 15px 30px;
  border-radius: 10px;
  border: none;
}
.tele h2{
  color: #1D6B51 !important;
}
.tele-form h2{
  color: #1D6B51 !important;
}
.view
{
  border-radius: 25px;
  text-decoration: none;
  color:black;
  background-color: #BFBFBF;
}
.profile-icons i {
  color: #1D6B51;
  box-sizing: border-box;
  padding: 10px;
  background-color: #a9a8ad;
  border: none;
  border-radius: 5px;
}

.popular {
  box-sizing: border-box;
  background-color: #ff512f;
  color: white !important;
  padding: 3px 10px;
  border-radius: 5px;
}

.phone i {
  
  padding:2%;
  background-color: #d3d3d3;
  color: white;
  border-radius:50%;
  height:50%;
}
.teleprofile .card{
  
  
  height:10%;
  
  
}
.section3 .row .col-md-4 .card{
  height:97%;
}
.fa-facebook-square {
  color: #3b5998;
  font-size: 30px;
  background-size: 55%;
  background-position: 70% 0;
  background-repeat: no-repeat;
}
.fa-instagram{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
          background-clip: text;
  -webkit-text-fill-color: transparent;
  
  font-size: 30px; /* change this to change the size*/
  
}