/* Navbar Section */

#header {
  background: rgb(0 0 0 / 72%);
  border-image-source: radial-gradient(45.31% 1389.56% at 55.35% 100.06%, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0) 100%);
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  padding: 0;
}


#header h1{
  margin-bottom: 0px;
  margin-left: 8px;
  font-family:  var(--primary-font-family);
  font-weight: 500;
  color: #FFFFFF;
  font-size: 30px;
}

#navbar li a{
  color:#ffffff;
  transition: all 0.3s ease 0s;
  opacity: 0;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  animation-name: slideTop;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: calc(.2s * var(--i));
}

@keyframes slideTop {
  0% {
      transform: translateY(100px);
      opacity: 0;
  }

  100% {
      transform: translateY(0px);
      opacity: 1;
  }
}
#navbar ul li a.active,
#navbar ul li a:hover {
color: var(--color-ed1b2f); 
}
a, button {
  cursor: pointer;
}

@media screen and (min-width:992px){
  .playBtn {
    /* position: absolute;
    top: 50%;
    right: 20%;
    margin-top: -75px; */
    display: block;
}
.modal.cmn .modal-lg, .modal.cmn .modal-xl {
  --bs-modal-width: 980px;
}
  .navbar li {
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    }
    .nav-item:hover .mega-menu-container {
      display: block;
      }
      .mega-menu-container {
        position: fixed;
        }
}

@media screen and (max-width:991.98px){
  .navbar li {
    position: relative;
    padding-bottom: 0.8em;
    }
    .playBtn {
      margin: 0 auto;
  }
  /* .industry-slider-content-single {
    background-size: cover !important;
} */

}

.mega-menu-container {
top: 98px;
left: 0;
width: 100%;
display: none;
z-index: 1;
}



.mega-menu {
max-width: 1320px;
margin: 0 auto;
}

.mega-menu .column {
flex: 1; /* Distribute available space equally */
}

.mega-menu h3 {
background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}

.mega-menu p {
color: #ffffff;
font-size: 15px;
}

#navbar .mega-menu ul{
list-style: none;
padding: 0;
display: flex;
flex-direction: column; 
align-items: flex-start;
gap: 5px;
}

.mega-menu li {
padding: 0px;
}


.mega-menu li a {
color: #ffffff;
text-decoration: none;
transition: color 0.3s ease;
}

.mega-menu li a:hover {
color: var(--color-ed1b2f);
}

.mega-menu li::before{
content: "";
width: 5px;
height: 8px;
position: absolute;
left: 5;
top: 16.5px;
background: url(https://cache.techmahindra.com/static/img/arrow-ham1.png) left top no-repeat;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}



/* Navbar Section End*/

/* Caurosel Section */

#hero{
    height:100vh;
    margin-top: 0;
}

#hero .carousel{
    height:100vh;
}

.carousel-item{
    height: 100vh; /* Adjust this value to your desired height */

    /* Center the background image vertically */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#hero .carousel-item {
    width: 100%;
    height: calc(100vh - 110px);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100vh;
  }

.carousel-container .carousel-content .carousel-hr-container hr{
    width: 31px;
    height: 1px;
    border: none;
    background-color:var(--color-ed1b2f);
    margin: 0;
    padding: 0;
    margin-right: 8px;
}

#hero .carousel-hr-container h2{
    /* font-family: "Montserrat"; */
    font-size: 16px; 
    font-weight: 400;
    /* line-height: 1.5;  */
    text-align: left;
    color: var(--color-ed1b2f);
    margin-bottom: 0px;
}

#hero h1{
    /* font-family: "Acherus Grotesque", sans-serif; */
    font-size: var(--large-font-size);
    font-weight: 700;
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text; 
    color: transparent;
}

@media screen and (max-width: 992px){
  #hero h1{
    font-size: 50px;
  }
}

@media screen and (max-width: 776px){
  #hero h1{
    font-size: 40px;
  }
}
@media screen and (max-width: 360px){
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 197px;

}
}

@media screen and (max-width: 575.98px){
  #hero h1{
    font-size: 30px;
    padding: 0 30px;
  }
  .gy-5-project {
    --bs-gutter-y: 2rem !important;
}
.hori-tmnl {
  padding-left: 15px;
  padding-right: 15px;
}

.carousel-indicators {
  bottom: -10px !important;
}
}
@media screen and (min-width: 361px) and (max-width: 400px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 205px;

}
}
@media screen and (min-width: 401px) and (max-width: 425px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 225px;

}
}
@media screen and (min-width: 425px) and (max-width: 480px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 235px;

}
}
@media screen and (min-width: 480px) and (max-width: 575.98px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 300px;

}
}
@media screen and (min-width: 576px) and (max-width: 767.98px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 200px;
}
}
@media screen and (min-width: 768px) and (max-width: 799.98px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 425px;

}
}
@media screen and (min-width: 800px) and (max-width: 911.98px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 445px;

}
}
@media screen and (min-width: 912px) and (max-width: 991.98px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 505px;

}
}
@media (min-width: 768px) and (max-width: 1024px) {
  #our-mission-section .website-security-shape.lt {
    top: 15%;
    width: 30%;
  
  }
}
@media (min-width: 1025px) {
  .our-mission-section {
    display: none;
  }

}
@media (max-width: 991.98px) {
  .director-container-btm  {
    color: #fff;
    padding: 20px;
    text-align: center;
  }
  .director-container-btm h1 {
    font-size: calc(1rem + 2.1vw);
    font-weight: var(--font-700);
    /* line-height: 1.3; */
    font-family: var(--primary-font-family);
  }
  .director-container-btm p:last-child {
    margin-bottom: 0;
  }
  .director-container.breadcrumb-cst .bd-pd {
    display: none;
  }
  .director-container {
    height: 85vh !important;
    background-image: url("../../assets/img/breadcrumbs/director-mob.jpg?v=1.0") !important;
    background-position: center !important;
  }
}
@media (max-width: 1024px) {
  .nectar-next-section-wrap.mouse-wheel {
    display: none;
  }
#OurMission {
  display: none;
}

}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 570px;

}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #hero,
#hero .carousel,
#hero .carousel-item {
  height: 705px;

}
}
@media screen and (max-width: 1280px) {
  #hero {
    margin-top: 100px;
    }
}
#hero {
  position: relative;
}
@media (min-width: 992px) and (max-width: 1280px) {
  .director-container {
    height: 90vh !important;
}
}
#hero .view-button{
    padding: 15px; 
    background-color: transparent;
    border: 1px solid var(--color-ed1b2f);
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    overflow: visible; 
    box-sizing: border-box;
}


.carousel-indicators {
    position: absolute;
    bottom: 20px; 
    left: 35%;
    transform: translateX(-50%);
    z-index: 15;
}


.carousel-indicators li {
    display: inline-block;
    width: 80%; 
    cursor: pointer;
    background-color: #161313;
    transition: background-color 0.3s ease; 
}

.carousel-indicators li.active {
    /* width: 10%;  */
    background-color: var(--color-ed1b2f); 
}




/* Caurosel Section End */


/* About Section */

/* #about{
    padding-top: 10px;
    background-color: #161313;
    padding-bottom: 10px;
}

.about-main-container{
    margin:0 75px;
}

.about-main-container h1{
    font-size: 50px;
    font-family: "Acherus Grotesque", sans-serif;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text; 
    color: transparent;
    margin-bottom: 10px;
}

.about-main-container p{
    font-size: 20px;
    font-family:  var(--primary-font-family);
    text-align: left;
    color:#E6E6E6;
}

.about-us-section-container{
    display:flex;
    align-items: center;
}

.about-main-container .about-us-section-container .about-us h1{
    font-size: 40px;
    text-align: left;
    background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    margin-bottom: 50px;
}

.about-main-container .about-us-section-container .about-us p{
    font-size: 16px;
    text-align: left;
    color:#E6E6E6;
    width:50%;
}

.girl-container{
    position: relative;
    display: inline-block;
    display: block;
    width: 60%;
    height: auto;
}


.image-text{
    position: absolute;
    top: 25%; 
    left: 35%; 
    transform: translate(-50%, -50%); 
    color: #ffffff;
    font-weight: bold;   

}

.about-us-section-container .girl-container .image-text p{
    font-family:  var(--primary-font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 30.8px;
    letter-spacing: -0.02em;
    text-align: left;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.84) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.86) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}

.about-us-section-container .girl-container .image-text h1{
    font-family:  var(--primary-font-family);
    font-size: 55px;
    font-weight: 500;
    line-height: 93.5px;
    letter-spacing: -0.02em;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
} */

#about{
     padding: 0px;
}

.landingPage-top2-container{
    display: flex;
    justify-content: space-between;
    background-color: #161313;
    
}

.landingPage-top2-container-details{
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: 85px;
    margin-right: 85px;
}

.top2-msg {
    display: flex;
    /* height: 23px; */
    align-items: center;
}

.hr-line {
    width: 31px;
    height: 2px;
    border: none;
    background-color:var(--color-ed1b2f);
    margin: 0;
    padding: 0;
    margin-right: 8px;
}

.top1-heading {
    /* font-family: "Poppins", sans-serif; */
    font-size: 16px; 
    font-weight: 400;
    /* line-height: 1.5;  */
    text-align: left;
    color: var(--color-ed1b2f);
    margin-bottom: 0;
}

.top2-heading{
    font-family:  var(--primary-font-family);
    font-size: var(--main-heading-font-size);
    font-weight: 700;
    margin-top: 20px;
    /* line-height: 46.2px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}

.span-element{
    font-family:  var(--primary-font-family);
        font-size: var(--main-heading-font-size);

    font-weight: 700;
    /* line-height: 46.2px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}

.top2-details{
    /* width: 90%; */
    margin-top: 60px;

    margin-left: 110px;
    /* margin-right: 30px; */
}

.top2-paragraph{
    /* font-family: "Montserrat"; */
    /* font-size: 16px;
    font-weight: 500; */
    /* line-height: 26px; */
    text-align: center;
    color: #E6E6E6;
    font-family:var(--primary-font-family) ;
    font-size: 18px;
    /* margin-top: 60px; */
}

.top2-paragraph2{
    /* font-family: "Montserrat"; */
    font-size: 20px;
    font-weight: 500;
    /* line-height: 26px; */
    text-align: left;
    color:#E6E6E6;
    margin-top: 2px;
    /* width:90%; */
    
}

.span-element2{
    /* font-family: "Montserrat"; */
    font-size: 18px;
    font-weight: 400;
    /* line-height: 20.8px; */
    text-align: left; 
    color:#FFFFFF;   
}

.know-button{
    padding: 15px; 
    background-color: transparent;
    border: 1px solid var(--color-ed1b2f);
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    overflow: visible; 
    box-sizing: border-box;
}

.girl-container{
    position: relative;
    display: inline-block;
    display: block;
    width: 60%;
    height: auto;
}


.image-text {
    position: absolute;
    top: 33%;
    left: 35%;
    color: #ffffff;
    font-weight: bold;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.girl-pic-para{
    font-family:  var(--primary-font-family);
    font-size: 28px;
    font-weight: 700;
    /* line-height: 30.8px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.84) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.86) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}

.girl-pic-heading{
    font-family:  var(--primary-font-family);
    font-size: var( --large-font-size);
    font-weight: 500;
    /* line-height: 93.5px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.about-us .linkBtn{
    margin-top: 40px;
}
.website-security-shape.lt {
    left: 0;
    bottom: 0;
    top: auto;
    /* opacity: .1;
    filter: grayscale(1);
    -webkit-filter: grayscale(1); */
}
.website-security-shape {
    position: absolute;
    right: 0;
    top: 0;
    /* z-index: -1; */
}
.website-security-shape.lt img {
    /* width: 40%; */
}
@media screen and (max-width: 992px){

    .landingPage-top2-container{
        height:auto;
    }

    .landingPage-top2-container-details{
        margin-right: 20px;
    }

    
    .top2-details{
        width:90%;
    }

    .top2-heading{
        font-size: 30px;
    }

    .span-element{
        font-size: 30px;
    }

    .top2-paragraph{
        font-size: 16px;
    }
    
    .top2-paragraph2{
        font-size: 17px;
    }
    
    .span-element2{
        font-size: 12px; 
    }
    
    .button2{
        width: 221px; 
        font-size: 8px; 
    }

    .top2-details{
        width: 80%;
        margin-right: 0px;
    }
    
    .girl-container{
        width:80%;
        height: auto;
    }

    .girl-image{
        width:100%;
        height: 100%;
    }

    .girl-pic-heading{
        font-size: 45px;
    }

    .girl-pic-para{
        font-size: 20px;
    }

    .image-text{
        width:70%; 
        margin-left: 55px;
        margin-top: 15px;
    }

}

@media screen and (max-width: 768px){
    .landingPage-top2-container{
        display: block;
        padding-right: 0px;
        width: 100%;
    }

    
    .landingPage-top2-container-details{
        margin-right: 20px;
        width: 70%;
    }

    .top2-msg{
        width: 70%;
    }

    .top2-details{
        width: 70%;
        margin-right: 0px;
    }

    .top2-heading{
        font-size: 22px;
        width: 70%;
    }

    .span-element{
        font-size: 22px;
    }

    .top2-paragraph{
        font-size: 14px;
    }
    
    .top2-paragraph2{
        font-size: 14px;
    }
    
    .span-element2{
        font-size: 12px; 
    }
    
    .girl-container{
        width:100%;
        height:auto;
    }

    .girl-image{
        width:100%;
        height: 80%;
    }

    .girl-pic-heading{
        font-size: 65px;
    }

    .girl-pic-para{
        font-size: 35px;
    }

    .image-text{
        width:70%; 
        margin-left: 125px;
        position: absolute;
        top: 25%; 
        left: 30%; 
        transform: translate(-50%, -50%); 
    }

}

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

    .landingPage-top2-container-details{
        width:80%;
        margin-left: 8px;
        padding-top: 50px;
        padding-left: 10px;
    }

    .top2-details{
        width: 100%;
        margin-bottom: 50px;
    }

    .top2-heading{
        width: 80%;
    }

    .top2-paragraph{
        font-size: 12px;
    }
    
    .top2-paragraph2{
        font-size: 15px;
    }
    
    .span-element2{
        font-size: 12px; 
    }

    .button2{
        margin-bottom: 50px;   
    }

    .girl-container{
        width:100%;
        height:auto;
    }

    .girl-image{
        width:100%;
        height: 80%;
    }

    .girl-pic-heading{
        font-size: 45px;
    }

    .girl-pic-para{
        font-size: 25px;
    }

    .image-text{
        width:70%; 
        margin-left: 105px;
    }
}


/* About Section End */


/* Count Section */

.counts{
    background-color: #110E0E; 
}

.top3-heading{
    font-family:  var(--primary-font-family);
        font-size: var(--main-heading-font-size);

    margin-bottom: 25px;
    font-weight: 700;
    /* line-height: 46.2px; */
    /* letter-spacing: -0.02em; */
    text-align: center;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}

.span-element3{
    font-family:  var(--primary-font-family);
    font-size: var(--main-heading-font-size);

    font-weight: 700;
    /* line-height: 46.2px; */
    /* letter-spacing: -0.02em; */
    text-align: center;    
    background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}

.counts .count-box{
    /* background: linear-gradient(195.1deg, rgba(136, 16, 60, 0.19) -145.8%, rgba(34, 4, 15, 0.13) 103.52%);   */
    background-color: transparent;
}

.counts .count-box span{
    color:#FFFFFF;
    /* text-align: left; */
}

.counts .count-box p {
    /* font-family: 'Montserrat'; */
    font-size: 20px;
    font-weight: 500;
    /* line-height: 22px; */
    /* text-align: left; */
    color: #FFFFFFA6;
  }



 /* Count Section End */

 /* Protfolio Section  */

 #portfolio {
  background-image: url("https://res.cloudinary.com/dp3nahxbi/image/upload/v1712308481/Group_1597883017_dwz0yh.png");
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
}

 .portfolio .container {
    display:flex;
    align-items: flex-start;
  }

  .portfolio .portfolio-item {
    height:auto;
  }

  .container .portfolio-info-container{
    width:100%;
  }

  .portfolio #portfolio-flters li {
    color: #fff;
    border-radius: 40px;
    background: #FFFFFF33;
    padding: 0;
    font-family:  var(--primary-font-family);
  }
  .portfolio #portfolio-flters li a {
    padding: 8px 40px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    color: #fff;
}

@media screen and (max-width:576px){
  .portfolio #portfolio-flters li a {
    padding: 4px 20px;
    color: #fff;
  }
  .portfolio #portfolio-flters li {
    color: #fff;
    border-radius: 40px;
    background: #FFFFFF33;
    padding: 0;
    font-size: 12px;
    font-family:  var(--primary-font-family);
  }
}

.portfolio ul {
    border-bottom: 0;
}

.portfolio #portfolio-flters li a.active {
    color: var(--color-ed1b2f);

}
 .portfolio #portfolio-flters li:hover,
 .portfolio #portfolio-flters li.filter-active {
  background: #ffffff;
  color:var(--color-ed1b2f) ;
}
.portfolio #portfolio-flters li:hover a {
    color:var(--color-ed1b2f) ;

}
  
@media screen and (max-width:992px){
  .portfolio .container {
    display:block;
  }
}



.section-title{
    /* width:80%; */
    text-align: left;
}

  .section-title h2{
    font-family:  var(--primary-font-family);
    font-size: var(--large-font-size);
    font-weight: var(--font-700);
    /* line-height: 70.44px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    margin-top: 0px;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
  }


  .section-title p{
    /* font-family: "Montserrat"; */
    font-size: 20px;
    font-weight: 400;
    /* line-height: 20.8px; */
    color: #F7F7F7;
    /* width:80% */
    text-align: center;
  }

  @media screen and (max-width: 992px){
    .section-title h2{
      font-size: 50px;
    }
    .section-title p{
      font-size: 18px;
    }
  }
  
  @media screen and (max-width: 776px){
    .section-title h2{
      font-size: 40px;
    }
    .section-title p{
      font-size: 16px;
    }
  }
  
  @media screen and (max-width: 576px){
    .section-title h2{
      font-size: 30px;
    }
    .section-title p{
      font-size: 14px;
    }
  }

  .portfolio .portfolio-wrap .portfolio-info h4 {
    /* font-size: 16px; */
    color: #fff;
    font-weight: 600;
    text-align: left;
    /* line-height: 10px; */
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    min-width: 120px;
  }

  /* @media screen and (max-width: 992px){
    .portfolio .portfolio-wrap .portfolio-info h4 {
      font-size: 50px;
    }
  }
  
  @media screen and (max-width: 776px){
    .portfolio .portfolio-wrap .portfolio-info h4 {
      font-size: 40px;
    }
  }
  
  @media screen and (max-width: 576px){
    .portfolio .portfolio-wrap .portfolio-info h4 {
      font-size: 30px;
    }
  } */

  .portfolio .portfolio-wrap .portfolio-info ul {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    /* line-height: 20px; */
  }
  .portfolio .portfolio-wrap .portfolio-wrap-inner {
    position: relative;
    z-index: 1;
  }
  .portfolio-wrap{
    /* margin-left: 20px; */
  }

  .portfolio-offer-container{
    border-top: 1px solid #FFFFFF80; 
    border-bottom: 1px solid #FFFFFF80; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
  }

  .portfolio-offer-container h1{
    font-family:  var(--primary-font-family);
    font-size: 32px;
    font-weight: 700;
    /* line-height: 35.2px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    color: #FFFFFF94;
  }

  /* Portfolio Container End */

  /* Project Section */

     /* Section-1 */

#project {
    background: #161313;
    /* padding: 60px 0 30px 0; */
    width: 100%;
    height: auto;
    position: relative;
  }

.team .member{
    /* display: flex; */
    align-items: center;
}


.team .member .pic {
    position: relative;
}

.vector-image {
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 1; 
}

.landingPage-bottom-girl-image {
    display: block;
    position: relative;
    width: 556px;
    height: 653px;
    left: 87px;
    gap: 0px;
    opacity: 0px;
    z-index: 2;
}

.landingPage-bottom-container-details{
    /* display: flex; */
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
}

.landingPage-bottom-container-heading{
    color:red;
    font-family:  var(--primary-font-family);
        font-size: var(--main-heading-font-size);

    font-weight: 700;
    /* line-height: 46.2px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}

.landingPage-bottom-container-para{
    width: 100%;
    height: auto;    
    /* font-family: "Montserrat"; */
    font-size:15px;
    font-weight: 200;
    /* line-height: 26px; */
    text-align: left;
    color:#F7F7F7;
}

.project-button{
    padding: 10px; 
    background-color: transparent;
    border: 1px solid var(--color-ed1b2f);
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
    overflow: visible; 
    box-sizing: border-box;
    width:50%;
    margin-top: 35px;
    margin-left: 0;
}


/* Section - 2 */

#project .icon-box{
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    width:100%; */
    margin-bottom: 20px;
}

#portfolio-flters li.filter-active {
    color: var(--color-ed1b2f);  
  }
  

  .project-h1 span{
    font-family:  var(--primary-font-family);
    font-size: var(--large-font-size);
    font-weight: var(--font-700);
    /* line-height: 46.2px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    margin-bottom: 0px;
}

.project-h1{  
    font-family:  var(--primary-font-family);
    font-size: 60px;
    font-weight: 700;
    /* line-height: 70.44px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}

@media screen and (max-width: 992px){
  .project-h1{
    font-size: 50px;
  }
  .project-h1 span{
    font-size: 50px;
  }
}

@media screen and (max-width: 776px){
  .project-h1{
    font-size: 40px;
  }
  .project-h1 span{
    font-size: 40px;
  }
}

@media screen and (max-width: 576px){
  .project-h1 {
    font-size: 30px;
  }
  .project-h1 span{
    font-size: 30px;
  }
}

@media screen and (min-width: 576px) {
  .awards-page object {
    display: block;
   }
   .awards-page .pdf-cover {
    display: none;
   }
}


#project .icon-box p{  
    /* font-family: "Montserrat"; */
    font-size: 16px;
    font-weight: 200;
    /* line-height: 26px; */
    text-align: left;
    color:#E6E6E6;
    margin-bottom: 0px;
    /* width:50% */
}

 /* Section-3 */

#project .portfolio-container{
    margin-top: 8%;
}

#project .portfolio-wrap {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
    position: relative;
    overflow: hidden;
  }
  
  #project .portfolio-wrap img {
    transition: 0.3s;
  }
  
  #project .portfolio-wrap .portfolio-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    transition: 0.3s;
    text-align: center;
    background: rgb(0 0 0 / 51%);
    /* padding-bottom: 30px; */
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    padding-top: 70px;
  }
  
  #project .portfolio-wrap .portfolio-info h1 {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    /* font-family: "Montserrat"; */
    font-weight: var(--font-700);
    /* line-height: 26px; */
    text-align: center;   
    font-family: var(--primary-font-family);
  }

  @media (max-width: 992px) {
    #project .portfolio-wrap .portfolio-info h1{
      font-size: 18px;
    }
  }

  @media (max-width: 768px) {
    #project .portfolio-wrap .portfolio-info h1 {
      font-size: 16px;
    }
  }
  
  @media (max-width: 576px) {
    #project .portfolio-wrap .portfolio-info h1 {
      font-size: 20px;
    }
    .our-mission-section .project-h1 span {
      background: linear-gradient(234.29deg, var(--color-ed1b2f) 84.27%, #AD0840 152.87%);
      background-clip: text;
-webkit-background-clip: text;
      color: transparent;
  }
  }
  
  #project .portfolio-wrap .portfolio-info p {
    color:#E6E6E6;
    font-size: 14px;
    text-transform: uppercase;
    /* font-family: "Montserrat"; */
    font-size: 14px;
    font-weight: 400;
    /* line-height: 18.2px; */
    text-align: left;
    color:#E6E6E6;
  }
    
  
.portfolio-wrap:hover {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
    /* transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px); */
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

#project .portfolio-wrap .portfolio-info
 {
    opacity: 1;
}
#project .portfolio-wrap .portfolio-info .linkBtn {
    opacity: 0;
    transition: all 0.3s ease 0s;

}
#project .portfolio-wrap:hover .portfolio-info .linkBtn {
    opacity: 1;

}
  #project .portfolio-wrap:hover .portfolio-info {
    /* opacity: 1; */
    padding-bottom: 0;
  }
  
  #project .portfolio-wrap:hover img {
    /* transform: scale(1.1); */
  }
  #project .portfolio-wrap .linkBtn {
    margin-top: 20px;
  }
  .project-read-button{
    position: relative;
    padding: 10px; 
    background-color: transparent;
    border: 1px solid var(--color-ed1b2f);
    color: #FFFFFF;
    font-size: 15px;
    overflow: visible; 
    box-sizing: border-box;
    width:30%;
}

.landing-page-bottom-container-4{
    width: 100%;
    height:auto;
    border-top: 1px solid #FFFFFF80; 
    border-bottom: 1px solid #FFFFFF80; 
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
    margin-top: 70px;
}

.landing-page-bottom-container-4-heading{
    font-family:  var(--primary-font-family);
    font-size: 32px;
    font-weight: 700;
    /* line-height: 35.2px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    color: #FFFFFF94;
}

/* Section - 4 */

.landing-page-bottom-container-5{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* margin-top: 50px; */
}


/* Section - 5 */
.container-1 .clients-container .mySwiper,
.container-1 .clients-container .mySwiper-partner {
    margin-bottom: 12px;
}
.container-1 .clients-container .mySwiper:last-child,
.container-1 .clients-container .mySwiper-partner:last-child{
     padding:0 0 50px 0;
     margin-bottom: 0;
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: #ccc; 
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-ed1b2f); 
}

.client-heading{
    font-family:  var(--primary-font-family);
    font-size: var(--large-font-size);
    font-weight: var(--font-700);
    /* line-height: 70.44px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    margin-bottom: 40px;
}

.client-heading span{
  font-family:  var(--primary-font-family);
  font-size: var(--large-font-size);
  font-weight: var(--font-700);
  /* line-height: 46.2px; */
  /* letter-spacing: -0.02em; */
  text-align: left;
  background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
  background-clip: text;
-webkit-background-clip: text;
  color: transparent;
  margin-bottom: 0px;
}

@media screen and (max-width: 992px){
  .client-heading{
    font-size: 50px;
  }
  .client-heading span{
    font-size: 50px;
  }
  .awards-home .main-heading h1,
  #news .main-heading h1 {
    font-size: 50px !important;

  }
}

@media screen and (max-width: 776px){
  .client-heading{
    font-size: 40px;
  }
  .client-heading span{
    font-size: 40px;
  }
  .awards-home .main-heading h1,
  #news .main-heading h1 {
    font-size: 40px !important;

  }
}

@media screen and (max-width: 576px){
  .client-heading {
    font-size: 30px;
  }
  .client-heading span{
    font-size: 30px;
  }
  .awards-home .main-heading h1,
  #news .main-heading h1 {
    font-size: 30px !important;

  }
}

  /* Project Section End*/

  /* News Section */

  .news{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color:#110E0E;
    /* padding: 20px; */
  }


  .news h1{
    font-family:  var(--primary-font-family);
    font-size: var(--large-font-size);
    font-weight: var(--font-700);
    /* line-height: 46.2px; */
    /* letter-spacing: -0.02em; */
    text-align: center;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    margin-bottom: 40px;
  }

  @media screen and (max-width: 992px){
    #news h1{
      font-size: 50px;
    }
  }
  
  @media screen and (max-width: 776px){
    #news h1{
      font-size: 40px;
    }
  }
  
  @media screen and (max-width: 576px){
    #news h1 {
      font-size: 30px;
    }
  }



  .news .news-box p{
    font-family:  var(--primary-font-family);
    font-size: 20px;
    font-weight: 500;
    /* line-height: 22px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    color: #FFFFFFD9;
    margin-top: 20px;

  }

  @media screen and (max-width: 992px){
    #news .news-box p{
      font-size: 18px;
    }
  }
  
  @media screen and (max-width: 776px){
    #news .news-box p{
      font-size: 16px;
    }
  }
  
  @media screen and (max-width: 576px){
    #news .news-box p{
      font-size: 14px;
    }
  }

  #news .news-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;  
    height: 100%;
  }
  #news .news-box-body {
    flex: 1 1 auto;
  }
  #news .news-box-body p {
    font-family: var(--primary-font-family);
    font-size: 20px;
    font-weight: 500;
    /* line-height: 22px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    color: #FFFFFFD9;
    margin-top: 20px;
}
@media(min-width: 1300px) {


.spotlight-business-slider,   .spotlight-business-slider .swiper-slide {
  height: auto;
}
}
 .news button{
    border: 1px solid var(--color-ed1b2f);
    text-align: center;
    padding:10px;
    color:#F7F7F7;
    font-family:  var(--primary-font-family);
    background-color:#110E0E;
    width:15%;
    margin-top: 25px;
 }

 @media screen and (max-width:992px){
  #news .news-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; 
  }
 }

 @media screen and  (max-width: 768px) {
  #news .news-box {
    flex-basis: 50%; /* Adjust width for smaller screens */
  }
  #news .news-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; 
  }
}

@media screen and (max-width: 576px) {
  #news .news-box {
    flex-basis: 100%; /* Adjust width for even smaller screens */
  }
  #news .news-container {
      display: block;
  }
  
}


 /* Contact Us Section */
 
/* #contact{
    padding: 0;
} */
#contact {
    background: #1d1d1d; 

}
 .landingPage-bottom-3-container{
    width: 100%;
    height: auto;
}

.bottom-3-logo-container{
    display: flex;
   align-items: center;
    width: 100%;
    height:auto;
    top: 1.88px;
    gap: 10.49px;    
}

.bottom-main-conatiner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* width: 88%; */
    /* height: auto; */
    /* margin-left: 85.5px; */
    gap: 50px;  
    padding-top: 50px;
}

.bottom-3-1-conatiner{
    display: flex;
    justify-content: space-between;
    align-items: center; 
    width: 100%;
}

.bottom-3-logo-heading{
    color: #F7F7F7;
    margin-bottom: 0px;
}

.bottom-3-icon-container{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    height: auto;
    gap: 9px;
}

.icon-bg-container{
    display: flex;
    justify-content: center; 
    align-items: center;
    width: 39.71px;
    height: 39.71px;
    background-color: #2e2e2e;
    border-radius: 50%;    
}

.bottom-3-2-container{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 25px;
    background-color: #110E0E;
}

.bottom-3-2-container-heading{
    width: 304px;
    height: 81px;
    font-family:  var(--primary-font-family);
    font-size: 24.65px;
    font-weight: 700;
    /* line-height: 27.11px; */
    /* letter-spacing: -0.02em; */
    text-align: left;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    margin-left: 35px;
}

.bottom-3-3-container{
    display: flex;
    width:100%;
    height: auto;
    justify-content: space-between;
    align-items: center;
}

.bottom-3-3-container-head{
    /* width: 256px; */
    height: 17px;
    /* font-family: "Montserrat"; */
    font-size: 14px;
    font-weight: 400;
    /* line-height: 16.8px; */
    text-align: left;
    color: #D3D3D3;
}

.bottom-3-3-ul-list{
    display: flex;
    align-items: center;
    width: 325px;
    height: auto;
    justify-content: space-around;
}

.bottom-3-3-para{
    /* font-family: "Montserrat"; */
    font-size: 14px;
    font-weight: 400;
    /* line-height: 16.8px; */
    text-align: left;
    color:#D3D3D3;
    margin-top: 18px;
}

.b-li{
    color:#F7F7F7;
    /* font-family: "Montserrat"; */
    font-size: 14px;
}

.ul-nav-items {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* width: 50%; */
    list-style-type: none;
    gap: 20px;
}

.ul-nav-li-item{
    color:#F7F7F7;
    /* font-family: "Montserrat"; */
    font-size: 18px;
}

.bottom-3-3-container .bottom-3-3-ul-list li{ 
    color:#F7F7F7;
    list-style-type: none;
    margin-bottom: 0px;
}

@media screen and (max-width:1200px) {
    .ul-nav-li-item{
        font-size: 14px;
    }
}

@media screen and (max-width:992px) {

    .bottom-main-conatiner{
        width:83%;
    }

    .bottom-3-2-container-heading{
        font-size: 20px;
        /* line-height: 22.11px; */
    }

    .ul-nav-li-item{
        font-size: 12px;
    }
}

/*  */
:root {
    /* --primary-font-family: "Acherus Grotesque";
    --font-family-secondary: "Montserrat"; */
    --font-200: 200;
    --font-300: 300;
    --font-400: 400;
    --font-500: 500;
    --font-600: 600;
    --font-700: 700;
    --font-800: 800;
    --bg-110E0E: #110E0E;
    --bg-161313: #161313;
    --main-heading-font-size: 42px;

    --sub-heading-font-size: 38px;
    --color-ff0000: #ff0000;
    --color-ed1b2f: #ed1b2f;
    --font-14: 14px;
    --font-24: 24px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    --font-28: 28px;
    --rounded-border-radius: 100px;
    --background-1d1d1d: #1d1d1d;

   }
   .video-slider .carousel-content {
     width: 100%;
   }
   .video-slider .video-js.ps {
     width: 100%;
     overflow: hidden;
   }
   .video-slider .vjs-poster {
     background-position: 50% 10% ;
     background-size: cover ;
   }
   .video-slider .video-js .vjs-big-play-button {
     background-color: var(--color-ff0000);
     border: none ;
     height: 79px ;
     left: 50% ;
     /* line-height: 79px ; */
     margin: -51.5px auto 0 -39.5px ;
     -o-object-fit: contain ;
     object-fit: contain ;
     top: 51% ;
     width: 80px;
     font-size: 50px ;
     border-radius: var(--rounded-border-radius);
     -webkit-border-radius: var(--rounded-border-radius);
     -moz-border-radius: var(--rounded-border-radius);
     -ms-border-radius: var(--rounded-border-radius);
     -o-border-radius: var(--rounded-border-radius);
     transition: transform .1s ease;
   }
   .video-slider:hover .video-js .vjs-big-play-button {
     -ms-transform: scale(1.3,1.3);
     transform: scale(1.3,1.3);
   }
   .about-us {
     background-color: #161313;
     position: relative;
   }
   .linkBtn {
    font-family: var(--primary-font-family);
    font-weight: var(--font-500);
    /* padding: 15px 50px 15px 25px; */
    padding: 15px 25px;
    border: 1px solid var(--color-ed1b2f);
    border-right: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: var(--font-14);
    text-transform: capitalize;
    /* letter-spacing: 1px; */
}
.linkBtn.small {
    /* padding: 15px 60px 15px 25px; */
    padding: 15px 25px;
    
}
.linkBtn.small span {
    left: 90%;
    margin-top: -5px;
}
.linkBtn:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 30%;
    background-color: var(--color-ed1b2f);
}
.linkBtn span {
    display: block;
    width: 30px;
    height: 9px;
    position: absolute;
    top: 50%;
    /* left: 130%; */
    left: 93%;
    margin-top: -7px;
    background: url('../../assets/img/icons/Arrow-1-pt.png') no-repeat right;
    /* background: url(https://cache.techmahindra.com/static/img/link-arw.png) no-repeat right; */
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    background-position: right center;
}
.linkBtn:after {
    top: inherit;
    left: inherit;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2px;
    height: 30%;
    background-color: var(--color-ed1b2f);
}
.linkBtn:hover {
    color: #fff;
}
.linkBtn:hover span {
    width: 38px;
}
.linkBtn .btn-inner {
    /* margin-right: -84px; */
}
button.linkBtn {
    background-color: transparent;
}

/* background vector image of who we are section */

.bg-img-column{
  position: relative;
}
  .company-profile-background-image{
    position: absolute;
    height: auto ;
    width: auto;
    z-index: 1;
    
  }
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 14, 14, 0.8);
    z-index: 0;
  }

  .dull-image
  {
    filter: grayscale(20%);
  }

  .company-profile-para{
    position: relative;
    z-index: 2;
  }


.about-img {
    position: relative;
}
.about-img h1 span {
    font-family: var(--primary-font-family);
    font-size: 35px;
    /* letter-spacing: 1px; */

}
.about-img h1 span.alpha {
    font-family: var(--primary-font-family);
    font-size: 43px;
}
.about-img h2 span {
    font-family: var(--primary-font-family);
    font-size: 30px;
    /* letter-spacing: 1px; */

}
/* .about-img h2.girl-pic-heading {
    margin-left: 20px;
} */
.about-img p.girl-pic-para {
    /* margin-left: 10px; */
    /* text-align: center; */
}
.about-img h2 span.alpha {
    font-family: var(--primary-font-family);
    font-size: 38px;
}
.counter-flex {
    display: inline-flex;
    align-items: center;
}
/* .counter-flex span.plus {
    font-size: 34px;
} */
.counts .space-top {
    padding-top: 20px;
    position: relative;
}
.clients-container img {
    background-color: #fff;
    border: 1px solid #4a4a4a;
    padding: 20px;
    width: 100%;
}

.hover-view-btn {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    padding: 16px 0;
    white-space: nowrap;
}
.hover-view-btn .linkBtn {
    color: #fff;
    background-color: rgb(3 4 28/88%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: inline-block;
    padding: 3px 25px;
    text-align: center;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.portfolio .portfolio-wrap:hover:hover .hover-view-btn {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}
.portfolio .portfolio-wrap .portfolio-info a.linkBtn,
.portfolio .portfolio-wrap .portfolio-info button.linkBtn {
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: auto;
    height: auto;
    margin: 0;
    /* line-height: inherit; */
    color: #fff;

}
.portfolio .portfolio-wrap .portfolio-info a.linkBtn.small,
.portfolio .portfolio-wrap .portfolio-info button.linkBtn.small {
    /* padding: 15px 60px 15px 25px; */
    padding: 15px 25px;
}
.footer-shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    /* z-index: -1; */
    opacity: .9;
    -webkit-filter: grayscale(1);
}
.news-box img {
    width: 100%;
}
.contact-detail-container{
    background-color: #161313;
    padding: 3.5rem;
}

.contact-detail-container h1{
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    font-family:  var(--primary-font-family);
    margin-bottom: 30px;
    font-size: var(--sub-heading-font-size);
}

.name-container{
    width:50%;
    margin-right: 10px;
}

.name-container label,
.email-container label,
.msg-container label{
    font-family:  var(--primary-font-family);
    /* background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent; */
    color: #fff;
}

.email-container{
    width:50%;
}



.msg-container{
    width:100%;
}



/* .contact-social-info-container{
    width:40%;
    height:61vh;
    padding: 1%;
    padding-top: 6%;
} */

.contact-social-info-container h1{
   color:#ffffff;
   font-family:  var(--primary-font-family);
   font-size: 25px;
}

.contact-social-email{
    text-align: center;
    display: grid;
}
.contact-social-email i {
    font-size: 2rem;
}

.google-map-container{
    background-color: #161313;
}

.google-map-detail-container{
    /* width:40%; */
}


.google-map-container h1{
    color:#ffffff;
    font-family:  var(--primary-font-family);
    font-size: var(--sub-heading-font-size);

    
}

.google-map-container p{
    color:#ffffff;
    font-family:  var(--primary-font-family);
    font-size: 15px;
    /* width:40%; */
}
.vk-breadcrumb {
    background: url("../../assets/img/breadcrumbs/breadcrumb.jpg") repeat-x;
    background-position: center;
    background-size: cover;
    /*background-repeat: no-repeat;
    */position: relative;
    height: auto;
    color: #fff;
    text-align: left;
}

.vk-breadcrumb .bd-pd {
    position: relative;
    z-index: 1;
    padding-top: 10rem;
    padding-bottom: 8rem;
}
.vk-breadcrumb h1 {
    font-size: calc(1rem + 2.1vw);
    font-weight: var(--font-700);
    /* line-height: 1.3; */
    font-family: var(--primary-font-family);
}
.contact-bg {
    background: url("../../assets/img/breadcrumbs/contact-new.jpg?v=1.0") repeat-x;
}

.breadcrumb-cst.contact-bg .bd-pd {
    padding-bottom: 7rem;
}

.breadcrumb-cst h1 {
    font-size: calc(1rem + 2.1vw);
    font-weight: var(--font-700);
    /* line-height: 1.3; */
    font-family: var(--primary-font-family);
}
.Sectors-bg {
    background: url("../assets/img/breadcrumbs/sectors.jpg") repeat-x;
}

ul.breadcrumb_ {
    padding: 10px 0;
    list-style: none;
}
ul.breadcrumb_ li {
    display: inline;
}
ul.breadcrumb_ li a {
    text-decoration: none;
}
.vk-breadcrumb:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
}
.breadcrumb-cst:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
}
.Sectors-bg-image:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
}

/* smart and safe city background image */
.smart-and-safe-city-bg-image {
  background: url("../assets/img/breadcrumbs/projects.jpg") repeat-x;

  background-position: center;
  background-size: cover;
  /*background-repeat: no-repeat;
  */position: relative;
  height: auto;
  color: #fff;
  text-align: left;
}

.smart-and-safe-city-bg-image .bd-pd {
  position: relative;
  z-index: 1;
  padding-top: 10rem;
  padding-bottom: 8rem;
}
.smart-and-safe-city-bg-image h1 {
  font-size: calc(1rem + 2.1vw);
  font-weight: var(--font-700);
  /* line-height: 1.3; */
  font-family: var(--primary-font-family);
}

.smart-and-safe-city-bg-image:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
}


/* state police station and survellience background image */
.odisha-police-station-bg-image {
  background: url("../assets/img/State-police-station/odishaPoliceStation.jpg") repeat-x;
  background-position: center;
  background-size: cover;
  /*background-repeat: no-repeat;
  */position: relative;
  height: auto;
  color: #fff;
  text-align: left;
}

.odisha-police-station-bg-image .bd-pd {
  position: relative;
  z-index: 1;
  padding-top: 10rem;
  padding-bottom: 8rem;
}
.odisha-police-station-bg-image h1 {
  font-size: calc(1rem + 2.1vw);
  font-weight: var(--font-700);
  /* line-height: 1.3; */
  font-family: var(--primary-font-family);
}

.odisha-police-station-bg-image after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
}


/* solutions */
.solutions-bg {
  background: url("../assets/img/breadcrumbs/solutions.jpg") repeat-x;
}
.breadcrumb-cst {
  background-size: cover;
  background-position: center;
  color: #fff;
  position: relative;
}
.partners-bg {
  background-image: url("../assets/img/breadcrumbs/partners.jpg");
}
.breadcrumb-cst .bd-pd {
  position: relative;
  z-index: 1;
  padding-top: 10rem;
  padding-bottom: 4rem;
}
.solutions-bg.breadcrumb-cst .bd-pd, .services-bg.breadcrumb-cst .bd-pd,
.Sectors-bg.breadcrumb-cst .bd-pd {
  padding-bottom: 1rem;
  padding-top: 8rem;
}
.partners-section {
  background-color: #161313;
  overflow: hidden;
}


/* services background image */
.services-bg {
  background: url("../assets/img/breadcrumbs/services1.jpg") repeat-x;
}


/* legacy background image */
.legacy-bg-image {
  background: url("../assets/img/breadcrumbs/legacy1.jpg") repeat-x;
}


.get-in-touch {
    background-color: #110E0E;
    overflow: visible;
}
.get-in-touch .contact-us-container {
    margin-top: -150px;
    position: relative;
    background-color: rgb(237 27 47 / 38%);
    background-image: url('../../assets/img/Stroke.svg?1.0');
}
.get-in-touch .form-control {
    background-color: transparent;
    border-color: #555;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #fff;
}
.get-in-touch .form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}


.get-in-touch .form-control::placeholder {
    color: #ccc;
    opacity: 1; /* Firefox */
  }
  
  .get-in-touch .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color:#ccc;
  }
  .get-in-touch .form-label {
    color: #fff;
  }
  .submit-btn {
    padding-top: 2rem;
  }
  button.linkBtn span {
    /* left: 140%;
    margin-top: -4px; */
}
.get-in-touch .right {
    color: #fff;
    padding: 3.5rem 3rem 3rem 1.5rem;
    height: 100%;
}
.get-in-touch .right .inner {
    display: grid;
    height: 80%;
    align-items: center;
}
.get-in-touch .right h1 {
    text-align: center;
    font-size: var(--sub-heading-font-size);

}
/* .map-px {
    padding: 40px;
} */

.main-heading h1 {
    font-size: var(--main-heading-font-size);
    font-family: var(--primary-font-family);
    font-weight: var(--font-700);
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
}
.main-heading {
    margin-bottom: 35px;
}

.main-heading.center,
.sub-heading.center {
    text-align: center;
}
/*  */

 .tmln p {
	 font-size: 1em;
	 /* line-height: 1.75em; */
	 border-top: 3px solid;
	 border-image: linear-gradient(to right, #743ad5 0%, var(--color-ed1b2f) 100%);
	 border-image-slice: 1;
	 border-width: 2px;
	 margin: 0;
   padding: 60px 60px;	 
   counter-increment: section;
	 position: relative;

}
.tmln p:before {
  /* content: counter(section); */
  content: '';
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 5.25em;
  width: 5.25em;
  /* background-color: #110E0E; */
  background-color: #fff;
  text-align: center;
  /* line-height: 15px; */
  color: #fff;
  font-size: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  /* border: 1px solid #fff; */
  line-height: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tmln p:before {
  background-position: center;
  background-size: 110%;
  background-repeat: no-repeat;
}
.tmln p:first-child:before {
  background-image: url(../../assets/img/legacy-logo/krystal-2000.svg?v=1.0);
}
.tmln p:nth-child(2):before {
  background-image: url(../../assets/img/legacy-logo/krystal-2007.svg?v=1.0);
}
.tmln p:nth-child(3):before {
  background-image: url(../../assets/img/legacy-logo/kgo1.svg?v=1.0);
}
.tmln p:nth-child(4):before {
  background-image: url(../../assets/img/legacy-logo/volksara.svg?v=1.0);
}
.tmln p:last-child:before {
  background-image: url(../../assets/img/legacy-logo/kas.svg?v=1.0);
}
.tmln p:nth-child(odd) {
	 border-right: 2px solid;
	 padding-left: 0;
}
.tmln p:nth-child(odd):before {
  left: 100%;
  /* margin-left: -50px; */
  /* bottom: 6px; */

}
.tmln p:before {
  opacity: 0;
}
.tmln p.aos-animate:before {
  opacity: 1;
}
 .tmln p.aos-animate:first-child:before {
  /* animation-delay: .5s !important; */
}
.tmln p.aos-animate:nth-child(2):before {
  animation-delay: .5s !important;
}
.tmln p.aos-animate:nth-child(3):before {
  animation-delay: 1s !important;
}
.tmln p.aos-animate:nth-child(4):before {
  animation-delay: 1.5s !important;
}
.tmln p.aos-animate:last-child:before  {
  animation-delay: 2s !important;
}
.tmln p.aos-animate:nth-child(even):before {
	        -webkit-animation: roll-in-left 0.9s ease-out both;
	        animation: roll-in-left 0.9s ease-out both;
}
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    /* -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1; */
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    /* -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1; */
  }
}

.tmln p.aos-animate:nth-child(odd):before {
  -webkit-animation: roll-in-right 0.6s ease-out both;
  animation: roll-in-right 0.6s ease-out both;
}
@-webkit-keyframes roll-in-right {
  0% {
            -webkit-transform: translateX(800px) rotate(540deg);
            transform: translateX(800px) rotate(540deg);
            opacity: 0;
            -moz-transform: translateX(800px) rotate(540deg);
            -ms-transform: translateX(800px) rotate(540deg);
            -o-transform: translateX(800px) rotate(540deg);
}
  100% {
            /* -webkit-transform: translateX(800px) rotate(0deg);
            transform: translateX(800px) rotate(0deg);
            opacity: 1;
            -moz-transform: translateX(800px) rotate(0deg);
            -ms-transform: translateX(800px) rotate(0deg);
            -o-transform: translateX(800px) rotate(0deg); */
}
}
@keyframes roll-in-right {
  0% {
            -webkit-transform: translateX(800px) rotate(540deg);
            transform: translateX(800px) rotate(540deg);
            opacity: 0;
            -moz-transform: translateX(800px) rotate(540deg);
            -ms-transform: translateX(800px) rotate(540deg);
            -o-transform: translateX(800px) rotate(540deg);
}
  100% {
            /* -webkit-transform: translateX(800px) rotate(0deg);
            transform: translateX(800px) rotate(0deg);
            opacity: 1;
            -moz-transform: translateX(800px) rotate(0deg);
            -ms-transform: translateX(800px) rotate(0deg);
            -o-transform: translateX(800px) rotate(0deg); */
}
}

.tmln p:nth-child(even) {
	 border-left: 2px solid;
	 padding-right: 0;
}
.tmln p:nth-child(even):before {
  left: 0;
	 /* right: 100%; */
	 /* margin-right: -50px; */
}
.tmln p:first-child {
	 border-top: 0;
	 border-top-right-radius: 0;
	 border-top-left-radius: 0;
}
.tmln p:last-child {
	 border-bottom-right-radius: 0;
	 border-bottom-left-radius: 0;
}
 .main-para {
    font-size: var(--font-20);
}
 .section-wrap {
    color: #F7F7F7;

 }
 .section-wrap p {
    font-family: var(--primary-font-family);
    /* line-height: 1.7; */
    /* letter-spacing: .8px; */

 }
 .tmln-wrap {
    margin-top: -40px;
 }
 .sub-heading h2 {
    background: linear-gradient(234.29deg, var(--color-ed1b2f) -5.73%, #AD0840 102.87%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    font-family: var(--primary-font-family);
    font-weight: var(--font-700);
    font-size: var(--sub-heading-font-size);
}
 .bg-110E0E {
    background-color: var(--bg-110E0E);
 }
 .bg-161313 {
    background-color: var(--bg-161313);
 }
/*  */
.industry-slider-nav-area {
    /* padding-left: 100px;
    padding-right: 100px; */
    position: relative;

  }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .industry-slider-nav-area {
      padding: 0;
    }
  }
  .ht-swiper-button-nav {
    position: absolute;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
    background-image: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    border: 2px solid rgba(255, 255, 255, 0.16);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
  .industry-slider-nav-area .ht-swiper-button-nav {
            -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
            -moz-transform: translateY(-80%);
            -ms-transform: translateY(-80%);
            -o-transform: translateY(-80%);
}
.industry-slider-nav-area .ht-swiper-button-next,
.industry-slider-nav-area .ht-swiper-button-prev {
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 1.6));
}
  .industry-slider-nav-area .ht-swiper-button-next {
    right: 50px;
  }
  .industry-slider-nav-area .ht-swiper-button-prev {
    left: 50px;
  }
  
  .industry-slider-nav-container.swiper-container,
  .industry-slider-nav-container-new.swiper-container {
    padding-bottom: 28.5px;
    z-index: 2;
    position: relative;
  }
  .industry-slider-nav-container .swiper-slide-visible,
  .industry-slider-nav-container-new .swiper-slide-visible {
    z-index: 6;
    -webkit-box-shadow: -10px 0 20px rgba(0, 0, 0, 0.05);
            box-shadow: -10px 0 20px rgba(0, 0, 0, 0.05);
  }
  .industry-slider-nav-container .swiper-slide.swiper-slide-active,
  .industry-slider-nav-container-new .swiper-slide.swiper-slide-active {
    background-color: var(--color-ed1b2f);
    color: #222;
    position: relative;
  }
  .industry-slider-nav-container .swiper-slide-active .industry-single-nav,
  .industry-slider-nav-container-new .swiper-slide-active .industry-single-nav {
    color: #fff;
  }
  .industry-slider-nav-container .swiper-slide,
  .industry-slider-nav-container-new .swiper-slide {
    height: auto;
    background-color: var(--bg-161313);
  }
  .industry-slider-nav-container .swiper-slide-active:before,
  .industry-slider-nav-container-new .swiper-slide-active:before {
    content: "";
    width: 100%;
    height: 20px;
    background-color: var(--color-ed1b2f);
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    opacity: 1;
  }
  .industry-slider-nav-container .swiper-slide-active:after,
  .industry-slider-nav-container-new .swiper-slide-active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--color-ed1b2f);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -18px;
  }
  
  .industry-single-nav {
    padding: 7px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    height: 100%;
  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .industry-single-nav {
      padding: 20px 30px;
    }
    .industry-six-slider__single-slide {
      height: 410px;
    
    }
    .team .member {
      margin-bottom: 100px;
  }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .industry-single-nav {
      padding: 20px 30px;
    }
  }
  @media only screen and (max-width: 767px) {
    .industry-single-nav {
      padding: 15px 40px 0px;
  }
  .industry-slider-nav-container .swiper-slide-active:before, .industry-slider-nav-container-new .swiper-slide-active:before {
    bottom: -15px;
}
.industry-slider-nav-container .swiper-slide-active:after, .industry-slider-nav-container-new .swiper-slide-active:after {
  bottom: -25px;
}
  }
  .industry-single-nav__icon {
    font-size: 3.125rem;
    margin-right: 20px;
  }
  @media (max-width: 1200px) {
    .industry-single-nav__icon {
      font-size: calc(1.4375rem + 2.25vw);
    }
  }
  .industry-single-nav__title {
    font-size: var(--font-18);
    font-weight: 700;
    text-transform: uppercase;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .industry-single-nav__title {
      font-size: 16px;
    }
    .industry-six-slider__single-slide {
      height: 480px;
    
    }
  }
  @media (min-width: 1400px) {
    .story.px-ct {
      padding-right: 0;
    }
    .story.left-align-overflow img.director-image {
      margin-left: 5%;

    }
  }
  @media only screen and (min-width: 1300px) and (max-width: 1400px) { 
    .industry-six-slider__single-slide {
      height: 480px !important;
    
    }
    .industry-six-slider__container-area .swiper-pagination {
      bottom: calc(50% - 240px) !important;
  }
  .industry-six-slider__content {
    padding: 35px 30px 30px !important;
    width: 480px !important;
}

  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .industry-single-nav__title {
      font-size: 16px;
    }
  }
  
  .industry-slider-content-container,
  .industry-slider-content-container-new {
    margin-top: -30px;
  }
  
  .industry-slider-content-single {
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position-y: 15%; */
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .industry-slider-nav-area .default .swiper-button-next:after,  .industry-slider-nav-area .default .swiper-button-prev:after {
    background-size: 10px 13px;
    width: 11px;
    height: 14px;
}
.industry-slider-nav-area .default .swiper-button-next,   .industry-slider-nav-area .default .swiper-button-prev {
  width: 15px;
  height: 15px;
}
.industry-slider-nav-area .swiper-button-next, .industry-slider-nav-area .swiper-button-prev {
  top: 59.5%;
}
  /* .industry-slider-content-single {
    height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-color: var(--bg-110E0E);
} */
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .industry-slider-content-single {
      height: 380px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .industry-slider-content-single {
      height: 390px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .industry-slider-content-single {
      height: 600px;
    }
  }
  @media only screen and (max-width: 767px) {
    .industry-slider-content-single {
      height: 600px;
    }

  }

  .industry-slider-content-single .industry-content-inner {
    width: 550px;
    max-width: 100%;
    /* background: rgb(22 19 19 / 28%); */
    /* background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%); */
    background: linear-gradient(234.29deg, rgb(255 0 24 / 84%) -5.73%, rgb(211 26 43 / 72%) 102.87%);    
    /* background: rgb(237 28 36 / 75%); */
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(12px);
    padding: 40px 30px;
    color: #fff;
    border: 1px solid rgb(255 255 255 / 28%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  }

  .industry-slider-content-single .industry-content-inner .title {
    font-size: var(--sub-heading-font-size);
    font-weight: var(--font-700);
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    display: none;
  }
  .industry-slider-content-single .industry-content-inner  {
    font-weight: var(--font-500);
  }
  .industry-slider-content-single .industry-content-inner .outer-list ul {
    /* list-style: square; */
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
  }
  .industry-slider-content-single .industry-content-inner .outer-list ul li {
    position: relative;
    padding-left: 25px;
  }
  .industry-slider-content-single .industry-content-inner .outer-list ul li:before {
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    display: block;
    font-family: "bootstrap-icons";
    /* margin-left: -20px; */
    margin-top: 5px;

    content: "\F272";
    font-size: 14px;
}
  .industry-slider-content-single .industry-content-inner .inner-list ul {
    list-style: square;
    margin-bottom: 0;
  }
  .industry-slider-content-single .industry-content-inner .inner-list {
    padding-left: 1rem;
  }
  .section-title-area .title:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    /* background: linear-gradient(234.29deg, #81002C -5.73%,  #FF000A 102.87%); */
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);

    position: absolute;
    left: 0;
    bottom: 0;
}
.section-title-area .title--left {
    line-height: 1.3;
    margin-bottom: 30px;
}

.section-title-area .title {
    font-size: 2.5rem;
    line-height: 1;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 0;
}
.section-title-area .title--left {
    line-height: 1.3;
    margin-bottom: 30px;
}
 .counts {
    background-image: url('../../assets/img/bg.jpg?v=1.0');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.counts::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(30 26 26 / 29%);
    opacity: 1;
}


.arrow-btn-top .swiper-button-next:after,
.default .swiper-button-next:after {
    display: inline-block;
    vertical-align: -.125em;
    background-image: url("../../assets/img/icons/Arrow 2.svg");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    content: '';
    width: 25px;
    height: 25px;
}
.arrow-btn-top .swiper-button-prev:after,
.default .swiper-button-prev:after {
    display: inline-block;
    vertical-align: -.125em;
    background-image:url("../../assets/img/icons/Arrow 3.svg");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    content: '';
    width: 25px;
    height: 25px;

}
.default .swiper-button-next:after,
.default .swiper-button-prev:after {
    background-size: 1rem 1rem;

    width: 16px;
    height: 17px;
}
.arrow-btn-top .swiper-button-next.swiper-button-disabled,
.arrow-btn-top .swiper-button-prev.swiper-button-disabled {
    scale: 1;
    top: 0.5px;
}
.swiper-button-next,
.swiper-button-prev {
    scale: 2;
    cursor: pointer;
    transition: all .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -moz-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -ms-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -o-transition: all .45s cubic-bezier(.15,.2,.1,1);
}
.swiper-button-next:after,
.swiper-button-prev:after {
    transition: all .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -moz-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -ms-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -o-transition: all .45s cubic-bezier(.15,.2,.1,1);
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after,
.default .swiper-button-next:hover,
.default .swiper-button-prev:hover {
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0);
}

.default .swiper-button-next,
.default .swiper-button-prev {
    background-color: var(--color-ed1b2f);
    width: 25px;
    height: 25px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.default.outside {
    position: absolute;
    width: 100%;
    top: 48%;
}

.container-1 {
    position: relative;
}

header .logo {
    /* width: 100%; */
    max-width: 100%;
    height: 100px;
    transition: 0.4s;
    padding: 10px;
}
#header.sticky .logo {
    height: 70px;
}
footer .logo {
    width: 100%;
    max-width: 100%;
    height: 120px;
}
.home-slider-1 .swiper-wrapper,
.home-slider-1-clone .swiper-wrapper,
.home-slider-2 .swiper-wrapper,
.awards-slider .swiper-wrapper,
.spotlight-business-slider .swiper-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}


/*  */
.scroll-down-wrap.no-border, body[data-button-style^=rounded] .scroll-down-wrap.no-border {
    bottom: 12px;
}
.scroll-down-wrap.no-border .section-down-arrow, .slider-down-arrow.no-border {
    border: none!important;
    overflow: visible;
    text-align: center;
    opacity: 1;
    height: auto;
    bottom: 13px;
    -webkit-animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
    animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
}
.nectar-next-section-wrap.mouse-wheel .nectar-next-section {
    border-width: 0;
    overflow: visible;
    text-align: center;
    opacity: 1;
    height: auto;
    bottom: 13px;
    -webkit-animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
    animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
}
.nectar-scroll-icon-path {
    fill: transparent;
    stroke-width: 2px;
    stroke-dashoffset: 120;
    stroke-dasharray: 120;
    -webkit-animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1);
    animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1);
}
.nectar-scroll-icon {
    width: 30px;
    height: 45px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
.nectar-next-section-wrap.mouse-wheel .nectar-next-section:after, .scroll-down-wrap.no-border .section-down-arrow:after, .slider-down-arrow.no-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 45px;
    margin-left: -15px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 62;
}
.scroll-down-wrap.no-border:hover .section-down-arrow:before, .slider-down-arrow.no-border:hover:before {
    background-color: #fff;
}
.nectar-next-section:hover .nectar-scroll-icon-path, .scroll-down-wrap.no-border:hover .nectar-scroll-icon-path, .slider-down-arrow.no-border:hover .nectar-scroll-icon-path {
    stroke-dashoffset: 0;
    -webkit-animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1);
    animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1);
}
@-webkit-keyframes mouse-scroll-btn-roll-over {
    0% {
    stroke-dashoffset: 120;
}
100% {
    stroke-dashoffset: 0;
}
}@keyframes mouse-scroll-btn-roll-over {
    0% {
    stroke-dashoffset: 120;
}
100% {
    stroke-dashoffset: 0;
}
}@-webkit-keyframes mouse-scroll-btn-roll-out {
    0% {
    stroke-dashoffset: 0;
}
100% {
    stroke-dashoffset: -120;
}
}@keyframes mouse-scroll-btn-roll-out {
    0% {
    stroke-dashoffset: 0;
}
100% {
    stroke-dashoffset: -120;
}
}.nectar-next-section-wrap.mouse-wheel .nectar-next-section:before, .nectar-next-section-wrap.mouse-wheel[data-custom-color=true] .track-ball, .scroll-down-wrap.no-border .section-down-arrow:before, .slider-down-arrow.no-border:before {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: -1px;
    top: 22px;
    background-color: rgba(255, 255, 255, .5);
    width: 2px;
    height: 6px;
    border-radius: 10px;
    transition: background-color .55s cubic-bezier(.5, .1, .07, 1);
    -webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite;
    animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite;
}

@-webkit-keyframes trackBallSlide {
    0% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
}
45% {
    opacity: 0;
    -webkit-transform: scaleY(.5) translateY(13px);
    transform: scaleY(.5) translateY(13px);
}
46% {
    opacity: 0;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
}
100%, 65% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
}
}@keyframes trackBallSlide {
    0% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
}
45% {
    opacity: 0;
    -webkit-transform: scaleY(.5) translateY(13px);
    transform: scaleY(.5) translateY(13px);
}
46% {
    opacity: 0;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
}
100%, 65% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
}
}@keyframes nudgeMouse {
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
45% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
100%, 65% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}@-webkit-keyframes nudgeMouse {
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
45% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
100%, 65% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}@keyframes rightLineStart {
    0% {
    transform: translateY(-50%) translateX(-88px) scaleX(0);
}
100% {
    transform: translateY(-50%) translateX(0) scaleX(1);
}
}@keyframes rightLineEnd {
    0% {
    transform: translateY(-50%) translateX(0) scaleX(1);
}
100% {
    transform: translateY(-50%) translateX(28px) scaleX(0);
}
}@keyframes rightLineStart2 {
    0% {
    transform: translateY(-50%) translateX(88px) scaleX(0);
}
100% {
    transform: translateY(-50%) translateX(0) scaleX(1);
}
}@keyframes rightLineEnd2 {
    0% {
    transform: translateY(-50%) translateX(0) scaleX(1);
}
100% {
    transform: translateY(-50%) translateX(-28px) scaleX(0);
}
}
.nectar-next-section-wrap.mouse-wheel {
    position: absolute;
    bottom: 70px;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    width: 100%;
}




#OurMission.blue-gradient-background {
    /* background-image: linear-gradient(to right, rgb(195 7 29), rgb(217 7 23)); */
    background-image: url("../../assets/img/bg-1.jpg");
    position: relative;
    height: auto;
    overflow: hidden;
}
svg#GroupOurMission {
    height: 100%;
}
div#ourMissionsvg {
    /* opacity: .8; */
    height: 100%;
}
#OurMission.blue-gradient-background:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(110deg, rgb(0 0 0 / 29%) 50%, rgb(0 0 0 / 0%) 100%);
    /* background: linear-gradient(110deg, rgba(0,0,0,.20) 50%, rgba(0,0,0,0.15) 100%); */
}
#OurMission {
    margin: 0;
    padding: 0;
}
#OurMission.HSDA-mission-statement h3 {
    font-family: var(--primary-font-family);
    font-size: var(--large-font-size);
    font-weight: var(--font-700);
    text-align: left;
    margin-top: 0px;
    background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent;
    /* position: absolute;
    top: 70px;
    left: 8%; */
    margin-bottom: 20px;
}
#OurMission.HSDA-mission-statement .ps {
    color: #fff;
    font-size: 1.3em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 40%;
    padding: 10px 30px;
    margin-left: 80px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}
#to-lead-txt {
    font-size: 18px;
    font-weight: 400;
    /* line-height: 20.8px; */
    color: #F7F7F7;
}

#dots-small-animate {
    stroke-dashoffset: 0;
}
#to-lead-dots-small-animate {
    stroke-dashoffset: 0;
}

#medical-insignia-circle,
#icon-ppl-circle {
    fill: #fff;
    fill-opacity: 0;
}

#medical-insignia-animate-morph-end {
    display: none;
}
#about-hsda {
    opacity: 0;
    cursor: pointer;
}
#participate {
    opacity: 0;
    cursor: pointer;
}

@media screen and (max-width:992px){
  #OurMission.HSDA-mission-statement h3 {
    font-size: 42px;
  }
  #to-lead-txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
    #dots-to-mission-statement {
        opacity: 0 !important;
    }
    #OurMission.HSDA-mission-statement h3 {
      font-size: 32px;
    }
    #to-lead-txt {
      font-size: 10px;
    }
    /* #OurMission.blue-gradient-background {
        background-image: linear-gradient(to bottom, #6b9fb6, #1f4359);
    } */
}




@media screen and (max-width:768px){
  #GroupOurMission {
    display: none;
  }
}

.our-mission-section {
  background-image: url("../../assets/img/bg-1.jpg");
  width: 100%;
  height: auto;
}




@media screen and (min-width: 576px) and (max-width:767px){
  #our-mission-section .website-security-shape.lt img {
    width: 20%;
  }
}



@media screen and (min-width: 769px) {

  .awards-slider .swiper-wrapper,
  .spotlight-business-slider .swiper-wrapper {
    padding-top: 0;
  }
}

#OurMission .website-security-shape.lt {

    top: 10%;
}
#OurMission .website-security-shape.lt img {
    width: 15%;
}
.vision {
    position: relative;
}

.vision .website-security-shape.rt img {
    width: 100%;
    max-width: 100%;
}
.portfolio .portfolio-wrap:before,
.portfolio-wrap:before {
    display: block;
    position: absolute;
    content: ' ';
    width: 100%;
    height: 6px;
    left: 0;
    bottom: 0;
    background: var(--color-ed1b2f);
    z-index: 5;
    transform: scaleX(0) translateZ(0);
    -webkit-transform: scaleX(0) translateZ(0);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transition: .45s cubic-bezier(.24,1,.3,1);
    transition: .45s cubic-bezier(.24,1,.3,1);
}
.portfolio .portfolio-wrap:hover:before,
.portfolio-wrap:hover:before {

    background-color: var(--color-ed1b2f);
    -moz-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}
footer {
    
    background-color:rgb(22 19 19 / 16%);
    padding-top: 45px;
    /* padding-bottom: 3rem; */
    color: #fff;
    z-index: 1;
    position: relative;
}
footer .container.pb {
    margin-bottom: 40px;
}
.footer {
    background-image: url(../../assets/img/footer.jpg);
    background-position: center center;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    background-size: cover;
}
.footer li a {
    color: #fff !important;
    font-size: 16px;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.footer li a:hover {
    letter-spacing: 1px;
    opacity: .7;
}
.footer p {
    font-size: 16px;
}
.footer p.mt {
    margin-top: 20px;
    text-align: center;
}
.footer li a:hover {
    color: var(--background-red) !important;
}
.footer-btm li>div,
.footer-btm li>div:hover {
    color: #fff;
    font-size: 16px;
}
.footer h4:after {
    content: '';
    /* border-bottom: 2px solid #fff; */
    margin-top: 10px;
    height: 4px;
    background: linear-gradient(234.29deg, #ad0840 -5.73%, #ed1b2f 102.87%);    
    /* height: 10px; */
    width: 20px;
    display: block;
}
.footer .social-icons li a {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 8px; */

    
}
.footer .social-icons li a:hover {
    background-color: #fff;
}
.footer .social-icons li a img {
    transition: all .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transition: all .45s cubic-bezier(.15,.2,.1,1);
}
/* .footer .social-icons li a:hover img {
    filter: brightness(0%);
    -webkit-transform: scale(1.6) translateZ(0);
    transform: scale(1.6) translateZ(0);
    -moz-transform: scale(1.6) translateZ(0);
    -ms-transform: scale(1.6) translateZ(0);
    -o-transform: scale(1.6) translateZ(0);
} */
/* .footer .social-icons li:hover img {
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0);
    -moz-transform: scale(1.2) translateZ(0);
    -ms-transform: scale(1.2) translateZ(0);
    -o-transform: scale(1.2) translateZ(0);
} */
.footer .social-icons li a {
    margin-bottom: 2px;
}
.footer .social-icons ul {
    gap: 20px;
}
.footer .imp-link-lh {
    line-height: 2;
}
.footer h4 {
    margin-bottom: 20px;
}
.footer-btm {
    margin-top: .5rem;
    border-top: 1px solid rgb(255, 255, 255, .15);
}

.footer-btm li {
    font-size: var(--sm-font-size);
    position: relative;
}
.footer-btm li:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 40%;
    top: 50%;
    left: -5px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-right: 1px solid rgb(255, 255, 255, .25);
}
.footer-btm li:first-child:after {
    content: none;
}
.social-media-container .social-icons ul {
    gap: 20px;
    margin-bottom: 0;
}
.social-media-container .social-icons li a {
    border: 1px solid rgb(255 255 255 / 20%);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 8px; */
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.social-media-container .social-icons {
    justify-content: center;
}
.social-media-container .social-icons li a img {
    transition: all .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -moz-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -ms-transition: all .45s cubic-bezier(.15,.2,.1,1);
    -o-transition: all .45s cubic-bezier(.15,.2,.1,1);
}
.social-media-container .social-icons li a:hover {
    background-color: #fff;
}
/* .social-media-container .social-icons li a:hover img {
    filter: brightness(0%);
    -webkit-transform: scale(1.6) translateZ(0);
    transform: scale(1.6) translateZ(0);
    -moz-transform: scale(1.6) translateZ(0);
    -ms-transform: scale(1.6) translateZ(0);
    -o-transform: scale(1.6) translateZ(0);
} */
@import url(https://fonts.googleapis.com/css?family=Exo:100);
/* Cool infinite background scrolling animation. * Twitter: @kootoopas */
/* Exo thin font from Google. */
/* Background data (Original source: https://subtlepatterns.com/grid-me/) */
/* Animations */
 @-webkit-keyframes bg-scrolling-reverse {
	 100% {
		 background-position: 50px 50px;
	}
}
 @-moz-keyframes bg-scrolling-reverse {
	 100% {
		 background-position: 50px 50px;
	}
}
 @-o-keyframes bg-scrolling-reverse {
	 100% {
		 background-position: 50px 50px;
	}
}
 @keyframes bg-scrolling-reverse {
	 100% {
		 background-position: 50px 50px;
	}
}
 @-webkit-keyframes bg-scrolling {
	 0% {
		 background-position: 50px 50px;
	}
}
 @-moz-keyframes bg-scrolling {
	 0% {
		 background-position: 50px 50px;
	}
}
 @-o-keyframes bg-scrolling {
	 0% {
		 background-position: 50px 50px;
	}
}
 @keyframes bg-scrolling {
	 0% {
		 background-position: 50px 50px;
	}
}
/* Main styles */
 .infi-wrap {
	 /* margin-top: 13.5rem; */
	 color: #999;
	 /* font: 400 10.6666666667px exo, ubuntu, "segoe ui", helvetica, arial, sans-serif; */
	 text-align: center;
	/* img size is 50x50 */
	 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
	 -webkit-animation: bg-scrolling-reverse 0.92s infinite;
	/* Safari 4+ */
	 -moz-animation: bg-scrolling-reverse 0.92s infinite;
	/* Fx 5+ */
	 -o-animation: bg-scrolling-reverse 0.92s infinite;
	/* Opera 12+ */
	 animation: bg-scrolling-reverse 0.92s infinite;
	/* IE 10+ */
	 -webkit-animation-timing-function: linear;
	 -moz-animation-timing-function: linear;
	 -o-animation-timing-function: linear;
	 animation-timing-function: linear;
     position: relative;
}
.infi-wrap::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
}
 /* industry slider six */
.industry-six-slider__container-area {
    position: relative;
  }
  .industry-six-slider__container-area .swiper-pagination {
    top: auto;
    bottom: calc(50% - 280px);
    text-align: left;
    padding-left: 90px;
    position: absolute;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .industry-six-slider__container-area .swiper-pagination {
      padding-left: 15px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .industry-six-slider__container-area .swiper-pagination {
      padding-left: 25px;
    }
  }
  @media only screen and (max-width: 767px) {
    .industry-six-slider__container-area .swiper-pagination {
      position: static;
      padding-left: 0;
      text-align: center;
      margin-top: 30px;
    }
  }
  .industry-six-slider__container-area .swiper-pagination-bullet {
    -webkit-transition: all 0.3s ease, width 0s, border-color 0s;
    transition: all 0.3s ease, width 0s, border-color 0s;
    text-align: center;
    height: 45px;
    line-height: 41px;
    border: 2px solid transparent;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    padding: 0 7px;
    width: auto;
    background-color: transparent;
    opacity: 1;
  }
  @media only screen and (max-width: 767px) {
    .industry-six-slider__container-area .swiper-pagination-bullet {
      height: auto;
      line-height: 1;
    }
  }
  .industry-six-slider__container-area .swiper-pagination-bullet-active, .industry-six-slider__container-area .swiper-pagination-bullet:hover {
    color: var(--bg-110E0E);
    -webkit-transform: scale(1.5) translateZ(0);
    transform: scale(1.5) translateZ(0);
    -moz-transform: scale(1.5) translateZ(0);
    -ms-transform: scale(1.5) translateZ(0);
    -o-transform: scale(1.5) translateZ(0);
}
  .industry-six-slider__single-slide {
    padding-left: 400px;
    position: relative;
    background: linear-gradient(234.29deg, #ad0840 -5.73%, #ed1b2f 102.87%);

  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .industry-six-slider__single-slide {
      padding-left: 300px;
    }
  }
  @media only screen and (max-width: 767px) {
    .industry-six-slider__single-slide {
      padding-left: 0;
    }
  }
  .industry-six-slider__content {
    background-color: var(--bg-161313);
    color: #ffffff;
    padding: 35px 30px 50px;
    position: absolute;
    top: 50%;
    left: 100px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 450px;
    max-width: 100%;
    /* height: 420px; */
    z-index: 2;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .industry-six-slider__content {
      left: 25px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .industry-six-slider__content {
      left: 40px;
    }
  }
  @media only screen and (max-width: 767px) {
    .industry-six-slider__content {
      position: static;
      -webkit-transform: none;
              transform: none;
      width: 100%;
      height: auto;
    }
  }
  @media only screen and (max-width: 575px) {
    /* .awards-page .card .card-text {
      text-align: center;
    } */
    .career-banner__content {
      padding: 20px 40px !important;
  }
  .job-list__single-wrapper {
    margin-top: 0 !important;
}
    .main-heading {
      margin-bottom: 0;
  }
  .awards-page .main-heading {
    margin-bottom: 30px;
  }
    .timeline__event .timeline__event__content {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
}
    .company-profile-timeline .section-title {
      padding-bottom: 0;
    } 
    .company-profile-timeline .section-title h2 {
      text-align: center;

    } 
    .industry-six-slider__content {
      padding-left: 15px;
      padding-right: 15px;
    }
    .container-1 .clients-container .mySwiper,
    .container-1 .clients-container .mySwiper-partner {
      margin-bottom: 10px;
  }
  .default.outside {
    top: -46px;
}
.partners-section .default.outside {
  top: 98%;
}
.partners-section .default .swiper-button-next, .partners-section .default .swiper-button-prev {
  background-color: transparent;
}
.partners-section .default.outside .swiper-button-next {
  right: 18px;
}
.partners-section .default.outside .swiper-button-prev {
  left: 18px;
}
.default .swiper-button-next, .default .swiper-button-prev {
  width: 20px;
  height: 20px;
}
.default .swiper-button-next:after, .default .swiper-button-prev:after {
    background-size: 13px 17px;
    width: 14px;
    height: 18px;
}
:root {
  --main-heading-font-size: 26px;

  --sub-heading-font-size: 26px;
  /* --font-14: 14px;
  --font-24: 24px;
  --font-20: 20px;
  */
  --font-28: 24px;
 }
 body {
  font-size: 16px;
}
.industry-slider-nav-area .ht-swiper-button-next {
  right: 15px;
}

.section-title-area .title--left {
  line-height: 1.2;
}
.industry-slider-nav-area .ht-swiper-button-prev {
  left: 15px;
}
.industry-slider-content-single .industry-content-inner {
  padding: 25px;
}
.section-title-area .title {
  padding-bottom: 20px;
}
.industry-slider-content-single {
  /* align-items: flex-start;
  padding-top: 90px; */
  padding-top: 20px;
}
.industry-six-slider__content {
  padding: 35px 15px 10px;
}
/* .industry-slider-content-single>.container {
  margin-top: 20px;
} */
.industry-slider-nav-area .default {
  position: absolute;
  top: 65%;
  left: 0;
  right: 0;
  width: 100%;
}
.industry-slider-content-single {
  height: 410px;
}

.breadcrumb-cst .bd-pd {
  padding-bottom: 3.5rem;
}
.director-bg-container.breadcrumb-cst .bd-pd {
  padding-top: 9rem !important;
  padding-bottom: 2rem !important;
}
.director-bg-container {
  background-position: 0 51px !important;
}
.industry-six-slider__container-area .swiper-pagination {
  padding-bottom: 30px;
}
.contact-detail-container {
  padding: 1.5rem 15px;
}
.get-in-touch .right .inner {
  height: 60%;
}
.get-in-touch .right {
  padding: 20px 0 50px;
}
.google-map-detail-container {
  text-align: center;
}
.social-media-container .social-icons ul {
  justify-content: center;
}
.main-heading.res-center {
  text-align: center;
}
.services-bg {
  background-position: bottom;
}
.director-bg-container {
  background-repeat: no-repeat;
  margin-top: 50px;
}
  }
  .industry-six-slider__content .slider-no {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 60px;
  }
  @media (max-width: 1200px) {
    .industry-six-slider__content .slider-no {
      font-size: calc(1.275rem + 0.3vw);
    }
  }
  @media only screen and (max-width: 767px) {
    .industry-six-slider__content .slider-no {
      margin-bottom: 30px;
    }
  }
  .industry-six-slider__content .slider-title {
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: var(--font-700);
  }
  @media (max-width: 1200px) {
    .industry-six-slider__content .slider-title {
      font-size: calc(1.375rem + 1.5vw);
    }
  }
  .industry-six-slider__content .slider-title a {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .industry-six-slider__content .slider-title a:hover {
    color: #222;
  }
  .industry-six-slider__content .slider-excerpt {
    /* margin-bottom: 70px; */
  }
  .industry-six-slider__area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
  }
  @media only screen and (max-width: 767px) {
    .industry-six-slider__content .slider-excerpt {
      margin-bottom: 30px;
    }
  }
  .industry-six-slider__content .see-more-link {
    color: #ffffff;
    border-bottom: 2px solid rgba(238, 238, 238, 0.24);
  }
  .industry-six-slider__content .see-more-link i {
    color: #ffffff;
  }
  .industry-six-slider__content .see-more-link:hover {
    color: #222;
  }
  .industry-six-slider__content .see-more-link:after {
    display: none;
  }
  .industry-six-slider__background {
    min-height: 715px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-ed1b2f);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .industry-six-slider__background {
      min-height: 650px;
    }
  }
  @media only screen and (max-width: 767px) {
    .industry-six-slider__background {
      min-height: 400px;
    }
  }
  @media only screen and (max-width: 479px) {
    .industry-six-slider__background {
      min-height: 220px;
    }
  }
/* Footer End */
   @media (min-width: 768px) {
   
   
   .px-ct {
     padding-left: 80px;
     padding-right: 80px;
   }
   .ps-ct {
    padding-left: 80px;
  }
  .pe-ct {
    padding-right: 80px;
  }
   .pd {
    padding-top: 100px;
    padding-bottom: 100px;
   }
   .partners-section .pd {
    padding-bottom: 80px;
   }
   }
   @media (min-width: 992px) {
    .right-align-overflow img {
        width: 95%;
        object-fit: cover;
        height: 500px;
    }
    .left-align-overflow img {
        width: 100%;
        object-fit: cover;
        /* height: 950px; */
        height: 100%;
        /* margin-left: 5%; */
        
    }
      .director-container-btm {
    display: none;
  }
    .left-align-overflow img.director-image {
      object-position: top;
      
  }
    .left-align-overflow.ps-rl img {
        z-index: 1;
        position: relative;
    }
   }
   @media (min-width: 1535px) {
    .left-align-overflow img {
      /* height: 540px; */
      height: 100%;
    }
    .industry-slider-nav-area .swiper-button-next, .industry-slider-nav-area .swiper-button-prev {
      top: 55.5%;
  }
  .industry-slider-content-single {
    height: 650px;
}
   }
   @media (min-width: 1535px) and (max-width: 1919px) {
   .industry-slider-content-single {
    height: 450px;
   }
   .industry-six-slider__single-slide {
    height: 490px;
  
  }
  }


   /*  */
   .career-banner__image img {
    width: 100%;
  }
  .career-banner__content {
    height: 100%;
    padding: 50px 40px;
background: linear-gradient(234.29deg, #ad0840 -5.73%, #ed1b2f 102.87%);
  }
  .career-banner__content .subtitle {
    font-size: 0.875rem;
    line-height: 1.3;
    color: rgba(34, 34, 34, 0.5);
    margin-bottom: 40px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .career-banner__content .subtitle {
      margin-bottom: 20px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .career-banner__content .subtitle {
      margin-bottom: 20px;
    }
  }
  @media only screen and (max-width: 767px) {
    .career-banner__content .subtitle {
      margin-bottom: 20px;
    }
  }
  .career-banner__content .title {
    font-size: var(--main-heading-font-size);
    font-weight: var(--font-700);
    /* background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
    background-clip: text;
-webkit-background-clip: text;
    color: transparent; */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-transform: uppercase;
}
  @media (max-width: 1200px) {
    .career-banner__content .title {
      font-size: calc(1.375rem + 1.5vw);
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .career-banner__content .title {
      margin-bottom: 40px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .career-banner__content .title {
      margin-bottom: 40px;
    }
  }
  @media only screen and (max-width: 767px) {
    .career-banner__content .title {
      margin-bottom: 40px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .career-banner .col-lg-8 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .career-banner .col-lg-4 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
    }
  }
  
  .job-list__wrapper {
    padding: 40px;
    background-color: var(--bg-161313);
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .job-list__wrapper {
      margin-top: 30px;
    }
  }
  @media only screen and (max-width: 767px) {
    .job-list__wrapper {
      margin-top: 30px;
    }
  }
  @media only screen and (max-width: 479px) {
    .job-list__wrapper {
      padding: 40px 20px;
    }
  }
  .job-list__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  @media only screen and (max-width: 479px) {
    .job-list__title-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }
  .job-list__title-wrapper .title {
    font-size: 2.125rem;
    line-height: 1.5;
  }
  @media (max-width: 1200px) {
    .job-list__title-wrapper .title {
      font-size: calc(1.3375rem + 1.05vw);
    }
  }
  .job-list__title-wrapper .link {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 40px;
    color: #222;
  }
  .job-list__title-wrapper .link a i {
    content: "\f2c7";
    font-family: Ionicons;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 50%;
  }
  .job-list__title-wrapper .link a:hover {
    color: #ffc246;
  }
  .job-list__title-wrapper .link a:hover i {
    background-color: #ffc246;
    color: #ffffff;
    border-color: #ffc246;
  }
  .job-list__single-wrapper {
    margin-top: 20px;
  }
  .job-list__single {
    display: block;
    /* padding: 20px 0; */
    padding-top: 20px;
    border-top: 1px solid #ddd;
  }
  .job-list__single:hover .title {
    color: var(--color-ed1b2f);
  }
  .job-list__single .title {
    font-size: var(--font-28);
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .job-list__single .text {
    /* color: #888; */
  }
  .job-list__single:first-child {
    /* padding-top: 0; */
  }
  .job-list__wrapper [class*="col-"]:first-child .job-list__single,
  .job-list__wrapper [class*="col-"]:nth-child(2) .job-list__single {
    margin-top: 0;
    border-top: 0;
  }
  .job-list__wrapper [class*="col-"]:last-child .job-list__single,
  .job-list__wrapper [class*="col-"]:nth-last-child(2) .job-list__single  {
    border-bottom: 0;
    /* padding-bottom: 0; */
  }
  
  .career-background__area-bg {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .career-background__content {
    background: #ffc246;
    padding: 80px 50px 60px 50px;
    color: #ffffff;
  }
  @media only screen and (max-width: 479px) {
    .career-background__content {
      padding: 50px 30px;
    }
  }
  .career-background__content .title {
    color: #ffffff;
    font-size: 2.75rem;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 20px;
  }
  @media (max-width: 1200px) {
    .career-background__content .title {
      font-size: calc(1.4rem + 1.8vw);
    }
  }
  .career-background__content .title .highlight {
    font-weight: 700;
  }
  .career-background__content .text {
    margin-bottom: 30px;
  }

.section-title-area--middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.project-area {
    background-color: var(--bg-110E0E);
    color: #a7a7a7;
    background-attachment: fixed;
    background-image: url("/assets/img/p-bg.webp");
    position: relative;
}
.project-area::before {
    content: "";
    background-color: rgb(22 19 19 / 80%);
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.project-area .project-area-wrap {
    position: relative;
}
  .project-area .partial-section {
    margin-top: 40px;
    position: relative;
    padding: 40px;
    border: 1px solid rgb(62, 62, 62);
    /* background-image: url("https://htmldemo.net/megan/megan/assets/img/patterns/2.png"); */
    /* background-color: #38a1f2; */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
    /* width: 100%; */
    /* height: 100%; */
    /* min-height: 400px; */
    position: relative;
}
.project-area .partial-section::before {    
    content: "";
    background-image: url("/assets/img/2.webp");
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
        background-position: center center;
}
  .project-area .partial-section .title {
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.project-area .partial-section .title h2 {
    font-size: var(--main-heading-font-size);
}

.project-area .partial-section:hover .title {
    color: var(--color-ed1b2f);
}
.project-area .partial-section .para {
    /* color: #888; */
}
.project-area .outer-list ul {
    /* list-style: square; */
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.project-area .outer-list ul li {
    position: relative;
    padding-left: 25px;
}
.project-area .outer-list ul li:before {
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    display: block;
    font-family: "bootstrap-icons";
    /* margin-left: -20px; */
    margin-top: 5px;
    content: "\F272";
    font-size: 14px;
}
.project-area .partial-section .title:after {
    /* content: ""; */
    display: block;
    width: 50px;
    height: 4px;
    /* background: linear-gradient(234.29deg, #81002C -5.73%,  #FF000A 102.87%); */
    background: linear-gradient(234.29deg, rgb(173, 8, 64) -5.73%, rgb(237, 27, 47) 102.87%);
    left: 0;
    bottom: 0;
}
.project-area .content {
    /* margin-top: 40px; */
    padding: 40px;
    background-color: var(--bg-161313);

}
.project-area .content .para {
    /* color: #fff; */
    font-size: var(--font-20);
    text-align: center;
}
.navbar .dropdown ul {
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      position: static;
      box-shadow: none;
}
   /*  */
   .awards-page {
    background-color: #1d1d1d;
   }
   .awards-page p {
    color: #fff;
   }
   .awards-page .btn {
    margin-top: 10px;
    text-align: center;
    display: block;
   }
       .awards-page .card .card-body {
      padding-left: 0;
      padding-right: 0;
    }
    /*  */
    .projects-bg-container {
      background-image: url("../assets/img/breadcrumbs/projects.jpg");  
    }
  
    .projects-card-section{
      background-color: #ed1b2f;
    }
  
  
    
    .projects-card-section .container .box {
      position: relative;
      width: 20rem;
      height: 20rem;
    }
    
    .projects-card-section .container .box:hover .imgBox {
      transform: translate(-3.5rem, -3.5rem);
    }
    
    .projects-card-section .container .box:hover .content {
      transform: translate(3.5rem, 5.5rem);
  }
    
    .projects-card-section .imgBox {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      transition: all 0.5s ease-in-out;
    }
    
    .projects-card-section .imgBox img {
      width: 20rem;
      height: 20rem;
      object-fit: cover;
      resize: both;
    }
  
    .projects-card-section .imgBox .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.5);
      transition: opacity 0.5s ease-in-out;
      text-align: center;
      padding: 0 20px;
  }
  
  .projects-card-section .container .box:hover .imgBox .overlay {
      opacity: 0;
  }
    
    .projects-card-section .content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 1.5rem 10px;
      display: flex;
      justify-content: center;
      background: linear-gradient(234.29deg, #ad0840 -5.73%, #ed1b2f 102.87%); 
      z-index: 1;
      align-items: flex-end;
      text-align: center;
      transition: 0.5s ease-in-out;
    }
    
    .projects-card-section .content h2 {
      display: block;
      font-size: 1.5rem;
      color:#FFFFFF;
      font-weight: bold;
      line-height: 28px;
      letter-spacing: 1px;
    }
    
    .projects-card-section .content span {
      color: #555;
      font-size: 1.2rem;
      font-weight: 300;
      letter-spacing: 2px;
    }
    
    .projects-card-section .content span{
      color:#FFFFFF;
    }
    
    .projects-card-section .content span:hover{
      color:#1d1d1d;
    }
  

  
    @media screen and (max-width:576px){
      .projects-card-section .container .box {
        width: 20rem;
        height: 20rem;
        margin: 2rem;
      }
       
      .projects-card-section .imgBox img {
        width: 20rem;
        height: 20rem;
      }
  
      .projects-card-section .content h2 {
        font-size: 0.8rem;
      }
  
      .projects-card-section .content span {
        font-size: 0.8rem;
      }
  
    }
  
    @media screen and (max-width:400px){
      .projects-card-section .container .box {
        width: 15rem;
        height: 15rem;
        margin: 1.5rem;
      }
       
      .projects-card-section .imgBox img {
        width: 15rem;
        height: 15rem;
      }
  
      .projects-card-section .content h2 {
        font-size: 0.8rem;
        /* line-height: 17px; */

      }
  
      .projects-card-section .content span {
        font-size: 0.8rem;
      }

  
    }
  
  
    @media (max-width: 600px) {
      #project:after {
        top: -160px;
        left: -160px;
        background-size: 100%;
    }

      .tmln {
        margin: 0 40px;
    }
      .projects-card-section .container .box:hover .content {
        transform: translate(0, 3.5rem);
        -webkit-transform: translate(0, 3.5rem);
        -moz-transform: translate(0, 3.5rem);
        -ms-transform: translate(0, 3.5rem);
        -o-transform: translate(0, 3.5rem);
}
      .projects-card-section .container .box:hover .imgBox {
        transform: translate(0, -3.5rem);
      }
      .projects-card-section .linkBtn-wht {
        margin-top: 4px;
        display: block;
    }
    .projects-card-section .content h2 {
      line-height: 16px;
  }
  .modal.cmn .modal-content {
    /* padding: 20px; */
}
.modal.cmn .modal-body {
  padding: 20px 26px !important;
}
.modal-back i {
  font-size: 22px;
  padding: 3px;
}
    }
    video#myvideo {
      width: 100%;
  }
.awards-page .card-body .title  {
    color: #fff;
    font-size: var(--font-20);
    font-weight: var(--font-600);
  }
  .awards-page .card-text {
    opacity: .8;
  }
  .compensate-for-scrollbar {
    padding-right: 0 !important;
}
html body.compensate-for-scrollbar {
  overflow: auto !important;
}
.awards-home {
  background-color: #1d1d1d;
}
.awards-home .card {
  background-color: transparent;
  color: #fff;
}
.awards-home .main-heading h1,
#news .main-heading h1 {
  font-size: var(--large-font-size);
  margin-bottom: 0;
}

.awards-home .main-heading,
#news .main-heading {
  margin-bottom: 30px;
}
.awards-home .card-body {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.awards-home .card-body .title {
  font-size: var(--font-20);
  font-weight: var(--font-600);
}
.awards-home .card-text {
  opacity: .8;
}

.director-bg-container.breadcrumb-cst .bd-pd {
  padding-top: 15rem;
  padding-bottom: 9rem;
}

.director-bg-container {
  background-position: 0 31%;
}
.bottom-smart-box-container{
  display: flex;
  justify-content: center;
}
.gy-5-project {
  --bs-gutter-y: 7rem;
}
.play-wrap {
  position: relative;
}
.play-wrap .playBtn-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.black .carousel-control-next, .black .carousel-control-prev {
  color: #000;
}
#hero .carousel-control-next, #hero .carousel-control-prev {
  color: #727272;
}
.coming-soon {
  font-size: calc(3vw + 0vh + 1vmin);
  font-weight: 800;
  text-align: center;
  margin-bottom: 0  ;
}
.bg-1d1d1d {
  background-color: var(--background-1d1d1d);
}
.director-message-para {
  color: #FFFFFF;
}
.awards-home .awards-img-zoom {
  overflow: hidden;
}
.awards-home .awards-img-zoom img,
.news .news-box > a img {
  transition: 0.3s;
}
.awards-home .awards-img-zoom:hover img,
.news .news-box > a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.director-bg-container.breadcrumb-cst:after {
  display: none;
}
@media (min-width: 1200px) and (max-width: 1366.98px) {
  /* .industry-slider-content-single .industry-content-inner {
    width: 480px;
} */
  :root {
    --large-font-size: 52px;
}
.career-banner__content .title {
  font-size: 40px !important;

}
.project-h1 {
  font-size: var(--large-font-size);
}
}
.box:hover .content {
  transform: translate(3.5rem, 1rem) !important;
  -webkit-transform: translate(3.5rem, 1rem) !important;
  -moz-transform: translate(3.5rem, 1rem) !important;
  -ms-transform: translate(3.5rem, 1rem) !important;
  -o-transform: translate(3.5rem, 1rem) !important;
}
@media (min-width: 600px) {
  .imgBox .overlay > a {
    cursor: default;
  }
  .imgBox .overlay > a.show {
    display: none;
  }

}
@media (max-width: 600px) {
  .portfolio .portfolio-wrap .portfolio-info h4 {
    padding-bottom: 90px;
}
.portfolio .portfolio-wrap .hover-view-btn {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
  #project .portfolio-wrap .portfolio-info .linkBtn {
    opacity: 1;
}
  .box:hover .content {
    transform: translate(3.5rem, 1rem) !important;
    -webkit-transform: translate(3.5rem, .6rem) !important;
    -moz-transform: translate(3.5rem, 1rem) !important;
    -ms-transform: translate(3.5rem, 1rem) !important;
    -o-transform: translate(3.5rem, 1rem) !important;
    display: none;
}
.box:hover .imgBox {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
}
.box:hover .imgBox .overlay {
  opacity: 1 !important;
}
.imgBox .overlay > a.hide {
  display: none;

}
.imgBox .overlay > a.show{
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.imgBox .overlay > a .knw {
  font-size: 11px;
  padding: 8px 24px;
  margin-top: 8px;
}
.imgBox .overlay > a.show:hover {
  color: #fff;
}
}
.director-container {
  background-image: url("../../assets/img/breadcrumbs/director.jpg?v=1.0");
  height: 100vh;
  background-position: top;
  display: flex;
  align-items: center;
}
.team-bg-container .section-title h2 {
  text-align: center;
}
.director-container.breadcrumb-cst:after {
  display: none;
}
.modal.cmn.show .modal-dialog {
  cursor: auto;
}
.team .member {
  margin-bottom: 100px;
}
.team.cst .linkBtn.small {
  font-size: 11px;
  padding: 8px 24px;
  margin-top: 10px;
}
.modal.cmn  .modal-content {
  background-color: transparent;
}
.modal.cmn .modal-body {
  background: rgb(0 0 0 / 83%);
  color: #fff;
  font-size: 18px;
  padding: 70px 40px;
  /* background: linear-gradient(234.29deg, rgb(255 255 255 / 42%) -5.73%, rgb(255 255 255 / 16%) 102.87%); */
  /* background: rgb(237 28 36 / 75%); */
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(12px);
  /* box-shadow: rgb(225 26 45 / 22%) 5px 8px 13px 2px; */
}
.modal.cmn.show {
  cursor: var(--cursor-close-svg-url) 28 28,auto;
}
.italic {
  font-style: italic;
}


.edu-experience-section {
  /* background-color: #1d1d1d; */
  background-color: #b30011;
  color: #fff;
}
.edu-experience-section .educaton-area .title-wrapper,
.edu-experience-section .experience-area .title-wrapper {
  display: inline-block;
  border: 1px solid rgba(237, 27, 47, 100);
}

.edu-experience-section .educaton-area .title-wrapper h4,
.edu-experience-section .experience-area .title-wrapper h4 {
  font-weight: 500;
  line-height: 81%;
  padding: 19px 28px;
  margin-bottom: 0;
}

.edu-experience-section .educaton-area .timeline,
.edu-experience-section .experience-area .timeline {
  position: relative;
}
.edu-experience-section .educaton-area .timeline::after,
.edu-experience-section .experience-area .timeline::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 89%;
  background-color: rgba(237, 27, 47, 100);
  /* z-index: -1; */
  top: 0;
  left: 4px;
}

.edu-experience-section .experience-area .timeline::after {
  height: 52%;
}
.edu-experience-section .educaton-area .timeline .timeline-container,
.edu-experience-section .experience-area .timeline .timeline-container {
  position: relative;
  margin: 50px 25px 0 25px;
}

.edu-experience-section .educaton-area .timeline .square,
.edu-experience-section .experience-area .timeline .square {
  position: absolute;
  height: 9px;
  width: 9px;
  background-color: #fff;
  border-radius: 1px;
  left: -25px;
  top: 48%;
  z-index: 9;
}

.edu-experience-section .educaton-area .timeline .text-box, .edu-experience-section .experience-area .timeline .text-box {
  /* background-color: rgba(237, 27, 47, .51); */
  position: relative;
  padding: 25px 25px;
  background: linear-gradient(234.29deg, rgb(255 0 24 / 84%) -5.73%, rgb(211 26 43 / 72%) 102.87%);
  /* background: rgb(237 28 36 / 75%); */
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(12px);
}

.edu-experience-section .educaton-area .timeline .arrow,
.edu-experience-section .experience-area .timeline .arrow {
  height: 0;
  width: 0;
  position: absolute;
  top: 45%;
  z-index: 1;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid rgba(237, 27, 47, .51);
  left: -10px;
}

.edu-experience-section .experience-area .remote-job {
  background-color: rgba(237, 27, 47, 100);
  color: var(--clr-black);
  border-radius: 40px;
  padding: 4px 17px;
  margin-top: 13px;
  display: inline-block;
  font-size: 13px;
  line-height: 200%;
}

.edu-experience-section .timeline .duration {
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px;
}

.edu-experience-section .timeline p {
  font-weight: 500;
  margin-top: 13px;
}
.edu-experience-section .educaton-area .timeline .text-box h5 {
  font-size: var(--font-24);
  font-weight : var(--font-600);

}
.edu-experience-section .experience-area {
  position: sticky;
  top: 110px;
}
.edu-experience-section {
  overflow: inherit;
  position: relative;
}
.edu-experience-section::after {
  background-image: url(../../assets/img/svg-shapes/bg-2.svg);
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .3;
  background-size: cover;
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.65);
  rotate: 180deg;
}
.terms_condition-text {
  margin-bottom: 45px;
}
.terms_condition-text li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.terms_condition-text li i {
  line-height: 30px;
  margin-right: 15px;
  font-size: 13px;
  color: #ed1b2f;
}
.terms_condition-text ul {
  padding-left: 0;
}
.terms_condition-text p {
  /* font-size: 16px; */
  /* line-height: 30px; */
  /* display: flex; */
  gap: 10px;
}
.terms_condition-text .hd p .bold {
  font-weight: var(--font-800);
  font-size: var(--font-20);
  margin-right: 5px;
}
.terms_condition-text .hd p span {
  font-weight: var(--font-800);
  font-size: var(--font-20);
  flex: 0 0 auto;
  width: auto;
}
.terms_condition-text h3, .terms_condition-text .h3 {
  font-size: var(--sub-heading-font-size);
  margin-bottom: 30px;
  /* background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent; */
  font-weight: var(--font-700);
}
.terms_condition {
  color: #fff;
  background-color: var(--background-1d1d1d);
}
.privacy-bg-container {
  background-image: url("../../assets/img/breadcrumbs/privacy.jpg");
}
.terms-bg-container {
  background-image: url("../../assets/img/breadcrumbs/terms.jpg");
}
.terms_condition-text:last-child {
  margin-bottom: 0;
}
.terms_condition-text:last-child ul {
  margin-bottom: 0;
}
.terms_condition-text:last-child ul p:last-child {
  margin-bottom: 0;
}
#team.cst .main-heading {
  margin-bottom: 0;
}
#team.cst .main-heading h1 {
  margin-bottom: 20px;
}
.linkBtn.disabled {
  cursor: default;
}
.google-map-container{
  background-image: url('../../assets/img/contact/map-bg.jpg?v=1.0');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  background-position: center;
}
.google-map-container::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
}
.vision::after {
  content: '';
  position: absolute;
  display: block;
  height: 140%;
  top: -380px;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 27%);
  left: -280px;
  transform: rotate(340deg);
  width: 140%;
  -webkit-transform: rotate(340deg);
  -moz-transform: rotate(340deg);
  -ms-transform: rotate(340deg);
  -o-transform: rotate(340deg);
}
.google-map-container .map-px {
  position: relative;
  z-index: 1;
}
.team-bg-container:after {
  content: '';
  position: absolute;
  display: block;
  height: 53%;
  /* border: 0; */
  left: 7%;
  bottom: 0;
  background-color: rgb(0 0 0 / 27%);
  /* left: -280px; */
  transform: rotate(340deg);
  width: 460px;
  -webkit-transform: rotate(340deg);
  -moz-transform: rotate(340deg);
  -ms-transform: rotate(340deg);
  -o-transform: rotate(340deg);
}

/*
    /*  */