*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
}
.logo{
  width: 120px;
  height: 65px;
}
a:hover{
  text-decoration: none !important;
}
.navbar{
  background-color: #fff;
  padding: 5px 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.navbar-light .navbar-nav .nav-link {
  color: #000;
  font-size: 15px;
  padding: 8px 15px;
  font-weight: 600;
  margin-right: 8px;
}
.cool-link {
  display: inline-block !important;
  color: #000 !important;
  text-decoration: none !important;
}

.cool-link::after {
  content: '' !important;
  display: block !important;
  width: 0 !important;
  height: 2px !important;
  background: #00a0e3 !important;
  transition: width .3s !important;
}
.cool-link:hover::after{
  width: 100% !important;
  /* //transition: width .3s; */
}

.on {
  display: inline-block !important;
  color: #000 !important;
  text-decoration: none !important;
}

.on::after {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  background: #00a0e3 !important;
  transition: width .3s !important;
}

.mainbtn{
  background-color: #00a0e3;
    color: #fff !important;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    transition: .3s ease;
    text-decoration: none !important;
}
.mainbtn:hover{
  background-color: #0e384c;
}
.mainbtn i {
  padding-left: 4px;
  font-size: 16px;
}



.slideimg{
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.carousel-item::before {
  content: "";
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  top: 0;
  left: 0px;
  right: 0;
}
.arrowicon{
  background-color: #00a0e3;
  padding: 10px;
  color: #fff;
opacity: 1;
}
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 15px;
  height: 15px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #00a0e3;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
.carousel-control-next, .carousel-control-prev {
  opacity: 1 !important;
}

.ptb-50{
  padding-top: 50px;
  padding-bottom: 50px;
}
.infocardsec{
  background-color: #eff8ff;
}
.infocard {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 4px 40px 0px #0000000F;
  border-radius: 30px;
  height: calc(100% - 30px);
  margin-bottom: 20px;
  padding: 30px;
  overflow: hidden;
  z-index: 1;
}

/* ==================about hoome==================== */
.about-image {
  background: url(../img/about-bg-image.svg) no-repeat;
  background-position: center center;
  background-size: auto;
  position: relative;
  margin-right: 50px;
  padding-bottom: 200px;
}
.about-img-1 {
  width: 410px;
}
.about-img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.about-img-1 img {
  aspect-ratio: 1 / 0.96;
  object-fit: cover;
  border-radius: 40px;
}
.reveal img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform-origin: left;
  transform-origin: left;
}
.image-anime:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.about-img-2 figure, .about-img-1 figure {
  display: block;
}
.reveal {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  visibility: hidden;
  overflow: hidden;
}
.image-anime {
  position: relative;
  overflow: hidden;
}
.about-img-2 img {
  aspect-ratio: 1 / 0.72;
  object-fit: cover;
  border: 7px solid #fff;
  border-radius: 40px;
}
.about-experience {
  position: absolute;
  top: 0;
  right: -4rem;
  transform: translate(-50%, 50%);
}
.about-experience img {
  animation: rotate 10s infinite linear;
}
@keyframes rotate {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

.section-title h3 {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accent-color);
  padding-left: 20px;
  margin-bottom: 10px;
}
.section-title h3::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/icon-sub-heading.svg) no-repeat;
  background-position: left center;
  background-size: cover;
  width: 12px;
  height: 12px;
}
.section-title h4{
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.section-title h4::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/icon-sub-heading.svg) no-repeat;
  background-position: left center;
  background-size: cover;
  width: 25px;
  height: 25px;
}
.section-title h2 {
  font-size: 44px;
  font-weight: 700;
  color: #0e384c;
  margin-bottom: 10px;
}
.fontset{
  color: #00a0e3 !important;
}
.about-us-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.about-us-body ul li {
  position: relative;
  width: calc(50% - 10px);
  font-weight: 600;
  color: #000;
  text-transform: capitalize;
  padding-left: 30px;
}
.about-us-body ul li:before {
  content: '\f058';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 20px;
  color: #00a0e3;
  display: inline-block;
  line-height: normal;
  position: absolute;
  top: 3px;
  left: 0;
}

.Map-rendering iframe{
  width: 100%;
  height: 50vh;
  object-fit: cover;
}
.fw-bold{
  font-weight: 700;
}
.ptb-80{
  padding: 80px 0px;
}
hr{
  height: 1px;
  background-color: #121212;
}


/* ==================Service home=================== */
.grey-bg{
  background-color: #F8F8F8;
}
/* Feature Box
---------------------*/
.servicecard {
  padding: 32px;
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  margin: 15px 0;
  position: relative;
  z-index: 1;
  background-color: #fff;
  height: calc(100% - 30px);
  border-radius: 10px;
  text-align: justify;
  overflow: hidden;
  /* border: 1px solid #00a0e3; */
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  top: 0;
}
.servicecard * {
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.servicecard img {
  width: 65px;
  height: 65px;
  line-height: 70px;
  background: #ffff;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border-radius: 10px;
  margin-bottom: 22px;
  padding: 8px;
  font-size: 27px;
}
.servicecard .icon i {
  line-height: 70px;
}

.servicecard p {
  margin: 0;
}
.servicecard:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  border-radius: 10px;
  width: 0;
  background: #0e384c;
  z-index: -1;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.servicecard:hover {
  top: -5px;
}
.servicecard:hover h4 {
  color: #ffffff;
}
.servicecard:hover p {
  color: rgba(255, 255, 255, 0.8);
}
.servicecard:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  left: 0;
  right: auto;
}
/* ===========tabs container---------- */
.tabbtn{
  background-color: #00a0e3 ;
  padding: 5px;
  border-radius: 5px;
  border: none;
  color: #fff;
  text-align: left;
  margin-bottom: 30px;
}
.tabbtn:hover{
  background-color: #0e384c !important;
}
.tabbtn p {
  font-size: 12px;
}
.content-box{
  padding-left: calc(30px + 30px);
}
.number{
  float: left;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #00a0e3;
  border-radius: 5px;
  font-weight: bold;
  background-color: #fff;
  box-shadow: 8px 8px 20px 0px rgba(42, 67, 113, 0.3);
  -webkit-box-shadow: 8px 8px 20px 0px rgba(42, 67, 113, 0.3);
  -moz-box-shadow: 8px 8px 20px 0px rgba(42, 67, 113, 0.3);
}

.testimonialsec{
  width: 100%;
  height: 100%;
  background-image: url(../img/testimonialback.jpg);
  background-size: cover;
  background-attachment: fixed;
}

.testimonial{
    text-align: center;
    position: relative;
}
.testimonial .description{
    padding: 30px;
    margin-bottom: 80px;
    border-left: 5px solid #fff;
    font-size: 15px;
    color: #fff;
    line-height: 33px;
    position: relative;
}
.testimonial .description:before,
.testimonial .description:after{
    content: "";
    width: 20%;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial .description:after{
    top: auto;
    bottom: 0;
}
.testimonial .title{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 15px 0;
    position: relative;
}
.testimonial:before,
.testimonial .title:before{
    content: "";
    width: 5px;
    height: 50px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .title:before{ top: -80px; }
.testimonial .pic{
    display: inline-block;
    width: 80px;
    height: 80px;
}
.testimonial .pic img{
    width: 80px;
    height: 80px;
    border-radius: 5px;
}
#testimonial-slider .owl-dot span{
	background-color: #ccc !important;
	padding: 7px !important;
  border-radius:  0px !important;
}
#testimonial-slider .owl-dot.active span{
	background-color: #00a0e3 !important;
}


.innerheadbg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.innerheadbg {
    background-position: center center !important;
}
.innerheadbg::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #0e384c;
  left: 0;
  top: 0;
  opacity: .8;
  z-index: 0;
}
.index-up {
  position: relative;
  z-index: 5;
}
footer{
  background-color: #0e384c !important;
}


/* ====================Aboutus=============== */
.breadcrum-area {
  padding-top: 170px;
  padding-bottom: 80px;
}
.breadcrum-area{
  background-image: url(../img/aboutpage/aboutbanner.jpg);
}
.aboutarrow {
  font-size: 14px;
}
.v-center{
  align-items: center;
  align-self: center;
}
p {
  font-size: 15px;
}
html .mt30 {
  margin-top: 30px;
}
.mb20{
  margin-bottom: 20px;
}
.s-block2{
  text-align: justify;
}

/* ================Contact =================== */
.contact-area {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width:768px) {
  .contact {
      margin-bottom: 60px;
  }
}

.contact input {
  background: #fff;
  border: 1px solid #00a0e3;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  height: 55px;
  padding: 10px;
  width: 100%;
  font-family: 'poppins', sans-serif;
  padding-left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact textarea {
  background: #fff;
  border: 1px solid #00a0e3;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  padding: 10px;
  width: 100%;
  resize: none;
  font-family: 'poppins', sans-serif;
  padding-left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact input:focus {
  background: #fff;
  border: 1px solid #0e384c;
  color: #232434;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
}

.contact textarea:focus {
  background: #fff;
  border: 1px solid #0e384c;
  color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
}

.form-control::placeholder {
  color: #000;
  opacity: 1;
}

/*START ADDRESS*/

.single_address {
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 40px;
}

@media only screen and (max-width:768px) {
  .single_address {
      padding-left: 0px;
  }
}

.single_address i {
  background: #f6f6f6;
  color: #00a0e3;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  float: left;
  margin-right: 14px;
  font-size: 22px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single_address:hover i {
  background: #00a0e3;
  color: #fff;
}

.single_address h4 {
  font-size: 18px;
  margin-bottom: 0px;
  overflow: hidden;
  font-weight: 600;
}

.single_address p {
  overflow: hidden;
  margin-top: 5px;
}
.caseinput {
  width: 30% !important;
  background: #fff;
  border: 1px solid #00a0e3;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  height: 50px;
  padding: 10px;
  font-family: 'poppins', sans-serif;
  padding-left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

th, td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}


/* =============Membership================= */
.Membershipform{
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 40px;
}


/*===============product page css===============*/

.btncollape{
  width: 100%;
  background-color: #000 !important;
}
.collapebtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-right: 20px; 
  background-color: rgba(66, 104, 210, 0.12);
  font-size: 14px;
  height: 35px !important;
  margin-bottom: 20px;
}
.arrow-icon {
  transition: transform 0.3s ease;
}
.link{
  font-size: 13px !important;
  color: #808080 !important;
  padding-left: 10px;
  cursor: pointer;
}

.collapebtn[aria-expanded="show"] .arrow-icon {
  transform: rotate(180deg);
}
.product-card{
  padding: 10px;
  margin-bottom: 25px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  height: calc(100% - 20px);
}



@media (max-width: 992px) {
  .navbar-collapse {
      position: fixed;
      top: 0px;
      left: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 55%;
      height: 100%;
      z-index: 100;
  }
  .navbar-light .navbar-nav .nav-link {
      color: #000;
      font-size: 18px;
      padding: 5px;
      margin-bottom: 10px;
  }

  .navbar-collapse.collapsing {
      left: -75%;
      transition: height 0s ease;
  }

  .navbar-collapse.show {
      left: 0;
      transition: left .2s ease-in-out;
  }

  .navbar-toggler.collapsed ~ .navbar-collapse {
      transition: left .2s ease-in-out;
  }
  .about-img-2 {
    width: 250px;
}
.about-img-1 {
  width: 100%;
}
.about-image {
  max-width: 100%;
  background-size: contain;
  padding-bottom: 80px;
  margin-right: 0px !important;
}
.about-experience {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  transform: translate(50px, -30px);
}
.about-experience img {
  max-width: 100px;
}
.about-us-body ul li {
  width: 100%;
  margin-bottom: 5px;
}
}