* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
     
}

body {
    padding: 0;
    margin: 0;
   
    
}


@font-face {
    font-family: 'M-Bol';
    src: url(/Fonts/Montserrat-Bold/Montserrat-Bold.ttf);
}

@font-face {
    font-family: 'MLight';
    src: url(/Fonts/Montserrat-Bold/Montserrat-Light.ttf);
}

@font-face {
    font-family: 'M-Med';
    src: url(./Fonts/Montserrat-Bold/Montserrat-Medium.ttf);
}

@font-face {
    font-family: 'MReg';
    src: url(./Fonts/Montserrat-Bold/Montserrat-Regular.ttf);
}



.solarprod {
    width: 100%;
    height: 110vh;
    position: relative;
    overflow: hidden;
    
}

.grid {
margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 17rem);
    gap: 8rem;
    justify-content: center;
    margin-left: -80px;
   
}

.item {
    position: relative;
    height: 500px;
    width: 390px;
    background-color: lightGrey;
    overflow-y: hidden;
    box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
}

.item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


#upslide {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 30px;
    margin-top: 80px;
    text-align: center;
    margin-bottom:-60px;
}


#upslide2 {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 20px;
    margin-top: 40px;
    text-align: center;
    width:1580px;
    
}

#upslide2 a {
    text-decoration: none;
    color: #fff;
    background:rgb(0, 73, 135);
    padding:10px;
    border-radius:10px;
}


/*------------------------ Slide ------------------------------------*/

/**,*/
/*html {*/
/*  scroll-behavior: smooth;*/
/*}*/

/**,*/
/**:after,*/
/**:before {*/
/*  -webkit-box-sizing: border-box;*/
/*  -moz-box-sizing: border-box;*/
/*  box-sizing: border-box;*/
/*}*/

/*:root {*/
/*  --white: #fff;*/
/*  --black: #232323;*/
/*  --lite: rgba(255, 255, 255, 0.6);*/
/*  --gray: rgba(1, 1, 1, 0.6);*/
/*  --dark: #3c3d3c;*/
/*  --primary: linear-gradient(145deg, #ff2f09, #c24a4e);*/
/*  --primary_dark: #970104;*/
/*  --primary_lite: #c24a4e;*/
/*  --secondary: #000a17;*/
/*  --default_font: "Ysabeau Infant", sans-serif;*/
/*  --title_font: "Outfit", sans-serif;*/
/*}*/

/*::-webkit-scrollbar {*/
/*  height: 12px;*/
/*  width: 8px;*/
/*  background: var(--dark);*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*  background: gray;*/
/*  -webkit-box-shadow: 0px 1px 2px var(--dark);*/
/*}*/

/*::-webkit-scrollbar-corner {*/
/*  background: var(--dark);*/
/*}*/

/***************************
            DEFAULT
****************************/
/*body {*/
/*  margin: 0;*/
/*  overflow-x: hidden !important;*/
/*  font-family: var(--default_font);*/
/*}*/

/*a {*/
/*  text-decoration: none !important;*/
/*  min-width: fit-content;*/
/*  width: fit-content;*/
/*  width: -webkit-fit-content;*/
/*  width: -moz-fit-content;*/
/*}*/

/*a,*/
/*button {*/
/*  transition: 0.5s;*/
/*}*/

em {
  font-style: normal;
  color: var(--primary_lite);
}

a,
p,
.btn {
  font-size: 15px;
}

p {
  line-height: 1.9em;
  color: var(--lite);
}

a,
button,
input,
textarea,
select {
  outline: none !important;
}

fieldset {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.title,
.sub_title {
  font-family: var(--title_font);
  font-weight: 400;
  margin: 0;
}

.flex,
.fixed_flex {
  display: flex;
}

.flex_content {
  width: 100%;
  position: relative;
}

.padding_1x {
  padding: 1rem;
}

.padding_2x {
  padding: 2rem;
}

.padding_3x {
  padding: 3rem;
}

.padding_4x {
  padding: 4rem;
}

.big {
  font-size: 3.5em;
}

.medium {
  font-size: 2em;
}

.small {
  font-size: 1.3em;
}

.btn {
  padding: 1rem;
  border-radius: 5px;
  color: var(--white);
  position: relative;
  border: 0;
  text-align: center;
}

.btn_3 {
  display: block;
  background-color: 0;
  color: var(--white);
  position: relative;
  font-family: var(--default_font);
  font-weight: 400;
  text-transform: uppercase;
}

.btn_3:before {
  content: "";
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  transition: 0.5s;
  transform: translate(0%, -50%);
}

.btn_3:after {
  content: "\f178";
  font-family: "FontAwesome";
  margin-left: 5px;
}

.btn_3:hover:before {
  border-radius: 40px;
  width: 100%;
}

@media screen and  (min-width: 970px) {
  .flex {
    flex-wrap: wrap;
  }

  .padding_1x,
  .padding_2x,
  .padding_3x,
  .padding_4x {
    padding: 1rem;
  }

  .big {
    font-size: 1.8em;
  }

  .medium {
    font-size: 1.3em;
  }

  .small {
    font-size: 1.1em;
  }

  .btn {
    padding: 0.5rem 1rem;
  }

  a,
  p,
  .btn {
    font-size: 12px;
  }
}

.slider {
  position: relative;
  width: 100%;
  height: 100vh;
}

ul {
  padding: 0;
  margin: 0;
}

.slider .title {
  font-weight: 400;
}

.slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transition: clip 0.7s ease-in-out, z-index 0s 0.7s;
  clip: rect(0, 100vw, 100vh, 100vw);
  display: flex;
  align-items: center;
  justify-content: left;
}

.slider li:nth-child(1) {
  background: linear-gradient(
      to right,
      rgba(2, 20, 35, 1) 10%,
      rgba(2, 20, 35, 0.8) 51%,
      rgba(2, 20, 35, 0.2) 100%
    ),
    url("Images/Banner 2.jpg");
  background-size: cover;
  background-position: center center;
}

.slider li:before {
  content: "";
  position: absolute;
  top: -20px;
  right: 0;
  width: 250px;
  height: 250px;
  /*background-image: url("https://i.postimg.cc/02zcww6c/slider-shape.png");*/
  background-size: 100% 100%;
  transition-delay: 1s;
  transform: rotate(-90deg);
  z-index: 1;
}

.slider li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 300px;
  /*background-image: url("https://i.postimg.cc/KjKbwDfR/slider-shape-2.png");*/
  background-size: 100% 100%;
  transform: rotate(360deg);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  z-index: 1;
  background-position: center left;
}

.slider li:nth-child(2) {
  background: linear-gradient(
      to right,
      rgba(2, 20, 35, 1) 10%,
      rgba(2, 20, 35, 0.8) 51%,
      rgba(2, 20, 35, 0.2) 100%
    ),
    url("Images/Banner.jpg");
  background-size: cover;
  background-position: center center;
}

.slider li:nth-child(3) {
  background: linear-gradient(
      to right,
     rgba(2, 20, 35, 1) 10%,
      rgba(2, 20, 35, 0.8) 51%,
      rgba(2, 20, 35, 0.2) 100%
    ),
    url("Images/Banner 3.jpg");
  background-size: cover;
  background-position: center center;
}

.slider article {
  width: 60%;
  margin-top: 4rem;
  color: #fff;
  z-index: 11;
}

.slider h3 + p {
  display: inline-block;
  color: var(--lite);
  font-weight: 300;
}

.slider h3,
.slider h3 + p,
.slider p + .btn,
li:after {
  opacity: 0;
  transition: opacity 0.7s 0s, transform 0.5s 0.2s;
  transform: translate3d(0, 50%, 0);
}

li.current h3,
li.current h3 + p,
li.current p + .btn,
li.current:after {
  opacity: 1;
  transition-delay: 1s;
  transform: translate3d(0, 0, 0);
}

.slider li:before {
  transition: 0.5s;
  top: -250px !important;
}

li.current:before {
  transition-delay: 1s;
  transform: rotate(-90deg);
  top: -20px !important;
}

li.current {
  z-index: 1;
  clip: rect(0, 100vw, 100vh, 0);
}

li.prev {
  clip: rect(0, 0, 100vh, 0);
}

.slider aside {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  text-align: center;
  z-index: 10;
}

.slider aside a {
  display: inline-block;
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  background-color: var(--white);
  margin: 0 0.2rem;
  transition: transform 0.3s;
}

.slider em {
  background: var(--primary);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

a.current_dot {
  transform: scale(1.4);
  background: var(--primary) !important;
}

/*@media only screen and (min-width: 970px) */
/* {*/


/* nav .logo img {*/
/*    height: auto!important ;*/
/*    margin-top: -20px!important;*/
/*    width: 140px!important;*/
/*}*/

/*nav>ul>li>a {*/
/*    color: rgb(0, 73, 135);*/
/*    text-decoration: none;*/
/*    text-transform: uppercase;*/
/*    line-height: 80px;*/
/*    padding: 5px 8px!important;*/
/*    font-weight: 700;*/
/*    font-size: 9px!important;*/
/*}*/

/*nav>ul {*/
/*    width: 84%!important;*/
/*    margin: 0 auto;*/
/*    padding: 0;*/
/*    text-align: center;*/
/*    font-family: "Montserrat";*/
/*    margin-top: -12px;*/
/*}*/
    
    
/*    .text {*/
/*    color: black;*/
/*    font-size: 18px!important;*/
/*    font-family: "Montserrat";*/
/*    position: absolute;*/
    /* top: 1%; */
/*    bottom: 7.5%;*/
/*    left: 36%!important;*/
/*    font-weight: 700;*/
/*    -webkit-transform: translate(-50%, -50%);*/
/*    -ms-transform: translate(-50%, -50%);*/
/*    transform: translate(-50%, -50%);*/
/*    white-space: nowrap;*/
    /* letter-spacing: 5px; */
/*    color: white;*/
/*    background: #04335cab;*/
    /* padding-top: 50px; */
    /* z-index: 3; */
/*    width:120%!important;*/
/*    text-align:center!important;*/
/*}*/


/*#para8 {*/
/*    font-family: 'Montserrat';*/
/*    text-align: center;*/
/*    font-size: 12px!important;*/
/*    color: black;*/
/*    text-align: center;*/
/*    margin-top: 50px;*/
    /* opacity: 0; */
/*    padding: 0px 100px 0px 100px!important;*/
/*    line-height: 1.6rem;*/
/*}*/

/*.gridd1{*/
/*    display:none;*/
/*}*/
/*.gridd2{*/
/*    display:none;*/
/*}*/

/*.card {*/
/*    padding: 1rem;*/
/*    display: flex*/
/*;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 0.5rem!important;*/
/*}*/
/*.container1 {*/
/*    margin-top: 50px;*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*     display: block!important*/
/*; */
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.counter-img {*/
/*    font-size: 15px!important;*/
/*    color: rgb(241, 116, 54);*/
/*    font-family: 'Montserrat';*/
/*    margin-bottom: 20px;*/
/*}*/

/*.left img {*/
/*    width: 99%;*/
/*    object-fit: cover;*/
/*    margin-left: 20px;*/
/*    height: 500px;*/
/*}*/

/*#plus {*/
/*    font-size: .5rem!important;*/
/*    font-family: 'Montserrat';*/
/*    color: rgb(0, 73, 135);*/
/*}*/

/*.t1 {*/
/*    font-size: .5rem!important;*/
/*    font-family: 'Montserrat';*/
/*    color: rgb(0, 73, 135);*/
/*}*/
/*.counter-item .counter {*/
/*    font-size: 1rem!important;*/
/*    font-family: 'Montserrat';*/
/*    color: rgb(0, 73, 135);*/
/*}*/

/*#fimg {*/
/*    height: 520px!important;*/
/*    width: 567px!important;*/
/*    float: left;*/
/*    margin-left: 40px!important;*/
/*    object-fit: cover;*/
/*}*/


/*.counter-grid {*/
/*    padding-top: 0;*/
/*    margin-left: 19px!important;*/
/*    display: grid*/
/*;*/
/*    grid-template-rows: repeat(auto-fit, minmax(4rem, 1fr));*/
/*    width: 100%;*/
/*    align-content: space-evenly;*/
/*    position: absolute;*/
/*}*/
    
/*    .mobile-container {*/
/*        display:none!important;*/
/*    }*/
    
/*   .mobile-container .topnav img {*/
/*   display:none!important;*/
/*}*/


   
/*  header {*/
/*    height: 70vh;*/
/*    position: relative;*/
/*  }*/

/*  .cs-down {*/
/*    display: none;*/
/*  }*/

/*  .slider {*/
/*    height: 70vh;*/
/*  }*/

/*  .slider article {*/
/*    width: 100%;*/
/*    margin-top: 2rem;*/
/*  }*/

/*  .slider li:nth-child(2) {*/
/*    background-position: top center;*/
/*  }*/

/*  .slider li:nth-child(3) {*/
/*    background-position: top center;*/
/*  }*/

/*  li.current:before {*/
/*    top: -30px;*/
/*    right: -10px;*/
/*  }*/
/*}*/




/* ------------------------ Slider       -----------------------------*/

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1600px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}



/* ------------------------ Landing page ----------------------------- */
.landngpage {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 0;
    /*background-color: rgb(0, 34, 64, 0.8);*/
    width: 50%;
    height: 100%;
    animation-name: slidefromright;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes slidefromright {
    0% {
        transform: translateX(300px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}


.text {
    color: black;
    font-size: 25px;
    font-family: "Montserrat";
    position: absolute;
    /* top: 1%; */
    bottom: 7.5%;
    left: 50%;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    /* letter-spacing: 5px; */
    color: white;
    background: #04335cab;
    /* padding-top: 50px; */
    /* z-index: 3; */
}


.responsive-bar {
    display: none;
}

nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 80px;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 2;
    background: #fff;
}

nav.black {
    background: rgb(0, 73, 135);
    height: 80px;
    padding: 10px 50px;
}

nav .logo {
    float: left;
}


nav .logo img {
    height: 165px;
    margin-top: -45px;
    width: 250px;
}


nav>ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-family: "Montserrat";
    margin-top: -12px;
}

nav>ul>li {
    list-style: none;
    display: inline-block;
}

nav>ul>li>a:hover {
    border-bottom: 1px solid white;
    color: rgb(0, 73, 135);
}

nav>ul>li>a {
    color: rgb(0, 73, 135);
    text-decoration: none;
    text-transform: uppercase;
    /*for capitalisation of letters */
    line-height: 80px;
    padding: 5px 20px;
    font-weight: 700;
    font-size: 12px;

}

/*nav>ul>li>a>button {*/
/*    width:150px;*/
/*    height:40px;*/
/*    color:#fff ;*/
/*    text-decoration: none;*/
/*    text-transform: uppercase;*/
    /*for capitalisation of letters */
/*    font-weight: 700;*/
/*    background:rgb(0, 73, 135);*/
/*    border:1px solid rgb(0, 73, 135);*/
/*    border-radius:5px;*/
/*    margin-left:10px;*/

/*}*/



/* ------------------------ About Us ----------------------------- */
.abusbl {
    width: 100%;
    height: 400px;
    background-color: white;
    overflow: hidden;
}

.upmost8 {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 35px;
    margin-top: 80px;
    text-align: center;
    /*opacity: 0;*/
}

.lefttoright {
    animation-name: leftToRight2;
    animation-duration: 1s;
    animation-timing-function: linear;
    opacity: 0;
    animation-fill-mode: forwards;
}

@keyframes leftToRight2 {
    0% {
        transform: translateX(-200px);
        opacity: 0.2;
    }

    100% {
        transform: translateX(20px);

        opacity: 1;
    }
}


#para8 {
    font-family: 'Montserrat';
    text-align: center;
    font-size: 15px;
    color: black;
    text-align: center;
    margin-top: 50px;
    /*opacity: 0;*/
    padding: 0px 330px 0px 330px;
    line-height: 1.6rem;
}

.righttoleft {
    animation-name: rightToLeft;
    animation-duration: 1s;
    animation-timing-function: linear;
    opacity: 0;
    animation-fill-mode: forwards;
}

@keyframes rightToLeft {
    0% {
        transform: translateX(300px);
        opacity: 0.5;
    }

    100% {
        transform: translateX(-10px);
        opacity: 1;
    }
}

#RM8 {
    color: rgb(241, 116, 54);
    font-family: 'Montserrat';
    text-decoration: none;
    text-align: center;
    align-items: center;
    display: block;
    font-size: 16px;
    margin-top: 10px;
    /*opacity: 0;*/
    /* animation-name: rightToLeft;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-timing-function: linear;
    opacity: 0;
    animation-fill-mode: forwards; */


}

/* ----------------------- Image with counter up----------------------- */
.gridd {
    height: 120vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#fimg {
    height: 760px;
    width: 700px;
    float: left;
    margin-left: 100px;
    object-fit: cover;


}

#section_counter {
    background-color: rgb(255, 255, 255);
    height: 120vh;
    overflow: hidden;
    margin-top: -100px;
    position: relative;
}

.counter-grid {
    padding-top: 0;
    margin-left: 100px;
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(4rem, 1fr));
    width: 100%;
    align-content: space-evenly;
    position: absolute;
}

.counter-item {
    padding-left: 1rem;
    padding-bottom: 2rem;
    text-align: left;
    transition: all 0.5s ease-in-out;
    transform: translateY(6rem);
    padding-right: 0;

}

.counter-img {
    font-size: 23px;
    color: rgb(241, 116, 54);
    font-family: 'Montserrat';
    margin-bottom: 20px;
}

.counter-img:after {
    content: " ";
    height: 1px;
    width: 350px;
    background: green;
    display: block;
    position: absolute;
    bottom: 10%;
}

.counter-item .counter {
    font-size: 2.5rem;
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);

}

.counter,
#plus {
    display: inline;
}

#plus {
    font-size: 2rem;
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
}

.t1 {
    font-size: 2rem;
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);

}

/* --------------------------- Parallax effect ------------------------- */

.p-one {
    background-image: url(./Images/parallax.png)
}

.parallax-inner {
    position: relative;
    min-height: 900px;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.parallax-inner>h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 60px;
    padding-right: 120px;
    position: absolute;
    top: 40%;
    left: 0;
    margin-top: -20.5px;
    width: 100%;
    text-align: right;
}

#sec {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 60px;
    padding-right: 120px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20.5px;
    width: 100%;
    text-align: right;
    color: rgb(241, 116, 54);
}

/* ---------------------------- Collapsible/Accordion --------------------------- */

.collapsible{
    margin-bottom: 100px;
    overflow: hidden;
}

.acc-body {
    display: none;
    background: rgba(255, 255, 255, .8);
   margin-left: 160px;
    width: 80%;
    font-family: 'Montserrat';
}

.crc-chevron {
    -ms-flex-item-align: left;
    -ms-grid-row-align: left;
    align-self: left;
    font-size: 0.5rem;
    max-width: 10%;
    margin-right: 150px;
    margin-top: 20px;
    position: absolute;
    right: 0;
    font-family: 'Montserrat';

   
}

.fa-chevron-down {
    color: black;
    font-size: 25px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    -o-transition: transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in;
    float: right;
    cursor: pointer;
    /* margin-right: 50px; */
}

.acc-head {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-line-pack: center;
    align-content: center;
    cursor: pointer;
    height: 70px;
}

.acc-head {
    width: 100%;
    background: transparent;
    padding: .5rem 1rem;
    margin: .5rem 0 0 .5rem;
}

.collapsible h1 {
    color: #e1b131;
}

.acc-head h2 {
  /* color: rgb(241, 116, 54);
  font-family: 'M-Bol';
  font-size: 20px; */
    background: none;
    width: 100%;
    font-size: 20px;
    font-family: 'Montserrat';
    color: rgb(241, 116, 54);
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    padding-left: 150px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 0.5px solid #979797;
    position: relative;

}

#ad{
    font-family: 'Montserrat';
        color: rgb(0, 73, 135);
        font-size: 30px;
        margin-top: 80px;
        text-align: center;
        margin-bottom: 50px;
}

.acc-body {
    padding: 15px;
    color: black;
}

.collapsible p {
    text-align: left;
}

.crc-close-anim {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
}

.close {
    background-color: transparent;
    border: none;

}

.collapsible button,
.collapsible select {
    text-transform: none;
    transform: scale(1);
}


/* ------------------------------ Major Projects Section ---------------------- */

.majbl {
    width: 100%;
    height: 320px;
    background-color: white;
    overflow: hidden;
    position: relative;
}

#upmost2 {
    
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 35px;
    text-align: center;
    opacity: 0;

    /* animation-name: leftToRight2;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-timing-function: linear;
    opacity: 0;
    animation-fill-mode: forwards; */
}

#para2 {
    font-family: 'Montserrat';
    text-align: center;
    font-size: 15px;
    color: black;
    text-align: center;
    margin-top: 50px;
    opacity: 0;
    /* animation-name: rightToLeft;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-timing-function: linear;
    opacity: 0;
    animation-fill-mode: forwards; */
    line-height: 1.6rem;
    text-align: center;
    padding-left: 200px;
    padding-right: 200px;
}

/* -------------------------- Slider ----------------------------------- */


.gallery {
    position: relative;

}

#gallery-cell1 {
    width: 64%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/p1.png);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell2 {
    width: 63%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/p2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell3 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/aquas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell4 {
    width: 60%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/agi2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell5 {
    width: 58%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/sturdy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell6 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/Artboard1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell7 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/Artboard.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell8 {
    width: 75%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/wipro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell9 {
    width: 58%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/p9.png);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell10 {
    width: 55%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/p10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell11 {
    width: 55%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/p11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell12 {
    width: 64%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/inter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell13 {
    width: 63%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/p13.png);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

/*#gallery-cell14 {*/
/*    width: 58%;*/
/*    height: 500px;*/
/*    margin-right: 60px;*/
/*    background-image: url(./Images/mad1.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    counter-increment: gallery-cell;*/
/*}*/

#gallery-cell15 {
    width: 64%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/p15.png);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell15 {
    width: 55%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell17 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/neosoul1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell18 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/oli1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}


#gallery-cell19 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell20 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
    
}

#gallery-cell21 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/medicover.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell22 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/GNIT.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell23 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/hormann1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell24 {
    width: 74%;
    height: 500px;
    margin-right: 60px;
    background-image: url(./Images/tvs.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}



.banner {
    position: absolute;
    bottom: 0;
    background: rgba(0, 73, 135, 0.8);
    /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 1;
    color: white;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    font-family: 'Montserrat';
}





/* --------------------------- Clients Logos -------------------------------- */


.slider-container {
    height: 150px;
    position: relative;
    width: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    
    
}

.slider-container1 {
    height: 150px;
    position: relative;
    width: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
}






#cli1 {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 35px;
    text-align: center;
    margin-top: 120px;
    margin-bottom: 40px;
    font-weight: 700;
}


.slider-track {
    display: flex;
    width: calc(300px * 24);
    animation: scroll 40s linear infinite;
}

.slider-track:hover {
    animation-play-state: paused;
}

.slider-track-r {
    display: flex;
    width: calc(300px * 24);
    animation: scroll-r 40s linear infinite;
}

.slider-track-r:hover {
    animation-play-state: paused;
}


@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-300px * 8));
    }
}


@keyframes scroll-r {
    100% {
        transform: translateX(0);
    }

    0% {
        transform: translateX(calc(-300px * 8));
    }
}



.slide {
    height: 90px;
    width: 180px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    perspective: 100px;
    margin-right: 100px;

}



.slider-container img {
    width: 100%;
    transition: transform 1s;
}

.slider-container img:hover {
    transform: translateZ(20px);
    cursor: pointer;
}

#cli {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 35px;
    text-align: center;
    margin-top: 120px;
    margin-bottom: -50px;
    font-weight:700;
}

/* ------------------------- Contact Us ----------------------------- */

.container1 {
    margin-top: 50px;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.card {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.left {
    width: 750px;
    border-radius: 5px;
}

.left img {
    width: 100%;
    object-fit: cover;
    margin-left: 20px;
}

.right .contact {
    display: flex;
    gap: 1rem;
    margin-right: 1rem;
}

.form {
    display: flex;
    flex-direction: column;
    padding: 1rem 0 0;
}

.form input,
textarea {
    width: 500px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 0;
    margin: 5px 0;
    font-size: 20px;
    color: black;
    font-family: 'Montserrat';
}

select  {
    width: 500px;
    outline: none;
    background: none;
    border: none;
    border: 1px solid #8f8f8f;
    padding: 14px 0;
    margin: 5px 0;
    font-size: 20px;
    color: #8f8f8f;
    font-family: 'Montserrat';
}

textarea {
    width: 500px;
    outline: none;
    background: none;
    border: none;
    border: 1px solid #8f8f8f;
    padding: 14px 0;
    margin: 5px 0;
    font-size: 20px;
    color: #8f8f8f;
    font-family: 'Montserrat';
}

.usersubmit input {
    background-color: rgb(0, 73, 135);
    color: rgb(0, 0, 0);
    font-weight: bold;
    border: 0.5px solid black;
    padding: 15px;
    margin-bottom: 0;
    cursor: pointer;
    transition: 0.3s;
    font-size: 20px;
    color:#fff;
}

.usersubmit input:hover {
    background-color: rgb(0, 73, 135);
    color: white;
}


#Ctitle {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 35px;
    font-weight:700;
}



/* ------------------------- Footer ----------------------------- */

.footer-distributed {
    background: rgb(0, 73, 135);
    box-sizing: border-box;
    width: 100%;
    height: 85vh;
    text-align: left;
    padding: 55px 50px;
    position: relative;
    overflow: hidden;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
    display: inline-block;
    vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left {
    width: 40%;
        margin: 30px 0 0 0;
}

/* The company logo */

.footer-distributed h3 {
    color: #ffffff;
    font-size: 17px;
    margin: 0;
    font-family: 'Montserrat';
}

#miniad {
    font-size: 15px;
    color: white;
    padding-right: 50px;
    margin-top: 10px;
    font-family: 'Montserrat';
}

#secad {
    font-size: 15px;
    color: white;
    padding-right: 50px;
    margin-top: 20px;
    font-family: 'Montserrat';
}

/* Footer links */

.footer-distributed .footer-links {
    color: #ffffff;
    padding: 0;
    font-size: 18px;
    /*margin-top: 100px;*/
    font-family: 'Montserrat';
    list-style-type: none;
    margin-left:-20px;
}
.footer-distributed .footer-links ul li{
    color: #ffffff;
    padding: 0;
    font-size: 18px;
    margin-top: 100px;
    font-family: 'Montserrat';
}


.footer-distributed .footer-links a {
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
    color: white;
}

.footer-distributed .footer-company-name {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}







/* Footer Right */

.footer-distributed .footer-right {
    width: 40%;
    margin-top: 30px;
    margin-left: 20px;
}

.footer-distributed .footer-company-about {
    line-height: 20px;
    color: #ffffff;
    font-size: 15px;
    margin: 0;
    font-family: 'Montserrat';
}

#contac {
    line-height: 20px;
    color: #ffffff;
    font-size: 15px;
    margin: 0;
    margin-top: 20px;
    font-family: 'Montserrat';
        text-decoration: none;
}

.footer-end{

position: absolute;
    margin-left: 840px;
    margin-top: -320px;
}


/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {
  nav{
        display:none;
    }
    
    .text {
    color: black;
    font-size: 25px;
    font-family: "Montserrat";
    position: absolute;
    /* top: 1%; */
    bottom: 7.5%;
    left: 41%;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    /* letter-spacing: 5px; */
    color: white;
    background: #04335cab;
    /* padding-top: 50px; */
    /* z-index: 3; */
    width: 117%;
}
    
    .gridd2 {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.gridd{
    display:none;
}
  .gridd1 {
        height: 80vh;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-left: -5px;
    }
    
    
    .mobile-container {
  max-width:800px;
  margin: auto;
  background-color: #fff;
  height: 0px;
  color: white;
  border-radius: 10px;
}

.mobile-container img {
  max-width: 240px;
    margin: auto;
     background-color: #fff; 
    height: 200px;
    color: white;
    border-radius: 10px;
    margin-top: -60px;
    margin-left: -45px;
}

.topnav {
        overflow: hidden;
        background-color: #fff;
        position: relative;
        z-index: 2;
        /*border: 2px solid #ddd;*/
        font-family: 'Montserrat';
        
    }

.topnav #myLinks {
  display: none;
          margin-top: 50px;
}

.topnav a {
        color: #000;
        padding: 0px 0px 0px 40px;
        text-decoration: none;
        font-size: 25px;
        display: block;
        margin-top: 5px;
        height: 70px;
        margin-bottom: 5px;
        margin-right: 20px;
        background: #fff;
        font-family: 'Montserrat';
    }

.topnav a.icon {
  background: #fff;
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
}
    
    
    .footer-distributed {
        font: bold 14px sans-serif;
    }

    .footer-distributed .footer-left,
    .footer-distributed .footer-center,
    .footer-distributed .footer-right {
        display: block;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .footer-distributed .footer-center i {
        margin-left: 0;
    }
    
    #contac {
    line-height: 20px;
    color: #ffffff;
    font-size: 15px;
    margin: 0;
    margin-top: 20px;
    font-family: 'Montserrat';
    text-decoration:none;
}
 #contac a {
    line-height: 20px;
    color: #ffffff;
    font-size: 15px;
    margin: 0;
    margin-top: 20px;
    font-family: 'Montserrat';
    text-decoration:none;
}

}

.logs {
    position: absolute;
    width: 400px;
    height: 300px;
    margin-left:-60px;

}

#footlog {
    width: 100%;
    margin-top: -115px;
}

@media only screen and (max-width: 600px) {
    
    
    #upslide {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 30px;
    margin-top: 100px;
    text-align: center;
}
   .grid {
    margin-top: 100px;
    display: grid
;
    grid-template-columns: repeat(auto-fit, 17rem);
    gap: 8rem;
    justify-content: center;
    margin-left: -58px;
}

.solarprod {
    width: 97%;
    height: 235vh;
    position: relative;
    overflow: hidden;
}
    
    .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
    
    #RM8 {
    color: rgb(241, 116, 54);
    font-family: 'Montserrat';
    text-decoration: none;
    text-align: center;
    align-items: center;
    display: block;
    font-size: 16px;
    margin-top: 10px;
    /*opacity: 0;*/
    /* animation-name: rightToLeft;*/
    /*animation-duration: 1s;*/
    /*animation-delay: 2s;*/
    /*animation-timing-function: linear;*/
    /*opacity: 0;*/
    /*animation-fill-mode: forwards; */


}


.upmost8 {
        font-family: 'Montserrat';
        color: rgb(0, 73, 135);
        font-size: 35px;
        margin-top: 30px;
        text-align: center;
        /*opacity: 0;*/
        margin-left: 0px;
        margin-right: 0px;
    }

    
    
    
    
    
    nav{
        display:none;
    }
    
    #contac {
    color: #ffffff;
    text-decoration:none;
   
}
    
    .flickity-page-dots{
        display:none;
    }
    
    
    .slideshow-container {
    max-width: 1600px;
    position: relative;
    margin-top: 90px;
}
    
    .text6 {
    color: #fff;
    font-size: 50px;
    font-family: "Montserrat";
    position: absolute;
    top: 40%;
    left: -70%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
   
.mobile-container {
  max-width: 420px;
  margin: auto;
  background-color: #fff;
  height: 0px;
  color: white;
  border-radius: 10px;
}

.mobile-container img {
  max-width: 240px;
    margin: auto;
     background-color: #fff; 
    height: 200px;
    color: white;
    border-radius: 10px;
    margin-top: -60px;
    margin-left: -45px;
}

.topnav {
        overflow: hidden;
        background-color: #fff;
        position: relative;
        z-index: 2;
        /*border: 2px solid #ddd;*/
        font-family: 'Montserrat';
        
    }

.topnav #myLinks {
  display: none;
          margin-top: 50px;
}

.topnav a {
        color: #000;
        padding: 0px 0px 0px 40px;
        text-decoration: none;
        font-size: 25px;
        display: block;
        margin-top: 5px;
        height: 70px;
        margin-bottom: 5px;
        margin-right: 20px;
        background: #fff;
        font-family: 'Montserrat';
    }

.topnav a.icon {
  background: #fff;
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
}



.vi {
    width: 100%;
     margin-top: 40px; 
  
}

.topnav a:hover {
  background-color: #fff;
  color: black;
}

.active {
  background-color: #fff;
  color: white;
}
    #para8 {
    font-family: 'Montserrat';
    text-align: center;
    font-size: 15px;
    color: black;
    text-align: center;
    margin-top: 8px;
    /*opacity: 0;*/
    padding: 15px 15px 0px 30px;
    line-height: 1.6rem;
}

.container {
    display: flex !important;
    width: 100% !important;
    /* padding: 4% 2%; */
    /* box-sizing: border-box; */
    height: 50vh !important;
    margin-top: 30px !important;
}
    
    
    .text {
    color: black;
    font-size: 10px;
    font-family: "Montserrat";
    position: absolute;
    /* top: 1%; */
    bottom: 1.7%;
    left: 0%;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    /* letter-spacing: 5px; */
    color: white;
    background: #04335cab;
    /* padding-top: 50px; */
    /* z-index: 3; */
}

.text {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 200%;
    text-align: center;
}



.abusbl {
    width: 100%;
    height: 480px;
    background-color: white;
    overflow: hidden;
}


#section_counter {
    background-color: rgb(255, 255, 255);
    height: 120vh;
    overflow: hidden;
    margin-top: -35px;
    position: relative;
}

.landngpage {
    width: 100%;
    height: 50vh;
    position: relative;
    overflow: hidden;
}


#fimg {
    height: 410px;
    width: 100%;
    float: left;
    margin-left: 5px;
    object-fit: cover;
}

.gridd{
    display:none;
}

   .gridd1 {
        height: 55vh;
        width: 103%;
        position: relative;
        overflow: hidden;
        margin-left: -5px;
    }


.gridd2 {
    height: 100vh;
    width: 95%;
    position: relative;
    overflow: hidden;
}


#cli1 {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 35px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
    font-weight: 700;
}


.counter-grid {
    padding-top: 0;
    margin-left: 20px;
    display: grid
;
    grid-template-rows: repeat(auto-fit, minmax(4rem, 1fr));
    width: 100%;
    align-content: space-evenly;
    position: absolute;
}

    .parallax-inner {
        position: relative;
        min-height: 380px;
        background-position: top center;
        background-attachment: fixed;
        background-size: contain;
        width: 102%;
        margin-left: 0px;
    }


.parallax-inner>h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 25px;
    padding-right: 70px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20.5px;
    width: 100%;
    text-align: right;
}


#sec {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 25px;
    padding-right: 139px;
    position: absolute;
    top: 65%;
    left: 0;
    margin-top: -21.5px;
    width: 100%;
    text-align: right;
    color: #fff;
}


.acc-head h2 {
    background: none;
    width: 100%;
    font-size: 15px;
    font-family: 'Montserrat';
    color: rgb(241, 116, 54);
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    padding-left: 14px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 0.5px solid #979797;
    position: relative;
}


.crc-chevron {
    -ms-flex-item-align: left;
    -ms-grid-row-align: left;
    align-self: left;
    font-size: 0.5rem;
    max-width: 10%;
    margin-right: 55px;
    margin-top: 20px;
    position: absolute;
    right: 0;
    font-family: 'Montserrat';
}

.acc-body {
    display: none;
    background: rgba(255, 255, 255, .8);
    margin-left: 23px;
    width: 90%;
    font-family: 'Montserrat';
}


#para2 {
    font-family: 'Montserrat';
    text-align: center;
    font-size: 15px;
    color: black;
    
    margin-top: 15px;
    opacity: 0;
    line-height: 1.6rem;
    
    padding-left: 34px;
    padding-right: 18px;
}


.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
    height:350px !important;
}




#upmost2 {
        font-family: 'Montserrat';
        color: rgb(0, 73, 135);
        font-size: 35px;
        text-align: center;
        opacity: 0;
        margin-left: -45px;
    }


.majbl {
    width: 100%;
    height: 535px;
    background-color: white;
    overflow: hidden;
    position: relative;
}



#gallery-cell1 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/p1.png);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell2 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/p2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell3 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/aquas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell4 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/agi2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}



#gallery-cell5 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/sturdy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}


#gallery-cell6 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/Artboard1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell7 {
    width: 100%;
    height: 302px !important;
    margin-right: 60px;
    background-image: url(./Images/Artboard.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell8 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/wipro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}


#gallery-cell10 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/p10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell11 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/p11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell12 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/inter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell14 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/p14.png);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}


#gallery-cell15 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images//7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell17 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/neosoul1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell18 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/oli1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell24 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/tvs.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
    left: 2022%;
}

#gallery-cell23 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/hormann1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
    left: 1931.33%;
}

#gallery-cell22 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/GNIT.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
    left: 1840.67%;
}

#gallery-cell19 {
    width: 74%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
}

#gallery-cell20 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
    left: 1633.33%!important;
}

#gallery-cell21 {
    width: 100%;
    height: 302px;
    margin-right: 60px;
    background-image: url(./Images/medicover.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    counter-increment: gallery-cell;
    left: 1750%;
}

#Ctitle {
    font-family: 'Montserrat';
    color: rgb(0, 73, 135);
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -50px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25);
    opacity: 0.25;
    cursor: pointer;
}



.card {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    flex-direction: column-reverse;
    margin-top: 50px;
}

.left {
    width: 410px;
    border-radius: 5px;
}

.left img {
    width: 100%;
    object-fit: cover;
    margin-left: 0px;
}


.right {
        width: 380px;
        height: 610px;
        margin-left:30px;
    }
    
    .form {
    display: flex
;
    flex-direction: column;
    padding: 1rem 22px;
}
    
    .container1 {
    margin-top: 200px;
    width: 100%;
    height: 111vh;
    display: flex
;
    align-items: center;
    justify-content: center;
}




.form-container

{
    width:100% !important;
}

.form input, textarea {
    width: 310px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 0;
    margin: 5px 0;
    font-size: 20px;
    color: black;
    font-family: 'Montserrat';
}

select {
    width: 310px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #8f8f8f;
    padding: 14px 0;
    margin: 5px 0;
    font-size: 20px;
    color: #8f8f8f;
    font-family: 'Montserrat';
}


select option {
    width: 310px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #8f8f8f;
    padding: 14px 0;
    margin: 5px 0;
    font-size: 20px;
    color: #8f8f8f;
    font-family: 'Montserrat';
}

textarea {
    width: 310px;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #8f8f8f;
    padding: 14px 0;
    margin: 5px 0;
    font-size: 20px;
    color: #8f8f8f;
    font-family: 'Montserrat';
}

.footer-distributed .footer-left {
    width: 100%;
    margin: 60px 0 0 0;
}

#footlog {
    width: 95%;
    margin-top: -115px;
}


#secad {
    font-size: 15px;
    color: white;
    padding-right: 0px;
    margin-top: 20px;
    font-family: 'Montserrat';
}

.footer-distributed .footer-links a {
    display: inline-block;
    line-height: 30px;
    text-decoration: none;
    color: white;
    font-size: 18px;
    margin-left: -30px;
}


.Social-media {
    display: flex !important;
    justify-content: center !important;
    margin-left: 0px !important;
    margin-top: 30px !important;
    margin-bottom: 120px !important;
    z-index:9 !important;
}

.bg img {
     display:none;
}

.footer-distributed {
    background: rgb(0, 73, 135);
    box-sizing: border-box;
    width: 103%;
    height: 120vh;
    text-align: left;
    padding: 55px 50px;
    position: relative;
    overflow: hidden;
}
    
}


@media only screen and (min-width: 1400px) {
    
    .mobile-container{
        display:none;
    }
    
    .gridd1{
    display:none;
}
 .gridd2{
    display:none;
}
.bg img {
    width: 301px;
    margin-top: -150px;
    opacity: .2;
}

    nav>ul>li>a {
        color: rgb(0, 73, 135);
        text-decoration: none;
        text-transform: uppercase;
        line-height: 80px;
        padding: 5px 20px;
        font-weight: 700;
        font-size: 12px;
    }
    
}

@media only screen and (min-width: 1200px) {
    .parallax-inner {
    position: relative;
    min-height: 900px;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
}
    
    .right .contact

 {
    display: block;
    gap: 1rem;
    margin-right: -3rem;
}
    nav>ul>li>a {
    color: rgb(0, 73, 135);
    text-decoration: none;
    text-transform: uppercase;
    line-height: 80px;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 12px;
}
.left img {
    width: 90%;
    object-fit: cover;
    margin-left: 20px;
}

.counter-grid {
    padding-top: 0;
    margin-left: 20px;
    display: grid
;
    grid-template-rows: repeat(auto-fit, minmax(4rem, 1fr));
    width: 100%;
    align-content: space-evenly;
    position: absolute;
}
.text {
    color: black;
    font-size: 25px;
    font-family: "Montserrat";
    position: absolute;
    /* top: 1%; */
    bottom: 7.5%;
    left: 41%;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    /* letter-spacing: 5px; */
    color: white;
    background: #04335cab;
    /* padding-top: 50px; */
    /* z-index: 3; */
    width: 117%;
}
    
   .mobile-container{
        display:none;
    }
    
    .gridd1{
    display:none;
}
 .gridd2{
    display:none;
}
.bg img {
    width: 301px;
    margin-top: -150px;
    opacity: .2;
}
    
}