body {
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Comfortaa', cursive; */
}

.bg-dark {
  background-color: #ffffff !important;
  padding: 5px 10px;
  box-shadow: 0px 0px 4px 2px #c7c7c7;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #0087cd;
    font-weight: 500;
}

.navbar-brand {
    padding: 5px 0 !important;
    text-align: left;
    margin-left: 2%;
}

.navbar-brand img {
    width: 45%;
}

.navbar-nav .nav-item {
    padding: 0 12px;
}

.navbar .active{
   color: #0087cd !important;
   font-weight: 600;
}
.nav-link:focus {
   color: #0087cd !important;
   font-weight: 600;
}

.navbar li .active{
  border-bottom: 2px solid white;
  color: black;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-family: 'Comfortaa', cursive;
}

.nav-item {
    margin: 10px 0;
}

#section03 { background: url(https://picsum.photos/1200/800?image=869) center center / cover no-repeat;}

.demo a {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}

.navibar .navbar-nav li a {
    padding: 0 !important;
}

.navbar .active a{
    color: #0087cd !important;
    font-weight: 600;
}

#section03 a {
  padding-top: 40px;
}
#section03 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgb(236 106 31);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 30px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 30px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}




/* NEW FORM BY ADARSH */

    .form {
        padding: 0px 0px;
    }

#banner {
    background: url(../images/banner-new.jpg);
    background-size: cover;
    padding-bottom: 40%;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 80px;
    background-position: center;
}

.mob-head-div {
    display: none;
}

   .formtitle {
        margin: 0;
        line-height: 25px;
    }

   .formtitle a {
       color: #043f5b;
   }

   .formtitle a:hover {
    text-decoration: none;
    color: #548fad;
    }


    .form-control {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 !important;
        font-size: 14px;
        line-height: 1.428571;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: none !important;
        border-radius: 4px;
        box-shadow: none !IMPORTANT;
        margin: 5px 12px !important;
        text-align: left;
        max-width: 45%;
    }

    .form-control:nth-child(5) {
        max-width: 94%;
    }

    .form-control:nth-child(6) {
        max-width: 94%;
    }



.form-control i {
    visibility: hidden;
    position: absolute;
    top: 10px;
    right: 12px;
}

.form .error, .form .success {
    display: block;
    position: relative;
}

    /* .form-control {
        margin-bottom: 10px;
        padding-bottom: 20px;
        position: relative;
    } */

    .form-control label {
        display: inline-block;
        margin-bottom: 5px;
    }

    .form-control input, .form-control textarea, .form-control select {
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        display: block;
        font-family: inherit;
        font-size: 14px;
        padding: 8px 10px;
        width: 100%;
        margin-bottom: 0px;
    }

        .form-control input:focus, .form-control textarea:focus, .form-control select:focus {
            outline: 0;
            border-color: #777;
        }

    .form-control.success input, .form-control.success textarea, .form-control.success select {
        border-color: #2ecc71;
    }

    .form-control.error input, .form-control.error select {
        border-color: #e74c3c;
    }

    .form-control i {
        visibility: hidden;
        position: absolute;
        top: 13px;
        right: 10px;
    }

    .form-control.success i.fa-check-circle {
        color: #2ecc71;
        visibility: visible;
    }

    .form-control.error i.fa-exclamation-circle {
        color: #e74c3c;
        visibility: visible;
    }

    .form-control small {
        color: #e74c3c;
        position: relative;
        visibility: hidden;
        font-weight: 500;
        font-size: 12px;
    }

    .form-control.error small {
        visibility: visible;
    }

    .form-control input::placeholder,.form-control textarea::placeholder {
        font-weight: 100 !Important;
        color: #c1c1c1;
        letter-spacing: 0.5px;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        font-family: 'Comfortaa', cursive;
    }

    .formsection .wrapper div h3 {
        margin-bottom: 25px;
    }

    .form-control select:invalid {
      color: #979797 !important;
    }

    .form-control select option {
      color: #000000 !important;
      font-size: 15px;
    }

    .form-control select [hidden] {
      display: none;
    }

.form button {
    background-color: #4289d6;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px;
    margin-top: 40px;
    width: 100%;
    position: relative;
}


#banner .col-md-5 {
    margin-top: 20px;
}

#banner .col-md-5 img {
    width: 60%;
    margin-top: 20%;
    position: absolute;
}

#banner .col-md-5 h1 {
  color: #dcdcdc;
  position: absolute;
  margin-top: 75%;
  font-size: 28px;
  line-height: 55px;
  /* padding: 0px 35px 0 0px; */
  width: 95%;
}

#banner .col-md-5 h1 span {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-family: 'Comfortaa', cursive;
    color: #fff;
}

/* #banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000057;
} */

/* .bg-white {
    background-color: #fff!important;
    padding: 25px 35px;
    border-radius: 20px;
    width: 86%;
    margin: auto;
} */





.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
  border-radius: 30px;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.about,.video, .deploy, .clients, .footer {
    padding: 40px;
}

.about .abt-main-title {
    text-align: center !important;
    color: #1798d5;
    padding: 0 50px;
    line-height: 40px;
}

.about .container {
    padding: 30px 20px;
}

.about h1 .head-full {
    font-size: 40px;
    font-weight: 600;
    color: #ec6a1f;
    font-family: 'Comfortaa', cursive;
}

.head-full {
    font-size: 40px;
    font-weight: 600;
    color: #ec6a1f;
    font-family: 'Comfortaa', cursive;
}

.head-e {
    text-transform: lowercase;
    color: #ec6a1f;
    font-family: 'Comfortaa', cursive;
    font-size: 40px;
    font-weight: 600;
}

#about .col-md-6 p {
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    color: #525252;
    font-weight: 500;
    letter-spacing: 0;
}

#about .col-md-6 .boxline {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background: #f37831;
    border-radius: 25%;
    position: relative;
    margin: auto;
}

.about-li {
    padding: 0 5px;
}

.about-li li {
    list-style: none;
    display: inline-flex;
    padding: 4px 0;
    line-height: 25px;
    font-size: 17px;
    letter-spacing: 0.5px;
}

.about-li li:before {
    content: "\f0a4";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    padding: 4px;
    color: #02689c;
}

.btn-scroll-to-top {
    background-color: transparent;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 5px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.btn-scroll-to-top:hover {
    text-decoration: none;
}

.gototop .btn-scroll-to-top {
    color: #dadada;
    z-index: 9999;
}

#about {
    background-image: url(../images/bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px !important;
    position: relative;
}

#about:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffffeb;
}

#about .col-md-6:last-child {
    text-align: center;
}

#about .col-md-6 a:focus {
    border: none !important;
    outline: none;
}

#about .col-md-6 .btn:hover {
    letter-spacing: 1px;
    transition: 0.2s all ease;
}

#about .col-md-6 .btn {
    background: none;
    border: none;
    padding: 8px 20px;
    color: #f37932;
    font-weight: 600;
    font-size: 20px;
}

.formcol {
    box-shadow: 0px 1px 4px 4px #e4e4e4;
    width: 95%;
    padding: 20px 30px 30px;
    margin: auto !important;
    float: none !important;
    display: table;
    border-radius: 10px;
    background-color: #ffffff78 !important;
}

.about h1 {
    font-family: 'Comfortaa', cursive;
    font-size: 32px;
    color: #5b5b5b;
    font-weight: 900;
    text-transform: capitalize;
    margin-top: 0px;
}

.section-heading p {
    text-align: center;
    font-size: 20px;
    padding: 10px 50px;
    line-height: 35px;
}

#about p {
    font-size: 18px;
    margin: 10px 0;
}

#about p span {
    color: #ec6a1f;
    font-size: 20px;
    font-family: 'Comfortaa', cursive;
    font-weight: 600;
}

#about img {
    width: 100%;
    /* margin-top: 25px;
    box-shadow: 0px 2px 6px 1px #737373; */
}

#keys {
    background-image: url(../images/bg1.png);
    background-position: center center;
    background-size: contain;
    padding: 10px !important;
    position: relative;
}

#keys:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9f9f9e8;
    z-index: 0;
}

#keys h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    color: #5b5b5b;
    font-weight: 900;
    margin-top: 35px;
    text-align: center;
}

#keys .col-md-12 p {
    text-align: center;
    font-size: 25px;
}

#keys .col-md-12 p span {
    color: #0087cd;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

#deploy .col-md-6 h1 span {
  font-size: 28px;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
  color: #616161;
  display: flex;
  padding-top: 10px;
}

/* #deploy .col-md-6 h1 span:before {
    content: "\f0a4";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    padding: 4px;
    color: #02689c;
} */

.client-ul {
    padding: 0 5px;
}

.client-ul li {
  list-style: none;
  display: inline-flex;
  padding: 10px 0;
  line-height: 30px;
  font-size: 17px;
  letter-spacing: 0.5px;
}

#clients .col-md-6 li img {
    width: 90px;
    height: 60px;
    padding-right: 20px;
}

#clients h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    color: #292929;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0px;
    text-align: center;
}

#clients .pull-right {
    padding: 0 20px;
}

#clients .col-md-6 h1 span {
    color: #0087cd;
    font-size: 38px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}



/* .client-ul li:before {
    content: "\f0a4";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    padding: 6px 8px;
    color: #02689c;
} */


#video img {
    width: 100%;
    box-shadow: 1px 2px 8px 3px #214354;
    margin-top: 5%;
    height: 50vh;
}


main{
  height:100vh;
  width:100%;
  displaY:flex;
  align-items:center;
}

video{
  display:block;
  max-width:100%;
  height:auto;
}

#video .col-md-6 h1 {
    font-size: 35px;
    padding: 0px 0;
    margin-bottom: 15px;
}

#video .col-md-6 p {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: justify;
}

.video-ul {
    padding-left: 0;
}

.video-ul li {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: left;
    list-style: none;
    display: flex;
    padding: 5px 0;
}

.video-ul li:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #ffffff;
    padding-top: 5px;
    padding-right: 5px;
    font-size: 16px;
}


  @media screen and (min-width: 768px) {
    .carousel-inner .active,
    .carousel-inner .active+.carousel-item {
      display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
      -webkit-transition: none;
      transition: none;
    }
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
      position: absolute;
      top: 0;
      right: -50%;
      z-index: -1;
      display: block;
      visibility: visible;
    }
    /* left or forward direction */
    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left+.carousel-item {
      position: relative;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right+.carousel-item {
      position: relative;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
    }
  }

  /* Desktop and up */

  @media screen and (min-width: 992px) {
    .carousel-inner .active,
    .carousel-inner .active+.carousel-item,
    .carousel-inner .active+.carousel-item+.carousel-item {
      display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
      -webkit-transition: none;
      transition: none;
    }
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
      position: absolute;
      top: 0;
      right: -33.3333%;
      z-index: -1;
      display: block;
      visibility: visible;
    }
    /* left or forward direction */
    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
     .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
       position: relative;
       -webkit-transform: translate3d(-100%, 0, 0);
       transform: translate3d(-100%, 0, 0);
       visibility: visible;
    }
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
      position: relative;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
    }
    .carousel-item {
      margin-right: 0% !important;
    }
  }



#deploy
{
  background: url(../images/deploy-bg.png);
}

#deploy .col-md-6:first-child{
  padding: 0 30px;
}

#deploy img {
    width: 60%;
}

#deploy .col-md-6 h1 {
    color: #1798d5;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    padding: 20px 0;
    margin-top: 5%;
}

#deploy .col-md-6 p {
    font-size: 18px;
    line-height: 35px;
    text-align: justify;
}

#client h1 {
    color:blue;
}

/* *{
	margin:0px;
	padding:0px;
} */
#client-logos .item {
    margin: 1px;
}

.clients h1 {
    text-align: center;
    font-size: 35px;
    padding: 0;
    color: #043f5b;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.clients .cover-wrapper {
    padding: 45px 75px;
}

.clients .client-inners {
    border: none;
    height: 85px;
    text-align: center;
    padding: 8px;
}

.cover-wrapper {
    padding: 75px;
}
.client-inners img {
    height: 100%;
    object-fit: contain;
}
.client-inners {
    border: 1px solid #ccc;
    height: 85px;
    text-align: center;
    padding: 8px;
}
.owl-nav img {
    width: 34px;
}
.owl-prev img {
    position: absolute;
    left: -38px;
    top: 50%;
    margin-top: -20px;
}
.owl-next img {
    position: absolute;
    right: -38px;
    top: 50%;
    margin-top: -20px;
}

#footer {
    background: #ffffff;
    background-image: url(../images/bg1.png);
    background-size: cover;
    padding: 10px 30px 10px !important;
    position: relative;
}

.templemain .ti-about p {
    font-size: 20px !important;
    text-align: center;
    line-height: 24px;
    padding: 0 4%;
}

.templemain #projects .container {
    padding: 0 20px;
}

#footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5eb;
}

#footer .col-md-4:first-child {
    text-align: center;
}

#footer .col2 p {
    color: #484848;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    text-align: justify;
}

#footer .col-md-4 img {
    width: 85%;
    margin: 5px auto;
    text-align: center;
}

#footer .col1 p {
    color: #545454;
    padding: 15px 0px 0px 0px;
    line-height: 26px;
    text-align: justify;
    font-weight: 300;
    letter-spacing: 1px;
    word-spacing: 3px;
}

#footer .col2 {
  padding-left: 0;
  font-size: 16px;
}

#footer .col2 ul {
    padding: 0;
}

#footer .col2 h1,#footer .col3 h1 {
    color: #545454;
    font-size: 25px;
    /* padding-left: 36px; */
    margin-top: 10px;
}
#footer .col2 ul li {
    list-style: none;
    color: #fff;
    line-height: 35px;
    font-size: 18px;
}

.footer .col-md-4 a {
    text-decoration: none;
    color: #545454;
}

.footer .col3 {
    padding-left: 3%;
}

.footer .col-md-4 a:hover {
    text-decoration: none;
    color: #c1c1c1;
}

.col3 .contacts_info span {
    padding: 15px 0;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 25px;
}

.col3 .contacts_info {
    color: #545454;
}

.col3 .contacts_address {
    display: inline-flex;
}

.col3 .contacts_email a {
    color: #545454;
}

#footer .col2 span {
    display: inline-flex;
    margin: 6px 0px;
}

#footer .col2 span sup {
    top: 0em;
}

.contacts_address:before {
    content: "\f041";
    font: normal normal normal 14px/1 FontAwesome;
    color: #545454;
    font-size: 24px;
    padding: 0px 10px 10px 0px;
}

.contacts_email:before {
    content: "\f133";
    font: normal normal normal 14px/1 FontAwesome;
    color: #545454;
    font-size: 21px;
    padding: 0px 10px 10px 0px;
}

.contacts_phone:before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    color: #545454;
    font-size: 24px;
    padding: 0px 10px 10px 0px;
}






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

  .about, .video, .deploy, .clients, .footer {
    padding: 20px 10px;
  }


  #deploy .col-md-6:last-child {
    text-align: center;
  }

  #video img {
    height: auto;
    width: 100%;
  }

  .about .abt-main-title {
    text-align: center !important;
    color: #1798d5;
    padding: 0 0px;
    line-height: 40px;
    font-size: 26px;
}

#about .col-md-6:last-child {
    text-align: center;
}

#banner .col-md-7 h1 {
    margin-top: 10%;
    text-align: center;
    color: #fff;
    font-size: 45px;
  }

  #video .col-md-6 h1 {
      text-align: center;
  }

  .modal.show .modal-dialog {
    margin-top: 50%;
  }

  #section03 a span
  {
    display: none;
  }


  .bg-white {
    background-color: #fff!important;
    padding: 25px 35px;
    border-radius: 20px;
    width: 98%;
    margin: auto;
  }

  .navbar-nav {
    margin-left: inherit !important;
   }


}



.about-li li span {
    display: contents;
    font-weight: 600;
}

.card-text {
    padding-left: 0 !important;
}

.card-text li {
    list-style: none;
    text-align: left;
    display: flex;
    padding: 5px 0;
}

.card-text li:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: #0087cd;
  padding-top: 3px;
  padding-right: 5px;
  font-size: 16px;
}

.band-sec {
    text-align: center;
    padding: 45px;
    background: #f5f5f5;
}

.band-sec p {
    margin: 0;
    font-size: 20px;
}

.band-sec p a{
  text-decoration: none;
}


.thank h1 {
    color: #043f5b;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
}

.thankyou p {
    color: #043f5b;
    font-size: 25px;
    text-align: center;
    font-family: 'Comfortaa', cursive;
}

.thank  h1 span {
    font-size: 65px;
    color: #1798d5;
    padding-left: 10px;
}

#thank .col-md-12 {
    text-align: center;
    padding-top: 10%;
    padding-bottom: 6%;
}

.card-title {
    margin-bottom: .75rem;
    font-size: 21px;
}

#keys {
    padding: 0px 0 10px;
}

#keys .row .col-md-12{
    text-align: center;
}

#keys .col-md-12 p {
    text-align: center;
    font-size: 18px;
    padding: 10px 8px;
    margin: 0;
}

.cols .icon{
    text-align: center;
}

.cols .icon img {
    width: 70%;
    border-radius: 50%;
    padding: 5px;
    background-clip: border-box;
    margin: 10px;
}

.cols div:nth-child(1) img {
  border: 2px solid #e6a1a1;
}

.cols div:nth-child(2) img {
  border: 2px solid #a0d6a5;
}

.cols div:nth-child(3) img {
  border: 2px solid #a7a2d5;
}

.cols div:nth-child(4) img {
  border: 2px solid #e2cba3;
}

.keys-btn {
    border-radius: 30px;
    border: 2px solid #4289d6;
    padding: 3px;
    background: #4289d6;
    background-clip: content-box;
    width: 16%;
    text-align: center;
    line-height: 40px;
    margin: 5%;
    font-size: 18px;
}

.keys-btn:hover {
    color: #fff;
    background-color: #4d6dc5;
    border-color: #4d6dc5;
}

#clients {
    padding: 0;
}

/* #clients .col-md-7 {
    background: url(../images/clients-offer.png);
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: left;
    padding-bottom: 45%;
} */

#clients .row {
    display: inline-block;
    margin-top: 5%;
}

#clients .row {
    display: inline-block;
}

#clients .col-md-6 img{
  width:100%;
}

.clients-btn {
    border-radius: 30px;
    border: 2px solid #3F5DB0;
    padding: 3px;
    background: #3F5DB0;
    background-clip: content-box;
    width: 40%;
    text-align: center;
    line-height: 40px;
    margin: 5%;
    font-size: 18px;
}

.clients-btn:hover {
    color: #fff;
    background-color: #4d6dc5;
    border-color: #4d6dc5;
}

.cimg-col {
    text-align: center;
}

#clients .cimg-col img {
    width: 80%;
    margin: auto;
    box-shadow: 0px 1px 5px 1px #3e3e3e;
}

#projects .col-md-12 {
    text-align: center;
}

#projects .col-md-12 .filter1 {
  width: 18%;
  padding: 5px;
  margin: 0 10px;
  border-radius: 6px;
  border: 1px solid #d2d2d2;
}

#projects h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    color: #292929;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 35px;
    text-align: center;
}

.pro-row {
    margin: 0px 0;
}

#projects .row .col-md-12 {
    padding: 20px 0;
}

.projects .col-md-12 .reset-btn {
    border-radius: 30px;
    padding: 3px;
    background: #4289d6;
    width: 10%;
    text-align: center;
    line-height: 30px;
    margin: 0 5px;
    border: none;
}

.pro-row .content .content-data {
    padding: 10px 0;
}

.pro-row .content img {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 2px 0px #a0a0a0;
}

.pro-row .content {
    width: 100%;
}

.pro-row .content {
    width: 100%;
    background: #fff;
    box-shadow: 0px 1px 4px 0px #a0a0a0;
    margin-left: 0 !important;
    margin-bottom: 25px;
    border-radius: 6px;
    text-align: center;
    padding: 6px;
    height: auto;
}

.pro-row .btn-primary {
    border-radius: 30px;
    border: 2px solid #4289d6;
    padding: 2px;
    background: #4289d6;
    background-clip: content-box;
    width: 50%;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
}

.pro-row .btn-primary:hover {
    border-radius: 30px;
    border: 2px solid #3e83ce;
    padding: 2px;
    background: #3e83ce;
    background-clip: content-box;
}

/* .templepage
{
  height: 2000px;
  padding-top: 100px;
} */


/* #target {
  color: #c00;
  font: 15px arial;
  padding: 10px;
  margin: 10px;
  width: 25%;
} */

@media screen and (max-width: 9000px) and (min-width: 800px) {

  .fixed-bfr
  {
    -webkit-transition: position 10s;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: position 10s;
  }

  .fixed1 {
      position:fixed;
      top:120px;
      z-index:2;
      display: flex;
  }

  .offsets-before
  {
    -webkit-transition: position 10s;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: position ease 10s;
  }

  .offsets {
      margin-left: 25%;
      top: 50px !IMPORTANT;
  }

}

.pro-col{
  display: none;
}

.l-done{
  pointer-events: none;
}

 .pro-row #loadMore {
    border-radius: 6px;
    padding: 4px;
    background: #e7c476;
    width: 15%;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
    color: #fff;
    margin: 20px auto;
    display: inline-table;
}

.pro-row #loadMore:hover {
    text-decoration: none;
    background: #d7b569;
    transition: 0.2s ease all;
}

.pro-row .content-data p {
    margin: 4px;
}

.pro-row .content-data p span {
    font-family: sans-serif;
}

.filterbucks {
    top: 0px;
    /* transition: 0.5s ease all; */
    position: relative;
    width: 30%;
    margin: 0 15px;
}

.filterbucks:hover {
    top: -5px;
    transition: 0.2s ease all;
}

.btn-primary:focus {
    outline: none;
    box-shadow: none;
}


#thankyou {
      margin-top: 20%;
      margin-bottom: 8%;
}

#thankyou h1 {
    text-transform: uppercase;
    margin: 20px;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #ec6a1f;
    font-family: 'Comfortaa', cursive;
}


.modal-content {
    border: none;
    background: none;
    width: 55%;
    margin: auto;
    margin-top: 10%;
}

.modal-content .form-control {
    position: relative;
}

button:focus {
    outline: none;
}

.modal-content .formcol {
    background: #fff !important;
    box-shadow: 0px 0px 4px 2px #656565;
    padding: 40px 30px;
}

.modal-content .formcol button {
    background-color: #F37A34;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px;
    margin-top: 40px;
    width: 100%;
    position: relative;
}

.modal-content .close {
    position: absolute;
    right: 15px;
    top: 8px;
}

.modal-content .close span {
    background: #000;
    text-shadow: none;
    color: #fff;
    padding: 0px 9px;
    border-radius: 50%;
}






@media screen and (max-width: 800px) and (min-width: 320px) {

  .pro-row .content {
    height: auto;
  }

  .keys-btn, #loadMore {
      width: 55% !important;
  }

  .cols .icon img {
      width: 60%;
    }

  .projects .col-md-12 .reset-btn {
    display: grid;
    margin: 10px auto 0;
    width: 25%;
    border-radius: 16px;
  }

  #projects .col-md-12 .filter1 {
    margin: 0;
    width: 30%;
  }

  #banner {
    background: url(../images/mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 25em;
    background-position: bottom;
}

#about {
    padding: 0px !important;
}

.about .container {
    padding: 0px 20px;
}

.about h1 {
    margin: 20px;
    text-align: center;
    line-height: 45px;
}

.carousel-item {
    padding: 0;
}

.modal-content {
    width: 100%;
}

.modal-content .formcol {
    border-radius: 10px;
}

.sticky1 {
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 9999;
}

.sticky1 + .filter-col {
  padding-top: 102px;
}

.formcol {
    margin-bottom: 10% !important;
    margin-top: 10% !important;
}

.fooicons {
    display: flex;
    padding-left: 0;
}

.footer .col3 {
    text-align: left !important;
}

.filterbucks {
    width: 100%;
}

#thankyou {
    margin-top: 50%;
    margin-bottom: 30%;
}

#footer .col2 {
    padding-left: 3%;
}

#footer .ccdrow {
    text-align: left !important;
    margin-top: 30px;
}

#footer .colccd img {
    width: 40% !important;
    margin: 10px 0 !important;
}

#motto {
    padding: 40px 20px !important;
    background: #f37a34;
}

#motto .col-md-6 {
    width: 100% !important;
    margin: 20px 0 !important;
}

.head-e {
    font-size: 32px;
}

.head-full {
    font-size: 32px;
}

.section-heading p {
    padding: 10px 0;
}

.mt-60 {
    margin-top: 0px  !important;
}

.serv-section-2 {
    margin: 15px 0;
}

#keys {
    background-size: inherit;
}

#contri {
    padding: 40px 10px  !important;
}

#contri h1 .head-full {
    font-size: 28px !important;
}

#contri h1 {
    margin: auto;
    font-size: 30px !important;
    text-align: center !important;
    line-height: 42px !important;
}

#contri .contribution {
    padding: 30px 5px !important;
}

#contri .contribution ul {
    padding-left: 15px;
}

#footer .col-md-4:first-child {
    text-align: left;
    margin: 0px 0 20px;
}

.about h1 .head-full {
    font-size: 32px !important;
}

#about .col-md-6 .boxline {
    margin: 0px auto 20px;
}

.navbar-brand {
    width: 70%;
}

.navbar-brand img {
    width: 80%;
}

.band-sec p {
    padding: 15px 0px !important;
}

}







.footer .col3 {
    padding-left: 3%;
    text-align: center;
}

#footer .foo-h1-2 {
    margin-top: 0 !important;
}

.fooicons {
    display: inline-flex;
    padding-left: 0;
    text-align: center;
}

.fooicons li {
    padding: 10px;
    list-style-type: none;
}

.phoneicon img {
    width: 38px !important;
  }

  .whatsappicon img {
      width: 42px !important;
  }

  .fooicons .fa {
    padding: 10px;
  font-size: 22px;
  width: 42px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  }

  .fooicons .fa:hover {
      opacity: 0.7;
  }

  .fooicons .fa-facebook {
    background: #3B5998;
    color: white !important;
  }

  .fooicons .fa-instagram {
    background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: white !important;
  }

  .blog-single .container {
    max-width: 95%;
    padding: 0 20px;
}

  .breadcrump {
      padding: 15px 0 20px;
  }

.breadcrump a {
  color: #252525;
  background: none !important;
  position: relative;
}

.breadcrump a:hover {
    text-decoration: none;
    color: #6b6b6b;
}

  .pro-row .content .content-data h4 {
      font-size: 18px;
      color: #4e4e4e;
      font-weight: 600;
      background: #f3f3f3;
      border-radius: 5px;
      padding: 10px 0;
      letter-spacing: 1px;
      font-family: 'Comfortaa';
  }

.modal-open .gototop
{
  display: none !important;
}




/* woodside • RTMI
Royal gardens • RTMI
Finsbury park - UC
Fairfield - UC
North point - UC
Misty waters - RTMI
Misty waters - Vista towers - UC
Willow tree UC */


/* .cols .icon img {
    width: 65%;
} */

#footer .ccdrow {
    text-align: center;
    padding: 20px 0;
}

#footer .colccd p {
    /* text-align: center; */
    margin: 0px 0 5px;
}

#footer .colccd .ccdp {
    font-size: 18px;
    font-weight: 600;
}

#footer .colccd img {
    width: 18%;
}

#footer .colccd h3 {
    font-size: 15px;
    margin: 5px 0px;
}

#footerbtm {
    background: #c1c1c1;
}

#footerbtm .disc p {
    font-size: 13px;
    margin: 0;
    text-align: center;
    color: #0a0a0a;
    padding: 10px 0;
    line-height: 22px;
}

/* New LP */

.mt-60{
    margin-top:20px;
}

.section-block-grey {
    padding: 20px 0px 50px 0px;
    /* background-color: #f9f9f9; */
    position: relative;
}

.serv-section-2 {
    position: relative;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    border-radius: 5px;
    overflow: hidden;
    padding: 30px 20px;
    height: 55vh;
}

.serv-section-2:before {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 0;
    content: " ";
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    border-bottom-left-radius: 136px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2-icon {
    position: absolute;
    top: 18px;
    right: 22px;
    max-width: 100px;
    z-index: 1;
    text-align: center;
}

.serv-section-2-icon i {
    color: #001c48;
    font-size: 48px;
    line-height: 65px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-desc {
    position: relative;
}

.serv-section-2 h4 {
    color: #848484;
    font-size: 26px;
    font-weight: 500;
    line-height: 2;
    font-family: 'Comfortaa', cursive;
}

.serv-section-2 h5 {
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
}

.section-heading-line-left {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #001c48;
    border-radius: 25%;
    margin-top: 15px;
    margin-bottom: 5px;
}

.serv-section-2 p {
    margin-top: 25px;
    padding-right: 0px;
    text-align: left;
    font-size: 18px;
    line-height: 35px;
    color: #717070;
}

.serv-section-2:hover .serv-section-2-icon i {
    color: #fff;
}

.serv-section-2:hover:before {
    background: #001c48;
}

.serv-section-2-icon img {
    width: 60px;
}

#motto {
    padding: 40px;
    background: #f37a34;
}

#motto h1, #motto p {
    color: #fff;
    position: relative;
}

#motto .col-md-6 {
    box-shadow: 0px 5px 25px 2px rgb(239 107 31), 0px 0px 23px 0px rgb(239 107 31);
    border-radius: 60px 30px;
    width: 45%;
    flex: none;
    margin: 0 auto;
    padding: 20px 20px;
}

#motto .mission {
  background: url(../images/omm.png);
  background-size: cover;
  background-position: center;
}

#motto .vision {
  background: url(../images/swastika.png);
  background-size: cover;
  background-position: center;
}

#motto .col-md-6:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f37a34e8;
}

#motto p {
    font-size: 20px;
    line-height: 35px;
}
#motto h1 {
    font-size: 36px;
    font-weight: 600;
    font-family: 'Comfortaa', cursive;
    padding: 15px 0px;
}

#motto .boxline {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #ffffff61;
    border-radius: 25%;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
}

#contri {
    padding: 60px;
}

#contri h1 {
    margin: auto;
    font-size: 36px;
}

#contri .contribution {
    padding: 30px 50px 0;
}

#contri h1 .head-full {
    font-size: 36px;
}

#contri .contribution p {
    font-size: 20px;
    line-height: 35px;
}

#contri .contribution li {
    font-size: 18px !important;
    line-height: 35px;
    list-style: none;
}

#contri .contribution li:before {
    content: "\f164";
    font: normal normal normal 19px/1 FontAwesome;
    color: #f37a34;
    padding-right: 10px;
}

#contri .contribution p:not(.pnot) {
    background: #ffffff;
    box-shadow: 1px 1px 5px 0px #e6e6e6;
    padding: 10px 20px;
    border: none;
    border-left: 10px solid #f37a34;
    border-radius: 13px;
}

#contri .contribution .contri-ul {
    padding: 10px;
}

#contri .contribution p:nth-child(3) {
    background: #ffffff;
    box-shadow: 1px 1px 5px 0px #e6e6e6;
    padding: 20px;
    border: none;
    border-right: 10px solid #f37a34;
}

.band-sec {
    text-align: center;
    padding: 25px 45px;
    background: #88d4a5;
}

.band-sec p a .btn {
      margin: 0px 30px 0;
  border: #88D4A5;
  padding: 10px 42px;
  font-size: 18px;
  border-radius: 10px;
  background: #88D4A5;
  box-shadow: 2px 2px 10px #66a57e, -1px -1px 10px #66a57e;
}

.band-sec p a .btn:active {
    margin: 15px 10px 0;
        background: #88d4a5 !important;
}

.band-sec p {
    color: #fff;
    font-size: 22px;
    padding: 15px 10%;
}

#templeofday {
    background: #88d4a5;
    text-align: center;
    padding: 30px 20px;
}

/* #templeofday .container {
    padding: 30px 20px;
} */

#templeofday .container .row {
    display: inline-block;
    text-align: center;
}

#templeofday .container .row .col-md-6{
    display: inline-block;
}

#templeofday .container .imgcol{
  float: left;
}

#templeofday img {
    width: 80%;
    margin-top: 0%;
    /* border: 4px solid #fff; */
    border-radius: 10px;
    box-shadow: 0px 2px 8px 2px #616161;
}

#templeofday .col-md-6 p {
    font-size: 20px;
    line-height: 35px;
    text-align: justify;
    color: #525252;
    font-weight: 500;
    letter-spacing: 0.2px;
}

#templeofday .buton {
    background-color: none;
    border: none;
    padding: 8px 20px;
    color: #2d2d2d;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
}

#templeofday .buton:hover{
   text-decoration: none;
   font-size: 21px;
   transition: 0.3s all ease;
}

#templeofday .boxline {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background: #f37831;
    border-radius: 25%;
    position: relative;
    margin: auto;
}


#templeofday h1 {
    font-family: 'Comfortaa', cursive;
    font-size: 32px;
    color: #5b5b5b;
    font-weight: 900;
    text-transform: capitalize;
    margin-top: 0px;
    text-align: center;
    padding: 10px 0;
}

#templeofday .col-md-6 h1 {
    font-size: 32px;
    font-weight: 600;
    color: #ec6a1f;
    font-family: 'Comfortaa', cursive;
    text-align: left !important;
}

#templeofday ul {
    text-align: left;
}

#templeofday .col-md-6 p .hightext {
    color: #444;
    font-weight: 500 !important;
}


/*******  Temple Insights Page  *******/

.templemain #banner , .contactmain #banner {
    padding-bottom: 5%;
    background: url(../images/bgfull1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 100px !important;
}


.templemain #about {
    background: url(../images/bg1.png);
    background-size: contain;
    background-repeat: repeat;
    background-position: center;
    margin-top: 0px !important;
    position: relative !important;
}

.templemain #banner .head-full {
    font-size: 45px;
}

.ti-about .col-md-6 img {
    width: 85% !important;
}

.templemain #banner h1 {
    padding: 12% 0 8%;
    font-size: 45px !important;
}

.ti-about .col-md-6 p {
  font-size: 18px !important;
  line-height: 28px !important;
  text-align: justify;
  color: #525252;
  font-weight: 500;
  letter-spacing: 0.4px;
  padding-top: 2%;
}

.ti-about .col-md-6:first-child {
    padding-top: 2%;
}


/*******  Pilgrimage PLanner Page  *******/

.pilgrimmain #banner{
    padding-bottom: 5%;
    background: url(../images/bgfull1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 100px;
}

.pilgrimmain #about {
    background: url(../images/bg1.png);
    background-size: contain;
    background-repeat: repeat;
    background-position: center;
    margin-top: 0px !important;
    position: relative !important;
}

.pilgrimmain #banner h1 {
    padding: 12% 0 8%;
    font-size: 45px !important;
}

.pp-about .container {
    padding: 20px 20px 0;
}

.pp-about .projects .container {
    padding: 0;
}

.pp-about h1 {
    font-family: 'Comfortaa', cursive;
    font-size: 32px;
    color: #5b5b5b;
    font-weight: 900;
    text-transform: capitalize;
    margin-top: 0px;
    text-align: center;
}

.pp-about p {
    font-size: 20px;
    padding: 10px 5%;
    text-align: center;
}

#pilgrimflow .pf-row {
    margin: 20px auto;
    border-radius: 5px;
    background: #ffffff8f;
    box-shadow: inset 0px 4px 10px #000000, inset 0px 4px 10px #000000;
    padding: 25px;
}

.pp-about .pf-row .col-md-4 {
    padding: 0;
}

/* #pilgrimflow .pf-row2 .row {
    display: block;
} */

.pp-about .pf-row1 .col-md-4 {
    background: url(../images/icons/prepilgrim.png);
    background-repeat: no-repeat;
    background-size: 12em;
    background-position: center;
}

.pp-about .pf-row2 .col-md-4 {
    background: url(../images/icons/finance.png);
    background-repeat: no-repeat;
    background-size: 12em;
    background-position: center;
}

.pp-about .pf-row3 .col-md-4 {
    background: url(../images/icons/inpilgrim.png);
    background-repeat: no-repeat;
    background-size: 12em;
    background-position: center;
}

.pp-about .pf-row h1 {
    padding-top: 100px;
    text-align: center;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 31px;
    line-height: 55px;
    color: #5b5b5b;
}

.pilgrimflow h1 .head-full {
    font-size: 34px;
    font-weight: 600;
    color: #ec6a1f;
    font-family: 'Comfortaa', cursive;
}

.pilgrimflow p {
    font-size: 17px !important;
    text-align: justify;
    padding: 0;
}

.pilgrimmain .kb-about .pf-ul1 {
    padding-left: 0;
    text-align: right;
}

.pilgrimmain .kb-about .pf-ul2 {
    padding-left: 0;
    text-align: left;
}

.pilgrimmain .kb-about .pf-ul {
    padding-left: 0;
    padding: 0 50px;
}

.pilgrimmain .kb-about .pf-ul li {
    font-size: 16px;
    list-style: none;
    line-height: 38px;
    text-align: left;
}

.pilgrimmain .kb-about .pf-ul {
    padding-left: 0;
    padding: 0 0px 0 40px;
}

.pilgrimmain .kb-about .pf-ul li:before {
  content: "\f164";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  color: #fb6e35;
  padding-right: 10px;
}

.pilgrimflow .pf-ul {
    padding-left: 0;
}

.pilgrimflow .pf-ul li {
    font-size: 16px;
    list-style: none;
    line-height: 31px;
    display: flex;
}

.pilgrimflow .pf-ul li:before {
  content: "\f164";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  color: #fb6e35;
  padding-right: 10px;
  line-height: 32px;
}

/*********** Timelines

.timeline {
  position: relative;
}
.timeline::before {
  content: '';
  background: #c5cae9;
  width: 5px;
  height: 95%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.timeline-item {
  width: 100%;
  margin-bottom: 70px;
}
.timeline-item:nth-child(even) .timeline-content {
  float: right;
  padding: 40px 30px 10px 30px;
}
.timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #f5f5f5 transparent transparent;
}
.timeline-item::after {
  content: '';
  display: block;
  clear: both;
}
.timeline-content {
  position: relative;
  width: 45%;
  padding: 10px 30px;
  border-radius: 4px;
  background: #f5f5f5;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .3);
}
.timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #f5f5f5;
}
.timeline-img {
  width: 30px;
  height: 30px;
  background: #3f51b5;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 25px;
  margin-left: -15px;
}

.timeline a {
  background: #3f51b5;
  color: #fff;
  padding: 8px 20px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .6);
}

.timeline a:hover,.timeline a:active,.timeline a:focus {
  background: #32408f;
  color: #fff;
  text-decoration: none;
}
.timeline-card {
  padding: 0 !important;
}
.timeline-card p {
  padding: 0 20px;
}
.timeline-card a {
  margin-left: 20px;
}
.timeline-item .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)), url('https://picsum.photos/1000/800/?random') center center no-repeat;
  background-size: cover;
}
.timeline-img-header {
  height: 200px;
  position: relative;
  margin-bottom: 20px;
}
.timeline-img-header h2 {
  color: #fff;
  position: absolute;
  bottom: 5px;
  left: 20px;
}
.timeline blockquote {
  margin-top: 30px;
  color: #757575;
  border-left-color: #3f51b5;
  padding: 0 20px;
}
.timeline .date {
  background: #ff4081;
  display: inline-block;
  color: #fff;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .timeline::before {
    left: 50px;
 }
  .timeline .timeline-img {
    left: 50px;
 }
  .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 70px;
 }
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
 }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #f5f5f5 transparent transparent;
 }
}

*******************/


/*******  Contact Us Page  *******/

#formsection .container {
    padding: 0 4%;
}

.contactmain #banner {
    padding-bottom: 0%;
    background: url(../images/new21.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 80px !important;
    position: relative !important;
    z-index: -1;
}

.contactmain #banner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff9e;
}

.contactmain #banner h1 {
    padding: 12% 0 8%;
    font-size: 45px !important;
    z-index: 99;
}

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

.formsection .brand{
  	text-align: center;
  }
.formsection .brand span{
  	color: #fff;
  }

  .formsection .wrapper {
      border-radius: 4px;
      background: #ffffff;
      box-shadow: inset 0px 0px 10px #88d4a5, inset 0px 0px 10px #88d4a5;
      padding: 1%;
  }

.formsection .wrapper >*{
  	padding: 1em;
  }

.formsection .company-info {
    padding: 5% 10% !important;
    text-align: center;
    border-right: 3px solid #e0f4e7;
}

.company-info ul li {
    display: flex;
    font-size: 17px;
}

.company-info ul li {
    display: flex;
    font-size: 16px;
    margin: 15px 0;
    line-height: 30px;
    text-align: left;
}

.company-info ul li .fa {
    padding-top: 2px;
    padding-right: 10px;
    font-size: 23px;
}

.formsection  .company-info h3,.formsection .company-info ul{
  	text-align> center;
  	margin: 0 0 1rem 0;
  }



.formsection  .contact{
  	/* background: #f9feff; */
    padding: 3% 6%;
  }

  /* FORM CONTACTS
   MOBILE SIZE FIRST */

/* .formsection .contact form{
  	display: grid;
  	grid-template-columns: 1fr 1fr;
  	grid-gap: 20px;
  } */

.formsection .contact form label{
  	display: block;
  }

.formsection .contact form p{
  	margin:0;
  }

.formsection .contact form .full{
  	grid-column: 1/3;
  }

.formsection .contact form button,.formsection .contact form input,.formsection .contact form textarea{
    width: 100%;
    padding: 10px 8px;
    border: 2px solid #c7efd6;
    border-radius: 5px;
  }

  .formsection .contact form button {
      background: #88d4a5;
      border: 0;
      text-transform: uppercase;
      color: #fff;
      font-size: 18px;
      font-family: inherit;
      letter-spacing: 1px;
      font-weight: 500;
      margin: 0;
  }

.formsection .contact form button:hover,.formsection .contact form button:focus{
  	background: #88cea2;
  	color: #fff;
  	outline:0;
  	transition: background-color 0.5 s ease-out;
  }

  #formsection {
    padding: 5% 0;
  }

/* LARGE SCREENS */
@media(min-width:700px){

.formsection .wrapper{
  		display: grid;
  		grid-template-columns: 1fr 2fr;
  	}

.formsectio	.wrapper>*{
  		padding:2em;
  	}

.formsection .company-info h3,.formsection .company-info ul,.formsection .brand{
  		text-align: left;
  	}
  }

  .contactmain #banner {
      padding-bottom: 0%;
      margin-top: 110px !important;
      position: relative !important;
      background: url(../images/templebg1.png) center center / contain no-repeat;
      background-repeat: no-repeat;
      background-position: center center;
  }

  .pilgrimmain .kb-about h1 {
      text-transform: initial;
      text-align: center;
      margin-bottom: 20px;
      z-index: 9;
  }

  #about1 {
    padding: 10px;
  }

  .pilgrimmain #about1 p {
    padding: 0 4%;
    font-size: 20px;
    text-align: justify;
  }

  #about1:before {
    content: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f5f5f5e8 !important;
}

  .kb-about:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f5f5f5e8 !important;
  }

  .pp-about:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fbfbfbf2 !important;
 }

/*** Blog ***/

.blog-single .blogcol p {
    padding: 2px 10px !important;
    margin: 0 !important;
    font-size: 16px !important;
    color: #6f6f6f;
    line-height: 28px;
}

.blog-single .blogcol h1 {
    font-size: 20px;
    padding: 20px 10px 0;
    line-height: 35px;
}

.blogpage  #banner {
     padding-bottom: 5%;
     background: url(../images/blog-bg.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin-top: 100px;
 }

 .blogpage #banner h1 .head-full {
    font-size: 45px;
    font-weight: 600;
    color: #ec6a1f;
    font-family: 'Comfortaa', cursive;
    letter-spacing: 0px;
}

 .blogsingle #banner h1 .head-full {
    font-size: 45px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Comfortaa', cursive;
    letter-spacing: 0px;
}

.blogpage #banner h1 {
    padding: 10% 0 10%;
    font-size: 45px !important;
}

 .blogpage  .pro-row .content .content-data {
    padding: 0px 0;
}

 .blogpage .pro-row .content .content-data h4 {
     font-size: 19px;
      color: #000000;
      font-weight: 500;
      background: none;
      border-radius: 5px;
      padding: 12px 0 10px;
      margin: 0;
      line-height: 25px;
 }

 .blogsingle #banner {
    padding-bottom: 0%;
    background: url(../images/blog-single-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 100px;
}

.blogsingle #banner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000bf;
}

.blogsingle #banner h1 {
    padding: 10% 25% 8% 0%;
    font-size: 45px !important;
    z-index: 1;
    color: #e0e0e0;
}

.blogsingle #banner h1 .head-full {
    color: #f3f3f3;
}

 .blogpage .pro-row .content {
    width: 100%;
    background: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    margin-left: 0 !important;
    margin-bottom: 25px;
    border-radius: 2px;
    text-align: center;
    padding: 0;
}

.bloglist .blogbtn:hover {
    text-decoration: none;
}

.blogpage .pro-row .content img {
    width: 100%;
    border-radius: 2px;
    box-shadow: 0px 0px 2px 0px #a0a0a0;
}

.blog-single .container {
    max-width: 95%;
}

.blogmain-title {
    font-size: 25px;
    padding: 10px 0;
}

/* .blogcol {
    padding: 0 2%;
    flex: 0 0 70%;
}

.blogsidebar {
    flex: 0 0 28%;
    max-width: 30% !important;
} */

.blogcol {
    background: #ffffff94;
    padding: 10px;
    box-shadow: 0 0px 6px 2px #cecece;
    border-radius: 3px;
    margin-bottom: 20px;
}

.blog-single .blogcol p {
    padding: 15px 10px;
}

.blogmain-title:after {
    content: ' ';
    position: absolute;
    display: block;
    width: 50%;
    margin: 10px 5px;
    border: 1px solid #ffb387;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.blogside-title {
    background: #F37A34;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 15px;
    margin-bottom: 0;
    border-radius: 3px 3px 0 0;
}

#about .kbpara2 {
    color: #212529 !important;
    z-index: 1;
    padding: 0 5%;
    font-size: 19px;
    line-height: 32px;
}

.tab-content .tab-pane ol li {
    padding-top: 10px !important;
}

.pilgrimmain .pp-about p {
    font-size: 20px;
    margin: 10px 0;
    line-height: 35px;
    text-align: left;
}

.pilgrimmain #about .ppbtn {
    background: #ff9d64;
    color: #fff;
    padding: 8px 30px !important;
    border-radius: 20px;
}

.pilgrimmain #about .ppbtn:hover {
    text-decoration: none;
    background: #fb8c4d;
    transition: 0.3s ease all;
}

#pilgrimflow .pf-row .pf-ul h2 {
    font-size: 22px;
    font-weight: 500;
}

.pilgrimmain .pilgrimflow p {
    line-height: 28px !important;
}

.pilgrimmain .kb-about p {
    padding: 0 2%;
}

.pilgrimmain .pp-about .col-md-12 {
    text-align: center;
    margin-bottom: 30px;
}

#menu-blog li a:hover {
    text-decoration: none;
}

#menu-blog .bli1 a::before {
    content: "\f2d9";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f37a34;
    font-size: 25px;
    padding-right: 13px;
    line-height: 35px;
}

#menu-blog .bli2 a::before {
    content: "\f2d9";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f37a34;
    font-size: 25px;
    padding-right: 13px;
    line-height: 35px;
}

#menu-blog .bli3 a::before {
    content: "\f2d9";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f37a34;
    font-size: 25px;
    padding-right: 13px;
    line-height: 35px;
}

#menu-blog {
    box-shadow: 0px 5px 10px 3px #f1edee;
    /* padding-top: 8%;
    padding-left: 8%;
    margin-bottom: 10%; */
    padding: 0px;
}

#menu-blog li {
    border: 0;
    background: #fff;
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
        border-bottom: 1px solid #efefef;
}

#menu-blog li a {
    font-size: 18px;
    font-weight: 500;
    padding: 12px 15px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    display: flex;
    color: #444444;
}

#menu-blog li:hover:after {
    height: 100%;
    height: 100%;
    bottom: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#menu-blog li:after {
    position: absolute;
    bottom: 50%;
    right: 0;
    width: 5px;
    height: 0;
    background-color: #f37a34;
    content: '';
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* html, body
{
  min-height:100% !important;
}
body
{
  height:100vh !important;
}

html
{
  overflow-y:scroll;
} */

.tpage .container {
    padding-top: 0% !important;
    width: 95% !important;
    max-width: 100%;
}

#projects .pro-col .content a:hover{
  text-decoration:none;
}

#tpage {
    padding-top: 0 !important;
}

.templepage .ti-about  .container {
    padding: 10px 20px;
}

.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
}

.nav-pills-custom .nav-link.active {
  color: #fff !important;
  background: #fd9255;
}

.nav-pills-custom .active span {
  color: #fff !important;
}

.tab-content .tab-pane tr td:nth-child(1) {
    text-align: center;
}

.tab-content .tab-pane tr td:nth-child(1) {
    text-align: center;
}

.tab-content .tab-pane tr td:nth-child(n+1) {
    text-align: center;
}



/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fd9255;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

#v-pills-tab .nav-link {
    padding: 12px 10px !important;
    margin: 5px 0 !important;
}

#v-pills-tab .nav-link .font-weight-bold {
    font-weight: 500 !important;
    font-size: 17px;
    color: #4b4b4b;
    text-transform: capitalize !important;
}

#v-pills-tab .nav-link .fa {
    display: none;
}

.tab-content .tab-pane td {
    border: 1px solid #6f6f6f;
}

#tpage .pb-5 {
    padding-bottom: 10px !important;
    margin-bottom: 0px !important;
    margin-top: 120px;
}

.tab-content .tab-pane {
    padding: 20px 30px !important;
}

.tab-pane .tab-pane-data {
    padding: 10px 0;
}

.tab-pane .tab-pane-data h4 {
    margin-bottom: 10px !important;
    background: #ebebeb;
    padding: 8px 5px;
    font-size: 20px;
}

.tab-pane .tab-pane-data p {
    padding: 0 5px;
}

.tab-pane .tab-pane-data p span {
    font-weight: 600;
    line-height: 35px;
}

.tab-pane .tab-pane-data ol li span {
    font-weight: 600;
    line-height: 35px;
}

/* #tpage .pb-5 .templeName {
    font-size: 40px;
} */

.fooicons .fa-youtube-play {
    background: #ff1313;
    color: #fff !important;
}



@media screen and (max-width: 700px) and (min-width: 240px) {
  .waviy {
    display: none;
  }
}

@media screen and (max-width: 9000px) and (min-width: 800px) {
  .waviy-mobile {
    display: none;
  }
}

.waviy {
  position: relative;
  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
  margin-bottom: 2% !important;
}

/*

data-sheets(.*?)}"

<td style="width(.*?)}"

<br><br>

<br>

</p><p>

<span>fhtuehvjjw :</span><br>

<p></p>
<p></p>
<p></p>
<p></p>
<p></p>

<p class="mb-2"></p>
<p class="mb-2"></p>
<p class="mb-2"></p>
<p class="mb-2"></p>
<p class="mb-2"></p>

<ol>
  <li><span>fhtuehvjjw :</span><br></li>
  <li><span>fhtuehvjjw :</span><br></li>
  <li><span>fhtuehvjjw :</span><br></li>
  <li><span>fhtuehvjjw :</span><br></li>
</ol>

<ol>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ol>

<li><span>Arulmigu :</span>
  <br>
  <br>
  <br>
  <br>
</li>


*/

.waviy span {
  position: relative;
  display: inline-block;
  font-size: 38px;
  color: #000;
  letter-spacing: -5px;
  text-transform: uppercase;
  animation: waviy 3s infinite;
  animation-delay: calc(.1s * var(--i))
}

@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-5px)
  }
}


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

  .form-control {
      max-width: 100%;
  }

  #banner {
    padding: 50% !important;
    margin-top: 80px !important;
  }

  .templemain #banner {
    margin-top: 80px !important;
  }

  .blogpage #banner {
    background-position: right;
  }

  .blogsingle #banner:before {
    content: none;
  }

  .blogsingle #banner {
    background-position: bottom;
  }

  .pilgrimmain .kb-about .pf-ul1 {
      padding-left: 0;
      text-align: left;
  }

  .pilgrimmain .kb-about .pf-ul {
      padding-left: 0;
      padding: 0 0px;
  }

  .pilgrimmain #banner h1, .contactmain #banner h1, .blogpage #banner h1, .templemain #banner h1, .templemain #banner h1, .templepage #banner h1
  {
    display: none;
  }

  .mob-head-div {
      display: block;
      text-align: center;
      background: #f2e9de;
      margin-top: -1px;
      padding: 10px;
  }

  .contactmain .mob-head-div {
    display: block;
    text-align: center;
    margin-top: -30%;
    padding: 10px;
    z-index: 9999;
    background: none;
  }

  .contactmain #banner {
    padding-bottom: 0%;
    background: url(../images/templebg-ca.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 80px !important;
    position: relative !important;
    z-index: -1;
  }


}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/





/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*/
/* body {
    min-height: 100vh;
    background: linear-gradient(to left, #dce35b, #45b649);
} */

.pro-row .pro-col a img {
    height: 35vh;
}