body {
    line-height: 30px;
    color: #00308F;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
}
body{--pc:#00308F;--sc:#007FFF;}
html{scroll-behavior: smooth;}
p {
    font-weight: 400;
    color: #00308F;
    text-align: justify;
}
ul, ol{list-style: none;-webkit-padding-start:0px;-moz-padding-start:0px;}
a{color:var(--pc);}
a:hover, a:active, a:focus{text-decoration:none;color:var(--sc);}
::selection{color:#FFF;background:var(--pc);}
.margin-top-30{margin-top:30px;}
.margin-auto{margin:auto;}
.clr{clear:both;}
.bg-styles{background-size:cover !important;background-position:center !important;}
.inline {display: inline-block;}
*{outline:none !important;}
.left-md-center, .right-md-center{text-align:center;}
.left-md-center img, .right-md-center img{margin:auto;}
.padding-0{padding:0;}
.inline-img{float:none;}
.text-center img{margin:auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:var(--pc);font-weight:700;}
.full-width{width:100%;}


.area{position:absolute;width:100%;/* background: #00000091; */z-index:99999;}
.nav-con{/* padding-bottom:6px;*/display:block;z-index:999;/* border-bottom:3px solid var(--pc); */}
.top-bar{padding: 1px 0;background: #f0f8ff8c;color: var(--pc);border-bottom: 1px solid #FFFFFF50;font-weight:400;}
.top-bar ul{margin:0;}

.social-header li{display:inline-block;margin-right:10px;}
.social-header li:last-child{margin-right:0px;}
.social-header li a{/* color: var(--pc); */}
.social-header:hover li a{opacity:.3;}
.social-header li a:hover, .social-footer li a:active, .social-footer li a:focus{color: var(--sc);opacity:1;}

.languages{color: #FFF;display:inline-flex;/* background:#00000050; *//* border-radius:4px; */border-left: 1px solid #00000057;font-size:14px;line-height:24px;}
.languages li{margin: 0 4px;color: var(--pc);}
.languages a{display:flex;margin-top: 4px;}
.languages img{height:16px;}

.navbar-default{background-color:#f0f8ff8c;border:none;margin-bottom:0;z-index:9;border-radius: 0;}
.navbar-default.navbar-fixed-top{background-color:#ffffffee;border-bottom:2px solid var(--sc);}
.navbar-default .navbar-nav>li>a{color: var(--pc);text-transform: uppercase;letter-spacing:0;/* opacity: .8; */font-weight:750;font-size:14px;}
.navbar-default .navbar-nav:hover>li>a{/* opacity:.3;*/}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color: var(--sc);background-color:transparent;opacity:1;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color: var(--sc);background-color:transparent;opacity:1;}
.navbar-brand{height:auto;padding:0;}
.navbar-brand>img{max-height:60px;margin:4px 10px;transition:.3s;}
.navbar-default.navbar-fixed-top .navbar-brand>img{max-height: 36px;}
.navbar-default .navbar-toggle{border:none;margin-top:10px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}
.navbar-default .navbar-toggle .icon-bar{background-color:var(--pc);width:26px;height:4px;border-radius:0;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #FFF;background-color: var(--pc);border-radius:4px 4px 0 0;}
.dropdown-menu{box-shadow:none;border-radius:0;background: var(--pc);}
.dropdown-menu>li>a{color:#FFF;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color:var(--sc);color:#FFF;}

@media(min-width:768px){
.navbar-nav{float:right;background-color:transparent;margin-top:5px;margin-right:-15px;transition:.3s;}
.navbar-nav>li>a {padding:9px 7px 7px;border-radius:4px;}
.navbar-default.navbar-fixed-top .navbar-nav{margin-top: 8px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-right:-15px;margin-left:0;}
.navbar-brand>img{margin:7px 0;max-height:36px;}
}
@media(min-width:990px){
.navbar-brand>img{max-height:50px;}
.navbar-nav>li>a {padding:9px 10px 10px;}
.navbar-nav{margin-top: 14px;}
}

.slider-con{position:relative;z-index:0}
.bs-slider{overflow:hidden;position:relative;background:#000}
.bs-slider:hover{cursor:-moz-grab;cursor:-webkit-grab}
.bs-slider:active{cursor:-moz-grabbing;cursor:-webkit-grabbing}
.bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img{margin:auto;width:100%!important}
.fade{opacity:1}
.fade .item{height:100vh;top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s;background-size:cover;background-position:center;}

.fade .item:first-child{top:auto;position:relative}
.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.control-round .carousel-control{top:47%;opacity:0;width:45px;height:72px;z-index:100;color:#fff;display:block;font-size:30px;cursor:pointer;overflow:hidden;line-height:72px;text-shadow:none;position:absolute;font-weight:400;background:transparent;-webkit-border-radius:100px;border-radius:4px}
.control-round:hover .carousel-control{opacity:1}
.control-round .carousel-control.left{left:1%}
.control-round .carousel-control.right{right:1%}
.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{color:#fdfdfd;background:rgba(0,0,0,0.5);border:0 transparent}
.control-round .carousel-control.left>span:nth-child(1){left:45%}
.control-round .carousel-control.right>span:nth-child(1){right:45%}
.indicators-line > .carousel-indicators{right:0;bottom:3%;left:auto;width:100%;height:20px;font-size:0;overflow-x:auto;overflow-y:hidden;padding-left:10px;padding-right:10px;padding-top:1px;white-space:nowrap;text-align:center}
.carousel-indicators li{width:25px;height:6px;background-color: var(--pc);border:none;border-radius:0;margin:0 5px 0 0;transition:.3s;}
.carousel-indicators .active{width:25px;height:6px;background-color: var(--sc);border:none;margin:0 5px 0 0;}
.slide_style_left{text-align:left!important}
.slide_style_right{text-align:right!important}
.slide_style_center{text-align:center!important}
.slide-text{margin:auto;text-align:left;padding-top:calc(50vh - 42px)}
.slide-text h1{padding:0;color:#fff;font-size:90px;font-style:normal;line-height:84px;font-weight:900;margin-bottom:30px;letter-spacing:1px;display:inline-block;-webkit-animation-delay:.7s;animation-delay:.7s;text-shadow:3px 2px 1px #000000d1;}

@media (max-width:991px) {
.slide-text h1{font-size: 60px;line-height:50px;margin-bottom:20px;}
.slide-text p{font-size:18px}
}
@media (max-width:768px) {
.slide-text h1{font-size:42px;line-height:40px;margin-bottom:10px}
.slide-text p{font-size:14px;line-height:20px;margin-bottom:20px}
.control-round .carousel-control{display:none}
}
@media (max-width:480px) {
.slide-text h1{font-size:20px;line-height:25px;margin-bottom:5px}
.slide-text p{font-size:12px;line-height:18px;margin-bottom:10px}
.slide-text a.btn-default,.slide-text a.btn-primary{font-size:10px;line-height:10px;margin-right:10px;text-align:center;padding:10px 15px}
.indicators-line .carousel-indicators{display:none}
}


.inner-heading{padding:150px 0 90px;}

.section{padding:90px 0}
.heading{font-size: 28px;color:var(--pc);/* padding-bottom: 2px; */position:relative;text-transform:uppercase;/*background:url(../images/heading-bg.png) bottom left no-repeat;*/}
/*.heading.text-center{background:url(../images/heading-bg.png) bottom center no-repeat;}*/

 .title-line{margin-bottom: 10px;}
.tl-1{width:80px;height:1px;display:inline-block;background:#d2d2d2;}
.tl-2{display:inline-block;height:12px;margin:0 5px;position:relative;top:5px;width:12px;border: 1px solid var(--sc);border-radius:50px;}
.tl-3{width:80px;height:1px;display:inline-block;background:#d2d2d2;}

.trans-btn{background:var(--pc);color:#FFF !important;padding: 12px 15px 11px;/* border-radius:30px; */text-transform:uppercase;position:relative;transition:.3s;}
.trans-btn:hover,.trans-btn:active,.trans-btn:focus{background:var(--sc);}
.trans-btn.more-btn{padding-right:48px;}
.trans-btn::before{font:normal normal normal 14px/1 FontAwesome;text-align:center;position:absolute;top: 6px;right:6px;/* border-radius:50%; */width:30px;height:30px;background:#00000050;line-height: 32px;transition:.3s;}
.trans-btn.more-btn::before{content:"\f054";}
.trans-btn.send-btn::before{content:"\f1d8";}


/*---------------Menu---------------*/

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    background-color: var(--pc);
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: var(--sc);
}
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu {
     background-color: var(--pc); 
}}


/*-----------Product Section----------------*/
.product-section {
    position: relative;
    width: 100%;
    padding: 50px 0;
    background-image: url('images/Background.png'); /* Ensure path is correct */
    background-size: cover; /* Ensures the image covers the section */
    background-attachment: fixed; /* Keeps the image fixed for parallax effect */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
    overflow: hidden;
}


.product-card {
    position: relative;
    overflow: hidden; /* Ensures that the overlay does not overflow */
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.product-card img {
    width: 100%;
    height: auto; /* Adjust to ensure proper scaling */
    display: block;
    transition: transform 0.3s ease;
}

.product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.5s ease, transform 0.5s ease;
    box-sizing: border-box; /* Ensures padding and borders are included in width/height */
}

.product-card:hover .product-overlay {
    opacity: 1;
    transform: scale(1); /* Smooth scale-up on hover */
}

.product-overlay h2 {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 15px;
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.product-card:hover .product-overlay h2 {
    transform: translateY(0); /* Slide up the heading */
    opacity: 1; /* Fade in the heading */
}

.read-more-btn {
    padding: 10px 20px;
    background-color: var(--pc);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    transform: translateY(20px);
    opacity: 0;
}

.product-card:hover .read-more-btn {
    transform: translateY(0); 
    opacity: 1; 
}

.read-more-btn:hover {
    background-color: var(--sc);
    color: #fff;
    transform: scale(1.1); 
}

.owl-carousel .owl-dot span {
    background: var(--pc) !important; 
    border-radius: 50% !important;
    height: 10px !important; 
    width: 10px !important; 
    margin: 0 5px !important; 
}

.owl-carousel .owl-dot.active span {
    background: var(--sc) !important; 
}

/*------------Services Section----------------*/
.services-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 50px 0;
}

.service-box {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px #b9b8b8;
    padding: 30px;
    text-align: center;
    width: 300px;
    margin: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.service-icon {
    font-size: 50px;
    color: var(--pc);
    margin-bottom: 20px;
    transition: color 0.3s ease;
}

.service-box h3 {
    font-size: 24px;
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.service-box p {
    font-size: 16px;
    color: #777;
}

.service-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 12px var(--pc);
}

.service-box:hover .service-icon,
.service-box:hover h3 {
    color: var(--pc);
}

.service-box::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #007fff75;
    transition: top 0.5s ease;
    z-index: 0;
}

.service-box:hover::before {
    top: 0;
}

.service-box .content {
    position: relative;
    z-index: 1;
}

/*---------------Counter Section--------------*/
.counter-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 50px 0;
    background-color: #b4b4b49c;
}

.counter-box {
    text-align: center;
    margin: 20px;
}
.margin-left-10 {
    margin-left: 10px;
} 
.margin-right-10 {
    margin-right: -13px;
} 

.counter-box i {
    font-size: 50px;
    color: var(--pc);
    margin-bottom: 10px;
}

.counter-box .counter {
    font-size: 40px;
    font-weight: bold;
    margin: 10px 0;
    color: #333;
}

.counter-box p {
    font-size: 18px;
    color: #777;
}

/*-----------Partners Section--------------*/
#partners-slider .item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

#partners-slider .item img {
    max-width: 100%;
    filter: grayscale(100%); 
    transition: filter 0.3s ease;
}

#partners-slider .item img:hover {
    filter: grayscale(0); 
}


 /*Footer*/
 .mega-footer{background:var(--pc);padding:80px 0 60px;position:relative;}
 .about-txt p{color: #e5ecef;margin: 0;}
 .mega-more{color: var(--sc);/* margin-top:20px; */display:block;font-size: 18px;}
 .footer-logo img{max-height:110px}
 .mega-footer-heading{color: #ffffff;font-size: 24px;padding-bottom:15px;position:relative;margin-bottom:20px;}
 .mega-footer-heading::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:48px;background: var(--sc);}
 .contact-field{color: var(--sc);/* font-weight:400; */font-size: 18px;}
 .contact-field span{color: #e5ecef;font-weight: 400;}
 .quick-links a{color: #e5ecef;font-size: 18px;font-weight: 400;}
 .quick-links a i{color: var(--sc);margin-right:10px;}
 .mega-more:hover,.quick-links a:hover{color:#d6d7d8}
 .mega-footer .contact-field a span:hover{color:#d6d7d8}
 .mega-footer .social-header{margin:10px 0 0;}
 .mega-footer .social-header li a{;color:#FFF;}
 footer{padding:10px 0;background:#1d2d50;text-align:center;color:#CCC;font-size: 16px;font-weight: 400;}
 footer a{color:var(--sc);}


/*----------- responsive part----------- */
    
    @media(min-width:992px){
    
    .left-md-center{text-align:left !important;}
    .right-md-center{text-align:right !important;}
    .left-md-center img{margin-left:0;}
    .right-md-center img{margin-right:0;}
    .inline-img{float:right;margin-left:15px;max-width:480px;}
    .inline-video{width:50%;}
    
    }
    @media(min-width:1200px){
    
    }	

    .move-top {position: fixed;right:20px;height: auto;border-radius: 0px 15px 15px 0px;bottom: 40px;z-index: 5;display: none;}
    .move-top i {font-size: 35px;color:var(--sc);cursor: pointer;}