html{
    overscroll-behavior:none;
    scroll-behavior: smooth;
    scroll-padding: 20rem;
}

body{
overflow-x:hidden;
    overscroll-behavior:none;
    scroll-behavior: smooth;
    scroll-padding: 20rem;
}

.carousel-inner{
    line-height: 0;
}
.line-height{
    line-height: 7rem;
}

#video_div{
    width: 100%;
    height:30vw;
    overflow: hidden;
}
#video_div video{
    width: 100%;
    display: block;
    margin: -10rem auto;

}

@media only screen and (max-width: 600px) {
    #video_div{
        width: 100%;
        height:auto/*80vh*/;
        overflow: hidden;
    }
    #video_div video{
         width: 100%;
        height: 60%;
        margin: auto;
       /* width: 136vw;
        height: 33vh*/
     }
}


.mth-icon-search{
    position: absolute;
    top: 8px;
    right: 5px;
    z-index: 20000;
}
table {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.home-video .ytp-impression-link{
   display: none;
}
th, td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd; /* Light bottom border */
}

th {
	background-color: #f2f2f2; /* Light gray background */
	font-weight: bold;
}

tr:hover {
	background-color: #f5f5f5; /* Hover effect */
}


.phone {
	direction: ltr;
}

.pagination li {
    /*
    background-color: #00a675;
    */
margin: 4px;
    padding: 10px;
    border: 1px solid;

}
       .page-link{
           border:0;
       }
       .pagination li a{
           color: #000;
}
.text-success1{
           color: #00a675 !important;
       }
.innerpages_title1{
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.innerpages_title2{
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
       .navbar{
           padding: 1.5rem 1rem;
       }
       .bg-light{
           background-color: white;
       }

       .list-group-item .leaf_list{
			width: 1rem;
			margin-right: 10px;
       }
	   
       .list-group-item .selected{
			background-color: #e9eaee;
       }
	   	   
	   
	   
       .slick-prev:before, .slick-next:before{
         color:#000000!important;
         }
         .brand-slider-wrapper {
         position: relative;
         max-width: 1350px;
         margin: 0 auto;
         }
         .brand-slider img {
         width: 150px;
         height: auto;
         display: block;
         margin: 0 auto;
         }
         .link-body-emphasis{
             color:#000;
         }

       .main-gallery{
           background-color: #f3f4f7;
       }
         .slick-arrow {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         background-color: #ffffff;
         color: #fff;
         border: none;
         padding: 10px;
         cursor: pointer;
         z-index: 1;
         }
         .slick-prev {
         left: -40px;  /* Adjust this value to position the left arrow */
         }
         .slick-next {
         right: -40px; /* Adjust this value to position the right arrow */
         }
         .slick-arrow:hover {
         background-color: #333;
         }
         .tophead{
         background:#f3f4f7;
         height:18px;
         }

         .card-block{
             padding:12px;
         }
         /* Positioning the title and description to the left and coloring them red */
         .carousel-caption {
         position: absolute!important;
         left: 15% !important;
         top: 15%!important;
         text-align: left!important;
         color: #ffffff!important; /*#f05a28!*/
         /*max-width: 50%!important;*/
         }
         .carousel-caption h4{
         font-size: 4.5rem;
         }
         /* Styling the blue banner under the slider */
         .carousel-banner {
         background-color: #2a5087;
         padding: 25px 0;
         position: relative;
         }
         /* Styling the carousel indicators (dots) */
         .carousel-indicators {
         display: flex!important;
         justify-content: flex-end!important;
         margin-bottom: 0!important;
         right: -146px!important;
         }
         .carousel-indicators1 {
         display: flex!important;
         justify-content: flex-end!important;
         margin-bottom: 0!important;
         /*right: -146px!important;*/
         }
         .carousel-indicators li, .carousel-indicators1 li {
         height: 27px!important;
         border-radius: 50%!important;
         background-color: white!important; /* Non-selected dot color */
         margin: 0 5px!important;
         cursor: pointer!important; /* Make dots clickable */
         }
         .carousel-indicators .active, .carousel-indicators1 .active {
         background-color: #646464!important; /* Selected dot color */
         border: solid 1px #ffffff!important;
         margin-top: 9px!important;
         }
         /* Ensure the dots are interactive and change on slide */
         .carousel-control-prev, .carousel-control-next {
         cursor: pointer;
         }
          #logo{
         /*width: 90%;*/
              width: 71%;
              height: 98%;
              margin-top: 0.5rem;

         }
         .video {
         margin-top: 8%;
         }
         .video h1{
         color:#2e5894;
         font-weight: bold;
         }
         .video img{
         width: 100%;
         }
         .products {
         margin-top: 10%;
         }
         .products img{
         width: 110%;
         }
         .products h2{
         color: #2e5894;
         font-weight: bold;
         width: 100%;
         text-align: center;
         font-size: 4em;
         text-transform: uppercase;
         }
         .product{
         padding: 20px;
         }
         .products .botn{
         text-align: center;
         }
         .products ul{
         font-size: 14px;
           min-height: 7rem;
         }
          .card-text{
             min-height: 5rem;
         }
         
         .blog .card-text{
             min-height: 8rem;
         }
        .card-title{
             min-height: 3rem;
         }

         
         .btn-primary {
         color: #fff;
         background-color: #2e5894;
         border-color: #2e5894;
         }
         .catalogue  h2{
         color: #2e5894;
         font-weight: bold;
         width: 100%;
         text-align: center;
         font-size: 4em;
         text-transform: uppercase;
         }
         .catalogue{
         background: #e9e9e9;
         padding-top: 6%;
         }
         .catalogue p{
         text-align: center;
         font-size: 20px;
         }
         .catalogue img{
         width: 100%;
         }
         .catalogue .row{
         padding-top: 6%;
         padding-bottom: 6%;
         }
         .catalogue .col-md-2{
         flex: 1 0 16.666667%;
         max-width: 21.666667%;
         }
         .blog{
         padding-top: 8%;
         }
         .blog h2{
         color: #2e5894;
         font-weight: bold;
         width: 100%;
         text-align: center;
         font-size: 4em;
         text-transform: uppercase;
         }
         .blog .botn{
         text-align: right;
         }
         .blog .card{
         border-radius: 25px;
         padding: 11px;
         border: solid #e9e9e9;
         margin-top: 7%;
         }
         .news{
         padding: 8%;
         }
         .news h2{
         color: #2e5894;
         font-weight: bold;
         width: 100%;
         text-align: center;
         font-size: 4em;
         text-transform: uppercase;
         }
         .news .botn a{
         text-decoration: underline;
         }
         .news img{
         width: 100%;
         border-radius: 30px;
         }
         .why{
         background: #f1f1f0;
         text-align: center;
         padding-right: 20px;
         padding-top: 119px;
         margin-top: 6%;
         padding-left: 20px;
         }
         .why .col-md-12{
         min-height: 216px;
         }
         .why h2{
         color: #ffffff;
         font-size: 4em;
         font-weight: bold;
         padding-top: 90px;
         }
         .statstic .col-md-2{
         flex: 1 0 16.666667%;
         max-width: 21.666667%;
         }
         .statstic .stc img{
         width: 43%;
         padding:10px;
         /*height: 70px;*/
         }
         .statstic .stc{
         border: solid 2px #00a675;
         border-radius: 18%;
         HEIGHT: 215px;
         margin-top: 32px;
         }
         .statstic .stc .text{
         line-height: 1;
         padding-left: 19px;
         }
         .statstic .stc .text .intext0{
         color: #16ad81;
         font-weight: bold;
         font-size: 14px;
         }
         .statstic .stc .text .intext1{
         color: #16ad81;
         font-weight: bold;
         font-size: 3em;
         }
         .statstic .stc .text .intext2{
         color: #16ad81;
         font-size: 12px;
         padding-right: 10px;
         }
         .factory{
         background: #e9e9e9;
         padding-top: 6%;
         }
         .factory img{
         width: 100%;
         }
         .factory  h2{
         color: #2e5894;
         font-weight: bold;
         width: 100%;
         text-align: center;
         font-size: 4em;
         text-transform: uppercase;
         }
         .stories .row{
         border: solid 1px;
         border-radius: 16px;
             margin-left: 0;
             margin-right: 0;
         }
         .stories img{
         width: 100%;
         border-radius: 16px;
         }
         .stories  h2{
         color: #2e5894;
         font-weight: bold;
         width: 100%;
         text-align: center;
         font-size: 4em;
         text-transform: uppercase;
         }
         .stories .col-md-5{
         padding: 0px;
         }
         .stories .col-md-7{
         padding-top: 4%;
         }
         .stories .morestories{
         text-align: right;
         font-size: 2em;
         text-decoration: underline;
         color: #00a675;
         }
         .stories .morestories a{
         color: #00a675;
         }
         .newsletter{
         height: 342px;
         }
         .newsletter .conten1{
         padding-top: 12%;
         }
         .newsletter .conten1 p{
         font-size: 13px;
         }
         .newsletter .conten2{
         padding-top: 12%;
         }
         .brand  h2{
         color: #2e5894;
         font-weight: bold;
         width: 100%;
         text-align: center;
         font-size: 4em;
         text-transform: uppercase;
         }
         .footer{
         background: #2e5894;
         /* min-height: 28rem; */
         color: #ffffff;
         }
         .footer img{
         width: 75%;
         }
         .footer .F1{
         padding-top: 40px;
         }
         .footer h5{
         padding-bottom: 20px;
         } 
         .footer .F2{
         padding-top: 35px;
         }  
         .footer a ,.footer2 a {
         text-decoration: none;
         color: #ffffff;
         padding-left: 6px;
         }
         .social-media a i {
         margin-right: 5px;
         }
         .footer a:hover, .footer2 a:hover {
         color: #bdd7ff; /* Change to your desired hover color */
         }
         .footer2{
         background: #00a373;
         color: #ffffff;
         padding-top: 10px;
         }
         .footer2 span{
         padding-left: 40px;
         }
   .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
         color: rgb(255 255 255)!important;
         background: #2e5894!important;
         }
         .dropdown-item:focus, .dropdown-item:hover {
         color: #05a67b!important;
         text-decoration: none!important;
         background-color: #f8f9fa00!important;
         }
         .dropdown-menu{
         background: #dfe0e2!important;
         }
         .dropdown-item {
         border-bottom: solid 1px!important;
         }
         .lang{
         /*padding-top: 38px;*/
         }
         .search-box {
         position: relative;
         /*padding-top: 38px;*/
         }
         .search-box input {
         padding-left: 5px; /* Space for the icon */
         border-radius: 50px;
         }
         .search-box .search-icon {
         position: absolute;
         /*top: 50%;*/
         left: 89%;
         transform: translateY(-50%);
         color: #5553b9;
         padding-top: 38px;
         }
         /* Show dropdown on hover */
         .navbar-nav .dropdown:hover .dropdown-menu {
         display: block;
         }
         .mr-auto .nav-item{
        /* padding-top: 38px;
         padding-left: 20px;
         padding-right: 20px;*/
             padding: 0 0.6rem;
         }
         .scroll-to-top {
    position: fixed;
    bottom: 20px;  
    right: 20px;  
    background-color: #007bff;  
    color: white;  
    border: none;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    display: none;  
    z-index: 1000;  
}

.scroll-to-top:hover {
    background-color: #0056b3; /* Darker color on hover */
}
         .scroll-to-top1 {
    bottom: 20px;
    right: 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 20px;
    display: none;
    z-index: 1000;
}

.scroll-to-top1:hover {
    background-color: #0056b3; /* Darker color on hover */
}
.input-group {
    display: flex;  
    margin-bottom: 10px;  
    border: solid 2px #00a675;
    border-radius: 23px;
    padding: 0px;
    width: 73%!important;
     background: #ffffff;
}

.input-group input {
    flex: 1;  
    border-radius: 4px 0 0 4px;  
     padding: 10px;  
        border-radius: 20px 0px 0px 20px;
        border: none;
}

.input-group button {
    border: 4px solid #ffffff;
    background-color: #00a373;
    color: white;
    border-radius: 26px;
    margin-right: 3px;
    width: 87px;
}


	.home-video {
		width:100%;
		height:100%;
	}



.checkbox-group {
    margin-top: 10px; /* Add some space above the checkbox */
}

.checkbox-group label {
    font-size: 14px; /* Adjust font size for readability */
}

@media (max-width: 768px) {
#logo {
    width: 40%;
    height: auto;
}
.carousel-indicators {
    
    right: -3px !important;
}
    .carousel-indicators1 {

    right: -3px !important;
}
.row{
	width: 100%;
}
.carousel-caption h4 {
    font-size: 1.5rem;
}
.navbar-toggler{
	position: absolute;
    z-index: 99;
    top: -59px;
    right: 11px;
    border: solid !important;
    color: #7b7b7b!important;
}

.catalogue .col-md-2 {
    flex: none;
    max-width: none;
}
.statstic .col-md-2 {
    flex: none;
    max-width: none;
    text-align: center;
    padding-left: 98px;
    margin-left: -23px;
}
html, body {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    width: 100%; /* Set width to 100% */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}
.carousel-control-next {
    right: 18px!important;
}
h2{
	font-size: 2em!important;
}
.catalogue img {
    width: 100%;
    padding: 30px;
}
.factory img {
    width: 100%;
    padding: 21px;
    margin-left: 20px;
}
.footer {
    background: #2e5894;
    height: 1167px;
    color: #ffffff;
    padding-left: 76px;
}
.footer2 span {
    padding-left: 0;
}
.footer2{
	padding: 31px;
}

.mr-auto .nav-item {
    padding-top: 0px;
    
}
.brand-slider img{
	width: 100px;
}

    #video_div{
        width: 100%;
        height:auto/*80vh*/;
        overflow: hidden;
    }
    #video_div video{
        width: 100%;
        height: 60%;
        margin: auto;
    }


}

.contact-title {
	align-content: center;
}

.contact-title p{
	margin-bottom: 0px !important;
}