:root{
    --bs-fontpara: "Montserrat", serif;
    --bs-fonthead: "Cormorant Garamond", serif;
    --bs-sky:  #1B75BA;
    --bs-light:#F5F9FF;
    --color-purple: #262262; /* Example blue color */
    --color-black: #000;
    /* --bs-yellow:  #FF9A04; */
    --bs-yellow:  #C75C1C;
}
*{
  font-family: var(--bs-fontpara);
}
h1,h2,h3,h4,h5,h6,h2 span{
  font-family: var(--bs-fonthead);
  font-weight: 600;
}
h2{
  font-size: 45px;
}
html, body {
  overflow-x: hidden; }
.text-para{
  font-family: var(--bs-fontpara);
}
.text-head{
  font-family: var(--bs-fonthead);
}
.text-justify{
  text-align: justify;
}

.text-sky{
    color: var(--bs-sky);
}
.text-yellow{
  color: var(--bs-yellow);
}
.bg-sky{
    background-color: var(--bs-sky);
}
.bg-purple{
    background-color: var(--color-purple);
}

.top-gradient{
    background: linear-gradient(#262262,#1B75BA);
}
.left-gradient{
    background: linear-gradient(90deg,#1B75BA,#1B75BA, #262262);
}
h2{
    margin-bottom: 20px;
}
h2 span{
    color: var(--bs-sky);
}

/* header style  */
.header{
    background: linear-gradient(90deg,#262262,#1B75BA, #262262);
}

.nav-item .active{
    color: var(--bs-sky) !important;

}
.navbar a:hover{
    color: var(--bs-sky);
}
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.dropdown-item{
  color: #000;
}
.mobile-nav {
  position: fixed;
  top: 0;
  left: -100%; /* Hidden off-screen initially */
  width: 75%;
  max-width: 300px;
  height: 100vh;
  background-color: var(--color-purple);
  color: white;
  transition: left 0.3s ease; /* Smooth slide effect */
  z-index: 105099;
  padding: 20px;
  overflow-y: auto;
}

.mobile-nav.open {
  left: 0; /* Slide into view */
}

.close-nav {
  font-size: 20px;
  color: white;
  cursor: pointer;
  text-align: right;
  display: block;
  margin-bottom: 20px;
}

.mobile-nav ul {
  list-style: none;
  padding: 0;
}

.mobile-nav li {
  margin: 15px 0;
}

.mobile-nav a {
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.mobile-nav a:hover {
  text-decoration: underline;
}
.mobile-dropdown-menu {
  display: none; /* Initially hidden */
  padding-left: 15px;
}

.mobile-dropdown-menu li {
  margin: 0px 0;
}
.mobile-dropdown ul{
  padding-left: 20px;
}
.mobile-dropdown ul li a{
  padding: 10px 0px;
}

.mobile-dropdown a {
  display: block;
  font-size: 18px;
  color: white;
  text-decoration: none;
  padding: 0px 0;
}

.mobile-dropdown a:hover {
  text-decoration: underline;
}

/* Hamburger button */
.hamburger {
  font-size: 30px;
  cursor: pointer;
  display: block;
  color: #000;
  z-index: 1100;
}
.fixed {
  position: relative;
  transition: all 0.3s ease-in-out;

}
.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  width: 100%;
  padding: 10px 20px;
  box-shadow: 0px 10px 20px var(--color-purple);
  transform: translateY(-1000px);
  transition: transform 0.5s ease-in-out;

}
.navbar-nav .nav-link.active {
  color: var(--color-purple) !important; /* Change text color */
  font-weight: bold; /* Make it bold */
  border-bottom: 2px solid var(--color-purple); /* Add an underline effect */
}


.sticky-header.slide-down {
  transform: translateY(0);
}

/* Style for the Scroll to Top Button */
#scrollToTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  /* display: none; Hidden by default */
  background-color: var(--color-purple);
  color: white;
  border: none;
  border-radius: 50%;
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transform: translateY(-1000px);

  transition: transform 1s ease-in-out;
}

/* Show the button when scrolled down */
#scrollToTopBtn.show {
  /* display: block; */
  transform: translateY(0);

}

#scrollToTopBtn:hover {
  background-color: var(--bs-sky);
}
.number:hover{
  background-color: var(--bs-sky);
  /* color: var(--color-purple); */
  transform: scale(0.9);
}



@media (min-width: 992px) {
  /* Hide mobile-specific styles on larger screens */
  .hamburger {
      display: none;
  }

  .mobile-nav {
      display: none;
  }
}




.carousel-indicators{
  bottom:-40px;
}
.carousel-indicators [data-bs-target] {
  width: 200px; /* Keep the existing width */
  height: 5px; /* Keep the existing height */
  border-radius: 10px; /* Use a large enough value to create pill-shaped ends */
  background-color: #D6D6D6; /* Add a color for visibility */
  margin: 5px; /* Add spacing between pills */
  transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

.carousel-indicators [data-bs-target].active {
  background-color: var(--color-purple); /* Change color for the active indicator */
}

/* Override Bootstrap's default styles */
.dropdown-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute; /* Ensure proper placement */
}

.nav-item.dropdown {
  position: relative;
}

/* Ensure proper alignment of dropdown menus */
.dropdown-menu {
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0;
  border: 1px solid var(--bs-sky);
}



/* hero slider  */
.carousel-control-next, .carousel-control-prev{
  bottom: -70%;
  /* top: 100%; */
}
.carousel-dark .carousel-control-next-icon,
 .carousel-dark .carousel-control-prev-icon{
  filter:grayscale(0); 
  outline: 1px solid #ffffff;
  outline-offset: 5px;
  border-radius: 100%;
  
}

/* about css  */
.about .row{
    position: relative;
    padding-left: 10px;
}
.about .col-md-8{
    /* border-left: 3px solid var(--bs-sky); */
}
.arrow{
  position: absolute;
  width: 400px;
  height: 2px;
  rotate: 90deg;
  left: -17%;
    top: 45%;
  background-color: var(--bs-yellow);
}
 .arrow::before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content:"\f04b";
    position:absolute;
    top: -14px;
    left:0px;
    color: var(--bs-yellow);
    rotate: -180deg;
    font-size: 20px;

}
.arrow-kmp{
  position: absolute;
  width: 2px;
  height: 100%;
  /* rotate: 90deg; */
  left: 4%;
  top: -5%;
  background-color: var(--bs-sky);
}
 .arrow-kmp::before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content:"\f04b";
    position:absolute;
    top: -15px;
    left:-7px;
    color: var(--bs-sky);
    rotate: -90deg;
    font-size: 20px;

}
.arrow-kmp-r{
  position: absolute;
  width: 2px;
  height: 100%;
  /* rotate: 90deg; */
  right: 4%;
  top: -5%;
  background-color: var(--bs-sky);
}
 .arrow-kmp-r::before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content:"\f04b";
    position:absolute;
    top: -15px;
    left:-7px;
    color: var(--bs-sky);
    rotate: -90deg;
    font-size: 20px;

}
.abt-logo1{
    position: absolute;
    right: -16%;
    top: 17%;
    width: 300px;
}
.abt-logo2{
    position: absolute;
    right: -3%;
    top: 17%;
    width: 300px;
}
.contact-logo1{
    position: absolute;
    right: -4%;
    top: 0%;
    width: 300px;
}
.contact-logo2{
    position: absolute;
    right: 0.5%;
    top: 0%;
    width: 300px;
}
.real-logo1{
    position: absolute;
    left: 0%;
    top: 10%;
    width: 250px;
    z-index: 2;
    transform: rotateY(180deg);
}
.real-logo2{
    position: absolute;
    left: 1%;
    top: 7%;
    opacity: 0.4  ;
    width: 280px;
    transform: rotateY(180deg);
}


/* objective css  */
.obj{
    position: relative;
}
.obj .icon{
    position: absolute;
    top: 5px;
    
    left: -45px;
    width: 25px ;
    height: 25px ;
    border: 1px solid var(--bs-sky);
}
.fa-square{
    position: absolute;
    bottom: -5px;
    
    right: -5px;
    color: var(--bs-yellow);
    font-size: 20px;
}
.obj h4{
    color: var(--color-purple);
}
.number{
    background: var(--color-purple);
    color: white;
    padding: 40px;
    margin: 10px 0px;
    margin-left: 10px;
    transition: 0.3s ease-in-out;
    /* font-size: 24px; */
}
.number p{
    font-size: 20px;
    text-transform: uppercase;
}
.number h3{
    font-size: 35px;
}
.obj-img{
    position:absolute;
    width: 150px;
    left: 38%;
    top: 20%;
}

/* sponsor css  */
@media (min-width: 1200px){
    .section_coursel-meet .slider__item:hover .profile-div{translate:-144px -126px!important;}
    .section_coursel-meet.faculty .slider__item:hover .profile-div{translate:-139px -126px!important;}
    }
    @media (min-width: 992px){
    .section_coursel-meet .slider__item:hover .profile-div{translate:-148px -126px;}
    .section_coursel-meet.faculty .slider__item:hover .profile-div{translate:-144px -126px;}
    }
    @media (max-width: 991px){
    .section_coursel-meet .slider__item .profile-div{width:120px!important;height:120px!important;top:-85px!important;}
    .section_coursel-meet .slider__item .profile-div .profile-pic{width:163px!important;height:163px!important;top:-25px!important;left:-25px!important;}
    .section_coursel-meet .slider__item .profile-name{display:none!important;}
    .section_coursel-meet .profile-content{opacity:1!important;top:-45px!important;}
    .section_coursel-meet .slider__item{margin-top:90px!important;}
    }
.section_coursel-meet .slider__item{height:400px;border:0px solid var(--bs-yellow);border-radius:8px;padding:25px 15px;position:relative;}
.section_coursel-meet .slider__item .profile-div{width:140px;height:140px;border:0px solid white;transform:translateX(-50%);border-radius:5px;position:relative;top:30px;left:50%;transition:0.9s;z-index:10!important;}
.section_coursel-meet .slider__item .profile-pic{z-index:10!important;}
.section_coursel-meet .slider__item:hover{border:2px solid white!important;}
.section_coursel-meet .slider__item:hover .profile-name{opacity:0;transition:0.5s;}
.section_coursel-meet .slider__item:hover .profile-content{opacity:1;transition:0.8s;}
.section_coursel-meet .slider__item .profile-div .profile-pic{background-position:center;background-size:cover;border-radius:5px;position:absolute;top:-5px;left:-5px;}
.section_coursel-meet .slider__item .profile-name{position:absolute;top:55%;left:50%;transform:translateX(-50%);transition:0.5s;width:100%;text-align:center;padding:0px 10px;}
.section_coursel-meet .profile-content{opacity:0;background-color:transparent;position:relative;top:-90px;transition:0.9s;}
.section_coursel-meet .profile-content .profile-more{padding-right:5px;}
.section_coursel-meet .profile-content .profile-more::-webkit-scrollbar{width:3px;}
.section_coursel-meet .profile-content .profile-more::-webkit-scrollbar-thumb{background:#fff;}
/*! CSS Used fontfaces */


/* investement css */
.circle{
    outline: 2px solid var(--bs-sky);
    border-radius: 100%;
    outline-offset: -5px;
}

.inv-content{
    background: var(--bs-light);
    border-radius: 39px 39px 39px 0px;
    margin-left: -10px;
    box-shadow: 10px 10px 20px #00000040;
}
.inv-content-l{
    background: var(--bs-light);
    border-radius: 39px 39px 0px 39px;
    margin-right: -10px;
    box-shadow: 10px 10px 20px #00000040;
}
.inv-item .inv-img{
    border-bottom:3px solid var(--bs-sky);
    /* border-left:3px solid var(--bs-sky); */
    padding-bottom: 0;
    position: relative;
}
.inv-item .inv-img-holder{
    position: relative;
}
.inv-item .inv-img-holder::before{
    /* content: ''; */
    position: absolute;
    width: 250px;
    height: 250px;
    background:  linear-gradient(#262262,#1B75BA);
    border-radius: 100%;
    top: -35px;
    left: 30px;

}
.inv-item-l .inv-img-holder{
    position: relative;
}
.inv-item-l .inv-img-holder::before{
    /* content: ''; */
    position: absolute;
    width: 250px;
    height: 250px;
    background:  linear-gradient(#262262,#1B75BA);
    border-radius: 100%;
    top: -35px;
    right: 30px;

}
.inv-item-l .inv-img{
    border-bottom:3px solid var(--bs-sky);
    /* border-right:3px solid var(--bs-sky); */
    padding-bottom: 0;
    position: relative;
}
.inv-item h3, .inv-item-l h3{
  margin-top: 10px;
}
.inv-item h3, .inv-item h4{
    color: var(--bs-sky);
}
.inv-row{
    position: relative;
}

.inv-row-l{
    position: relative;
}


/* timeline css */
.timeline-section{
    overflow-x: hidden;
    /* height: 100%; */

}
  
  .top-section {
    text-align: center;
    /* padding: 4rem 0; */
    /* max-width: 60rem; */
    margin: 0 auto;
  }
  
  .top-section h1 {
    color: var(--color-blue);
    font-weight: 600;
  }
  
  .timeline {
    position: relative;
    min-height: 15rem;
    margin-top: 2rem;
    overflow: hidden; 
  }
  
  .line {
    background:  linear-gradient(#262262,#1B75BA);
    position: absolute;
    z-index: 2;
    left: calc(50% - 1px);
    width: 5px;
    top: 0;
    bottom: 0;
    display: block;
  }
  
  .line::before {
    background-color: #C6C9CA;
    position: absolute;
    display: block;
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .line::after {
    background-color: #C6C9CA;
    position: absolute;
    display: block;
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
  }
  .line2 {
    background:  linear-gradient(#262262,#1B75BA);
    position: absolute;
    z-index: 2;
    left: 0%;
    width: 5px;
    top: 0;
    bottom: 0;
    display: block;
  }
  
  .line2::before {
    background-color: #C6C9CA;
    position: absolute;
    display: block;
    content: "";
    height: 0rem;
    width: 0rem;
    border-radius: 50%;
    left: 0%;
    transform: translateX(-50%);
  }
  
  .line2::after {
    background-color: #C6C9CA;
    position: absolute;
    display: block;
    content: "";
    height: 0rem;
    width: 0rem;
    border-radius: 50%;
    left: 0%;
    transform: translateX(-50%);
    bottom: 0px;
  }
  
  .section {
    display: flex;
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 600ms ease, opacity 600ms ease;
    position: relative;
    z-index: 1;
    /* margin: 5rem 0; */
    padding: 1rem;
    
    border-radius: 1rem;
    background-color: transparent;
    align-items: center;
    /* min-height: 10rem; */
  }
  
  .section h4 {
    color: var(--color-blue);
    font-weight: 400;
  }
  .section p {
   margin-bottom: 0;;
  }
  
  .section:nth-child(odd) {
    flex-direction: row-reverse;
    transform: translateX(100%);
  }
  
  .section:nth-child(even) {
    text-align: right;
  }
  
  .bead-l {
    position: absolute;
    display: block;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    /* background-color: var(--color-black); */
    color: white;
    text-align: center;
    left: 50%;
    font-size: 14px;
    margin: 0px auto;
    top: 20%;
    transform: translateX(-50%);
  }
  .bead-l::after{
   
  position: absolute;
  top: -25px;
  right: -70px;
  /* height: 2rem; 
  width: 2rem; */
  filter: grayscale(1);
  /* width: 100px; */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1; /* Ensure visibility */
  opacity: 0.3;
  }
  .bead-l1::after{
    content: url(../img/why2.png);
  }
  .bead-l2::after{
    content: url(../img/why4.png);
  }
  .bead-l3::after{
    content: url(../img/why6.png);
  }
  .bead-l::before{
    content: attr(data-bead-number);
    /* margin: 0px 5px 0px 0px; */
    font-size: 16px;
    /* margin-top: 2px; */
    margin: 0px auto;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -5px;
    padding-top: 4px;
    left: -47px;
    background: var(--bs-yellow);
    border-radius: 100%;
  }
  .bead-r {
    position: absolute;
    display: block;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    /* background-color: var(--color-black); */
    color: white;
    text-align: center;
    left: 50%;
    font-size: 14px;
    margin: 0px auto;
    top: 20%;
    transform: translateX(-50%);
  }
  .bead-r::before{
    content: attr(data-bead-number);
    /* margin: 0px 5px 0px 0px; */
    font-size: 16px;
    /* margin-top: 2px; */
    margin: 0px auto;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -5px;
    padding-top: 4px;
    right: -54px;
    background: var(--bs-yellow);
    border-radius: 100%;
  }
  .bead-r::after{
   
    position: absolute;
    filter: grayscale(1);
    top: -25px;
    left: -70px;
    /* height: 2rem; 
    width: 2rem; */
    /* width: 100px; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1; /* Ensure visibility */
    opacity: 0.3;

    }
    .bead-r1::after{
        content: url(../img/why3.png);
      }
    .bead-r2::after{
        content: url(../img/why5.png);
      }
    .bead-r3::after{
        content: url(../img/why1.png);
      }
  
 /* Bead styling */
/* Bead styling */

  
  .content {
    width: calc(50% - 2rem);
  }
  
  .section.show-me {
    opacity: 1;
    transform: translateX(0);
    padding: 0;
  }
  .arrow-div{
    bottom:60px;
    padding: 0px 10px ;
  }
  


  /* btn style  */
  .btn-first {
    background-color: var(--bs-sky);
    border: 1px solid white;
    padding: 5px ;
    position: relative; /* Ensure proper placement of pseudo-elements */
    display: inline-flex; /* Helps align text and icon */
    align-items: center;
    transition: 0.3s;
  }
  
  .btn-first::after {
    font-family: "Font Awesome 6 Free"; /* Required for Font Awesome icons */
    font-weight: 900; /* Solid style for Font Awesome */
    content: "\f061"; /* Unicode for fa-arrow-right */
    color: white;
    margin-left: 10px; /* Spacing between text and icon */
  }
  
  .btn-first a {
    color: white;
    text-decoration: none;
  }
  .btn-first:hover{
    background: transparent;
    border: 1px solid var(--bs-sky);
  }
  .btn-first:hover a{
    color: var(--bs-sky);
  }
  .btn-first:hover::after{
    color: var(--bs-sky);
  }
  .btn-hero {
    background-color: transparent;
    border: 1px solid var(--bs-sky);
    padding: 5px ;
    position: relative; /* Ensure proper placement of pseudo-elements */
    display: inline-flex; /* Helps align text and icon */
    align-items: center;
    transition: 0.3s;
    font-size: 18px;
  }
  
  .btn-hero::after {
    font-family: "Font Awesome 6 Free"; /* Required for Font Awesome icons */
    font-weight: 900; /* Solid style for Font Awesome */
    content: "\f061"; /* Unicode for fa-arrow-right */
    color: white;
    margin-left: 10px; /* Spacing between text and icon */
  }
  
  .btn-hero a {
    color: white;
    text-decoration: none;
  }
  .btn-hero:hover{
    background: var(--bs-sky);
    border: 1px solid var(--bs-sky);
  }
  
  
  .btn-second {
    background-color: var(--bs-sky);
    border: 1px solid white;
    padding: 5px ;
    position: relative; /* Ensure proper placement of pseudo-elements */
    display: inline-flex; /* Helps align text and icon */
    align-items: center;
    transition: 0.3s;
  }
  
  .btn-second::after {
    font-family: "Font Awesome 6 Free"; /* Required for Font Awesome icons */
    font-weight: 900; /* Solid style for Font Awesome */
    content: "\f061"; /* Unicode for fa-arrow-right */
    color: white;
    rotate: -45deg;
    margin-left: 10px; /* Spacing between text and icon */
  }
  
  .btn-second a {
    color: white;
    text-decoration: none;
  }
  .btn-second:hover{
    background: var(--bs-yellow);
  }
 
  /* scheme section css */
  .scheme1{
    background: #000;
    display: flex;
    flex-direction: column;
    gap: 200px;
    padding: 30px;
    position: relative;
    background: linear-gradient(#00000080,#00000080),url(../img/banner1.jpg) no-repeat center;
    background-size:cover;
    transition-duration: 1s;
  }
  .overlay-div1{
    background: linear-gradient(#00000080,#00000080),url(../img/banner1.jpg) no-repeat center;
    background-size:cover;
    box-shadow:160px 0px 20px #000000a8;
    transition-duration: 1s;
  }
  .scheme2{
    background: #000;
    display: flex;
    flex-direction: column;
    gap: 200px;
    padding: 30px;
    position: relative;
    background: linear-gradient(#00000080,#00000080),url(../img/banner2.webp) no-repeat center;
    background-size:cover;
    
  }
  .overlay-div2{
    background: linear-gradient(#00000080,#00000080),url(../img/banner2.webp) no-repeat center;
    background-size:cover;
    box-shadow: -160px 0px 20px #000000a8;
  }
  .scheme2:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(#262262,#1B75BA);
    top: -15px;
    right: -15px;
    z-index: -1;
  }
  .scheme1:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(#262262,#1B75BA);
    top: -15px;
    left: -15px;
    z-index: -1;
  }
  .scheme1 .overlay-div1{
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    padding: 30px;
    transition-duration: 1s;
   
    
    gap: 200px;
  }
  .scheme1:hover .overlay-div1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 99;
  }
  .scheme2 .overlay-div2{
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    padding: 30px;
   
    
    gap: 200px;
  }
  .scheme2:hover .overlay-div2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 99;
  }

 


  .scheme1 .overlay-div1,
  .scheme2 .overlay-div2 {
      position: absolute;
      background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent overlay */
      height: 100%;
      display: none;
      z-index: 99;
  }
  
  .scheme1 .overlay-div1 {
      width: calc(100% + 100%); 
      left: 0;
      top: 0;
  }
  
  .scheme2 .overlay-div2 {
      width: calc(100% + 100%); 
      left: -100%; /* Start from the left side of the first section */
      top: 0;
  }
  
  /* Display overlay when hovered */
  .scheme1:hover .overlay-div1 {
      display: block;
  }
  
  .scheme2:hover .overlay-div2 {
      display: block;
  }
  
  /* Hide overlay-div1 when mouse leaves scheme1 */
  .scheme1:hover .overlay-div2 {
      display: none;
  }
  
  /* Hide overlay-div2 when mouse leaves scheme2 */
  .scheme2:hover .overlay-div1 {
      display: none;
  }
  


  /* connect section css */
  .connect-section{
    position: relative;
  }
  .connect-section h2{
    font-size: 55px;
  }
 
  
  .connect-section .img-connect{
    position: absolute;
    bottom: -25%;
    left: 25%;
    width: 50%;
  }
  

  /* footer css */
  .footer-section{
    position: relative;
  }
  .footer-section .img-logo{
    position: absolute;
    top: 70px;
  }
  .footer-section-contact{
    position: relative;
  }
  .footer-section-contact .img-logo{
    position: absolute;
    top: -40px;
  }



  /* news css */
  .news-overlay{
    position: absolute;
    width: 95%;
    height: 100%;
    background: #75BAFF;
    opacity: 1;
    transition: 0.5s;
    padding: 20px;
  }
  .news-post-big:hover .news-overlay{
    opacity: 0;
    z-index: -99;
  }
  .news-post-big .news-1{
    width: 100%;
  }
  .news-overlay p{
    position: absolute;
    bottom: 0;
    font-size: 20px;
    color: #565252;
  }

  .news-content{
    background: #E8E8E8;
  }


  /* why infradawn css */
  .why-section .pointers {
    padding: 20px;
    border: 2px solid var(--bs-sky);
    margin: 10px 0px;
    cursor: pointer;
    transition: background 0.3s ease;
    font-weight: 600;
}

.why-section .pointers:hover {
    background-color: var(--bs-sky);
    color: white;
}

.why-main {
    height: 300px;
    background: #E0F6FF;
    color: #1B50D1;
    position: relative;
}
.why-section .col-md-6{
  
  z-index: 9999;
}

.why-main h2 {
    margin: auto 0px;
}

.why-section .col-left {
    margin-right: -20px;
}

.why-section .col-right {
    margin-left: -20px;
    /* z-index: 1; */
}
#why-para{
  color: rgb(0, 0, 0);
  font-weight: 500;
  padding: 20px;
}
#why-para span{
  color: var(--bs-sky);
}
.owl-theme .owl-nav{
  /* position:absolute */
}
.project-partners .owl-carousel .owl-nav button.owl-prev{
  position: absolute !important;
  top: 10%;
  left: -3%;
  
}
.project-partners .owl-carousel .owl-nav button.owl-prev:hover,.project-partners .owl-carousel .owl-nav button.owl-next:hover,.inv-committee .owl-carousel .owl-nav button.owl-prev:hover,.inv-committee .owl-carousel .owl-nav button.owl-next:hover{
  background: transparent;
  color: var(--bs-sky);
}
.project-partners .owl-carousel .owl-nav button.owl-prev span{
  font-size: 60px;
}
.project-partners .owl-carousel .owl-nav button.owl-next{
  position: absolute !important;
  top: 10%;
  right: -3%;
  
}
.project-partners .owl-carousel .owl-nav button.owl-next span{
  font-size: 60px;
}
.fund-adv-desk .text small{
  color: var(--bs-yellow);
  font-size: 16px;
  font-weight: 800;
}
.fund-adv-desk .text p{
  color: var(--color-purple);
  font-weight: 600;
}
.inv-committee .owl-carousel .owl-nav button.owl-prev{
  position: absolute !important;
  top: 25%;
  left: 0%;
  
}
.inv-committee .owl-carousel .owl-nav button.owl-prev span{
  font-size: 60px;
}
.inv-committee .owl-carousel .owl-nav button.owl-next{
  position: absolute !important;
  top: 25%;
  right: 0%;
  
}
.inv-committee .owl-carousel .owl-nav button.owl-next span{
  font-size: 60px;
}
 .owl-carousel .owl-nav.disabled{
  display: block !important;
}

.fund-adv-desk .logo{
  transform: rotateZ(0deg);
  /* transform: translateX(0); */
  transition-duration: 1s;
}
.fund-adv-desk .logo img{
  box-shadow: 10px 10px 10px #50585f7c;

}
.fund-adv-desk .logo:hover{
  /* transform: rotateZ(360deg); */
  /* transform: translateX(100px); */

  transform: scale(0.8);
}



.modal{
  z-index: 999999;
}
.modal-dialog{
  max-width: 90%;
 
}
.modal-content{
  background-color: var(--bs-sky);
  color:white;
  margin: auto;
  width: 90%;
}



@media (max-width:425px){
  .why-section .col-left{
    margin-right: 0px;
  }
  .why-section .col-right{
    margin-left: 0;
  }
  .number h3 {
    font-size: 20px;
}
.number p {
  font-size: 14px;
}
.number {
  padding: 10px;
  margin-left: 0px;
}
.inv-row::before {
  left: 2.1%;
}
.inv-row-l::before {
  right: 2.1%;
}
.inv-content {
  margin-left: 0;
}
.inv-content-l {
  margin-right: 0;
}
.scheme1 .overlay-div1{
  display: block;
  position: relative;
}
.scheme1 {
  padding:0;
}
.scheme1 .overlay-div1{
  width: 100%;
  padding: 5px;
}
.scheme2 .overlay-div2{
  display: block;
  position: relative;
  left: 0;
}
.scheme2 {
  padding:0;
}
.scheme2 .overlay-div2{
  width: 100%;
  padding: 5px;
}
.footer-section .img-logo{
  left: 0;
}
.scheme2:before,.scheme1:before{
  display: none;
}
.content {
  width: calc(58% - 2rem);
  padding-top: 20px;
}
.bead-l::after{
  top: -28px;
  right: -65px;
}
.bead-l::before{
  top: -52px;
    left: -28px;
}
.bead-r::after{
  top: -40px;
    left: -60px;
}
.bead-r::before{
  top: -63px;
    right: -30px;
}
.section p{
  font-size: 14px;
}
.section h3{
  font-size: 18px;
}
.project-partners .owl-carousel .owl-nav button.owl-prev{
  position: absolute !important;
  top: 15%;
  left: -12%;
  
}
.project-partners .owl-carousel .owl-nav button.owl-prev span{
  font-size: 60px;
}
.project-partners .owl-carousel .owl-nav button.owl-next{
  position: absolute !important;
  top: 15%;
  right: -12%;
  
}
.project-partners .owl-carousel .owl-nav button.owl-next span{
  font-size: 60px;
}
.inv-committee .owl-carousel .owl-nav button.owl-prev{
  position: absolute !important;
  top: 30%;
  left: -12%;
  
}
.inv-committee .owl-carousel .owl-nav button.owl-prev span{
  font-size: 60px;
}
.inv-committee .owl-carousel .owl-nav button.owl-next{
  position: absolute !important;
  top: 30%;
  right: -12%;
  
}
.inv-committee .owl-carousel .owl-nav button.owl-next span{
  font-size: 60px;
}
.connect-section .img-connect{
  width:90%;
  left:3%;
}
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button{
  border-radius: 0;
}
.accordion-button:not(.collapsed),.accordion-button{
  background-color: #e0f6ff;
  color: #000;
  font-weight: 600;
  border-color: #fff;
  font-size: large;
  font-family: var(--bs-fontpara);
  
}
.accordion-button:focus{
  outline:0px
}
.accordion-body{
  background-color: #e0f6ff;
  color: #000;
}
.accordion-item{
  border-color: #fff;
}
.accordion-button:not(.collapsed)::after{
  background-image: #000;
}
.btn-hero{
  font-size: 12px;

}
.display-2{
  font-size: calc(1.575rem + 0.9vw);
  margin-top: 20px;
}
.btn-first{
  padding: 0;
  padding: 0px 5px;
}
.btn-first a{
  font-size: 13px;
}
.header .img-download{
  width: 40px;
  padding: 5px;
}
.modal-content{
  width: 100%;
  margin: 0px auto;
}
}

.download-a .download{
  opacity: 0;
  transition: 0.5s;
}
.download-a:hover .download{
  opacity: 1;
}


@media (max-width:320px){
  .bead-l::after{
    top: -28px;
    right: -65px;
  }
  .bead-l::before{
    top: -70px;
      left: -28px;
  }
  .bead-r::after{
    top: -40px;
      left: -60px;
  }
  .bead-r::before{
    top: -80px;
      right: -30px;
  }
  .section p{
    font-size: 14px;
  }
  .section h3{
    font-size: 18px;
  }
}



/* TRUE REALTY CSS  */
.banner-tru-realty{
  /* background: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)),url(../img/true-realty-banner.png) center no-repeat;
  background-size: cover; */
  background: linear-gradient(165deg,#262262,#1B75BA, #262262);
}
.banner-news{
  /* background: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)),url(../img/banner-news.png) center no-repeat;
  background-size: cover; */
  background: linear-gradient(165deg,#262262,#1B75BA, #262262);
}
.banner-real-estate{
  /* background: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)),url(../img/banner-ert.png) center no-repeat;
  background-size: cover; */
  background: linear-gradient(165deg,#262262,#1B75BA, #262262);
}
.banner-contact{
  /* background: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)),url(../img/contact-banner.png) center no-repeat;
  background-size: cover; */
  background: linear-gradient(165deg,#262262,#1B75BA, #262262);
}
.banner-offering{
  /* background: url(../img/banner-offering.png) center no-repeat; */
  /* background-size: cover; */
  background: linear-gradient(165deg,#262262,#1B75BA, #262262);
}
.contact-form-bg{
  background:url(../img/form-bg.jpeg) center no-repeat;
  background-size: cover;
}
.abt-tru-para{
  line-height: 2;
  font-size: 18px;
}
.abt-tru-para b{
  font-size: 24px;
}
.abt-tru-para2{
  line-height: 2;
  font-size: 18px;
}

.short-vertical-line, .long-vertical-line, .short-horizontal-line, .long-horizontal-line{
  position: absolute;
  height: 2px;
}
.long-horizontal-line, .short-vertical-line{
  background-color: var(--bs-sky);
}
.short-horizontal-line, .long-vertical-line{
  background-color: #000;
}
.short-horizontal-line, .short-vertical-line{
  width: 450px;
}
.long-horizontal-line, .long-vertical-line{
  width: 500px;
}
.long-horizontal-line{
  top: 0%;
  left: -3%;
}
.short-horizontal-line{
  top: -1%;
  left: -3%;
}
.long-vertical-line{
  rotate: 90deg;
  left: -28%;
  top: 15%;
}
.short-vertical-line{
  rotate: 90deg;
  left: -26%;
  top: 12%;
}
.lines{
  top:0;
  width: 100%;
}
.nav-link{
  color: #000;;
}

@media (max-width:1399px){
  .long-vertical-line{
    left: -33%;
    top: 15%;
  }
  .short-vertical-line{
    left: -31%;
    top: 12%;
  }
}
@media (max-width:1199px){
  .long-vertical-line{
    left: -38%;
    top: 13%;
  }
  .short-vertical-line{
    left: -36%;
    top: 10%;
  }
}
@media (max-width:991px){
  .long-vertical-line{
    left: -51%;
    top: 13%;
  }
  .short-vertical-line{
    left: -48%;
    top: 11%;
  }
}
@media (max-width:425px){
  .abt-tru-para{
    line-height: 24px;
    font-size: 16px;
  }
  .abt-tru-para b{
    font-size: 18px;
  }
  .short-vertical-line, .long-vertical-line, .short-horizontal-line, .long-horizontal-line{
    display: none;
  }
  .abt-tru-para{
    border-left: 2px solid var(--bs-sky);
    border-top: 2px solid var(--bs-sky);
    outline: 2px solid #000;
    outline-offset: 5px;
    padding: 2px;
    
    
  }
  h2{
    font-size: 35px;
  }
}







.short-vertical-line-project, .long-vertical-line-project, .short-horizontal-line-project, .long-horizontal-line-project{
  position: absolute;
  height: 2px;
}
.long-horizontal-line-project, .short-vertical-line-project{
  background-color: var(--bs-sky);
}
.short-horizontal-line-project, .long-vertical-line-project{
  background-color: #000;
}
.short-horizontal-line-project, .short-vertical-line-project{
  width: 450px;
}
.long-horizontal-line-project, .long-vertical-line-project{
  width: 500px;
}
.long-horizontal-line-project{
  top: -1%;
  left: -3%;
}
.short-horizontal-line-project{
  top: -2%;
  left: -3%;
}
.long-vertical-line-project{
  rotate: 90deg;
  left: -19%;
  top: 18%;
}
.short-vertical-line-project{
  rotate: 90deg;
  left: -18%;
  top: 14%;
}
.lines-project{
  top:0;
  width: 100%;
}





@media (max-width:1399px){
  .long-vertical-line-project{
    left: -21.5%;
    top: 24%;
  }
  .short-vertical-line-project{
    left: -20%;
    top: 20%;
  }
  .long-horizontal-line-project{
    top: -1%;
  }
  .short-horizontal-line-project{
    top: -2%;
  }
}
@media (max-width:1199px){
  .long-vertical-line-project{
    left: -25%;
      top: 38%;
  }
  .short-vertical-line-project{
    left: -23%;
    top: 32%;
  }
}
@media (max-width:991px){
  .long-vertical-line-project{
    left: -51%;
    top: 13%;
  }
  .short-vertical-line-project{
    left: -48%;
    top: 11%;
  }
}
@media (max-width:425px){
  
  
  .long-vertical-line-project {
    left: -57%;
        top: 19%;
    }

.short-vertical-line-project {
  left: -52%;
        top: 16%;
}
.short-horizontal-line-project {
  top: -1.5%;
}
  
}
@media (max-width:375px){
  
 
  .long-vertical-line-project {
    left: -64%;
    top: 20%;
}
.short-vertical-line-project {
  left: -59%;
  top: 17%;
}
.short-horizontal-line-project {
  top: -1.5%;
}
.inv-committee .owl-carousel .owl-nav button.owl-next {
  position: absolute !important;
  top: 30%;
  right: -15%;
}
.inv-committee .owl-carousel .owl-nav button.owl-prev {
  position: absolute !important;
  top: 30%;
  left: -15%;
}
.inv-committee .owl-carousel .owl-nav button.owl-next span {
  font-size: 80px;
}
.inv-committee .owl-carousel .owl-nav button.owl-prev span {
  font-size: 80px;
}
.project-partners .owl-carousel .owl-nav button.owl-next {
  position: absolute !important;
  top: 10%;
  right: -15%;
}
.project-partners .owl-carousel .owl-nav button.owl-prev {
  position: absolute !important;
  top: 10%;
  left: -15%;
}
.project-partners .owl-carousel .owl-nav button.owl-prev span,
.project-partners .owl-carousel .owl-nav button.owl-next span {
  font-size: 80px;
}
}
@media (max-width:320px){
  
 
  .long-vertical-line-project {
    left: -75%;
    top: 20%;
}
.short-vertical-line-project {
  left: -69%;
  top: 17%;
}
.short-horizontal-line-project {
  top: -1.5%;
}
.inv-committee .owl-carousel .owl-nav button.owl-prev{
  position: absolute !important;
  top: 15%;
  left: -20%;
  
}

.inv-committee .owl-carousel .owl-nav button.owl-next{
  position: absolute !important;
  top: 15%;
  right: -20%;
  
}
.project-partners .owl-carousel .owl-nav button.owl-prev{
  position: absolute !important;
  top: 0%;
  left: -20%;
  
}
.project-partners .owl-carousel .owl-nav button.owl-next{
  position: absolute !important;
  top: 0%;
  right: -20%;
  
}
}






/* real estate page css  */
.estate{
  border-radius: 0px 0px 40px 0px;
  margin-left: -100px;
}
.estate-r{
  border-radius: 0px 0px 0px 40px;
  margin-right: -100px;
}
.inner-div-estate{
  justify-content: center;
  /* margin: 0px auto; */
}
.inner-div-estate .content{
  border-left: 2px solid white;
}
.inner-div-estate .content span{
  color: var(--bs-sky);
  font-weight: bold;
}

.inner-div-estate .heading{
  text-align: right;
  font-size: 20px;
  font-weight: 700;
}
.market-estate .market-para{
  width: 50%;
  margin: 0px auto 10px;
}

.sun-img {
  position: absolute;
  width: 300px;
  height: 300px;
  top: -30px; /* Adjust positioning as needed */
  left: 35%;
  transform: translateX(-50%);
  z-index: -1;
}

.sun-img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(#FFB119, #FFE60A);
  border-radius: 50%;
  z-index: -1;
}

.img-skyline {
  position: relative; /* Keep skyline in place */
  z-index: 99; /* Ensures skyline stays on top */
  padding-top: 40px;
}

/* form css  */
.form-control{
  border-color: #000;
  border-radius: 0;
  /* margin-bottom: 20px; */
}
.form-label{
  margin-top: 20px;
}

.scheme-terms{
  width: 75%;
  margin: 0px auto;
}
.scheme-terms tr{
  border-bottom: 1px solid #000;
  padding: 10px 0px;
}
.scheme-terms tr td, .scheme-terms tr th{
  padding: 10px 10px 10px 30px;
}
.scheme-terms tr .right{
  border-left: 4px double #000;
  width: 70%;
}

.compare th{
  font-size: 20px;
  padding: 20px;
  text-align: center;
  overflow: auto;
}
.compare .content td{
  padding: 20px;
  border: 2px solid white;
  position: relative;

}

.compare .content .text-center{
  border: 2px solid white;
  border-left: 15px solid white;
  border-right: 15px solid white;
}
.title-sky, .title-dblue, .title-dgreen, .title-blue, .title-green{
  text-align: center;
  font-weight: 600;
}
.title p{
 
  margin: 5px;
  margin-top: 10px;
  padding: 5px;
}
.title-sky p{
  color: #1B75BA;
  border: 2px solid #1B75BA;
}
.title-dblue p{
  color: #09297C;
  border: 2px solid #09297C;
}
.title-dgreen p{
  color: #13955E;
  border: 2px solid #13955E;
}
.title-blue p{
  color: #27D3EB;
  border: 2px solid #27D3EB;
}
.title-green p{
  color: #A3C421;
  border: 2px solid #A3C421;
}
.content-sky td{
  background: #1B75BA;
  color: white;
}
.content-dblue td{
  background: #09297C;
  color: white;
}
.content-dgreen td{
  background: #13955E;
  color: white;
}
.content-blue td{
  background: #27D3EB;
  color: rgb(0, 0, 0);
}
.content-green td{
  background: #A3C421;
  color: rgb(0, 0, 0);
}


@media (max-width:768px){
  .market-estate .market-para{
    width: 100%;
  }
  .estate{
    margin: 0px;
  }
  .estate-r{
    margin: 0px;
  }
  .inner-div-estate .content{
    border-left: 0px solid white;
    border-top: 2px solid white;
  }
  .scheme-terms{
    width: 100%;
  }
  .scheme-terms tr td, .scheme-terms tr th{
    padding: 10px 5px 10px 5px;
  }
  .sun-img::before {
    content: '';
    width: 0%;
    height: 0%;
    position: absolute;
    background: linear-gradient(#FFB119, #FFE60A);
    border-radius: 50%;
    z-index: -1;
  }



  
}

@media (min-width: 1200px) {
  .display-2 {
      font-size: 7rem;
  }
  .carousel-caption p{
    font-size: 24px;
  }
}


.purpose-row .purpose-number{
  position: absolute;
  width: 50px ;
  height: 50px ;
  border: 2px solid var(--bs-yellow);
  font-size: 20px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 40px;
}
.purpose-number{
  position: absolute;
  width: 50px ;
  height: 50px ;
  border: 2px solid var(--bs-yellow);
  font-size: 20px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  bottom: 40px;
}
.purpose-row{
  border-bottom:4px solid var(--bs-sky);
}
@media (max-width: 767px) {
  .purpose-number{
    top: 40px;
  }
}
@media (min-width: 1440px) {
  h2{
    font-size: 65px;
  }
  p{
    font-size: 22px;
    line-height: 1.8;
  }
  .profile-name p, .profile-content p, .scheme p{
    font-size: 18px;
    line-height: 1.8;
  }
  .section_coursel-meet .slider__item{
    height: 450px !important;
  }
  .section_coursel-meet .slider__item .profile-name{
    top: 50%!important;
  }
  .abt-logo1{
    width: 400px;
  }
  .arrow{
    width: 670px;
    left: -25%;
    top:50%;
  }
  .why-section .pointers {
    padding: 10px;
  }
}
@media (min-width: 2560px) {
  h2{
    font-size: 70px;
  }
  p{
    font-size: 18px;
  }
}

.btn-head:hover{
  border: 1px solid var(--bs-yellow);
  background: var(--bs-yellow) !important;

}
.btn-head:hover a{
  color: white;
}
.btn-head:hover::after{
  color: white;
}

/* blog style  */
.blog{padding:40px 0;}

.blog-list-content{ padding: 20px 25px;background-color: #f5f8fa;
    box-shadow: 0 30px 30px 0 rgba(0,0,0,.1);
 margin:-50px 20px 20px; position: relative; z-index: 1  }

.blog-footer{ padding: 15px 0 ; }

.col-sm-4.blog-list {
    margin-bottom: 20px;
    padding: 0px;
}
.blog-list-content .title a{ font-size: 18px; font-weight: bold;  
  color: #666;
  transition: all .50s;
     }

     .title:hover{-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#262262),color-stop(50%,#1B75BA));}


.blog-footer { font-weight: 500;  }
.blog-footer span{ color:var(--bs-yellow); }



.card {
  /* width: 200px;
  height: 300px; */
  background-color: white;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35);
  transition: 0.5s;

}

.challanges .icons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.challanges .icon {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  background-color: var(--bs-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transform: translate(
    var(--slide-x),
    var(--slide-y)
  ); 
  opacity: 0;
  transition: 0.5s;

}
.challanges-col:hover .card{
 background: #1b75ba36 ;
}
.challanges-col:hover  .icon{
  padding-top: 35px;
}
.challanges-col  .icon img{
  filter:grayscale(1);
  transition: 0.5s;


}
.challanges-col:hover  .icon img{
  filter:grayscale(0);

}

.challanges .card .icon {
  transform: translate(
    var(--slide-end-x),
    var(--slide-end-y)
  );
  opacity: 1;
}