:root {
  --darkGrayColor: #717171;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family:'Montserrat',sans-serif;
}
p {
  font-size: 15px;
  color: #585858;
}

ul {
  margin: 0;
  padding: 0;
}
:root {
  --bgGray: #b1b3b3;
  --bgBlue: #10069f;
  --bgVoilet: #9e007e;
  --bgWhite: #ffffff;
  --paraColor: #555555;
  --lightColor: #dbdbdb;
}

header .navbar {
  background: linear-gradient(45deg, var(--bgBlue), var(--bgVoilet));
}

.heading2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 20px;
  color:#9E007E;
}

ul.common-list-none {
  margin: 0px;
  padding: 0px;
}

ul.common-list-none li {
  list-style: none;
}

ul.common-list {
  margin: 0px;
  padding: 0px;
}

ul.common-list li {
  line-height: 25px;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  color: #585858;
}

ul.common-list li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--darkGrayColor);
}

ol.common-order-list {
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
}

ol.common-order-list li {
  line-height: 25px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0;
  position: relative;
}

.our-services .heading2,
.team-section .heading2,
.testimonial-section .heading2 {
  margin-bottom: 40px !important;
}

header .navbar .navbar-brand img {
  width: 55px;
}
header .navbar .contact-info .contact-list {
  margin: 0;
  padding: 0;
}
header .navbar .contact-info .contact-list {
  gap: 7px;
}
header .navbar .contact-info .contact-list li a {
  text-decoration: none;
  color: var(--bgWhite);
}
header .navbar .contact-info .contact-list li a svg {
  color: var(--bgWhite);
}

header .navbar .navbar-nav .nav-item a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: var(--bgWhite);
}

.about-section {
  overflow: hidden;
  background: var(--bgVoilet);
}
.about-section .col-lg-7 {
  padding-right: 0;
}
.about-section .col-lg-5 {
  padding-left: 0;
}
.about-section .about-info {
  color: var(--bgWhite);
  padding: 15px 0 48px 0;
  position: relative;
  min-height: 420px;
}
.about-section .about-info::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 60px;
  height: 60px;
  background: var(--bgWhite);
  clip-path: polygon(100% 0, 100% 100%, 0 0);
}

.about-section .about-img {
  position: relative;
}
.about-section .about-img::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 60px;
  height: 60px;
  background: var(--bgWhite);
  clip-path: polygon(100% 0, 0 100%, 0 0);
  border: var(--bgWhite);
}

.about-section .about-info p {
  color: var(--bgWhite);
}

.about-section .about-info .btn-custom {
  background: var(--bgGray);
  color: var(--bgVoilet);
  font-weight: 700;
}
.about-section .about-info .btn-custom:hover {
  background: #fff;
}

.our-services {
  padding: 50px 0px;
}
.our-services .services-head {
  width: 75%;
}
.our-services .services-head h2 {
  text-transform: uppercase;
  color: var(--bgVoilet);
  margin-bottom: 12px;
}
.our-services .service-info {
  border: 1px solid #ebebeb;
  box-shadow: rgb(0 0 0 / 3%) 0px 5px 15px;
  border-bottom: 3px solid var(--bgBlue);
  transition: ease-in-out 0.5s;
  display: block;
  text-decoration: none;
  min-height: 320px;
  position: relative;
}

.our-services .service-info .read-more{
  color: var(--bgBlue);
  font-weight: bold;
  position: absolute;
  bottom: 20px; 
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.our-services .service-info .read-more svg{
  font-size: 12px;
  margin-left: 2px;
}

.our-services .service-info h5 {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.our-services .service-info:hover {
  background: var(--bgVoilet);
  border-bottom: 3px solid var(--bgVoilet);
  transform: translateY(-4px);
}
.our-services .service-info:hover h5,
.our-services .service-info:hover p,
.our-services .service-info:hover .read-more
 {
  color: var(--bgWhite);
}

.our-services .service-info:hover .s1,
.our-services .service-info:hover .s2,
.our-services .service-info:hover .s3,
.our-services .service-info:hover .s4 {
  filter: brightness(0) invert(1);
}

.our-services .service-info img {
  width: 65px;
}
.our-services .service-info .para {
  font-size: 12px;
  color: var(--bgGray);
}

.team-section h2 {
  text-transform: uppercase;
  color: var(--bgVoilet);
}

.team-section .col-md-4 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.team-section .team-info {
  text-align: center;
  transition: ease-in-out 0.5s;
  border: 1px solid #ccc;
  background: #fff;
  margin-bottom: 10px;
}

.team-section .team-info:hover {
  transform: scale(1.05);
}
.team-section .team-info h5 {
  margin-bottom: 0;
}
.team-section h2,
.testimonial-section h2,
.blog-section .blog-head {
  margin-bottom: 25px;
}

.testimonial-section h5 {
  margin-top: 20px;
}

.team-section .team-info img {
  width: 80%;
  padding-bottom: 15px;
  overflow: hidden;
}

.testimonial-section {
  background: url(/assets/images/testimonial-bg.jpg);
  height: 80vh;
  background-size: cover;
  background-position: center;
  margin: 35px 0;
  position: relative;
  z-index: 1000;
}

.testimonial-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #9e007eba;
  z-index: -1;
}

.testimonial-section .owl-carousel {
  display: block;
}
.testimonial-section h2 {
  color: var(--bgWhite);
  text-transform: uppercase;
}
.testimonial-section #testimonialSlider .item {
  text-align: center;
  background: var(--bgWhite);
  padding: 18px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  min-height: 280px;
}
.testimonial-section #testimonialSlider .item img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: auto;
}

.testimonial-section #testimonialSlider .item p {
  margin: 10px 0 8px;
  color: var(--paraColor);
}
.testimonial-section #testimonialSlider .item .star-list li svg {
  color: #feba12;
}

.testimonial-section #testimonialSlider {
  position: relative;
}
.testimonial-section #testimonialSlider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 0px;
  bottom: -20px;
}
.testimonial-section #testimonialSlider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  right: 45px;
  bottom: -20px;
}
.testimonial-section
  #testimonialSlider.owl-carousel
  .owl-nav
  button.owl-next
  span {
  width: 35px;
  height: 35px;
  text-align: center;
  border: 1px solid #ccc;
  display: block;
  font-size: 20px;
  color: var(--bgVoilet);
  background: var(--bgWhite);
}

.testimonial-section
  #testimonialSlider.owl-carousel
  .owl-nav
  button.owl-prev
  span {
  width: 35px;
  height: 35px;
  text-align: center;
  border: 1px solid #ccc;
  display: block;
  font-size: 20px;
  color: var(--bgVoilet);
  background: var(--bgWhite);
}

.blog-section #blogSlider {
  position: relative;
}
.blog-section #blogSlider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -35px;
  top: 150px;
}
.blog-section #blogSlider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -35px;
  top: 150px;
}

.blog-section #blogSlider.owl-carousel .owl-nav button.owl-next span,
.blog-section #blogSlider.owl-carousel .owl-nav button.owl-prev span {
  font-size: 50px;
  color: var(--bgVoilet);
  font-weight: 600;
}

.blog-section #blogSlider .card a.btn {
  color: var(--bgVoilet);
}
.blog-section .blog-head {
  text-align: center;
  color: var(--bgVoilet);
  padding-bottom: 20px;
}
.blog-section #blogSlider .card a.btn svg {
  padding-left: 5px;
}

.footer-section {
  padding: 40px 0;
  background: linear-gradient(180deg, var(--bgBlue), var(--bgVoilet));
  position: relative;
}
.footer-section::before {
  position: absolute;
  content: "";
  width: 250px;
  height: 250px;
  background: var(--bgBlue);
  left: 0;
  bottom: 0;
  clip-path: polygon(0 12%, 0% 100%, 100% 100%);
}
.footer-section::after {
  position: absolute;
  content: "";
  width: 250px;
  height: 250px;
  background: var(--bgBlue);
  right: 0;
  bottom: 0;
  clip-path: polygon(0 100%, 100% 100%, 100% 21%);
}

.footer-section .footer-logo {
  width: 165px;
}
.footer-section h5 {
  color: var(--bgWhite);
  margin-bottom: 20px;
  text-transform: uppercase;
}
.footer-section .nav-item .nav-link,
.footer-section .nav-item p,
.footer-section .nav-item svg {
  color: var(--lightColor);
}

.footer-section .social-media li a {
  color: var(--bgWhite);
  font-size: 20px;
}

/* typing effect begin here */
.typed {
  line-height: 25px;
  width: 100%;
  text-align: left;
  margin-top: -10px;
}

.typed::after { 
  /* content: "|"; */
  font-size: 150%;
  line-height: 30px;
  animation: blink 0.75s step-end infinite;
}

@keyframes blink {
  from,
  to {
    color: transparent;
  }
  50% {
    color: rgba(245, 245, 245);
  }
}
/* typing effect ends here */

.inner-header-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.service-img {
  width: 100%;
}

.social-icon-box ul.social-icons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 0px;
  padding: 0px;
  margin-top: 30px;
}

.social-icon-box ul.social-icons li {
  list-style: none;
}

.social-icon-box ul.social-icons li a {
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--bgWhite);
  background: var(--bgBlue);
  transition: all 0.45s;
}

.social-icon-box ul.social-icons li a i {
  font-size: 15px;
}

.social-icon-box ul.social-icons li a:hover {
  background: var(--bgVoilet);
  color: #fff !important;
}

#teamSlider .owl-dots {
  display: none;
}

#teamSlider .item img:first-child {
  margin-bottom: 1px;
}

#teamSlider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 0px;
  bottom: -36px;
}
#teamSlider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  right: 45px;
  bottom: -36px;
}
#teamSlider.owl-carousel .owl-nav button.owl-next span {
  width: 35px;
  height: 35px;
  text-align: center;
  border: 1px solid #ccc;
  display: block;
  font-size: 20px;
  color: var(--bgVoilet);
  background: var(--bgWhite);
}

#teamSlider.owl-carousel .owl-nav button.owl-prev span {
  width: 35px;
  height: 35px;
  text-align: center;
  border: 1px solid #ccc;
  display: block;
  font-size: 20px;
  color: var(--bgVoilet);
  background: var(--bgWhite);
}

.services-header {
  position: relative;
}
.services-header h1 {
  position: absolute;
  top: 100px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.map iframe{
  width: 100%;
  height: 150px;
}

.contact-map iframe{
  width: 100%;
  height: 450px;
  margin-top: 50px;
}


.navbar-nav>li{
  position: relative;
}

.navbar-nav>li>.submenu1 {
  position: absolute;
  top: 148%;
  left: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  margin: 0px;
  padding: 0px;
  width: 200px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.30s;
  box-shadow: 2px 4px 10px gainsboro;
  z-index: 100;
}

.navbar-nav>li:hover>.submenu1 {
  visibility: visible;
  opacity: 1;
}

.navbar-nav>li>ul>li {
  list-style-type: none;
  font-size: .85rem;
  position: relative;
}

.navbar-nav>li>ul>li>a {
  padding: 12px 20px;
  display: block;
  color: #000 !important;
  text-decoration: none;
}

.navbar-nav>li>ul>li>a:hover {
  background: #f1f1f1;
  color: var(--bgVoilet) !important;
}

.navbar-nav>li .submenu-icon1{
  display: none;
}

.about-content-section{
  background: var(--bgWhite);
  color: #212529;
}
.about-content-section p{
  color: #212529;
}

#aboutReadMore{
  display: none;
}

.team-section-img img{
  margin-bottom: 30px;
}

.meet-us-section .meet-box {
  background: var(--bgVoilet);
  color: #fff;
  padding: 40px;
  margin-top: 30px;
  padding-top: 30px;
  min-height: 210px;
}

.meet-us-section .meet-box .contact-info-section h4 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #be57a9;
}

.meet-us-section .meet-box .contact-info-section ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.meet-us-section .meet-box .contact-info-section ul li {
  list-style: none;
  display: flex;
  gap: 20px;
}

.meet-us-section .meet-box .contact-info-section ul li i {
  font-size: 18px;
}

.meet-us-section .meet-box .contact-info-section ul li a {
  color: var(--bgWhite);
  text-decoration: none;
}

.meet-us-section .meet-box .contact-info-section ul li a:hover {
  text-decoration: none;
}

.banner-section .carousel-text{
   padding: 30px;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
   text-align: left;
   height: 100%;
}

.blog-section .card {
    min-height: 600px;
}

.blog-section #blogSlider .card a.read-more{
    position:fixed;
    bottom:20px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .heading2{
        font-size:2rem;
    }
    .services-header h1{
        top:12px;
        font-size: 1.5rem;
    }
    .contact-info{
        flex-direction:column;
    }
    header .navbar .contact-info .contact-list{
                margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .navbar-nav{
         margin-left: 0px !important;
    }
    .footer-section::before,
    .footer-section::after{
        width: 150px;
    height: 150px;
    }
    .social-media{
        margin-bottom:80px;
    }
    .social-icon-box ul.social-icons{
        gap:20px !important;
    }
    .navbar-toggler{
        border:1px solid #fff;
    }
    .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
}