@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&family=Chakra+Petch:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&display=swap'); */
* {
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
     font-family: 'Poppins', sans-serif;
}

html {
     overflow-x: hidden;
     padding: 0px;
     margin: 0px;
}

body {
     margin: 0px;
     padding: 0px;
}

.header-top {
     background-color: #008DCF;
     justify-content: center;
     padding: 15px 0px 15px 0px;
}

ul {
     list-style-type: none;
     margin-bottom: 0px !important;
     padding-left: 0px !important;
}

.mtb-80 {
     margin-top: 80px;
     margin-bottom: 80px;
}
.mtb-100 {
     margin-top:100px;
     margin-bottom:100px;
}
.ptb-100{
     padding-top:100px;
     padding-bottom:100px;
}
.header-top a {
     color: #fff !important;
     text-decoration: none !important;
     font-weight: 500;
}

.header-top ul {
     display: inline-block !important;
}

.navbar {
     padding: 20px 0px 20px 0px !important;
}

.login {
     text-align: right;
}
.nav-item a:hover{color:#008DCF !important;}
.slider-1 {
     background-image: url('../img/slider.webp');
     width: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.nav-link {
     color: #fff !important;
     font-weight: 300 !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
     color: #00ADEF !important;
     font-weight: 600 !important;
     border-bottom: 3px solid #00ADEF;
}

.navbar-expand-lg .navbar-nav .nav-link {
     padding: 0px 15px 8px 15px !important;
     text-transform: capitalize;
}

.form-control {
     margin-right: 0px !important;
}

.slider-img {
     padding-top: 100px;
     padding-bottom: 350px;
}

.search {
     background-color: #003B57;
     border-radius: 5px;
     padding: 5px;
}

.form-control::placeholder {
     color: #E7E7E7 !important;
     font-size: 13px !important;
}

.form-control {
     background-color: transparent !important;
     color: #666 !important;
     border: none;
    border-bottom: 1px solid #999;
    margin-bottom: 12px;
}

.form-control {
     padding: 8px !important;
}

.Search-icon {
     background-color: #002130 !important;
     border: none !important;
     color: #fff !important;
}

.slider-img h6 {
     color: #fff;
     font-family: 'Josefin Sans', sans-serif;
     font-size: 20px;
}

.slider-img h1 {
     color: #fff;
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 600;
     font-size: 70px;
}

.slider-img p {
     color: #fff;
}

.slider-img-right {
     float: right;
}

.text-blue {
     color: #00ADEF;
}

.btn-gradient {
     background: linear-gradient(92.78deg, #00ADEF 0%, #005780 100%);
     color: #fff !important;
     padding: 10px 25px 10px 25px !important;
     border: none;
}
.newsletter {
     background-color:#00ADEF !important;
     color: #fff !important;
     padding:7px 25px 7px 25px !important;
}
.titel-one {
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 700;
     color: #000;
     margin-bottom: 40px;
}

.box-one {
     background-color: #fff;
     box-shadow: 0px 5.36585px 33.5366px rgba(0, 0, 0, 0.1);
     padding: 20px;
     border-radius: 14px;
}

.box-one-drop{
     background-color: #fff;
     box-shadow: 0px 5.36585px 33.5366px rgba(0, 0, 0, 0.1);
     padding: 20px;
     border-radius: 14px;
     height:135px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top:20px;
}
.box-one-drop{
     color:#000;
}
.box-one a{
     text-decoration: none;
     color:#000 !important;
}

.box-two {
     background-color: #fff;
     box-shadow: 0px 5.36585px 33.5366px rgba(0, 0, 0, 0.07);
     border-radius: 14px;
     padding: 10px;
     align-items: center;
     display: flex;
}
.dropdown-box-two {
     background-color: #fff;
     box-shadow: 0px 5.36585px 33.5366px rgba(0, 0, 0, 0.1);
     border-radius: 14px;
     padding: 10px;
     align-items: center;
     display: flex;
}
.li-p li {color: #606060;}

.li-p {
     list-style-type: disc;
     padding-left: 12px !important;
}

.back-sec {
     background-color: #F0F8FC;
     padding:100px 0px 100px 0px;
}

.card {
     border-radius: 22px !important;
     padding: 10px;
     border: none !important;
}

.card p {
     color: #363D41;
     font-size: 14px;
}

.card-body {padding: 10px 0px 5px 0px !important;}

.card-shadow {
     box-shadow: 2px 6px 17px rgba(0, 0, 0, 0.07);
     padding: 0px !important;
     position: relative;
     height: 100% !important;
}

.card-body-one {
     padding: 20px !important;
     justify-content: space-between;
     display: flex;
     flex-direction: column;
}

.card-border {
     border-top: 1px solid #DCDCDC;
     margin-top: 30px;
}

.card-icon {padding-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 0.25rem;}

.card-icon a {
     color: #7F7F7F;
     text-decoration: none;
}

.comments {
     /* float: right; */
     /* white-space: nowrap; */
     align-items: center;
}

.card-title {font-weight: 700; color:#000;}
.dropdown-card-title {color:#000; font-size:16px; margin-bottom:0px;}
a{text-decoration:none !important;}
.blog-btn {
     background-color: #00ADEF !important;
     color: #fff !important;
     position: absolute;
     top: 0%;
     margin-top: 17px;
}
.card-title-one img{padding-right:5px; width: 24px;}
.comments img{padding-right:5px; width: 24px;}
.card-title-one{display: flex; align-items: center;}
/* .comments img{padding-top:5px;} */
footer{background: linear-gradient(106.35deg, #004666 0.96%, #002333 103.67%);}
footer p{
     color:#fff;
     padding-top:15px;
}
.linkedin{
     background-color: #117EB8;
     color:#fff;
     padding:9px;
     font-size:20px;
     border-radius: 5px;
     margin-right:10px;
}
.youtube{
     background-color: #E42B28;
     color:#fff;
     padding:9px;
     font-size:20px;
     border-radius: 5px;
     margin-right:10px;
}
.footer-titel{
     color:#fff;
     font-weight:600;
     font-size:16px;
     padding-bottom:20px;
}
.footer-link li{
     color:#fff;
     font-weight:300;
     padding-bottom:8px;
}
.footer-link a{
     text-decoration: none;
     color:#fff;
}
.footer-link2 li a:hover{color:#008DCF;}

.footer-link2 li{
     color:#fff;
     font-weight:300;
     font-size:13px;
}
.footer-link2 a{
     text-decoration: none;
     color:#fff;
     font-size:13px;
}
.footer-link2 li a:hover{color:#008DCF;}
.copyright a{
     color:#fff;
     text-decoration:none;
}
.copyright{
     text-align: center;
     padding-bottom:30px;
}
.border-t{border-top:2px solid #B1B1B1;}
.footer-p{padding:20px 0px 20px 0px; margin-bottom: 0px; font-weight:300;}
.navbar-toggler{border-color:#fff !important;}
.navbar-toggler{background-color:#fff;}
.navbar-toggler:focus{box-shadow:none;}
.logo-text{color:#fff; margin-bottom:0px; padding-top:5px; text-decoration:none; font-size: 16px;}
a .logo-text{text-decoration:none !important;}
.padding-l{padding-left:10px;}
.btn-gradient:hover{
     background:linear-gradient(92.78deg, #005780 0%, #00ADEF 100%);
}
.box-one:hover .box-two img {
     -ms-transform: scale(1.5); /* IE 9 */
     -webkit-transform: scale(1.5); /* Safari 3-8 */
     transform: scale(1.1); 
   }
p{color:#363D41;}
.carousel-indicators{margin-bottom:-61px !important;}
.carousel-control-prev, .carousel-control-next{width:2%; margin-left:-3% ; margin-right:-3% ;}
/*about*/
.slider-img-about-us{padding:75px 0px 75px 0px;}
.card-about{
     padding: 15px;
}
.slider-img-about-us h1{
     color: #fff;
     font-family: 'Chakra Petch', sans-serif;
     font-weight: 600;
     font-size:55px;
}
.slider-img-about-us span{font-family: 'Chakra Petch', sans-serif;}
.slider-about-us{
     background-image: url('../img/about_slider.webp');
     width: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
.text ul{
     list-style-type: disc;
     padding-left:16px !important;
     color:#363D41;
}
.titel-p{
     list-style-type: disc;
     color:#363D41;
}
.text ul li{
     padding-bottom:15px;
}
.blog-btn{
     top:3%;
    right:6%;
}
.mt-50{margin-top: 50px;}
.bg-light-blue {background-color: #E9F8FF;}
.bg-radius{border-radius: 0px 50px 0px 50px;}

/*about*/

@media(min-width:0px) and (max-width:479.98px){
     .carousel-control-prev, .carousel-control-next{width:7%;}
     .navbar-collapse{margin-top:20px;}
     .navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px 8px 15px !important;}
     .product-tetx{text-align: center;}
     .padding-l{padding-left:0px;}
     /* .header-top a{font-size:12px;} */
     .login{text-align: center !important; margin-top:0px;}
     .padding-l{padding-top:10px;}
     .slider-img h1{font-size:40px;}
     .slider-img{
          padding-bottom:240px;
          padding-top:40px;
     }
     .slider-img-right{float:none; text-align: center; margin-top:40px; width: 100%;}
     .mtb-100{ margin:50px 0px 50px 0px;}
     .ptb-100{padding:50px 0px 50px 0px;}
     .box-one{margin-top:15px;}
     .titel-one{margin-bottom:15px !important; text-align: center;}
     .back-sec{padding:50px 0px 50px 0px;}
     .back-sec-img{padding-bottom:30px;}
     .card-border{margin-top:20px;}
     /* .card-icon{flex-direction: column; align-items: start; gap: 0.5rem;} */
     .card-icon a{font-size:14px;}
     /* .card-title-one img{width:24px !important;} */
     /* .comments img{width:24px !important;} */
     .footer-titel{margin-top:20px; margin-bottom:0px;}
     .mt-sm{margin-top:20px;}
     /*about*/
     .slider-img-about-us{padding:50px 0px 50px 0px;}
     .company_overview,.Vision,.technical{padding-bottom:20px;}
}
@media(min-width:480px) and (max-width:558.98px){
     .carousel-control-prev, .carousel-control-next{width:7%;}
     .navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px 8px 15px !important;}
     .padding-l{padding-left:8px;}
     .header-top a{font-size:15px;}
     .login{text-align: center !important;}
     .slider-img h1{font-size:40px;}
     .slider-img{
          padding-bottom:240px;
          padding-top:40px;
     }
     .slider-img-right{float:none; text-align: center; margin-top:40px; width: 100%;}
     .mtb-100{margin:50px 0px 50px 0px;}
     .ptb-100{padding:50px 0px 50px 0px;}
     .box-one{margin-top:15px;}
     .titel-one{margin-bottom:0px;}
     .back-sec{padding:50px 0px 50px 0px;}
     .back-sec-img{padding-bottom:30px;}
     .card-border{margin-top:20px;}
     .card-icon a{font-size:14px;}
     /* .card-title-one img{width:24px !important;} */
     /* .comments img{width:24px !important;} */
     .footer-titel{margin-top:20px; margin-bottom:0px;}
     .mt-sm{margin-top:20px;}
      /*about*/
      .slider-img-about-us{padding:50px 0px 50px 0px;}
      .company_overview,.Vision,.technical{padding-bottom:20px;}
}
@media(min-width:559px) and (max-width:767.99px){
     .carousel-control-prev, .carousel-control-next{width:7%;}
     .navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px 8px 15px !important;}
.padding-l{padding-left:8px;}
     .slider-img h1{font-size:40px;}
     .slider-img{
          padding-bottom:240px;
          padding-top:40px;
     }
     .slider-img-right{float:none; text-align: center; margin-top:40px; width: 100%;}
     .mtb-100{margin:50px 0px 50px 0px;}
     .ptb-100{padding:50px 0px 50px 0px;}
     .box-one{margin-top:15px;}
     .titel-one{margin-bottom: 15px;}
     .back-sec{padding:50px 0px 50px 0px;}
     .back-sec-img{padding-bottom:30px;}
     .card-border{margin-top:20px;}
     .card-icon{flex-direction: column; align-items: start; gap: 0.5rem;}
     .card-icon a{font-size:14px;}
     /* .card-title-one img{width:24px !important;} */
     .card-title{font-size:18px;}
     /* .comments img{width:20px !important;} */
     .footer-titel{margin-top:20px; margin-bottom:0px;}
     .mt-sm{margin-top:20px;}
     .login{text-align: center; padding-top:10px !important;}
     .product-tetx{text-align: center;}
 /*about*/
 .slider-img-about-us{padding:50px 0px 50px 0px;}
 .company_overview,.Vision,.technical{padding-bottom:20px;}
 .blog-btn {
     top: 3%;
     right: 10%;
   }
}
@media(min-width:768px) and (max-width:990.98px){
     .carousel-control-prev, .carousel-control-next {
          width: 8%;
          margin-left:-55px !important;
          margin-right:-55px !important;
        }
     .navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px 8px 15px !important;}
     
     .slider-img h1{font-size:40px;}
     .box-two{
          width:90px;
          height:90px;
     }
     .mt-sm{margin-top:none;}
     .card-title{font-size:16px !important;}
     .box-one{margin-top:30px;}
     .card-icon{flex-direction: column; align-items: start; gap: 0.5rem;}
     .card-icon a{font-size:14px;}
     .card-title-one img{width:24px !important;}
     .card-body-one{padding:12px !important;}
     .comments img{width: 24px !important;}
     /* .comments{float: left;} */
     .titel-one{margin-bottom:20px;}
     .back-sec-img{margin-bottom:20px;}
     .footer-titel{margin-top:20px;}
     .slider-img {
          padding-top: 60px;
          padding-bottom: 190px;
        }
      /*about*/
      .slider-img-about-us{padding:50px 0px 50px 0px;}
      .company_overview,.Vision,.technical{padding-bottom:20px;}
      .blog-btn {top: 2%; right: 11%; }
      .card-about{height:100%;}
      .mtb-100{margin-top: 70px; margin-bottom: 70px;}
}
@media(min-width:991px) and (max-width:1022.98px){
     .carousel-control-prev, .carousel-control-next {
          width: 8%;
          margin-left:-55px !important;
          margin-right:-55px !important;
        }
     .navbar-expand-lg .navbar-nav .nav-link{padding:10px !important;}
     .navbar-brand{width:8%;}
     .slider-img {
          padding-top: 40px;
          padding-bottom: 190px;
        }
     .slider-img h1{font-size:40px;}
     .box-two{
          width:90px;
          height:90px;
     }
     .mt-sm{margin-top:none;}
     .card-title{font-size:16px !important;}
     .box-one{margin-top:30px;}
     .card-icon{flex-direction: column; align-items: start; gap: 0.5rem;}
     .card-icon a{font-size:14px;}
     /* .comments{float: left;} */
     .titel-one{margin-bottom:20px;}
     .back-sec-img{margin-bottom:20px;}
     .footer-titel{margin-top:20px;}
     /*about*/
     .slider-img-about-us{padding:50px 0px 50px 0px;}
     .company_overview,.Vision,.technical{padding-bottom:20px;}
     .blog-btn {top: 2%; right: 11%; }
     .card-about{height:100%;}
}
@media(min-width:1023px) and (max-width:1279.98px){
     .slider-img {
          padding-top: 40px;
          padding-bottom: 190px;
        }
     .slider-img h1{font-size:40px;}
     .box-two{
          width:90px;
          height:90px;
     }
     .mt-sm{margin-top:none;}
     .card-title{font-size:16px !important;}
     .box-one{margin-top:30px;}
     .card-icon{flex-direction: column; align-items: start; gap: 0.5rem;}
     .card-icon a{font-size:14px;}
     /* .comments{float: left;} */
     .titel-one{margin-bottom:20px;}
     .back-sec-img{margin-bottom:20px;}
     .footer-titel{margin-top:20px;}
     /*about*/
     .slider-img-about-us{padding:50px 0px 50px 0px;}
     .card-about{height:100%;}
     .navbar-expand-lg .navbar-nav .nav-link {
          padding: 0px 15px 8px 6px !important;
          
        }
}

 @media screen and (min-width: 800px) {
    .dropdown-box-one ul{  height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
     .dropdown > div{/*padding: 30px; */border-radius:10px !important;}
     .mega-menu{
         display: flex;
         justify-content: center;
     }
     .menu-btn{display: none;}
     .menu{
         background: #fff;
         position: absolute;
         top: 4.65em;
         left: 0;
         width: 100%;
         padding: 0 2em;
         overflow-y: scroll;
         transition: 0.4s ease-in-out;
         display: flex;
         justify-content: center;
         align-items: flex-start;
         gap: 2em;
     }
 
     .menu > li:first-child{
         font-size: 1.1em;
         font-weight: bold;
         margin: 0;
     }
 
     .sub-dropdown > div span:first-child{font-weight: bold;}
     
     .dropdown > div{
         border-bottom: 3px #fff solid;
         transition: 0.3s;
     }
 
     .dropdown:hover > div{border-color: #000;}
 
     .dropdown li{margin-bottom: 1em; 
          /* width: 200px;  */
     }
     .flex-item { align-self: flex-end; }
 
     .dropdown > div span:last-child, 
     .sub-dropdown > div{
         display: none;
     }
 
     /* Width */
     .menu::-webkit-scrollbar{width: 8px;}
     /* Track */
     .menu::-webkit-scrollbar-track{background: #f1f1f1;}
     /* Handle */
     .menu::-webkit-scrollbar-thumb{background: #888;}
 
     /* Handle on hover */
     .menu::-webkit-scrollbar-thumb:hover{background: #555;}
 
     /* Hide menu */
     .menu{height: 0; }
     .dropdown:hover .menu{
         height: 50vh;
         padding: 2em;
     }
 }
 
 /* Responsive Design */
 @media screen and (max-width: 800px) {
     .navbar{padding: 1em 1.5em;}
     .menu-container{
         background: #fff;
         position: absolute;
         top: 4.4em;
         left: 0;
         width: 100%;
         overflow-y: hidden;
         transition: 0.3s ease-in-out;
     }
 
     /* Width */
     .mega-menu::-webkit-scrollbar{width: 8px;}
     /* Track */
     .mega-menu::-webkit-scrollbar-track{background: #f1f1f1;}
     /* Handle */
     .mega-menu::-webkit-scrollbar-thumb{background: #888;}
     /* Handle on hover */
     .mega-menu::-webkit-scrollbar-thumb:hover{background: #555;}
     .mega-menu{
         padding: 0 1em 1em 1em;
         height: 100%;
         overflow-y: scroll;
     }
     .mega-menu li{
         font-weight: bold;
         font-size: 1.1em;
     }
     .mega-menu li > div{
         display: flex;
         justify-content: space-between;
         align-items: center;
         gap: 0.5em;
     }
     .menu li{
         padding: 0 1em;
         font-size: 1em;
         font-weight: 400;
     }
     .menu a{
         display: block;
         margin: 0.8em 0;
     }
     .menu{
         display: none;
     }
     /* Toggle class for Javascript */
     .menu-show{display: block;}
     .material-symbols-outlined{transition: 0.3s;}
     /* Toggle class for javascript */
     .icon-rotated{transform: rotate(90deg);}
     .dropdown>div, .sub-dropdown > div{
         cursor: pointer;
         padding: 0.5em;
     }
     .sub-menu{
         font-size: 0.9em;
         display: none;
     }
     /* Toggle class for Javascript */
     .sub-menu-show{display: block;}
     .dropdown:hover>div, .sub-dropdown:hover>div{background: #dbdbdb;}
     /* Hide menu */
     .menu-container{height: 0;}
     /* Toggle class for javascript */
     .mega-menu-show{height: 50vh;}
 }
 .dropdown-hover:hover>.dropdown-menu {display: inline-block;}
.dropdown-menu{left:0px;}
.dropdown-menu-one{width:50%;}
.box{
     background-image: url("../img/box-bg.webp");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 30px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     gap: 1.5rem;
}
.box .btn-white{background-color: white; width: 100%; border-radius: 22px; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1); font-weight: 500; font-size: 18px; padding: 12px 10px;}

.box-new{
     background-image: url("../img/box-bg.webp");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 50px;
     height: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     text-align: center;
     /*gap: 1.5rem;*/
}
.btn-white-new{ position: relative; text-align:center; margin-top:-100px; background-color: white; width: 80%; border-radius: 22px; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1); font-weight: 500; font-size: 18px; padding: 12px 10px;}

    .slideshow {
     position: relative;
     z-index: 1;
     height: 100%;
     /* max-width: 700px;
     margin: 50px auto; */
     }
     
   /* .slideshow .slider {
     box-shadow: 0 20px 50px -25px rgba(0, 0, 0, 1);
   } */
   .slideshow .slider-track {
     transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
   }
   .slideshow .item {
     height: 100%;
     position: relative;
     z-index: 1;

   }
   /* .slideshow .item > div {
     width: 100%;
     transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
     transform: scale(1.2);
   }
   .slideshow .item.slick-active > div {
     transform: scale(1);
   } */
   .slideshow .item > div {
     width: 100%;
     transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
     transform: scale(1.2);
   }
   .slideshow .item.slick-active > div {
     transform: scale(1);
   }
   .cust-contain{max-width: 1380px; padding: 30px;}
   .gap-6{gap: 5rem;}
   .slick-next.slick-arrow::before{content: '›'; font-size: 30px; display: inline-block; color: #000; transform: translate(0px, -3px);}
   .slick-prev.slick-arrow::before{content: '‹'; font-size: 30px; display: inline-block; color: #000; transform: translate(-2px, -3px);}
   .slick-next.slick-arrow{transform: translateX(15px);}
   .slick-prev.slick-arrow{transform: translateX(-15px);}
   .slick-arrow{width: 35px !important; height: 35px !important; background-color: white !important; border-radius: 50px; }



   :root {
     /* --background-color: #eeeeee; */
     --light-grey: #c4c1c1;
     --accent-color: #00A0E9;
   }

   .progress-container {
     display: flex;
     justify-content: space-between;
     position: relative;
     margin-bottom: 60px;
     max-width: 80%;
     margin-left: auto;
     margin-right: auto;
     /* width: 350px; */
   }
   
   .progress-container::before {
     content: "";
     background-color: var(--light-grey);
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     height: 4px;
     width: 100%;
     z-index: -1;
   }
   .progress {
     background-color: var(--accent-color);
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     height: 4px;
     width: 0%;
     z-index: -1;
     transition: 0.4s ease;
   }
   
   .circle {
     background: var(--light-grey);
     color: var(--light-grey);
     border-radius: 50%;
     height: 10px;
     width: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: none;
     transition: 0.4s ease;
     padding: 20px;
     white-space: nowrap;
     text-align: center;
   }
   .text-light-blue{color: #00A0E9;}
   
   .circle.active div{color: #00ADEF; font-weight: 600;}
   
   .circle.active {
     border: none;
     background: linear-gradient(92.78deg, #00A0E9 0%, #005780 100%);;
     /* color: #fff; */
     white-space: nowrap;
     font-weight: 600;
     scale: 1.1;
   }

   .circle span{color: #fff;}

   .circle .icon {
     position: absolute;
     font-size: 25px;
     bottom: 25px;
     color: #000;
   }
   
   .circle .caption {
     position: absolute;
     color: #000;
     /* font-weight: bolder; */
     bottom: -30px;
}
   @media (min-width:992px) and (max-width:1199.98px) {
     .circle .caption{
        font-size: 14px;
     }
   }
   .mob-step .active .color-gradient{background: linear-gradient(92.78deg, #00A0E9 0%, #005780 100%); width: 44px; height: 44px; line-height: 28px; color: white; border: none; font-weight: 600;}
   .mob-step .active span{color: #00ADEF; font-weight: 600;}
   .mob-step span{padding-top: 10px;}
   .color-gradient{background: var(--light-grey); width: 44px; height: 44px; line-height: 28px; color: white; border: none; font-weight: 600;}


   @media (min-width:400px) and (max-width:991.98px) {
        .mob-step{border-left: 3px solid var(--light-grey);}
        .mob-step > div{transform: translateX(-10px);}
        .mob-step .color-gradient{transform: translateX(-13px);}
     }

   @media only screen and (max-width:399.98px) {
        .mob-step > div{display: flex; align-items: center; flex-direction: column;}
        .mob-step span{text-align: center;}
     }
   /* .mob-step > div span:first-child:before{content: '1';} */

   /* .mob-step::before{content: ''; border-left: 3px solid black; position: absolute;} */
   
   /* .btn {
     background: var(--accent-color);
     color: #fff;
     border: 0;
     border-radius: 20px;
     cursor: pointer;
     font-family: inherit;
     font-size: inherit;
     padding: 8px 30px;
     margin: 5px;
   }
   
   .btn:active {
     transform: scale(0.9);
   }
   
   .btn:focus {
     outline: 0;
   }
   
   .btn:disabled {
     background-color: var(--light-grey);
     cursor: not-allowed;
   } */
   
   /* @media only screen and (max-width: 400px) {
     .container {
       width: 85%;
     }
   } */
   




   .cust-form input{background-color: #F1F1F1 !important;}
   .bg-silver{background-color: #F1F1F1; padding: 15px 20px; border-radius: 5px;}
   .check span{display: inline-block;}
   .check span label{margin-right: 15px; margin-bottom: 5px;}
   .check input{border: 1px solid black;}
   .special-ind input{background-color: #D9D9D9 !important; border: none; padding: 3px 10px; border-radius: 5px; width: 250px;}
   .text-light-silver{color: #5E5E5E;}
   .text-light-blue{color: 00A0E9; font-weight: 600; font-style: 20px;}
   .fw-600{font-weight: 600;}
   ul.list-style-disc{list-style-type: disc;}
   ul.list-style-disc li{margin-left: 15px;}
   .cust-form input { 
     color: black !important;
     cursor: text;
   }
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
   }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.dropdown-box-one ul li{color: #000; list-style-type: circle; }
.border-box-r {border-right:2px solid #555; padding-left:20px; margin-bottom:20px;}
.border-box-r:last-child {border-right:none;}
.dropdown-box-one h5{margin-bottom:0px; color:#000; margin-bottom:15px; font-size:16px;}
.servis{background-color:#008DCF; padding:20px; border-radius:10px; color:#fff; text-align: center; margin-bottom:20px !important;}
/* New CSS added on 9th July 2023 by Developer */
/* Add the following CSS to your stylesheet */
/* Add the following CSS to your stylesheet */
/* Add the following CSS to your stylesheet */

#pr-catalogue .col-sm-4 {
     position: relative;
   }
   
   #pr-catalogue .col-sm-4 img {
     width: 100%;
     display: block;
   }
   
   #pr-catalogue .col-sm-4::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0);
     opacity: 0;
     transition: opacity 0.3s ease;
     z-index: 1;
   }
   
   #pr-catalogue .col-sm-4:hover::before {
     opacity: 0.5;
     background-color: rgba(0, 0, 0, 0.5);
   }
   
   #pr-catalogue .col-sm-4 span {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
     color: white;
     font-size: 16px;
     font-weight: bold;
     transition: opacity 0.3s ease;
     z-index: 2;
   }
   
   #pr-catalogue .col-sm-4:hover span {
     opacity: 1;
   }
   
   #pr-catalogue .col-sm-4 span a {
     color: white;
     text-decoration: none;
     cursor: pointer;
   }
   
   #pr-catalogue .col-sm-4 span a:hover {
     text-decoration: underline;
   }
   select > option[value=""] {
     color: #333333;
     }
   select > option { color:#333333; }

   .dropdown-item { white-space: initial; }

    /* Style for the container */
        .map-container {
            position: relative;
            width: 320px;
            height: 200px;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Light shadow */
        }

        /* Style for the iframe */
        .map-container iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }
   /* Hide dropdown menu by default */
.dropdown-menu {
     display: none;
     position: absolute; /* Use absolute positioning for dropdown menus */
 }
 
 /* Show dropdown menu on hover */
 .dropdown-item:hover > .dropdown-menu {
     display: block;
     left: 100%; /* Position the submenu to the right of the parent menu item */
     top: 0;
     text-align: center; /* Center align the submenu contents */
     z-index: 1000; /* Set a higher z-index to ensure the submenu appears in front */
 }
 
 /* Ensure third-level submenu appears below its parent */
 .dropdown-menu .dropdown-item:hover > .dropdown-menu {
     display: block;
     position: absolute; /* Use absolute positioning for third-level submenu */
     top: 0;
     left: 100%; /* Position the third-level submenu to the right of its parent */
     margin-top: -1px; /* Adjust the positioning to align with the parent submenu */
     z-index: 1001; /* Set a higher z-index for the third-level submenu */
 }