body
{
    margin: 0; 
    padding: 0; 
    overflow-y: auto; 
    overflow-x: hidden;
    font-family: "Inter Tight", sans-serif;
    /*color: #413e66;*/
    color: #666;
}






.all_padding{padding: 45px 0;}
.heading_h1{color: #FFFFFF;font-size:60px; font-weight: 700; line-height: 1em; letter-spacing: 0.8px; text-shadow: 0 0 13px #00000040; font-family: "Inter Tight", sans-serif;}
.heading_h3{color: #000; font-size: 30px;font-weight: 700;line-height: 1em;letter-spacing: 0.8px;font-family: "Inter Tight", sans-serif;}
.heading_h5{color: #323334;font-size: 18px; font-weight: 600;letter-spacing: 0.8px; font-family: "Inter Tight", sans-serif;}
small{font-size: 13px;letter-spacing: 0.8px; color: #de3926; font-weight: 600;font-family: "Inter Tight", sans-serif;}
.all_para{font-size: 15px;}
.all_icon{font-size: 15px;}
.overflow_section{overflow: hidden;}
.heda_title{display: flex; flex-direction: column; width: 80%;margin: 0 auto; align-items: center; justify-content: center; margin-bottom: 20px; text-align: center;}
.btn1{background-color: #ea711a; color: #fff; text-decoration: none; padding: 14px 30px; outline: none; border: none; border-radius:2px; transition: 0.5s ease; border: 2px solid #ea711a;}
.btn1:hover{background-color: #fff; color:#de3926;}


nav{padding:15px 0; position: fixed; width: 100%; z-index: 999; top:0; transition: background-color 0.3s ease, padding 0.3s ease;}
nav.scrolled{background-color: #00000059; padding: 10px 0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.Manin_Nav{display: flex; justify-content: space-between; height: 70px; align-items: center;}
.Manin_Nav .menu ul{list-style: none; margin: 0; padding: 0;}
.Manin_Nav .menu ul li{display: inline-block; margin: 0 50px; padding: 0; margin-right: 0;}
.Manin_Nav .menu ul li a{display: block;margin: 0;padding: 0px;color: #fff;text-decoration: none;font-weight: 600;font-size: 13px; text-transform: uppercase;}
.Manin_Nav .menu .acctive{color: #6cff00;}

.logo img{width: 100%; object-fit: cover;transition: transform 0.3s ease;}
nav.scrolled .logo img{transform: scale(0.85);}


/*//Banner//*/
.banner_home{overflow: hidden;}
.banner_home {height: 650px; width: 100%; overflow: hidden; position: relative; z-index: 9; background-color: #f9f4f7;}
.banner_other {height: 220px; width: 100%; overflow: hidden; position: relative; z-index: 9; background-color: #000;}
.banner_other .banner {height: 100%; width: 100%; display: block;}
.banner_home .banner {height: 100%; width: 100%; display: -webkit-box; position: relative; left: -100%; transition: all 0.5s;}
.banner .banner_img {height: 100%; width: 100%; overflow: hidden; position: relative;}

.banner .banner_img .banner_info {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: grid; align-content: center; background-color: #2e42b645;}
.banner .banner_img .banner_info:after {content: ""; position: absolute; left: calc(50% - 2px); top: 0; height: 100%; width: 50%; background-image: url('../images/maskr.png'); background-position: left; background-size: cover; background-repeat: no-repeat; opacity: 0.9   8;}
.banner .banner_img .banner_text {position: relative; z-index: 9;}


.banner .banner_img .banner_text p {font-size: 18px; color: #fff; text-shadow: 0 0 13px #00000040;}

.banner .banner_img img, .banner .banner_img iframe {height: 100%; width: 100%; object-fit: cover; opacity: 1;}
.banner_home .bnnrSlide {position: absolute; top: 50%; transform: translateY(-50%); z-index: 900; height: 30px; width: 50px; border-radius: 25px; background-color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; transition: all 0.5s;}
.banner_home .bnnrSlide img {transform: scale(0.6); opacity: 0.9;}
.banner_home .bnnrRight {right: 15px;}
.banner_home .bnnrLeft {left: 15px;}
.banner_home .bnnrRight:hover, .banner_home .bnnrLeft:hover {opacity: 1;}
.banner_other iframe {width: 100%; height: 100%;}
/*//Banner-end//*/


.about_us{background-color: #d7e3ef; position: relative; z-index: 1;}
.about_us:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-image: url(../img/bg-1.jpg); background-size: contain; background-position: center; opacity: 0.4;}
.about_img{width: 100%;border-radius: 5px;}
.about_img img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}



.services_box{width: 100%; height: auto; border: 1px solid #ccc; position: relative; overflow: hidden; padding: 5px; text-align: center;}
.services_products .services_images{width: 100%; height: 200px; background-color: #eee;}
.services_products .services_images img{width: 100%; height: 100%; object-fit: cover;}
.services_products .services_para{background-color: #fff; padding: 10px;}
.layer{position: absolute; width: 200px; height: 200px; border-radius: 50%; background-color: #faf8e152; top: 0; left: -50px; display: flex; align-items: center; justify-content: flex-end;}
.layer span a{padding: 10px; text-decoration: none; color: #fff;}



.highlights{background-color: #fff; position: relative; z-index: 1;}
.highlights:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;background-image: url(../img/slide5.jpeg); background-size: cover; background-position: top;}
.highlights_left h3{color: #ea711a;}

.highlights_box{width: 100%; height: auto; background-color: #ffffffcc; padding: 10px; border-radius: 5px;}
.highlights_products{width: 100%; height: 100%; display: flex; align-items: center; padding: 10px;}
.highlights_img{width: 250px; height: 250px; background-color: #ea711a; padding: 10px; border: 2px solid #fff;}
.highlights_img img{width: 100%; height: 100%; object-fit: cover; border: 10px solid #fff;}
.highlights_content{width: calc(100% - 250px);padding-left: 15px;}
.highlights_content ul{list-style: none; margin: 0; padding: 0;}




.whay_box{width: 100%; height: auto;padding: 10px; text-align: center;}
.whay_prod{width: 100%; height: 100%;padding: 10px;}
.whay_img{width: 70px; height: 70px; background-color: #fff; border-radius: 50%; border: 1px solid #ea711a; margin: auto;}
.whay_img img{width: 100%; height: 100%; object-fit: contain; padding: 10px;}



.facilities{background-color: #d7e3ef;position: relative; z-index: 1; padding-bottom: 250px;}
/*.facilities:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-image: url(../img/about-bg.jpg); background-size: cover; background-position: center;}*/
.facilities_box{display: block;height: 100%;background-color: #fff;padding: 25px;border-radius: 5px;position: relative;overflow: hidden;text-decoration: none; display: grid; align-content: center;}
.facilities_box .img{position: absolute;left: -95px;top: 0;padding: 10px;height: 100%;width: 150px;border-radius: 50%;background-color: #f7fadf;display: grid;align-content: center;justify-content: end;}
.facilities_box .info{padding-left: 60px;}
.facilities_box .img .round_img{width: 50px; height: 50px; background-color: #fff; border: 4px solid #ea711a; border-radius: 50%; position:relative; left: 20px;}
.facilities_box .img .round_img img{width: 100%; height: 100%; padding: 8px; object-fit: contain;}




.area_grid{width: 100%; display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 8px;}
.area_name{background-color: #eee; width: 100%; height: 50px; display: grid; align-content: center; padding: 5px;}
.area_map{width: 100%; height: 300px;}
.area_map img{width: 100%; height: 100%; object-fit: contain;}
.bg_1{background-color: #dbffd7;}
.bg_2{background-color: #f9f8df;}



.brand_sec{background-color: #d7e3ef;}
.brand_grid{display: grid; grid-template-columns: repeat(10, 1fr); width: 100%;overflow: hidden; border-radius: 5px; row-gap: 10px;}
.brand_item{width: 100px; height: 100px; border: 1px solid #ccc; margin: auto;border-radius: 5px; background-color: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.brand_item img{width: 100%; height: 100%; object-fit:contain;cursor: pointer;opacity: 0.5; transition: 0.5s ease;}
.brand_item img:hover{opacity: 100%;}






footer{padding: 100px 0; z-index: 1; position: relative;background-image: url(../img/footer_bg.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
footer:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.footer_menu ul{list-style: none; margin: 0; padding: 0; line-height: 30px;}
.footer_menu ul li a{display: block; text-decoration: none; font-size: 16px; color: #b2b2b2;}
.contact_flex{display: flex; grid-gap: 8px;} 
.contact_flex .ifo_icon i{font-size: 16px; color: #fff;}
.contact_flex .info_para a{text-decoration: none; color: #b2b2b2;}
.ft_title{color: #fff;}
.ft_para{color: #b2b2b2;}
.follow_flex{display: flex; grid-gap: 8px;}
.social_icon{width: 30px; height: 30px; border: 1px solid #fff; display: grid; align-content: center; text-align: center;}
.social_icon i{color: #fff;}

.map_location{width: 100%; height: 225px; background-color: #eee;}
.map_location iframe{width: 100%; height: 100%;}



.ribon{margin-top: -230px; position: relative; z-index: 999}
.ribon_main{display: flex;align-items: center;justify-content: center;background: #2CB4E6;background: linear-gradient(90deg, rgb(0 0 0) 0%, rgba(255, 166, 0, 1) 61%);padding: 20px;position: relative;z-index: 1;border-radius: 5px;}
.ribon_main:after{position: absolute; content: ""; width: 100%; height: 100%; z-index: -1;background-image: url(../img/info.png); background-repeat: no-repeat; background-size: cover; background-position:top; opacity:0.1;}
.ribon_content{width: calc(100% - 300px);}
.ribon_info{width: 250px; height:220px;}
.ribon_info img{width: 100%; height: 100%; object-fit: cover;}
.ribon_content h5{color: #6cff00;}
.ribon_content h3{color: #fff; font-size: 40PX;}







.Plan{background-color: #d7e3ef;}
.button_group{width: 100%;padding: 10px; text-align: center; margin-bottom: 20px;}
.button_group ul{list-style: none; margin: 0; padding: 0;}
.button_group ul li{display: inline-block; cursor: pointer; margin: 0 30px;}
.button_group ul li.active{border-bottom: 2px solid #000;}

.Plan_details{width: 100%; height: 500px; display: grid; grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
.plan_Box{width: 100%;height: 100%;background-color: #fff;padding: 8px;position: relative;overflow: hidden; cursor: pointer;}
.plan_Box img{width: 100%;height: 100%;object-fit: contain;}



.share_link{width: 100%; height: 100%; background-color: #f5f8fdc7; z-index: 1; grid-gap: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: grid; display: flex; align-content: center; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out;}
.zoom_icon{width: 40px; height: 40px; border-radius: 50%; background-color: #ea711a; display: grid; align-content: center; text-align: center;}
.plan_Box:hover .share_link{opacity: 1; visibility: visible;}
.share_link i{font-size: 20px; color: #fff; cursor: pointer;}
.share_link a{text-decoration: none;}



























@media only screen and (max-width: 991px)
{
     
     
}


@media only screen and (max-width: 767px)
{
    
}




@media only screen and (max-width: 576px)
{
    
}

@media only screen and (max-width: 480px)
{
    
}