﻿body {
}
.trapezoid {
	border-bottom: 50px solid rgb(113, 177, 54);
	border-left: 60px solid transparent;
	border-right: 0px solid transparent;
	height: 0;
	width: 50%;
}
#Logo img {
    max-height: 80px;
    height: auto;
    width: auto;
}

@media (max-width: 576px) {
    #Logo img {
        max-height: 60px;
    }
}

 /*nav -bar*/
 .navbar-nav > .nav-item > .nav-link:hover {
    background-color: #e5e8e9;
}

 .navbar-nav > .nav-item > .nav-link:hover  {
     background-color: #e5e8e9; /* Light gray background on hover */
    color: #000 !important;    /* Optional: Make text black */
    border-radius: 5px;        /* Optional: Rounded corners */
    /*transition: background-color 0.3s ease;*/
     font-family:Didact Gothic;
}

 
 /* Sticky navbar style */
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
 /*End nav -bar*/
     /*//Docling Form*/
   

    * {
        box-sizing: border-box;
    }

    .open-button {
        background-image: url('../Image/whatsapp02.jpg');
        background-size: 40px 40px;
        color: white;
        /*padding: 16px 20px;*/
        border: none;
        cursor: pointer;
        opacity: 0.8;
        position: fixed;
        bottom: 25px;
        right: 28px;
        width: 40px;
        height:40px;
    }


    .chat-popup {
           
        display: none;
        position: fixed;
        bottom: 0;
        right: 15px;
        border: 3px solid #f1f1f1;
        z-index: 9;
    }

    .form-container {
        max-width: 250px;
        /*padding: 10px;*/
            background-color: rgb(7,94,85);
           
    }

    .form-container textarea {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none;
        background: #f1f1f1;
        resize: none;
        min-height: 200px;
    }

    .form-container textarea:focus {
        background-color: #ddd;
        outline: none;
    }

    .form-container .btn {
        /*background-image: url('../Image/whatsAppBtn.JPG');
        background-size:70px  30px ;
            background-size: cover;*/
        background-color: rgb(44,198,78);
        color: whitesmoke;
        padding: 10px;
        border: none;
        cursor: pointer;
        width: 70%;
        height:30px;
        opacity: 0.8;
        border-radius:20px;
        margin-top:-20px;
        padding-bottom:30px;
    }

    .form-container .cancel {
        background-color: red;
        cursor: pointer;
        color:white;
    }

    .form-container .btn:hover, .open-button:hover {
        opacity: 1;
    }
    /*.sticky + .content {
      padding-top: 10px;
    }*/
  /*nav bar style*/

   .TitleCap32{
        padding-top:15px;
        padding-bottom:5px;
        text-align: center;
        font-size: 28pt; 
        font-family:Monotype Corsiva;
        color: green;
        font-weight:600;
        line-height: 38.6px;
        box-sizing:border-box;
        text-decoration:none;
        display:block;
         /*text-shadow: 2px 2px 4px #000000;*/
    }

   .TitleCap18{
         padding-top:10px;
        padding-bottom:10px;
        text-align: center;
        font-size: 16pt; 
        font-family:Lekhana Bold Italic;
        color: green;
        font-weight:600;
        line-height: 26.6px;
        box-sizing:border-box;
        text-decoration:none;
        display:block;
         /*text-shadow: 2px 2px 4px #000000;*/
    }
    .TitleCap20{
         padding-top:30px;
        padding-bottom:15px;
        text-align: center;
        font-size: 20pt; 
        font-family:Lekhana Bold Italic;
        color: green;
        font-weight:600;
        line-height: 34.6px;
        box-sizing:border-box;
        text-decoration:none;
        display:block;
         /*text-shadow: 2px 2px 4px #000000;*/
    }

    .writeUp22{
        padding-bottom:10px;
        padding-bottom:10px;
        /*text-align: center;*/
        font-size: 22px; 
        font-family:Didact Gothic;
          color: Black;
        /*color: rgb(113, 113, 117);*/
        font-weight:500;
        line-height: 26.6px;
        box-sizing:border-box;
        text-decoration:none;
        display:block;
    }
    .writeUp18 {
      padding-bottom:15px;
      padding-bottom:15px;
      font-size: 18px; 
      font-family:Didact Gothic;
        color: Black;
      line-height: 22.6px;
      box-sizing:border-box;
      text-decoration:none;
      font-weight:500;
      display:block;
        text-align: justify;
    }
    .writeUp16 {
       padding-bottom:10px;
      padding-bottom:10px;
      font-size: 16px; 
      font-family:Didact Gothic;
       color: Black;
      /*color: rgb(113, 113, 117);*/
      /*color:ghostwhite;*/
      line-height: 20.6px;
      box-sizing:border-box;
      text-decoration:none;
      font-weight:500;
      display:block;
        text-align: justify;
    }

    .writeUp14 {
      font-size: 13px; 
      font-family:Didact Gothic;
      color: Black;
      line-height: 15.6px;
      box-sizing:border-box;
      text-decoration:none;
      font-weight:450;
      display:block;
      text-align: justify;
    }
  /*End Of Text format*/   
    .btncolleps{
        font-size:14px;
        display:inline-block;
        cursor:pointer;
        color:white;
        font-weight:600;
        background-color:rgb(140,198,62);
        padding:5px 20px;
        margin-top:13px;
        border-radius: 15px;
    }

    .btncolleps:hover {
      color:rgb(27,113,97);
       background-color:#48abe0;
      text-decoration: underline;
    }

   /*.content {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }*/

    /*input[type="checkbox"]:checked + .content {
        display: block;
        opacity: 1;
    }*/

    a.link {
        
    font-size:14px;
    display:inline-block;
    cursor:pointer;
    color:white;
    background-color:rgb(140,198,62);
    padding:5px 20px;
    margin-top:13px;
    border-radius: 15px;
}

    a.link:hover {
    color:rgb(27,113,97);
    background-color:#48abe0;
    text-decoration: underline;
}
.CommLink {
    text-decoration: none;
    color:whitesmoke;
    font-size:13px; 
    font-family:'Times New Roman'; 
    font-weight:500 ;
    padding:6px 15px;
    border: none; 
    background-color: rgb(140,198,62); 
    border-radius: 15px;
  }
.button {
  background-color: white;
  color: black;
  border: 2px solid #555555;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight:700;
  margin: 4px 2px;
  cursor: pointer;
}

.button:hover {
  background-color: #555555;
  color: white;
  font-weight:700;
}
.btncollepsTitle{
        
        font-size:16px;
        display:inline-block;
        cursor:pointer;
        color:whitesmoke;
        font-weight:700;
        background-color:rgb(140,198,62);
        padding:5px 20px;
        margin-top:13px;
        border-radius: 15px;
}
.linkBtn {
      
      /*background: black;*/ 
      /*padding: 1rem;*/ 
      font-size: 15px; 
      /*line-height: 14px;*/ 
       color:#ffffff;
      font-weight: 600; 
      text-decoration: none; 
      border-radius: 6px; 
      /*display: inline-block;*/ 
      transition: .2s ease-in-out; 
      width: 105px; 
      height: 30px; 
      /*text-align:Left*/
    
    }