@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ruda:wght@400..900&display=swap');

body{
    font-family: "Ruda", serif!important;}


    .top-navigation {
      background: #000;
      padding: 13px 70px;
  }
  .phon-details {
    margin-left: 53px;
}
.technologies-work {
  text-align: left;
}
ul.social-linkss li {
  display: inline-block;
  padding-left: 0;
  list-style: none;
}

ul.social-linkss {
  padding-left: 0;
}
.flip-card-front img {
  width: 380px !important;
}
.phon-details h5 a {
  color: #fff;
}
  p{color:rgba(0, 0, 0, 0.6);}
.menu-bar {
    color: #fff !important;
    float: right;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255)!important;
}

.banner-image {
  background-image: url(../images/banner.webp);
 
}
.content-first {
  padding: 40px;
}
button.carousel-control-prev.testimonialss {
  top: 0%;
}
button.carousel-control-next.testimonialss {
  left: 87%;
  top: 0%;
}
.banner-graphic{
  background-image: url(../images/graphic-banner.webp);
 
}

.contact-details-page .blurb-card span {color:
rgba(102, 102, 102, 1);}


.contact-details-page .blurb-card h5 {color:
rgba(0, 0, 0, 1)!important;}








.porfolio-img {
  position: relative;
 
}

.imageportfolio {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.porfolio-img:hover .imageportfolio {
  opacity: 0.3;
}

.porfolio-img:hover .middle {
  opacity: 1;
}

.portfolio-text {
 
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.porfolio-img:hover {
  position: relative;
  background: rgba(57, 145, 158, 0.6);
}




.banner-fix {
  padding: 350px 185px;
  background-repeat: no-repeat;
  background-size: auto;
}

.banner-about {
  background-image: url(../images/about-banner.webp);
 
}

.banner-portfolio {
  background-image: url(../images/portfolio-baner.webp);
 
}
.banner-contact {
  background-image: url(../images/contact-banner.webp);
 
}

.banner-website {
  background-image: url(../images/website\ banner.webp);
 
}
.banner-service {
  background-image: url(../images/banner-service.webp);
 
}

.banner-mobile {
  background-image: url(../images/mobile-banner.webp);
 
}

.banner-digital {
  background-image: url(../images/digital-banner.webp);
 
}



.banner-content h1 {
    font-family: "Ruda", serif;
    font-size: 60px;
    font-weight: 500;
    line-height: 73.02px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}

.banner-content p {
    font-family: "Ruda", serif;
font-size: 20px;
font-weight: 400;
color:#fff;
line-height: 32px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}


.inner-content2 h3 {
    font-family: Ruda;
    font-size: 23px;
    font-weight: 500;
    line-height: 34.08px;
    text-align: left;
  color:rgba(0, 0, 0, 0.6);
    

}
.heading-flip {
  position: absolute;
  top: 39%;
  color: #fff;
  z-index: 9999;
  text-align: center;
  left: 0;
  right: 0;
}

.heading-flip h3 {
  font-size: 24px;
}
.highlights-section {
  padding: 45px 70px 9px 70px;
}
.inner-content p {
  font-size: 20px;
  font-weight: 400;
  line-height: 32.86px;
  color: rgba(0, 0, 0, 0.6);
}

.map-contact iframe {
  width: 100%;
  height: 500px;
}

.map-contact {
  padding-bottom: 50px;
}

.about-intro {
  padding: 55px 70px;
}
.detail-boxing1 {
  background: #39919ecc;
}
.detail-boxing2 {
  background: #000;
}
.banner-middle-section {
  padding: 50px 0px 0px;
}
.content-area h2{
font-family: Ruda;
font-size: 40px;
margin-top: 30px;
font-weight: 500;
line-height: 48.68px;
color:rgba(0, 0, 0, 1);
}
ul.service-ul li {
  list-style: none;
}
ul.service-ul li span {
  margin-right: 15px;
}
ul.service-ul {
  padding-left: 0px;
  margin-bottom: 10px;
}
.content-area h3{
font-family: Ruda;
font-size: 20px;
font-weight: 400;
line-height: 24.34px;
color:rgba(57, 145, 158, 1);
}
.content-area h3:after {
    content: '';
    display: block;
    position: absolute;
    background: repeating-linear-gradient(0deg, #333, #333 1px, transparent 1px, transparent 2px);
    height: 3px;
    width: 40px;
    left: -50px;
    top: 50%;
    z-index: 2;
  }
.content-area p {
    font-family: Ruda;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.6);
  
}

.side-content p {
    font-family: Ruda;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0px;
}

.call-to-action-details {
    width: 350px;
    background: #fff;
    padding: 20px;
    border-radius: 7px;
}


a {
    color: #39919e;
    text-decoration: none;
}



.tabing-feature {
    width: 100%;
    background: #f8f9fa;
    margin-left: 13px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ccc;
    background: #000;
  }

  .tabing {
    padding: 40px 10px 14px 28px;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    transition: background 0.3s;
    width: 100%;
    height: 100px;
    /* top: 1932px; */
    /* left: 109px; */
    /* gap: 0px; */
    opacity: 0px;
    background: rgba(255, 255, 255, 1);
}

  .tabing:hover {
    background: #e9ecef;
  }
.padd{padding:0px;}
  .tabing.active {
    background: rgba(57, 145, 158, 1);

    color: #fff;
    font-weight: bold;
    
  }
  .content-tabbing {
    padding: 0px 30px;
}
.content {
  width: 100%;
  padding: 0px 0px 0px 0px;
  background: #000;
}

.content img.image-service {
width: 100%;
border-left: 7px solid rgba(57, 145, 158, 1);
height: 500px;
}
.tabing {
  font-family: Ruda;
  font-size: 21px;
  font-weight: 500;
  line-height: 30.43px;
  text-align: left;
}
.user-information {
  padding: 50px 70px 0px 70px;
}
.content p {
font-family: Ruda;
font-size: 16px;
font-weight: 400;
line-height: 32px;
color:rgba(255, 255, 255, 0.6);
}
.content p {
  padding: 20px 0px 8px 0px;
}
.content ul li{
font-family: Ruda;
font-size: 18px;
font-weight: 400;
line-height: 50px;
color:rgba(255, 255, 255, 1);
}

  .content.hidden {
    display: none;
  }

  .content h2 {
    margin-top: 0;
    color: #007bff;
  }

  h3.tab-heading {
    padding: 33px 30px;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin-bottom: 0;
}

  .arrow-box {
    display: flex;
    align-items: center;
    background-color: #4BA3A8; /* teal color */
    color: white;
    font-family: Arial, sans-serif;
    font-size: 18px;
    padding: 10px 20px;
    position: relative;
    max-width: 300px;
  }

  .arrow-box:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid black; /* black arrow */
  }
  .heading-section h2{
  font-family: Ruda;
  font-size: 40px;
  font-weight: 500;
  line-height: 48.68px;
  color:rgba(0, 0, 0, 1);
  text-align: center;
  }
  .heading-section p{
  font-family: Ruda;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
   color:rgba(0, 0, 0, 0.6);
   text-align: center;
}
.heading-section {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.more-details {
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 25px 40px;
    border-collapse: collapse;
}

.more-details p {
   margin-bottom: 0px;
   font-family: Ruda;
font-size: 18px;
font-weight: 400;
line-height: 40px;
color:rgba(0, 0, 0, 1);

}

.more-details h4{
font-family: Ruda;
font-size: 25px;
font-weight: 400;
line-height: 36.51px;
margin-bottom:0px;
color:rgba(57, 145, 158, 1);
}
.more-details:hover {
    background: rgba(57, 145, 158, 1);
}
.more-details:hover h4, .more-details:hover p {
    color: #fff;
}

.services-sections {
    padding: 100px 0px;
}
.brand-insprosoft .heading-section h2,.industries-section .heading-section h2{
    color: #fff;
}

.brand-insprosoft .heading-section p , .industries-section .heading-section p{
    color: rgba(255, 255, 255, 0.6);
}

.brand-img {
    background: rgba(243, 246, 255, 1);
    padding: 30px 25px;
    margin-top: 10px;
    margin-left: 10px;
}
.brand-insprosoft {
  background: rgba(0, 0, 0, 1);
  padding: 70px 70px;
}


.industries-section {
    background: url(../images/industry-bg.png) no-repeat;
    padding: 70px 0px;
}
.industries-inner {
  background: #fff;
  padding: 45px 10px;
  margin-left: 15px;
  min-height: 235px;
  border-radius: 12px;
  text-align: center;
}


.industries-inner h5 {
    margin-top: 15px;
    font-family: Ruda;
font-size: 22px;
font-weight: 400;
line-height: 30.43px;
color:rgba(0, 0, 0, 1);


}
.deploy-style {
  padding: 40px 0px 20px 0px;
  background: #000;
  text-align: center;
  color: #fff;
  margin: 10px;
}

.deploy-style h5 {
    margin-top: 20px;
    font-family: Ruda;
font-size: 25px;
font-weight: 400;
line-height: 30.43px;
color:rgba(255, 255, 255, 1);

}
.our-development-process {
    padding: 70px;
    text-align: center;
}

.faq {
  margin: 0px auto;
  padding: 0px;
  border-radius: 8px;
}
  
  .faq h1 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
  }
  
  .faq-item {
    margin-bottom: 15px;
  }
  
  .faq-question {
    width: 100%;
    text-align: left;
    background: #0D41FF0D;
    border: none;
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
  }
  .frequently-asked-question {
    padding: 70px 0px;
}
  .faq-question:hover {
    background: #e1e1e1;
  }
  
  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0 15px;
    background: #f9f9f9;
    /* border-left: 4px solid #007BFF; */
    margin-top: 0px;
    border-radius: 0px;
}
.carousel-item {
  text-align: center;
}
.card {
  margin: auto;
  background: rgba(13, 65, 255, 0.05);
  border: 0px;
  padding: 40px;
  margin: 0px 10px;
}
.star-rating {
  color: #f39c12; /* Star color */
}
  .faq-answer p {
    margin: 10px 0;
    font-family: Ruda;
font-size: 16px;
font-weight: 400;
line-height: 40px;
color:#00000099;

  }
  
  .faq-question.active + .faq-answer {
    max-height: 100px; /* Adjust based on content */
  }
  
  .icon {
    font-weight: bold;
    font-size: 18px;}
    .rounded-circle {
      border-radius: 10% !important;
  }
    .carousel-control-prev-icon {
      background-image: url('../images/Vector-2.png')  }

      .carousel-control-next-icon {
        background-image: url('../images/Vector.png')  }

        .card p {
          font-family: Ruda;
          font-size: 16px;
          font-weight: 400;
          line-height: 32px;
          text-align: left;
          color: rgba(0, 0, 0, 0.6);
          margin-bottom: 0px;
      }

      .content-testimonial p{text-align: left;}
      .content-testimonial {
        margin-left: 100px !important;
        /* float: right; */
    }
.image-testimonials img{float:left;}



.star-rating {
  color: #f39c12;
  float: right;
  font-size: 25px;
}
.contact-section {
  background: rgba(57, 145, 158, 1);
  padding: 70px 70px;
  margin-top: 0px;
}
.blurb-card {
  border-radius: 8px;
  text-align: left;
  padding: 30px 20px 20px 20px;
}

.blurb-card span{
font-family: Ruda;
font-size: 18px;
font-weight: 400;
line-height: 40px;
text-align: left;
color:rgba(255, 255, 255, 1);

}
.blurb-card a {
  color: #fff;
}

.blurb-card h5{
font-family: Ruda;
font-size: 20px;
font-weight: 500;
line-height: 26.51px;
color:rgba(255, 255, 255, 1)!important;
}
.footer-ul-li ul li a {
  color: #fff;
}

.blurb-icon {
  font-size: 40px;
  color: #0d6efd;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}



.contact-section h2{
font-family: Ruda;
font-size: 40px;
font-weight: 500;
line-height: 48.68px;
text-align: left;
color:rgba(255, 255, 255, 1);
}

.button-form {
  min-height: 60px;
  width: 50%;
}
.contact-section p{
font-family: Ruda;
font-size: 16px;
font-weight: 400;
line-height: 32px;
color:rgba(255, 255, 255, 1);
}
.form-control {
  display: block;
  height: 55px;
  border: 0px;
  color: rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.02);
}

  .form-select {
    height: 55px;
    background: rgba(0, 0, 0, 0.02);
    border: 0px;
    color: rgba(0, 0, 0, 0.2);
}
    textarea.form-control {
      min-height: calc(1.5em +(.75rem + 2px));
      min-height: 220px;
  }

.form-container {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);

  width: 100%;
}
.btn-custom {
  background-color: #2c9ca6;
  color: #fff;
}
.btn-custom:hover {
  background-color: #238f8e;
}

.footer-section {
  background: #000;
  padding: 80px 70px;
}
.footer-ul-li ul li {
  color: rgba(255, 255, 255, 1);
  list-style: none;
  line-height: 35px;
  font-size: 17px;
}
.footer-ul-li ul {
  padding-left: 0px;
}
.footer-ul-li h4 {
  color: #fff;
  padding-bottom: 20px;
}
.footer-link-icon ul li i {
  font-size: 35px;
  color: #fff;
  background: #39919e;
  padding: 11px;
  margin: 6px;
  width: 55px;
  height: 57px;
  text-align: center;
  border-radius: 4px;
}

.inner-content h3 {
  font-family: Ruda;
  font-size: 40px;
  font-weight: 500;
  color:rgba(23, 49, 59, 1);
  line-height: 54.77px;
}
.inner-content h3 span {
font-family: Ruda;
font-size: 22px;
font-weight: 400;
color:rgba(0, 0, 0, 1);
line-height: 26.77px;
}

ul.navbar-nav li {
  padding: 0px 20px;
}



.porfolio-header-section {
  background: rgba(57, 145, 158, 1);
  padding: 35px 59px 35px 176px!important;
}



.portfolio-header {
  color: #006699;
  margin-bottom: 30px;
}
.carousel-item img {
  margin: 0 auto;
  display: block;
}
.carousel-text {  margin: 0 auto;}
.carousel-text h3 {
  margin-top: 20px;
  font-size: 1.8rem;
}
.carousel-text p {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
}

.carousel-item {
  text-align:inherit;
}

.inner-content-porfolio p {
  padding: 7px 0px;
  color: rgba(0, 0, 0, 0.6);
}

.porfolio-header-section {
  background: rgba(57, 145, 158, 1);
}

h2.portfolio-header {
  color: #fff;
  font-size: 45px;
}

.porfolio-header-section p {
  color: #fff;
}

.porfolio-header-section {
  background: rgba(57, 145, 158, 1);
  padding: 25px;
}

h3.portfolio-header {
  font-family: Ruda;
  font-size: 40px;
  font-weight: 500;
  margin-top: 30px;
  color: rgba(0, 0, 0, 1);
}

button.carousel-control-prev {
  top: 100%;
  left: -4%;
}


button.carousel-control-next {
  top: 100%;
  left: 0%;
}

section.portfolio-section {
  padding: 50px 0px;
  margin: 0px 15px;
}
.flip-card-back p {
  color: #fff;
}
.content-area {
  padding-right: 100px;
  padding-top: 30px;
  padding-left: 40px;
}

.team-section {
  text-align: center;
  margin: 50px 0;
}

.team-container {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.scroll-content {
  display: flex;
  transition: transform 0.3s ease-in-out;
  scroll-behavior: smooth;
}

.team-card {
  background-color: #000;
  color: #fff;
  border-radius: 10px;
  width: 250px;
  margin: 0 15px;
  flex-shrink: 0;
  text-align: center;
  padding: 20px;
}

.team-card img {
  width: 100%;
  border-radius: 10px;
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
}

.arrow.left {
  left: 0;
}

.arrow.right {
  right: 0;
}

.mission {
  margin: 0px 110px 20px 50px;
  padding: 10px;
}

.content-mision {
  padding: 40px 10px;
}
section.our-mission {
  background: rgba(13, 65, 255, 0.05);
  margin: 30px 12px 0px;
}
.mission h5{
font-family: Ruda;
font-size: 25px;
font-weight: 500;
line-height: 30.43px;
color:rgba(0, 0, 0, 1);
}


.mission p{
font-family: Ruda;
font-size: 18px;
font-weight: 400;
line-height: 32px;
color:rgba(0, 0, 0, 0.6);
}
.mission-image img {
  width: 100%;
}
.contact-form-contactpage {
  box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.04);
  padding: 30px;
}
.mission:hover {
  box-shadow: 0px 17px 20px 0px rgba(0, 0, 0, 0.05);
}
.text-area-design {
  margin-top: 20px;
}
.subject-class {
  margin-top: 20px;
}

.contact-details-page {
  padding-left: 40px;
}

.contact-section-part {
  padding: 70px 0px;
}


  .testimonialCarousel {
    padding: 70px 50px 70px;
}
button.carousel-control-next.feedbackbtnright {
  left: 87% !important;
  top: 0% !important;
}

button.carousel-control-prev.feedbackbtnleft {
  top: 0%;
  left: -2%;
}


/* Text states (for js) */
.hide {
  opacity: 0;
  top: calc(50% + 8em);
}
.show {
  opacity: 1;
  top: calc(50% + 6em);
}

button.team {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 1em;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  padding: 0em 1em;
  position: absolute;
  left: 11%;
  top: 90%;
  transform: translate3d(-50%, -50%, 1em);
  transition: all 0.4s ease-out;
}
button.team:hover, button.active {
  background: white;
  color: #099;
  outline: none;
}
button.team:focus {
  outline: none;
}
div.team {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: (50% + 4em);
  transform: translate(-50%, -50%);
}

.single-team {
  background: #000;
  padding: 30px;
  border-radius: 20px;
  margin: 0px 10px 0px 10px;
}
.meet-our-team {
  padding: 70px 70px;
  position: relative;
}
div.content-team {
  position: absolute;
  bottom: 0;
}
.show {
  opacity: 1;
  position: absolute;
  left: 280px;
  top: calc(50% + 6em);
}

.hide {
  opacity: 0;
  position: absolute;
  top: calc(50% + 8em);
  bottom: 17%;
}

button#show-element {
  text-align: center;
  position: absolute;
  bottom: 12%;
  background: rgba(57, 145, 158, 1);
  height: 54px;
  border-radius: 100%;
  width: 55px;
  left: 17%;
}
button#show-element i {
  color: #fff !important;
  font-size: 33px;
  font-weight: 500;
}

.designation-section h5 {
  font-size: 25px;
  font-weight: 400;
  line-height: 30.43px;
  color:rgba(255, 255, 255, 1);
 
}

.designation-section p {
  font-size: 18px;
  font-weight: 400;
  line-height: 19px;
  color: rgba(255, 255, 255, 1);
}

.employee-image img {
  width: 100%;
}

.Social-icon-team {
  background: #fff;
}

.Social-icon-team ul li {
  list-style: none;
  display: inline-block;
  padding: 0px;
}
.Social-icon-team ul {
  padding-left: 0px;
  padding-right: 0;
}
.Social-icon-team ul li i {
  font-size: 20px;
  padding: 15px;
  color: rgba(57, 145, 158, 1);
}
.single-team:hover {
  background:  rgba(57, 145, 158, 1);
}
.Call-to-action {
  background: rgba(57, 145, 158, 1);
  padding: 50px 0px;
}

.Call-to-action h2{
font-size: 35px;
font-weight: 500;
line-height: 42.6px;
color:rgba(255, 255, 255, 1);
}
.buttoncta {
  text-align: right;
}

.buttoncta button {
  background: #fff;
  padding: 10px 40px;
  margin-top: 19px;
  font-size: 17.72px;
  font-weight: 700;
  color: rgba(0, 0, 0, 1);
}

.contact-details {
  padding-right: 30px;
}

.contact-sec {
  padding-right: 30px;
}










  .seperate {
    display: inline-block;
    position: relative;
  }
  
  .seperate:before,
 .seperate:after {
    display: block;
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    content: "";
    border-top: solid 30px transparent;
    border-bottom: solid 30px transparent;
  }
 .seperate:before {
    left: -70px;
    border-right: solid 60px rgb(255,150,50);
  }
 .seperate:after {
    right: -70px;
    border-left: solid 60px rgb(255,150,50);
  }

  .dm-flip-card {
  
    position:relative; 
    width : 400px;
    height : 450px;
    background:transparent;
    transform-style: preserve-3d;
    perspective: 2000px;
      
  } 
  
  .dm-front-card {
    
     position:absolute;
     height:100%;
     width:100%;   
     backface-visibility: hidden;
     transition: transform 1s;
  
     background-image:url('http://dmmotionarts.com/wp-content/uploads/2024/02/DMmotionarts-Mayuresh-portfolio-image-1000x1000-1.jpg');
     background-size:cover;
    
       
  }
  
  .flip-card {
    background-color: transparent;
    width: 380px;
    height: 400px;
    margin-top: 30px;
    perspective: 1000px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color: #bbb;
    color: black;
  }
  
  .flip-card-back {
    background-color: #39919E;
    color: white;
    padding: 30px;
    transform: rotateY(180deg);
}
.contact-box-details {
  padding-right: 20px;
}
.middle-content-block h4 {
  font-size: 20px;
}
.blog-sec img {
  width: 100%;
}
.blog-sec {
  margin: 15px;
  padding: 20px;
}

.blog-sec span {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
  line-height: 40px;
}

.blog-sec h3 {
  font-size: 32px;
  margin-top: 20px;
  font-weight: 500;
  line-height: 38.68px;
  color: rgba(0, 0, 0, 1);
}
.blog-sec p {
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}
.middle-content-block p {
  margin-bottom: 12px;
}


.middle-content-block h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.contact-details-page h3{
font-size: 40px;
font-weight: 500;
line-height: 48.68px;
color:rgba(0, 0, 0, 1);
}
.contact-details-page p{
font-size: 20px;
font-weight: 400;
line-height: 32px;
color:rgba(0, 0, 0, 0.6);
}




.blog-first-section h2 {
  font-size: 45px;
  line-height: 52px;
}

.blog-first-section {
  padding: 30px 0px;
}

.blog-inner-page {
  padding: 70px 0px;
}
.blog-page-side-image img {
  border-radius: 10px;
}

.blog-first-section p {
  font-size: 18px;
  padding-top: 10px;
  line-height: 1.7rem;
  color:rgba(0, 0, 0, 0.6);
}
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
  margin-bottom:1rem;
}

.navbar .dropdown-menu {
 border:none;
 background-color:#0060c8!important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
 
 /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
 padding-top:0px;
 padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
 padding:.5rem .5rem;
 margin:0 .25rem;
}

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
 width:100%;
 left:0;
 right:0;
/*  height of nav-item  */
 top:45px;
 
 display:block;
 visibility: hidden;
 opacity: 0;
 transition: visibility 0s, opacity 0.3s linear;
 
}
 


 
 /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
 display:block;
 visibility: visible;
 opacity: 1;
 transition: visibility 0s, opacity 0.3s linear;
}
 
 .navbar .dropdown-menu {
   border: 1px solid rgba(0,0,0,.15);
   background-color: #fff;
 }

}


@media screen and (max-width: 758px) {
  section.portfolio-section {
    padding: 50px 0px 90px;
}

.mission {
  margin: 0px 0px 20px 0px;
  padding: 10px;
}
.mission p {
  font-size: 15px;
  line-height: 24px;
}

  .logo-img img {
    width: 100%;
}
.contact-details-page {
  padding-left: 5px;
  margin-top: 25px;
}


.contact-details-page h3 {
  font-size: 30px;
  line-height: 44.68px;
 }
 .contact-details-page p {
  font-size: 16px;
  line-height: 26px;
}
.inner-content {
  float: left!important;
}

.top-navigation {
  padding: 20px 15px;
}

.highlights-section {
  padding: 25px 10px 25px 10px;
}

.inner-content2 h3 {
  font-size: 18px;
 
}

.inner-content h3 span {
  font-size: 18px;
 
}


.heading-section {
  width: 100%;
 
}
.banner-image {
padding: 78px 24px;
background-position-x: right;
}
.banner-content h1 {
font-size: 32px;
line-height: 46.02px;
}
.banner-content p {
font-size: 16px;
line-height: 27px;
}



.inner-content h3 {
font-size: 21px;
line-height: 25.77px;

}
.content-area {
  padding-right: 0px;
  padding-top: 15px;
  padding-left: 0px;
}

.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .55);
border-color: rgba(0, 0, 0, .1);
background: #39919e;
}

.inner-content p {
  font-size: 14px!important;
  line-height: 20.86px;
}
.side-content p {
  font-size: 15px;}
.side-content span {
  font-size: 15px;
}
.inner-content {
padding: 10px 0px;
}

.inner-content2 {
margin-bottom: 30px;
}

.about-intro {
padding: 20px 15px;
}
.content-area {
  margin: 10px 0px 0px 0px;
}

.content-area h2 {
font-size: 25px;
margin-top: 11px;
line-height: 35.68px;

}

.call-to-action-details {
width: 100%;
}

.heading-section h2 {
  font-size: 25px;
  line-height: 32.68px;
}

.services-sections {
  padding: 50px 15px;
}
.content img.image-service {
  padding: 0px 15px;
}

.heading-section p {
  font-size: 15px;
 line-height: 24px;
 
}
.tabing {
  font-size: 17px;
 line-height: 30.43px;

}
.tabing-feature {
width: 100%;
margin-left: 0px;}


.tabing {
  padding: 16px 10px 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  height: 60px;
}
h3.tab-heading {
  padding: 20px 30px;
  font-size: 20px;
}
.content p {
  font-size: 15px;
 line-height: 26px;

}
.user-information {
  padding: 0px 15px 40px 15px;
}
.industries-section {
background-repeat: repeat;
}
.brand-img img {
width: 100%;
}


.industries-inner {
padding: 59px 10px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
min-height:auto;

}

.heading-section {
margin-bottom: 20px!important;
}
.porfolio-header-section {
  padding: 35px 15px 35px 15px !important;
}
h2.portfolio-header {
  font-size: 25px;
  margin-bottom: 10px;
}
.our-development-process {
padding: 30px 15px;
text-align: center;
}
h3.portfolio-header {
  font-size: 25px;
  margin-top: 20px;
 
}
p{font-size:15px;}
.porfolio-header-section p {
  font-size: 15px;
}
.deploy-style {
margin-top: 10px;
}
.inner-content-porfolio p {
  padding: 0px 0px;
}
button.carousel-control-next {
  top: 100%;
  left: 20%;
}
.frequently-asked-question {
  padding: 30px 0px;
}
button.carousel-control-prev {
  top: 100%;
  left: 6%;
}
.testimonialCarousel {
  padding: 30px 15px 60px;
}
.card {
  margin: 10px 10px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 35px;
  height: 25px;

}
.brand-insprosoft {
  background: rgba(0, 0, 0, 1);
  padding: 30px 15px;
}
button.carousel-control-prev.testimonialss {
  top: 0%;
  left: 0%;
}

.content ul li {
  font-size: 15px;
  font-weight: 400;
  line-height: 36px;
}
.industries-section {
  padding: 30px 0px;
}
.content p {
padding: 10px 0px 0px 0px;
}

.content img.image-service {
  border-left: 0px solid rgba(57, 145, 158, 1);
height: 100%;
}

.contact-section {
  padding: 40px 15px;
}

.contact-section h2 {
  font-size: 30px;
 line-height: 36.68px;

}

.contact-section p {
  font-size: 15px;
 line-height: 26px;
 
}

.form-container {
  padding: 25px 15px;

}

.form-control {
  height: 45px;
  margin: 10px 0px;

}

.form-select {
  height: 45px;
  
}

textarea.form-control {
  min-height: calc(1.5em +(.75rem + 2px));
  min-height: 120px;
}

.button-form {
  min-height: 45px;
  width: 45%;
}

.footer-section {
  background: #000;
  padding: 40px 15px;
}

.footer-ul-li ul li {
  line-height: 26px;
  font-size: 12px;
}
.footer-ul-li h4 {
  color: #fff;
  padding-bottom: 0px;
}
.footer-ul-li ul {
  padding-left: 0px;
  padding-right: 0px;
}
.footer-link-icon ul li {
  display: inline-block;
}
.footer-link-icon ul {
  padding: 0px 0px;
}


.footer-link-icon ul li i {
  font-size: 22px;
 width: 45px;
  height: 45px;
}
.blog-sec h3 {
  font-size: 25px;
  font-weight: 500;
  line-height: 30.68px;
  color: rgba(0, 0, 0, 1);
}

.Call-to-action h2 {
  font-size: 30px;
}
.blog-sec {
  margin: 15px;
  padding: 20px 0px;
}
}


.call-to-action-details {
  width: 350px;
  background: #fff;
  box-shadow: 1px 0px 7px 1px #cccccc52;
  padding: 20px;
  border-radius: 7px;
}

.detail-boxing2 {
  background: #000000a6;
  padding: 20px;
  margin: 15px 0px;
  border-radius: 3px;
  border-bottom: 5px solid #39919e;
}

.detail-boxing2:hover {background-color: #000; border-bottom: 5px solid #39919ecc; }
.detail-boxing1 p{color:#fff;}
.detail-boxing1 {
  padding: 20px;
  margin: 15px 0px;
  border-radius: 3px;
  border-bottom: 5px solid #000000a6;
}
.detail-boxing1 h4, .detail-boxing2 h4 {
  color: #fff;
  font-weight: 700;
  margin-top: 10px;
}
.detail-boxing1,.detail-boxing2 p {
  color: #fff;
}

.detail-boxing1:hover {
  background: #2f909f;
  
  border-bottom: 5px solid #000;

}


.portfolio-sections {
  margin-top: 30px;
}
.btn-custom:hover {
  color: #fff;
}

@media screen and (min-width: 760px)and (max-width: 1000px){

  .blog-sec h3 {
    font-size: 23px;
    line-height: 35.68px;

}

.blog-sec {
  margin: 15px;
  padding: 20px 0px;
}
.Call-to-action h2 {
  font-size: 30px;
  
}
  .banner-fix {
    padding: 60px 30px;
    background-size: cover;
}
.banner-content h1 {
  font-size: 35px;
  line-height: 50.02px;
  text-align: center;
}
.banner-content p {
  font-size: 18px;
  font-weight: 400;
 line-height: 25px;
text-align: center;
}
.highlights-section {
  padding: 28px 0px 20px 0px;
}
.inner-content2 h3 {
  font-size: 12px;
  line-height: 30.08px;
}
.inner-content h3 {
  font-size: 15px;
  font-weight: 500;
 line-height: 26.77px;
}
.inner-content h3 span {
  font-size: 15px;

}
.content-area {
  padding-right: 0px;
  padding-top: 0px;
  padding-left: 15px;
}
.about-intro {
  padding: 10px 0px;
}

.content-area h2 {
  font-size: 25px;
  margin-top: 4px;
 line-height: 30.68px;
 
}
.content-area h3 {
  font-size: 20px;
 line-height: 14.34px;
 
}
.inner-content p {
  font-size: 9px;
  line-height: 18.86px;
}
.inner-content2 span img {
  width: 35%;
}

.content-area p {
  font-size: 15px;
 line-height: 23px;

}
.call-to-action-details {
  width: 100%;
  padding: 15px;

}
.side-content {
  font-size: 15px !important;
}
span.triangle-design {
  display: none;
}
.heading-section {
  width: 100%;
  margin-bottom: 40px;
}
.content img.image-service {
  padding: 0px 12px;
}

.heading-section h2 {
  font-size: 30px;
 line-height: 38.68px;
 
}

.services-sections {
  padding: 50px 0px;
}

.tabing {
  padding: 20px 10px 14px 28px;
  height: 65px;
  font-size: 17px;
}

h3.tab-heading {
  padding: 20px 30px;
font-size: 20px;
}


.content p {
  padding: 10px 0px 8px 0px;
}

.content ul li {
  font-size: 15px;
line-height: 35px;
}

.content img.image-service {
  width: 100%;
  border-left: 0px solid rgba(57, 145, 158, 1);
}
.more-details {
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 15px 15px;
  border-collapse: collapse;
}


.user-information {
  padding: 50px 15px 0px 15px;
}

.more-details {
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 15px 5px;
  border-collapse: collapse;
}
.more-details p {
  font-size: 13px;
  line-height: 29px;
}


.porfolio-header-section {
  padding: 35px 30px 35px 30px !important;
}

h3.portfolio-header {
  font-size: 29px;
  margin-top: 30px;
}

.inner-content-porfolio p {
  padding-right: 30px;
  font-size: 14px;
}


button.carousel-control-next {
  top: 103%;
  left: 10%;
}
button.carousel-control-prev {
  top: 103%;
  left: 3%;
}


.brand-insprosoft {
  background: rgba(0, 0, 0, 1);
  padding: 70px 0px;
}

.brand-img img {
  width: 100%;
}

.displaytab {
  display: none;
}

.industries-inner img {
  width: auto;
}
.industries-inner {
  padding: 16px 10px;
  margin-left: 15px;
  min-height: 175px;
  border-radius: 12px;
  text-align: center;
}

.margin-top15 {
  margin-top: 25px;
}
.our-development-process {
  padding: 25px 0px;
  text-align: center;
}

.card {
  margin: 16px 10px;
}


.contact-section {
  padding: 30px 30px;

}

.contact-section h2 {
  font-size: 35px;
line-height: 40.68px;
 
}

.footer-section {
  background: #000;
  padding: 40px 1px;
}
.footer-link-icon ul li {
  display: inline-block;
}
.footer-ul-li ul li {
  color: rgba(255, 255, 255, 1);
  list-style: none;
  line-height: 32px;
  font-size: 15px;
}
.footer-link-icon ul {
  padding: 0;
}
}
.custom-dropdown {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.navbar .dropdown-menu {
  border: none;
  background-color: #000000 !important;
}

.dropdown-item {
  color: #fff;}
@media screen and (min-width: 1001px)and (max-width: 1200px){
  .top-navigation {
    padding: 13px 15px;
}
ul.navbar-nav {
  margin-left: 0px !important;
}
.content img.image-service {
  padding: 0px 12px;
}
span.triangle-design {
  display: none;
}
.inner-content {
  padding: 0px 10px;
}
ul.navbar-nav li {
  padding: 0px 10px;
}
  .banner-fix {
    padding: 60px 30px;
    background-size: cover;
}
.banner-content h1 {
  font-size: 35px;
  line-height: 50.02px;
  text-align: center;
}
.banner-content p {
  font-size: 18px;
  font-weight: 400;
 line-height: 25px;
text-align: center;
}
.highlights-section {
  padding: 28px 0px 20px 0px;
}
.inner-content2 h3 {
  font-size: 15px;
  line-height: 30.08px;
}
.inner-content h3 {
  font-size: 15px;
  font-weight: 500;
 line-height: 26.77px;
}
.inner-content h3 span {
  font-size: 15px;

}
.content-area {
  padding-right: 0px;
  padding-top: 0px;
  padding-left: 15px;
}
.about-intro {
  padding: 10px 0px;
}

.content-area h2 {
  font-size: 25px;
  margin-top: 4px;
 line-height: 30.68px;
 
}
.content-area h3 {
  font-size: 20px;
 line-height: 14.34px;
 
}
.inner-content p {
  font-size: 15px;
 
  line-height: 18.86px;

}
.inner-content2 span img {
  width: 35%;
}

.content-area p {
  font-size: 15px;
 line-height: 23px;

}
.call-to-action-details {
  width: 100%;
  padding: 15px;

}
.side-content {
  font-size: 15px !important;
}

.heading-section {
  width: 100%;
  margin-bottom: 40px;
}


.heading-section h2 {
  font-size: 30px;
 line-height: 38.68px;
 
}

.services-sections {
  padding: 50px 0px;
}



h3.tab-heading {
  padding: 20px 30px;
font-size: 20px;
}


.content p {
  padding: 10px 0px 8px 0px;
}

.content ul li {
  font-size: 15px;
line-height: 35px;
}

.content img.image-service {
  width: 100%;
  border-left: 0px solid rgba(57, 145, 158, 1);
}
.more-details {
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 15px 15px;
  border-collapse: collapse;
}


.user-information {
  padding: 50px 15px 0px 15px;
}
.more-details {
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 15px 5px;
  border-collapse: collapse;
}
.more-details p {
  font-size: 13px;
  line-height: 29px;
}


.porfolio-header-section {
  padding: 35px 30px 35px 30px !important;
}

h3.portfolio-header {
  font-size: 29px;
  margin-top: 30px;
}

.inner-content-porfolio p {
  padding-right: 30px;
  font-size: 14px;
}


button.carousel-control-next {
  top: 103%;
  left: 10%;
}
button.carousel-control-prev {
  top: 103%;
  left: 3%;
}


.brand-insprosoft {
  background: rgba(0, 0, 0, 1);
  padding: 70px 0px;
}

.brand-img img {
  width: 100%;
}


.industries-inner img {
  width: auto;
}
.industries-inner {
  padding: 16px 10px;
  margin-left: 15px;
  min-height: 175px;
  border-radius: 12px;
  text-align: center;
}


.our-development-process {
  padding: 25px 0px;
  text-align: center;
}

.card {
  margin: 16px 10px;
}


.contact-section {
  padding: 30px 30px;

}

.contact-section h2 {
  font-size: 35px;
line-height: 40.68px;
 
}

.footer-section {
  background: #000;
  padding: 40px 1px;
}
.footer-link-icon ul li {
  display: inline-block;
}
.footer-ul-li ul li {
  color: rgba(255, 255, 255, 1);
  list-style: none;
  line-height: 32px;
  font-size: 15px;
}
.footer-link-icon ul {
  padding: 0;
}

.blurb-card h5 {
  font-size: 18px;

}


.footer-link-icon ul li i {
  font-size: 18px;
 padding: 9px;
  margin: 4px;
  width: 35px;
  height: 40px;

}









}




@media screen and (min-width: 1201px)and (max-width: 1400px){
  ul.navbar-nav {
    margin-left: 50px !important;
}
.detail-boxing2{min-height:250px;}
.detail-boxing1{
  min-height: 250px;
}
  .top-navigation {
    padding: 13px 15px;
}
.inner-content {
  padding: 0px 10px;
}
ul.navbar-nav li {
  padding: 0px 10px;
}
.banner-fix {
  padding: 219px 97px;
  background-size: 100% auto;
}
.banner-content h1 {
  font-size: 35px;
  line-height: 50.02px;
}
.banner-content p {
  font-size: 18px;
  font-weight: 400;
 line-height: 25px;
}
.highlights-section {
  padding: 28px 0px 20px 0px;
}
.inner-content2 h3 {
  font-size: 15px;
  line-height: 30.08px;
}
.inner-content h3 {
  font-size: 15px;
  font-weight: 500;
 line-height: 26.77px;
}
.inner-content h3 span {
  font-size: 15px;

}
.content-area {
  padding-right: 0px;
  padding-top: 0px;
  padding-left: 15px;
}
.about-intro {
  padding: 50px 0px;
}

.content-area h2 {
  font-size: 25px;
  margin-top: 4px;
 line-height: 30.68px;
 
}
.content-area h3 {
  font-size: 20px;
 line-height: 14.34px;
 
}
.inner-content p {
  font-size: 15px;
 
  line-height: 18.86px;

}
.inner-content2 span img {
  width: 35%;
}

.content-area p {
  font-size: 15px;
 line-height: 23px;

}
.call-to-action-details {
  width: 100%;
  padding: 15px;

}
.side-content {
  font-size: 15px !important;
}

.heading-section {
  width: 100%;
  margin-bottom: 40px;
}


.heading-section h2 {
  font-size: 30px;
 line-height: 38.68px;
 
}

.services-sections {
  padding: 50px 0px;
}



h3.tab-heading {
  padding: 38px 38px;
  font-size: 20px;
}
.technologies-work {
  text-align: left;
}

.content p {
  padding: 10px 0px 8px 0px;
}

.content ul li {
  font-size: 15px;
line-height: 35px;
}

.content img.image-service {
  width: 100%;
  border-left: 0px solid rgba(57, 145, 158, 1);
}
.more-details {
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 15px 15px;
  border-collapse: collapse;
}


.user-information {
  padding: 50px 0px 0px 0px;
}

.more-details {
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 15px 5px;
  border-collapse: collapse;
}
.more-details p {
  font-size: 13px;
  line-height: 29px;
}


.porfolio-header-section {
  padding: 35px 30px 35px 30px !important;
}

h3.portfolio-header {
  font-size: 29px;
  margin-top: 30px;
}

.inner-content-porfolio p {
  padding-right: 30px;
  font-size: 14px;
}


button.carousel-control-next {
  top: 103%;
  left: 10%;
}
button.carousel-control-prev {
  top: 103%;
  left: 3%;
}


.brand-insprosoft {
  background: rgba(0, 0, 0, 1);
  padding: 70px 0px;
}

.brand-img img {
  width: 100%;
}


.industries-inner img {
  width: auto;
}
.industries-inner {
  padding: 16px 10px;
  margin-left: 15px;
  min-height: 175px;
  border-radius: 12px;
  text-align: center;
}


.our-development-process {
  padding: 25px 0px;
  text-align: center;
}

.card {
  margin: 16px 10px;
}


.contact-section {
  padding: 30px 30px;

}

.contact-section h2 {
  font-size: 35px;
line-height: 40.68px;
 
}

.footer-section {
  background: #000;
  padding: 40px 1px;
}
.footer-link-icon ul li {
  display: inline-block;
}
.footer-ul-li ul li {
  color: rgba(255, 255, 255, 1);
  list-style: none;
  line-height: 32px;
  font-size: 15px;
}
.footer-link-icon ul {
  padding: 0;
}

.blurb-card h5 {
  font-size: 18px;

}


.footer-link-icon ul li i {
  font-size: 18px;
 padding: 9px;
  margin: 4px;
  width: 35px;
  height: 40px;

}









}




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


  .content-area h2 {
    font-size: 24px;
  
}

.side-content p {
  font-size: 14px;
}


.side-content span {
  font-size: 13px;
}

.content ul li {
  font-size: 14px;
  
}

.card {
  padding: 20px;
}

.card p {
  font-size: 14px;
  line-height: 25px;
 
}

section.portfolio-section {
  padding: 50px 15px 90px;
}
button.carousel-control-prev {
  top: 104% !important;
  left: 30%;
}

button.carousel-control-next {
  top: 104% !important;
  left: 50%;
}

.blurb-card {
  padding: 30px 5px 20px 5px;
}

.blurb-card h5 {
  font-size: 12px;
  line-height: 15.51px;

}


.button-form {
  min-height: 50px;
  width: 55%;
}

    .footer-ul-li ul li {
        line-height: 22px;
        font-size: 10px;
    }

    .footer-link-icon ul li {
      display: block;
      text-align: center;
  }

  .banner-fix {
    padding: 60px 30px;
    background-repeat: no-repeat;
    background-size: cover;
}







}


@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1560px;
  }
}

ul.navbar-nav {
  margin-left: 445px !important;
}
li.nav-item.contact-design {
  background: rgba(57, 145, 158, 1);
  padding: 5px 25px;
  color: #fff !important;
  border-radius: 3px;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgb(255 255 255);
}

ul.navbar-nav li {
  padding: 0px 35px;
}
  /* Custom animation for navbar */
  #navbarNav {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    opacity: 0;
}

#navbarNav.open {
    max-height: 500px; /* Adjust based on content height */
    opacity: 1;
}

/* Remove overflow hidden for large screens */
@media (min-width: 768px) {
    #navbarNav {
        overflow: visible;
        opacity: 1;
    }
}

@media (min-width: 768px) { 
  .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; 
   }
  }
  @media (max-width: 767px) { 
  .dropdown:hover .dropdown-menu{
      display: none;
      margin-top: auto; }

      ul.navbar-nav {
        margin-left: 50px !important;
    }

    span.triangle-design {
      display: none;
  }
  .banner-fix {
    padding: 50px 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
button#show-element {
  left: 45%;
}

.flip-card {
  margin-left: auto;
  margin-right: auto;
}


  }



  #triangle {
    background-color: #39919e;
    clip-path: polygon(0 0, 50% 50%, 0 100%);;
    width: 100px;
    height: 100px;
  }
  span.triangle-design {
    margin-left: 10px;
    width: 12%;
    float: left;
}
.nav-link {
    padding: 1.5rem 1rem!important;}
    .contact-design.nav-link {
    padding: 0.5rem 1rem !important;
}
@media screen and (min-width: 1001px)and (max-width: 1200px){
  .designation-section h5 {
    font-size: 15px;
    line-height: 16.43px;
    
}

.designation-section p {
  font-size: 12px;
  line-height: 12px;
}

.single-team {
  padding: 30px 10px;
}

button#show-element {
  bottom: 15%;
  height: 45px;
  width: 45px;
  left: 15%;
}



.flip-card-front img {
  width: 230px !important;
}
.flip-card {
  width: 230px;
 
}

.heading-flip h3 {
  font-size: 18px;
}
.flip-card-back h3 {
  font-size: 18px;
}

.flip-card-back p {
  font-size: 15px;
}
  ul.navbar-nav {
    margin-left: 0px !important;
}
ul.navbar-nav li {
  padding: 0px 20px;
}
.navbar-nav .nav-link {
  font-size: 12px;
}

button.carousel-control-prev.testimonialss {
  top: 0%;
  left: -7%;
}

button.carousel-control-next.testimonialss {
  left: 91%;
  top: 0%;
}

.mission {
  margin: 0px 10px 10px 10px;
  padding: 10px;
}
}

.dropdown-item {
    color: #fff;
    font-size: 11px;
}

@media screen and (min-width: 1201px)and (max-width: 1400px){

  .mission {
    margin: 0px 10px 10px 10px;
    padding: 10px;
}

  ul.navbar-nav {
    margin-left: 70px !important;
}

ul.navbar-nav li {
  padding: 0px 25px;


  
}

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 80%!important
;
    }
button.carousel-control-prev.testimonialss {
  top: 0%;
  left: -7%;
}

button.carousel-control-next.testimonialss {
  left: 91%;
  top: 0%;
}


.flip-card-front img {
  width: 250px !important;
}
.flip-card {
  width: 250px;
 
}

.heading-flip h3 {
  font-size: 18px;
}
.flip-card-back h3 {
  font-size: 18px;
}

.flip-card-back p {
  font-size: 15px;
}












}


@media screen and (min-width: 800px)and (max-width: 1000px){
  button#show-element {
    left: 28%;
    height: 40px;
    width: 40px;
    bottom: 20%;
}

.meet-our-team {
  padding: 70px 15px;
  position: relative;
}

.designation-section h5 {
  font-size: 17px;
  line-height: 17.43px;
}
.designation-section p {
  font-size: 14px;
  line-height: 14px;
}







  #navbarNav {
    overflow: hidden;
    opacity: 1;
}
 
.dropdown:hover .dropdown-menu{
  display: none;
  margin-top: auto; }
  
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; 
}
button.carousel-control-prev.testimonialss {
  top: 0%;
  left: -9%;
}
.mission {
  margin: 0px 10px 10px 10px;
  padding: 10px;
}
button.carousel-control-next.testimonialss {
  left: 91%;
  top: 0%;
}

}


@media screen and (min-width: 1401px)and (max-width: 1600px){
  button.carousel-control-prev.testimonialss {
    top: 0%;
    left: -9%;
  }
  ul.navbar-nav {
    margin-left: 100px !important;
}
  button.carousel-control-next.testimonialss {
    left: 91%;
    top: 0%;
  }
  
  }

  @media screen and (min-width: 700px)and (max-width: 900px){

    #navbarNav {
      overflow: hidden;
      opacity: 1;
  }
   
  .dropdown:hover .dropdown-menu{
    display: none;
    margin-top: auto; }
    
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
  }
  button.carousel-control-prev.testimonialss {
    top: 0%;
    left: -9%;
}
button.carousel-control-next.testimonialss {
  left: 94%;
  top: 0%;
}


  }


  @media screen and (min-width: 1501px)and (max-width: 1600px){
  ul.navbar-nav {
    margin-left: 250px !important;
}

.banner-fix {
  padding: 239px 100px;
  background-repeat: no-repeat;
  background-size: cover;
}
}


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute;
      top: 120%;
  }
} 
.dropdown-menu.custom-dropdown h4 {
    font-size: 18px;
}
@media (min-width: 1500px) {
    .navbar .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        top: 75px!important;}
      
      .dropdown-item {
    color: #fff;
    font-size: 16px;
}
      
     .dropdown-menu.custom-dropdown h4 {
    font-size: 22px;
} 
      
      }