@import url('flaticon.css');
/*Service*/

.service-area {
  background: #fafafa none repeat scroll 0 0;
  padding: 95px 0 90px;
}

.single-service {
  border: 1px solid #eaeaea;
  border-radius: 3px;
}

.single-service .img {}

.single-service .img a {
  display: block;
  position: relative;
}

.single-service .img a::before {
  background: #3fb698 none repeat scroll 0 0;
  border-radius: 3px 3px 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.single-service:hover .img a::before {
  opacity: 0.6;
}

.single-service .img a::after {
  background: #fff none repeat scroll 0 0;
  border-radius: 100px;
  color: #333;
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-size: 20px;
  font-weight: 900;
  height: 50px;
  left: 50%;
  line-height: 50px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 50px;
}

.single-service:hover .img a::after {
  opacity: 1;
  visibility: visible;
}

.single-service .img a img {}

.single-service .content {
  background: #fff none repeat scroll 0 0;
  padding: 20px 26px 26px;
}

.single-service .content .title {
  color: #333333;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0 0 8px;
}

.single-service .content .text {
  border-bottom: 1px solid #cccccc;
  color: #333333;
  line-height: 24px;
  padding: 0 0 8px;
}

.single-service .content .order-more {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 0;
  position: relative;
}

.single-service .content .order-more::after {
  background: #cccccc none repeat scroll 0 0;
  content: "";
  height: 20px;
  position: absolute;
  right: 50%;
  top: 12px;
  width: 1px;
}

.single-service .content .order-more a {
  color: #333333;
  -moz-flex: 1 1 40%;
  -ms-flex: 1 1 40%;
  -o-flex: 1 1 40%;
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 7%;
  padding: 12px 0;
  text-align: center;
}

.single-service .content .order-more .order {
  border: 1px solid #3fb698;
  border-radius: 3px;
}

.single-service .content .order-more .order:hover {
  background: #3fb698 none repeat scroll 0 0;
  color: #fff;
}

.single-service .content .order-more .more {}

.single-service .content .order-more .more:hover {
  color: #3fb698;
}

.service-carousel .owl-dots {
  margin: 47px 0 0;
  text-align: center;
}

.service-carousel .owl-dots .owl-dot {
  background: #333333 none repeat scroll 0 0;
  border-radius: 100px;
  display: inline-block;
  height: 8px;
  margin-right: 17px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 8px;
}

.service-carousel .owl-dots .owl-dot.active {
  background: #3fb698 none repeat scroll 0 0;
}


.explore-service-area {
  background: #fafafa none repeat scroll 0 0;
  padding: 95px 0 70px;
}

.explore-service-area .single-service {
  margin: 0 0 30px;
}

/*Details*/

.service-detials-area {
  padding: 100px 0 31px;
}

.service-details {
  margin: 0 0 60px;
}

.bd-img {
  margin: 0 0 41px;
}

.bd-img img {
  border: 3px solid #efefef;
}

.bd-title {
  color: #333333;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0 0 15px;
}

.bd-text {
  color: #333333;
  font-size: 15px;
  line-height: 25px;
  margin: 0 0 43px;
}

.bd-accordion {
  margin: 0 0 32px;
}

.bd-accordion .bda-title {
  color: #333333;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0 0 22px;
}

.bd-accordion .card {
  border: 0 none;
}

.bd-accordion .card .card-header {
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 8px -2px rgb(189, 183, 189);
  box-shadow: 0 0 8px -2px rgb(189, 183, 189);
  margin: 0 0 15px;
  padding: 0;
}

.bd-accordion .card .card-header .mb-0 {}

.bd-accordion .card .card-header .mb-0 .btn {
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  padding: 13px 28px;
  position: relative;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 100%;
}

.bd-accordion .card .card-header .mb-0 .btn::before {
  background: #3fb698 none repeat scroll 0 0;
  color: #fff;
  content: "\f068";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  height: 25px;
  line-height: 25px;
  position: absolute;
  right: 14px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 25px;
}

.bd-accordion .card .card-header .mb-0 .btn.collapsed::before {
  opacity: 0;
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

.bd-accordion .card .card-header .mb-0 .btn::after {
  background: #3fb698 none repeat scroll 0 0;
  color: #fff;
  content: "\f067";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  height: 25px;
  line-height: 25px;
  opacity: 0;
  position: absolute;
  right: 14px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 25px;
}

.bd-accordion .card .card-header .mb-0 .btn.collapsed::after {
  opacity: 1;
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

.bd-accordion .card .collapse {
  -webkit-box-shadow: 0 0 8px -2px rgb(189, 183, 189);
  box-shadow: 0 0 8px -2px rgb(189, 183, 189);
  margin: 0 0 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.bd-accordion .card .collapse .card-body,
.bd-accordion .card .collapsing .card-body {
  padding: 12px 28px 32px;
}

.bd-accordion .card .collapse .card-body .ques,
.bd-accordion .card .collapsing .card-body .ques {
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 19px;
  margin: 0 0 5px;
}

.bd-accordion .card .collapse .card-body .ans,
.bd-accordion .card .collapsing .card-body .ans {
  color: #333333;
  font-size: 15px;
  line-height: 25px;
}

/*section-title*/

header {}

.header-upper-area {
  background: #00324c none repeat scroll 0 0;
  padding: 14px 0;
}

.lang-time {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 6px 0;
}

.lt-language {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}

.lt-language::after {
  background: #687377 none repeat scroll 0 0;
  content: "";
  height: 20px;
  position: absolute;
  right: 22px;
  top: 0;
  width: 1px;
}

.lt-language .current {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  line-height: 17px;
  position: relative;
}

.lt-language .current::before {
  color: #3fb698;
  content: "";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 40px;
  top: 1px;
  font-weight: 900;
}

.lt-language .list {
  background: #00324c none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 10px -2px rgb(133, 126, 133);
  box-shadow: 0 0 10px -2px rgb(133, 126, 133);
  list-style: outside none none;
  opacity: 0;
  padding: 4px 2px;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100px;
  z-index: 9;
}

.lt-language:hover .list {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.lt-language .list li {
  display: block;
}

.lt-language .list li a {
  color: #fff;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  padding: 4px 8px;
}

.lt-time {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: -6px;
}

.lt-time .time {
  color: #fff;
  font-size: 13px;
  line-height: 17px;
}

.lt-time .time span {
  color: #3fb698;
  margin-right: 5px;
}

.address-phone {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 6px 0;
}

.ap-address {
  -moz-flex: 1 1 60%;
  -ms-flex: 1 1 60%;
  -o-flex: 1 1 60%;
  -webkit-box-flex: 1;
  flex: 1 1 60%;
  position: relative;
}

.ap-address::after {
  background: #687377 none repeat scroll 0 0;
  content: "";
  height: 20px;
  position: absolute;
  right: 16px;
  top: 0;
  width: 1px;
}

.ap-address .address {
  color: #fff;
  font-size: 13px;
  line-height: 17px;
}

.ap-address .address span {
  color: #3fb698;
  margin-right: 5px;
}

.ap-phone {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}

.ap-phone .phone {
  color: #fff;
  font-size: 13px;
  line-height: 17px;
}

.ap-phone .phone span {
  color: #3fb698;
  margin-right: 5px;
}

.ap-phone .phone span i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.header-social {}

.header-social ul {
  list-style: outside none none;
  padding: 0;
  text-align: right;
}

.header-social ul li {
  display: inline-block;
}

.header-social ul li a {
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 17px;
  margin-left: 10px;
}

.header-social ul li a:hover {
  color: #3fb698;
}