body{    
  font-family: 'Poppins', sans-serif;
}
:root{
   --maincolor: #0aa284;
   --midcolor:#181818;
   --lightcolor: rgba(255, 255, 255, .18);
   --icocolr: #3697db;
   --paracol:#000000;
   --whitpara:#b1b6bc;
}
a{
    display: inline-block;
    text-decoration: none !important;
}
ul{
    padding: 0;
    list-style: none;
}
/*----------top----------------*/
.banner{
    position: relative;
}
.top{ 
  background: var(--icocolr); 
}
.rt-items a{
  color:#fff;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  line-height: 40px;  
  margin: 0 15px;  
}
.rt-items a i, .lft-items a i{
    color:var(--maincolor);
    margin-right: 8px;
}
.lft-items{
    float: right;
    border-right: 1px solid var(--lightcolor);
    border-left: 1px solid var(--lightcolor);
}
.lft-items a{
    color:#fff ;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    margin: 0 15px;
    line-height: 40px;
  } 
  
/*-------------nav-----------------*/
.banner{
    position: relative;
}
.navbar img{
    position: absolute;
    top:0;
    left:40px;
    right:0;
    z-index: 999;    
}
.navbar-brand img{
    width:180px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 35px;
    padding: 25px 0;
    color: var(--midcolor);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--maincolor);
}


/*------------banner-------------------*/
.overlay{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.5);
}

.carousel-caption h1{
    font-family: "Playfair Display", serif;
    color:#fff;
    text-align:center;
    text-transform: capitalize;
    font-size: 5rem;    
    font-weight: 600;    
    text-shadow: 3px 3px 2px  rgba(0, 0, 0, 0.25); 
}
.car-btn a{
  background: var(--maincolor);
   color:#fff;
   font-size: 16px;
   font-family: "Alegreya", serif;
   padding: 10px 30px;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 8px;
}
.car-btn a:hover{
    background: var(--midcolor);
    color:#fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 8px;
}
.car-btn a i{
    margin-right: 10px;
}
.mobile{
    display: none;
}

@media(max-width:575px){
  .mobile{
    display: block !important; 
   }
   .desktop{
    display: none !important;
   }
   .carousel-caption h1 {
    font-size: 1.5rem !important;
  }
  .carousel-caption {   
    bottom: 2rem !important;    
   }
}
/*====== sticky icons css=======================*/

.icon-bar1 {
    position: fixed;
    top: 70%;
    z-index: 999;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .icon-bar1 a {
    display: block;
    text-align: center;
    padding: 12px;
    transition: all 0.3s ease;
    color: white;
    font-size: 16px;
  }
  
  .icon-bar1 a:hover {
    background-color: #000;
    background: rgb(0,0,0);
    background: linear-gradient(152deg, rgba(0,0,0,1) 100%, rgba(255,255,255,1) 100%, rgba(234,108,67,1) 100%, rgba(246,211,157,1) 100%);
  }
  
  .facebook {
    background: #3B5998;
    color: white;
  }
  .instagram {
    background: rgb(255,255,255);
    background: linear-gradient(152deg, rgba(255,255,255,1) 0%, rgba(103,83,196,1) 0%, rgba(234,108,67,1) 61%, rgba(246,211,157,1) 100%);
    
    color: white;
  }
  .youtube {
    background: #FF0000;
    color: white;
  }
  .twitter {
    background: #55ACEE;
    color: white;
  }
  .google {
    background: #dd4b39;
    color: white;
  }
  
  .linkedin {
    background: #007bb5;
    color: white;
  }
  
  .call {
    background: #1a65d6;
    color: white;
  }
  .whatsapp {
    background: #06b303;
    color: white;
  }
  
  .display-2{
          font-size: 3rem;
      }

/*---------------about----------------------*/
.head{
  color: var(--maincolor);
  font-family: "Playfair Display", serif;
}
.hd{
   color:orange;
   font-family: 'Roboto, sans-serif';
   font-weight: 600;
   font-size: 28px;  
}

.para{
  color: var(--paracol);
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 30px;
}
.hd1{
   color:orange;
   font-family: 'Roboto, sans-serif';
   font-weight: 600;
}
/*-------------------marquee-----------------------*/
.parallax {
   background-image: linear-gradient(183deg, #04223191 33%, #0A415C00 100%), url(../images/parallax.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   min-height: 350px;
   background-attachment: fixed;
   position: relative;
}
.parallax-text {
  width: 100%;
  overflow: hidden; /* Ensures marquee stays within bounds */
  padding-top: 8%;
}

marquee {
  display: flex; /* Aligns content in a row */
  white-space: nowrap; /* Prevents text from wrapping */
}


/*----------------services----------------------------*/
.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  color: #fff;
  background-size: cover;
  background-position: center;
  padding: 50px 0;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.342);
}

.service-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.342);
  /* Overlay for readability */
  z-index: 1;
}

.service-card .card-body {
  position: relative;
  z-index: 2;
}

.service-icon {
  font-size: 2.5rem;
  color: orange;
  margin-bottom: 1rem;
}
/*-------------footer--------------------------*/
.footer{
  background: linear-gradient(183deg, #04223191 77%, #0A415C00 100%), url(../images/slider/footer.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;  
  min-height:400px;
}
.foot-logo img{
  width:200px;
}
.foot_line{
  font-size: 16px;
  font-weight: 500;  
  font-family: "Inria Serif", serif;
  color: #fff;
}
.foot_line i{
  color: var(--main);
  margin-right: 5px;
}
/*-----------------to-top-buttton-------------------*/
.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: var(--maincolor);
  color: white;
  padding: 10px 15px;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s, opacity 0.3s;
}

.gototop:hover {
  background-color: orange;
}

.gototop span {
  font-size: 24px;
}
/*////////////////////////////////////////////*/
.page-header {
    background: linear-gradient(rgba(28, 29, 27, 0.7), rgba(84, 85, 84, 0.7)), url(../images/slider/abt-ban.png) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--whitpara);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-size: 18px;
    color: var(--whitpara);
}
.our-goal{
     background: linear-gradient(rgba(28, 29, 27, 0.7), rgba(15, 15, 15, 0.7)), url(../images/slider/goal.png) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 600px;
}
/*//////////////////////////////////*/
.accordion-item {
    background: transparent !important;
    border: none !important;
    font-family: 'Roboto', sans-serif;
}

.accordion-button {
    background: transparent !important;
}

.accordion-body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    color: #333 !important;
}
.con{
   color:orange
}