body{
    line-height: 1.5;
    color: #222;
    background-image: url(image/banner_bg.jpg);

    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    text-align: center;
   bottom: 0;
   
  }
  a {
   
    text-decoration: none!important;
}
  #main {
    max-width: 1100px!important;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    width: 100%!important;
  }
  #banner > img {
    width: 100%;
    }
   
    @media (min-width: 1100px){
.container {
    max-width: 1100px!important;
}
    }
    .second-image{
        margin-top: 10px;
    }
    

.onoffswitch3
{
    position: relative; 
   
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 0px;
}

.onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner > span {
    display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Montserrat', sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch3-inner .onoffswitch3-active {
    padding-left: 10px;
    background-color: #BFCDF0; color: #FFFFFF;
}

.onoffswitch3-inner .onoffswitch3-inactive {
    width: 100px;
    padding-left: 16px;
   background-color: #207323; color: #FFFFFF;
    text-align: right;
}

.onoffswitch3-switch {
    display: block; width: 50%; margin: 0px; text-align: center; 
    border: 0px solid #999999;border-radius: 0px; 
    position: absolute; top: 0; bottom: 0;
}
.onoffswitch3-active .onoffswitch3-switch {
    background:#207323; left: 0;
    width: 160px;
}
.onoffswitch3-inactive{
    background: #A1A1A1; right: 0;
    width: 20px;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.glyphicon-remove{
    padding: 3px 0px 0px 0px;
    color: #fff;
    background-color: #000;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    border: 2px solid #fff;
}

.scroll-text{
    color: #f43b04;
}
#carouselBasicExample {
    height: 354px;
    }
    
    .w-100 {
    height: 353px;
    }
    .carousel-control-prev {
        display: none!important;
        }
     
        .carousel-control-next {
        display: none!important;
        }
        .container {
            background-color: white;
            }
        
            .container > div:nth-child(1) {
            margin-top: 10px;
            }
        
            .panel-body {
            background-color: #eee;
            }
            .panel-default > .panel-heading {
            
                color: white!important;
                background-color: #f33d07!important;
                font-size: 14px!important;
                }
                p {
            
                font-size: 14px;
          
                }
                
                .image-box > img {
                    width: 70%;
                    height: auto;
                    border-radius: 70%;
                    max-width: 100%;
                    margin-left: 14px;
                    border: 1px solid red;
                    padding: 2px;
                }
                    
                    .image-title {
                        text-align: center;
                        background-color: red;
                        color: white;
                        font-weight: bold;
                        padding: 4px;
                        border: 2px solid #71c786;
                      
                        }
                        .image-dec > span > h6{
                            padding-top: 10px;
                            }
                           
                            .image-dec > span > h6 > p > span {
                                font-size: 12px;
                                font-weight: bold;
                                text-align: center;
                                color: #207323;
                            }

                            
                            .image-section{
                                border: 1px solid #e3e3e3;
                                padding: 8px;
                            }
                            
                            .image-dec > span:nth-child(1) > h6:nth-child(1) > p:nth-child(1) > span:nth-child(3) {
                                font-size: 12px;
                                color: red;
                                }
                                div.carousel-item > img {
                                    height: 450px;
                                    }
                                    .panel-body {
                                        height: 400px;
                                        padding: 0px!important;
                                        }
                                        .image-box{
                                            padding-top: 10px;
                                        }
                                        .nav-item{
                                            font-size: 16px;
                                            color: white!important;
                                        }
                                        .navbar-light .navbar-nav .nav-link {
                                            color: white!important;
                                        }
                                        .panel-body > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) {
                                            list-style: none;
                                            }
                                            .glyphicon-home {
                                                margin-right: 12px;
                                                }
                                                div.container:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > span:nth-child(1) {
                                                    font-size: 14px;
                                                    }
                                                  
                                                    .second-image > div:nth-child(1) > span:nth-child(1) {
                                                    font-size: 14px;
                                                    }
                                               
                                                    .module > span:nth-child(1) {
                                                    font-size: 14px;
                                                    }
                                                
                                                    .module-facebook > span:nth-child(1) {
                                                    font-size: 14px;
                                                    }
                                                    .panel-body > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) {
                                                        padding-left: 10px;
                                                        }
                                                   
                                                        .unicty_nav {
                                                        padding-left: 10px;
                                                        text-align: initial;
                                                        }
                                                        .module-image1 > img {
                                                           
                                                                width: 100%;
                                                                height: 150px;
                                                                margin-top: 11px;
                                                            
                                                            }
                                       
                                        #navbarNav {
                                            background-color: #368039;
                                            }
                                            .navbar {
                                                padding: 0px !important;
                                                margin: auto!important;
                                                margin-bottom: 5px!important;
                                                }
                                                .navbar-nav {
                                                    gap: 15px;
                                                    }
                                                    .int-dec > h6 > p {
                                                        text-align: justify;
                                                        color: black;
                                                        font-size: 14px;
                                                        line-height: 25px;
                                                        }
                                                        .int-title {
                                                            text-align: center;
                                                            color: red;
                                                            font-weight: bold;
                                                            text-decoration-line: underline;
                                                            font-size: 20px;
                                                            }
                                                       
                                                           
                                                            .link-title {
                                                                text-align: center;
                                                                background-color: red;
                                                                color: white;
                                                                font-weight: bold;
                                                                padding: 4px;
                                                                border: 2px solid #71c786;
                                                               
                                                                }
                                                                .int-title > h2 > span {
                                                                    text-align: center;
                                                                    background-color: red;
                                                                    color: white;
                                                                    font-weight: bold;
                                                                    padding: 4px;
                                                                    border: 2px solid #71c786;
                                                                    }
                                                                    a {
                                                                        font-size: 16px;
                                                                        color: #1D3E73!important;
                                                                        text-decoration: none;
                                                                        background-color: transparent;
                                                                    }
                                                                    .link-list{
                                                                        background-color: #207323;
                                                                        list-style-type: none;
                                                                        padding: 10px;
                                                                        margin-bottom: 10px;
                                                                    }
                                                                    .item{
                                                                        list-style: none;
                                                                        padding: 0 0 5px 0;
                                                                        border-bottom: 1px solid #d6cccc;
                                                                    }
                                                                    .panel-item {
                                                                        background-color: #eee;
                                                                        height: 420px !important;
                                                                    }
                                                                        
                                                                        .item-page > h2:nth-child(1) > span:nth-child(1) {
                                                                            font-size: 22px;
                                                                            color: #207323;
                                                                            font-weight: 800;
                                                                        
                                                                            }
              .module{
                          text-align: center;
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 4px;
    border: 2px solid #71c786;
                                                                            }
                                                                            .module-text {
                                                                                background-color: #eee;
                                                                                padding: 10px;
                                                                                }
                                                                    
                                                                    
         .module-facebook{
            text-align: center;
            background-color: red;
            color: white;
            font-weight: bold;
            padding: 4px;
            border: 2px solid #71c786;
            margin-top: 20px;
        }
        .module-image img {
           
                width: 100%;
                height: 150px;
            
        }
     
            .module-title{
                padding-top: 10px;
            }
            .module-card > div:nth-child(1) > h2:nth-child(1) > a:nth-child(1) > span:nth-child(1) {
                font-size: 15px;
                }
                .module-card {
                    background-color: #eee;
                    }
                    #footer {
                        background: #333;
                        border-top: #17366C 2px solid;
                        height: 40px;
                        font-size: 12px;
                    }
                    .copy > span:nth-child(1) {
                        color: white;
                        }
                     
                        .copy > a:nth-child(2) > span:nth-child(1) {
                        color: white;
                        }
                        .foot {
                            width: 960px;
                            margin: 0 auto;
                            text-align: left;
                            line-height: 40px;
                           
                            }
                            .copy > span:nth-child(3) {
                                float: right;
                                color: white;
                                }
                             
                                .copy > span:nth-child(3) > a:nth-child(1) > span:nth-child(1) {
                                color: white;
                                }
                                p {
                                    margin-top: 0;
                                    margin-bottom: 0;
                                  }
                                  .item-page > p > strong> {
                                    
                                    color: #f43b04!important;
                                    }
                                    .title h5 {
                                        text-align: center;
                                        font-weight: bold;
                                        font-size: 18px;
                                        padding-top: 15px;
                                        }
                                        .containt{
                                            padding-top: 15px;
                                        }
                                        .containt p {
                                            color: black;
                                            font-size: 16px;
                                            
                                            }
                                            .support > p > span {
                                                font-family: Cambria;
                                                color: #365f91;
                                                }
                                                .support > p {
                                                    font-size: 16px;
                                                    text-align: justify;
                                                    }
                     .support {
                   padding-top: 20px;
                   }
                  .sitemap-image {
                padding-left: 30px;
              }
              .sitemap-image > h4 {
              font-weight: 500;
          padding-top: 11px;
            font-size: 17px;
          }
         .sitemap-image > p {
           text-align: justify;
          padding-right: 30px;
         font-size: 16px;
         padding-top: 11px;
        }
        .image img {
            width: 150px;
            height: 100px;
            border: 2px solid black;
            border-radius: 15px;
          }

        .image h5 span{
            font-weight: bold;
            font-size: 14px;
            }
        
            .image h5{
                font-size: 15px!important;
            }
          
                .dropdown-menu {
                   
                    background-color: #368039!important;
                    
                    }
                    .dropdown-item  {
                        color: white!important;
                    }
                    .dropdown-menu :hover{
                        color: white;
                      
                    }
                    .dropdown-item:focus, .dropdown-item:hover {
                    
                        background-color: red!important;
                        }
                    .message > h2:nth-child(1) {
                        font-size: 16px!important;
                        font-size: 20px!important;
                        color: #368039!important;
                        text-align: center;
                        font-weight: bold;
                        }
                      
                      
                        .message {
                        padding-top: 16px;
                        }
                  
                        .message > h5:nth-child(3) {
                        font-size: 17px;
                        padding-top: 10px;
                        font-weight: bold;
                        }
                     
                        .message > h4:nth-child(4) {
                        font-weight: bold;
                        }
                      
                        .message > p {
                        text-align: justify;
                        color: black;
                        font-size: 17px;
                        }
                        .message > p:nth-child(19) {
                            text-align: right;
                            font-weight: bold;
                            }
                        
                            .message > p:nth-child(21) {
                            text-align: right;
                            font-weight: bold;
                            }
                        
                            .message > p:nth-child(23) {
                            text-align: right;
                            font-weight: bold;
                            }
                            .message > p:nth-child(20) {
                                text-align: right;
                                font-weight: bold;
                                }
                                .missionvission > h3 {
                                    text-align: center;
                                    font-weight: bold;
                                    font-size: 20px;
                                    color: #368039;
                                    }
                               
                                    .missionvission {
                                    padding-top: 20px;
                                    }
                                   
                                    .missionvission > h4 > span {
                                    font-size: 18px;
                                    font-weight: bold;
                                    color: #f43b04;
                                    }
                                
                                    .missionvission > p {
                                    text-align: justify;
                                    font-size: 15px;
                                    color: black;
                                    }
                                    .feedback > h2 {
                                        font-size: 22px;
                                        font-weight: bold;
                                        text-align: center;
                                        color: #368039;
                                        }
                                        
                                        .feedback > p {
                                        font-size: 17px;
                                        color: black;
                                        text-align: justify;
                                        }
                                        
                                        .feedback {
                                        padding-top: 10px;
                                        padding-left: 30px;
                                        }
                                        
                                      
                                    
                                     
                                        .feedback > form> label {
                                        font-size: 17px;
                                        }
                                      
                                        #name {
                                        width: 30%;
                                        }
                                   
                                   
                                   
                                        #postcode_city {
                                        width: 30%;
                                        }
                                      
                                        #fax{
                                            width: 30%;
                                        }
                                        #email{
                                            width: 30%;
                                        }
                                        #message{
                                            width: 30%;
                                        }
                                        
                                        #phone {
                                        width: 30%;
                                        }
                                    
                                        
                                        #mobile {
                                        width: 30%;
                                        }
/* Reset some default button styles */
button {
    border: none;
    outline: none;
    cursor: pointer;
    font-family: Arial, sans-serif;
  }
  
  /* Custom Button Styles */
  .custom-button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: red;
    border-radius: 6px;
    transition: background-color 0.3s ease;
  }
  
  .custom-button:hover {
    background-color: green;
  }
  
  .custom-button:focus {
    box-shadow: 0 0 5px rgba(89, 130, 38, 0.8);
  }
  .dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px 6px;
    display: none; /* Hide the submenu by default */
}

.dropdown-submenu:hover .dropdown-menu {
    display: block; /* Display the submenu on hover */
}