@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,400,400i,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Playball");

@import url("page-css/nav-style.css");
@import url("page-css/services-page-style.css");
@import url("page-css/team-page-style.css");
@import url("page-css/faq-page-style.css");
@import url("page-css/testimonials-page-style.css");
@import url("page-css/blog-pages-style.css");
@import url("page-css/contact-page-style.css");

body {
  line-height: 24px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #898989;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", sans-serif;
}
img {
  max-width: 100%;
}
p {
  padding: 0 0 10px 0;
  margin: 0;
  color: #6b6b6b;
  line-height: 26px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
h1 {
  font-size: 36px;
}
/*Form Style   ||-----------*/

button {
  outline: none;
  border: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  display: inline-block;
  border: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="radio"],
input[type="checkbox"],
textarea,
select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ddd;
  -webkit-border-radius: 0px;
  border-radius: 4px;
  color: #888;
  outline: none;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 13px;
  transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  display: inline-block;
  background-color: #fff;
  width: 100%;
  padding: 8px 10px;
}
/*input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
  border-color: #000;
  color: #323232;
}*/

.input-sm {
  padding: 12px 15px;
  height: auto;
}

.navbar-brand img{
    width:200px;
}

label {
  color: #323232;
  font-size: 16px;
  margin-bottom: 10px;
  padding-right: 3px;
  margin-top: 6px;
  font-weight: normal;
}
.form-full {
  width: 100%;
}
.row.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}
.ptn-0 {
  padding-top: 0px !important;
}

.sec-pad {
  padding: 100px 0;
}
#success {
  display: none;
}

#error {
  display: none;
}

.display_table {
  display: table;
  width: 100%;
}

.display_table_row {
  display: table-row;
}

.display_table_cell {
  display: table-cell;
  float: none !important;
}

iframe {
  border: none;
}

i:before {
  margin-left: 0px !important;
}
.center {
  margin: auto;
  display: table;
}
.btn-full {
  width: 100% !important;
  display: inline-block;
  text-align: center;
  padding: 10px 0;
}
.btn-xlg {
  padding: 15px 50px;
}
#main_slider5 {
  height: 500px !important;
}

.btn-lg {
  padding: 12px 30px;
  display: inline-block;
}

.btn-md {
  padding: 11px 20px;
  display: inline-block;
}

.btn-xs {
  padding: 11px 15px 10px;
  display: inline-block;
}
/* Main Button */
.theme-btn {
  position: relative;
  display: inline-block;
  padding: 14px 35px;
  background: linear-gradient(135deg, #6a1b9a, #8e24aa);
  color: #fff;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 8px 20px rgba(106, 27, 154, 0.25);
  z-index: 1;
}

.theme-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ffd54f, #ffc107);
  transition: 0.5s;
  z-index: -1;
}

.theme-btn:hover::before {
  left: 0;
}

.theme-btn:hover {
  color: #3e1b5d;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(106, 27, 154, 0.35);
  text-decoration: none;
}

/* Secondary Button */
.theme-btn-black {
  position: relative;
  display: inline-block;
  padding: 14px 35px;
  background: linear-gradient(135deg, #ffd54f, #ffc107);
  color: #4a148c;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 8px 20px rgba(255, 193, 7, 0.3);
  z-index: 1;
}

.theme-btn-black::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #6a1b9a, #8e24aa);
  transition: 0.5s;
  z-index: -1;
}

.theme-btn-black:hover::before {
  left: 0;
}

.theme-btn-black:hover {
  color: #fff;
  transform: translateY(-3px);
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(106, 27, 154, 0.35);
}
/* Main title css
============================================================================================ */
.sec_middle_title {
  text-align: left;
  margin: auto;
}

.sec_middle_title h2 {
  font-size: 30px;
  color: #242424;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  padding-bottom: 20px;
}
.sec_middle_title h2::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #000;
  display: inline-block;
  position: relative;
  margin-left: 10px;
}
.sec_middle_title h2 span {
  color: #18ba60;
}

.sec_middle_title p {
  font-size: 17px;
  line-height: 28px;
  color: #898989;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.34px;
}

.section_title {
  padding-bottom: 45px;
}

.section_title h2 {
  font-size: 28px;
  color: #242424;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.84px;
}

.section_title p {
  font-size: 17px;
  line-height: 28px;
  color: #898989;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  padding-top: 20px;
}

.section_w_title {
  padding-bottom: 40px;
}

.section_w_title h2 {
  font-size: 28px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.84px;
}

.section_w_title p {
  font-size: 17px;
  line-height: 28px;
  color: #898989;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  padding-top: 20px;
}

/* start top header*/
.menu_color .header_top {
  background: linear-gradient(90deg, #2d0b45, #4b1d73);
}

.menu_color .header_top .header_top_inner .pull-left a {
  color: #fff;
  opacity: 1;
}

.menu_color .header_top .header_top_inner .pull-right .header_social li a {
  opacity: 1;
}
/* end top header*/

/*----------------------------------------------------*/
/* Slider area css
============================================================================================ */
/* =========================================
   Astro Arti Premium Slider
=========================================*/
.hero-banner {
  padding: 40px 0px;
  background: linear-gradient(135deg, #1e0d2f, #4a148c);
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hero-overlay {
  position: absolute;

  inset: 0;

  background: url("img/banner/stars.png");

  opacity: 0.15;
}

.hero-content {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 60px;
}

.hero-text {
  width: 55%;
}

.hero-tag {
  display: inline-block;

  background: rgba(255, 255, 255, 0.12);

  color: #ffd54f;

  padding: 10px 20px;

  border-radius: 30px;

  margin-bottom: 25px;

  backdrop-filter: blur(10px);
}

.hero-text h1 {
  color: #fff;
  font-size: 50px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 25px;
}
.hero-text p {
  color: #e5d8f6;

  font-size: 20px;

  line-height: 1.8;

  margin-bottom: 40px;
}

.hero-buttons a {
  display: inline-block;

  padding: 16px 38px;

  border-radius: 50px;

  text-decoration: none;

  font-weight: 600;

  margin-right: 15px;

  transition: 0.4s;
}

.btn-primary {
  background: #ffc107;

  color: #4a148c;
}

.btn-primary:hover {
  background: #ffd54f;

  transform: translateY(-4px);
}

.btn-secondary {
  border: 2px solid #fff;

  color: #fff;
}

.btn-secondary:hover {
  background: #fff;

  color: #4a148c;
}

.hero-image {
  width: 40%;

  text-align: center;
}

.hero-image img {
  max-width: 100%;

  animation: float 4s ease-in-out infinite;

  filter: drop-shadow(0 20px 50px rgba(255, 193, 7, 0.35));
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .hero-content {
    flex-direction: column;

    text-align: center;
  }

  .hero-text,
  .hero-image {
    width: 100%;
  }

  .hero-text h1 {
    font-size: 42px;
  }
}

.main_btn {
  display: inline-block;
  padding: 15px 38px;
  border-radius: 50px;
  background: linear-gradient(135deg, #7b1fa2, #9c27b0);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.4s;
  box-shadow: 0 15px 35px rgba(123, 31, 162, 0.35);
  border: none;
}

.main_btn:hover {
  background: linear-gradient(135deg, #ffd54f, #ffc107);
  color: #4a148c;
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(255, 193, 7, 0.45);
}

.main_b_btn {
  display: inline-block;
  padding: 15px 38px;
  border-radius: 50px;
  background: transparent;
  border: 2px solid #ffd54f;
  color: #ffd54f;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.4s;
}

.main_b_btn:hover {
  background: #ffd54f;
  color: #4a148c;
  transform: translateY(-4px);
  box-shadow: 0 15px 35px rgba(255, 193, 7, 0.4);
}

.slider_button a {
  margin-right: 15px;
  margin-top: 15px;
}

/* End Slider area css
============================================================================================ */
/*---------------------------------------------------- */

/*================ CTA Section =================*/

.cta-section {
  padding: 60px 0;
  background: #faf6ff;
}

.cta-box {
  background: linear-gradient(135deg, #4a148c, #7b1fa2, #9c27b0);

  border-radius: 25px;

  padding: 25px 50px;

  text-align: center;

  color: #fff;

  position: relative;

  overflow: hidden;

  box-shadow: 0 25px 60px rgba(74, 20, 140, 0.25);
}

.cta-box::before {
  content: "";

  position: absolute;

  width: 300px;

  height: 300px;

  background: rgba(255, 255, 255, 0.08);

  border-radius: 50%;

  top: -120px;

  right: -100px;
}

.cta-box::after {
  content: "";

  position: absolute;

  width: 250px;

  height: 250px;

  background: rgba(255, 193, 7, 0.12);

  border-radius: 50%;

  bottom: -120px;

  left: -80px;
}

.cta-content {
  position: relative;

  z-index: 2;
}

.cta-tag {
  display: inline-block;

  background: rgba(255, 255, 255, 0.15);

  color: #ffd54f;

  padding: 10px 24px;

  border-radius: 30px;

  margin-bottom: 20px;

  font-size: 15px;

  font-weight: 600;
}

.cta-content h2 {
  font-size: 42px;

  color: #fff;

  margin-bottom: 20px;

  font-weight: 700;
}

.cta-content p {
  max-width: 750px;

  margin: 0 auto 20px;

  color: #f3e8ff;

  font-size: 18px;

  line-height: 1.8;
}

.cta-btn {
  display: inline-block;

  padding: 15px 38px;

  background: #ffc107;

  color: #4a148c;

  font-weight: 600;

  border-radius: 50px;

  text-decoration: none;

  margin: 10px;

  transition: 0.4s;
}

.cta-btn:hover {
  background: #fff;

  color: #4a148c;

  transform: translateY(-5px);

  text-decoration: none;
}

.cta-btn-outline {
  display: inline-block;

  padding: 15px 38px;

  border: 2px solid #fff;

  color: #fff;

  font-weight: 600;

  border-radius: 50px;

  text-decoration: none;

  margin: 10px;

  transition: 0.4s;
}

.cta-btn-outline:hover {
  background: #fff;

  color: #4a148c;

  text-decoration: none;

  transform: translateY(-5px);
}

@media (max-width: 768px) {
  .cta-box {
    padding: 50px 25px;
  }

  .cta-content h2 {
    font-size: 30px;
  }

  .cta-content p {
    font-size: 16px;
  }
}

/*----- Start Why Choose us area -----*/
.why-choose_area {
  position: relative;
  padding: 50px 0;
}
.why-choose_area h2 {
  font-size: 23px;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 0.9px;
  margin-bottom: 10px;
}
.why-choose_area h2::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #000;
  display: inline-block;
  position: relative;
  margin-left: 0px;
}
.why-choose_area .sub-stitle {
  letter-spacing: 0.3px;
  font-size: 20px;
  color: #242424;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.why-choose_area .sec_middle_title {
  padding-bottom: 60px;
}
.twenty-year {
  width: 100%;
  float: left;
}
.twenty-year h1 {
  margin: 0;
  padding-top: 40px;
  font-size: 116px;
  font-family: arial;
  font-weight: bold;
  color: #f8a555;
  float: left;
}
.trolly-img {
  float: left;
}
.experience-cnt {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.experience-cnt h2 {
  margin: 0;
  padding-top: 20px;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  color: #000;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
.experience-cnt span {
  margin: 0;
  padding-top: 20px;
  padding-left: 10px;
  font-size: 50px;
  font-family: "Open Sans", sans-serif;
  color: #000;
  float: left;
  font-weight: 600;
  text-transform: capitalize;
}
.experience-cnt p {
  margin: 0;
  padding-top: 20px;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #565656;
  float: left;
  font-weight: 100;
}
.why-choose_area .why-img {
  width: 174px;
  height: 173px;
  border: 1px solid #e3e2e0;
  float: left;
  margin-right: 20px;
  padding: 3px;
}
.why-choose_area .cnt-points {
  width: 100%;
  float: left;
  margin: 0 0 10px 0;
}
.why-choose_area .cnt-points ul {
  margin: 0;
  padding: 0;
}
.why-choose_area .cnt-points li {
  line-height: 35px;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  float: left;
  font-size: 16px;
  color: #000;
}
.why-choose_area .cnt-points .icon {
  float: left;
  color: #000;
  font-size: 24px;
  margin-right: 10px;
}
.quote-form {
}
.quote-form .widget-title {
  background: #000 none repeat scroll 0 0;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
  width: 100%;
  height: 113px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.qoute-mn {
  float: left;
  bottom: 30px;
  position: relative;
}
.quote-txt-img {
  float: left;
  margin-top: 30px;
}
.quote-form-inner {
  background-color: #000;
  padding: 28px 20px;
}
.quote-form input[type="text"],
input[type="email"],
input[type="button"] {
  margin-bottom: 10px;
  border-radius: 0;
}
.quote-form select {
  margin-bottom: 10px;
  border-radius: 0;
}
.quote-form textarea {
  margin-bottom: 10px;
  border-radius: 0;
}
/* End quote-form*/

/*===== End Why Choose us area ====*/

/* start service Box area css
============================================================================================ */
.service_box_area{

    padding:60px 0;


}

.service_box_item{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    margin:15px;

}

.service_box_item:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(106,27,154,.18);

}

.service_image{

    overflow:hidden;

}

.service_image img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.5s;

}

.service_box_item:hover img{

    transform:scale(1.08);

}

.service_box_item h4 {
    font-size: 22px;
    color: #4A148C;
    padding: 10px 0px;
    background: #fff;
    text-transform: none;
    font-weight: 700;
}

.service_text{

    padding:0 25px 30px;

    background:#fff;

}

.service_text p{

    color:#666;

    line-height:1.8;

    min-height:110px;

}

.service_price {
    display: inline-block;
    background: #FFF3CD;
    color: #4A148C;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 30px;
    margin-top: 10px;
}

.service_text .theme-btn{

    width:100%;

    border-radius:50px;

    text-align:center;

    background:linear-gradient(135deg,#6A1B9A,#9C27B0);

    color:#fff;

}
/*--- End service Box css--- */

/* Start dwn section*/
.dwn_app_area {
  background: #002945;
  height: 200px;
}
.dwn_app_area.bg-img {
  /* background:url(../img/bg/bg-1.jpg);*/
  background-size: cover;
}
.dwn_app_area h3 {
  font-size: 34px;
  color: #fff;
  font-weight: 300;
  font-family: "Playball", cursive;
  letter-spacing: 0.64px;
  padding-top: 20px;
  text-align: center;
  font-style: italic;
}
.dwn_app_area h3::before {
  content: "";
  display: block;
  position: relative;
  top: 80px;
  left: -28px;
  height: 41px;
  background: url(../img/resource/arrow.png) no-repeat;
}
.dwn_app_area p {
  color: #fff;
  padding-top: 60px;
  font-style: italic;
}
.dwn_app_area h4 {
  font-size: 26px;
  color: #ffce30;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.64px;
  padding-top: 15px;
  font-weight: 300;
  text-align: center;
}
.dwn_app_area .btn-col {
  padding-top: 60px;
  float: right;
}
.dwn_app_area .btn-1 {
  float: left;
  margin-right: 10px;
}
.dwn_app_area .btn-1:last-child {
  margin-right: 0;
}
.mover-mn-ap {
  top: -114px;
  position: absolute;
  z-index: 2;
}
/* End dwn section*/

/*================ Testimonials =================*/

.testimonial-area{

    padding:60px 0;

    background:#f8f4ff;

}

.section-title{

    margin-bottom:60px;

}

.section-title span{

    color:#FFC107;

    font-weight:600;

    letter-spacing:1px;

}

.section-title h2{

    font-size:42px;

    color:#4A148C;

    margin:15px 0;

    font-weight:700;

}

.section-title p{

    color:#666;

    max-width:700px;

    margin:auto;

}

.testimonial-box{

    background:#fff;

    padding:35px;

    border-radius:20px;

    margin-bottom:30px;

    transition:.4s;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    position:relative;

}

.testimonial-box:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(106,27,154,.18);

}

.quote-icon{

    width:60px;

    height:60px;

    background:linear-gradient(135deg,#6A1B9A,#9C27B0);

    border-radius:50%;

    color:#fff;

    line-height:60px;

    text-align:center;

    font-size:22px;

    margin-bottom:20px;

}

.testimonial-box p{

    color:#555;

    line-height:1.9;

    font-size:16px;

    min-height:150px;

}
.testimonial-icon-box {
display: flex;
    justify-content: space-between;
}

.client-info{

    /*border-top:1px solid #eee;*/

    /*padding-top:20px;*/

}

.client-info h4{

    color:#4A148C;

    margin-bottom:5px;

    font-weight:600;

}

.client-info span{

    color:#888;

    display:block;

    margin-bottom:10px;

}

.rating{

    color:#FFC107;

    font-size:18px;

    letter-spacing:3px;

}

/*-- Start Our Service area boxes icon --*/
.our_service_area {
  background-color: #f2f2f2;
  padding: 100px 0px;
}

.our_service_area.our_white_service {
  background: #fff;
}

.our_service_area.our_white_service .section_title {
  padding-bottom: 17px;
}

.service_inner {
  margin-bottom: -30px;
  overflow: hidden;
}

.service_item {
  padding: 34px 15px 34px 24px;
  background: #fff;
  margin-bottom: 30px;
  -webkit-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}

.service_item .media .media-left {
  padding-right: 20px;
  position: relative;
}
.service_item .media .media-left img {
  max-width: none;
}

.service_item .media .media-left img + img {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.service_item .media .media-body h4 {
  font-size: 16px;
  color: #242424;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 15px;
}

.service_item .media .media-body p {
  font-size: 16px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.32px;
  color: #898989;
  font-weight: 400;
  padding-bottom: 15px;
}

.service_item .media .media-body .more_link {
  font-size: 14px;
}

.service_item:hover {
  background: #f8a555;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
}

.service_item:hover .media .media-left img {
  opacity: 0;
}

.service_item:hover .media .media-left img + img {
  opacity: 1;
}

.service_item:hover .media .media-body h4 {
  color: #fff;
}

.service_item:hover .media .media-body p {
  color: #fff;
}

.more_link {
  font-weight: bold;
  letter-spacing: 0.384px;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.more_link:hover {
  text-decoration: underline;
  color: #000;
}
/* End Our Service area boxes icon */

/* start faq section css*/
.faq_area {
  padding: 0 0 79px 0;
}
.faq_area .panel.panel-default {
  border-radius: 0px;
  border-color: #e3dfdb;
  margin-top: 10px;
}
.faq_area .panel.panel-default:first-child {
  margin-top: 0px;
}
.faq_area .panel.panel-default .panel-heading {
  padding: 0px;
  border-radius: 0px;
}
.faq_area .panel.panel-default .panel-heading .panel-title a {
  line-height: 52px;
  padding: 0px 15px;
  background: #fff;
  display: block;
  font-size: 18px;
  color: #242424;
  letter-spacing: 0.54px;
  background-color: transparent;
  font-weight: bold;
}
.faq_area .panel.panel-default .panel-heading .panel-title a i {
  height: 28px;
  width: 28px;
  text-align: center;
  background: transparent;
  display: inline-block;
  line-height: 28px;
  color: #fff;
  font-size: 10px;
  margin-right: 20px;
  background: #d62b18;
  margin-top: 14px;
  float: right;
}
.faq_area .panel.panel-default .panel-heading .panel-title a .fa-plus {
  display: none;
}
.faq_area .panel.panel-default .panel-heading .panel-title a .fa-minus {
  display: inline-block;
  background: #000;
  color: #fff;
  float: right;
  border-radius: 50%;
}
.faq_area
  .panel.panel-default
  .panel-heading
  .panel-title
  a.collapsed
  .fa-plus {
  display: inline-block;
  border-radius: 50%;
}
.faq_area
  .panel.panel-default
  .panel-heading
  .panel-title
  a.collapsed
  .fa-minus {
  display: none;
}
.faq_area .panel.panel-default .panel-collapse .panel-body {
  border-top: 0px;
  padding: 15px 15px 15px 15px;
  font-size: 15px;
  line-height: 26px;
  color: #000;
  letter-spacing: 0.45px;
  font-family: "Open Sans", sans-serif;
}
.faq_area .fq_left_area {
}
.video-bx {
}
.video-image-box {
  position: relative;
}
.video-image-box .image {
  position: relative;
}
.video-image-box img {
  display: block;
  width: 100%;
}
.video-image-box .image .overlay-link {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  /*background: rgba(0, 37, 74, 0.46);*/
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.video-image-box .image .overlay-link:hover {
}
.video-image-box .image .overlay-link .icon-border {
  border: 6px solid #fff;
  width: 100px;
  height: 100px;
  background-color: transparent;
  padding: 5px;
  border-radius: 50%;
  margin: 23% auto 0 auto;
}
.video-image-box .image .overlay-link .icon {
  width: 78px;
  height: 78px;
  line-height: 84px;
  font-size: 35px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding-left: 8px;
}

/*----------------------------------------------------*/
/* Latest News area css
============================================================================================ */
.latest_news_area {
  padding: 95px 0px;
}
.latest_news_area .sec_middle_title {
  padding-bottom: 60px;
}
.latest_n_item .l_n_image {
  position: relative;
  overflow: hidden;
  z-index: 3;
}

.latest_n_item .l_n_image:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.latest_n_item .l_n_image img {
  max-width: 100%;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.latest_n_item .l_n_image .date {
  z-index: 3;
}
.latest_n_item .ctn_bx {
  box-shadow: 0px 4px 16px 0px rgba(204, 204, 204, 1);
  padding: 20px;
}
.latest_n_item .ctn_bx h4 {
  font-size: 18px;
  line-height: 26px;
  color: #242424;
  font-weight: bold;
  letter-spacing: 0.36px;
  padding: 20px 0px 15px 0px;
}

.latest_n_item .ctn_bx p {
  font-size: 15px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  padding-bottom: 20px;
}

.latest_n_item:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.latest_n_item:hover:before {
  opacity: 1;
}

.date {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #d62b18;
  text-align: center;
  color: #fff;
  padding: 8px 20px;
  border-radius: 0px;
  border: 1px solid #fff;
  border-left: none;
}

.date h5 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0.66px;
  padding-top: 0px;
  line-height: 22px;
}

.date h5 span {
  font-size: 16px;
  line-height: 16px;
}

/* End Latest News area css
============================================================================================ */

/* start clients css */
#clients {
  padding: 0px 0 50px;
  background-color: #fff;
}
#clients .sec_middle_title {
  text-align: left;
  margin: auto;
  padding-bottom: 0px;
}
#clients .owl-carousel {
  padding: 0 70px;
  position: relative;
}
#clients .container .item {
  height: 145px;
  line-height: 145px;
}
#clients .container .item img {
  transition: all 0.3s ease 0s;
  display: inline;
}
#clients .container .owl-theme .owl-controls {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#clients .container .owl-theme .owl-nav {
  margin: 0;
}
#clients .container .owl-theme .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#clients .container .owl-prev {
  left: 0px;
  position: absolute;
  top: 0;
  line-height: 145px;
}
#clients .container .owl-theme .owl-nav div .fa {
  color: #b9b9b9;
  font-size: 30px;
}
#clients .container .owl-theme .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#clients .container .owl-next {
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 145px;
}
#clients .container .owl-theme .owl-nav div .fa {
  color: #b9b9b9;
  font-size: 30px;
}

.footer-top {
  position: relative;
  top: 0px;
  overflow: hidden;
  z-index: 999;
}
.thm-container {
  max-width: 1170px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.footer-top .img-box {
  padding: 0;
}
.footer-top img {
  position: relative;
  z-index: 9;
}
.footer-top .right-text {
  padding: 0;
  position: relative;
}
.footer-top .right-text::before {
  content: "";
  width: 2500px;
  position: absolute;
  top: 80px;
  left: -67px;
  height: 100%;
  background: #002945;
  transform: skew(48deg);
  z-index: 4;
}
.footer-top .right-text .box {
  position: relative;
  padding-left: 80px;
  padding-top: 75px;
  padding-bottom: 60px;
}
.footer-top .right-text .box::before {
  content: "";
  width: 1920px;
  position: absolute;
  height: 100%;
  top: 50px;
  margin-right: 85px;
  right: 100%;
  transform: skew(-37deg);
  background-color: transparent;
  z-index: -1;
}
.footer-top .right-text .text-box {
  position: relative;
  z-index: 10;
  top: 50px;
}
.footer-top .right-text .text-box h3 {
  font-size: 26px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
}
.footer-top .right-text .text-box p {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  margin-top: 10px;
}
.footer-top .right-text .text-box .number {
  color: #d62b18;
  font-size: 30px;
  font-weight: bold;
  font-family: "Open Sans";
  font-style: normal;
  vertical-align: middle;
}
.footer-top .right-text::after {
  content: "";
  width: 1920px;
  position: absolute;
  height: 100%;
  top: 65px;
  margin-right: 83px;
  right: 100%;
  background-image: url(../images/footer-top-bg.html);
  background-position: center top;
  transform: skew(48deg);
  /*opacity: .1;*/
  background-color: #d62b18;
}

/* Footer Area css
============================================================================================ */

.gallery {
  padding: 25px 0;
}

.gallery img {
  border-radius: 5px;
}

.gallery .col-md-4 {
  margin-top: 20px;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*================ Footer =================*/

.footer_area{
    background:linear-gradient(135deg,#2B0B45,#4A148C,#6A1B9A);
    position:relative;
    padding-top:80px;
    color:#fff;
}

.footer_area:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url("../img/bg/stars.png");
    opacity:.05;
}

.footer_widget{
    padding-bottom:60px;
    position:relative;
    z-index:2;
}

.f_widget{
    margin-bottom:35px;
}

.f_widget.padd-l-60{
    padding-left:40px;
}

/*---------------- Title ----------------*/

.f_title{
    margin-bottom:30px;
}

.f_title h3{

    font-size:22px;

    color:#FFD54F;

    font-weight:700;

    text-transform:capitalize;

    position:relative;

    padding-bottom:15px;

}

.f_title h3:before{

    content:"";

    width:60px;

    height:3px;

    background:#FFC107;

    position:absolute;

    bottom:0;

    left:0;

    border-radius:50px;

}

/*---------------- About ----------------*/

.about_widget img{

    height:70px;

    background:#fff;

    padding:8px;

    border-radius:10px;

}

.about_widget p{

    color:#ddd;

    line-height:1.9;

    font-size:15px;

    margin:25px 0;

}

.about_widget .f_r_link{

    color:#FFD54F;

    font-weight:600;

    transition:.3s;

}

.about_widget .f_r_link:hover{

    color:#fff;

    text-decoration:none;

}

/*---------------- Social ----------------*/

.f_social{

    margin-top:25px;

}

.f_social li{

    display:inline-block;

    margin-right:10px;

}

.f_social li a{

    width:42px;

    height:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.08);

    color:#FFD54F;

    border-radius:50%;

    transition:.4s;

    font-size:18px;

}

.f_social li a:hover{

    background:#FFC107;

    color:#4A148C;

    transform:translateY(-5px);

}

/*---------------- Links ----------------*/

.link_widget ul{

    padding:0;

    margin:0;

}

.link_widget ul li{

    list-style:none;

    margin-bottom:12px;

}

.link_widget ul li a{

    color:#ddd;

    text-decoration:none;

    transition:.3s;

    font-size:15px;

}

.link_widget ul li a:hover{

    color:#FFD54F;

    padding-left:8px;

}

/*---------------- Contact ----------------*/

.contact_inner .media{

    margin-bottom:20px;

}

.contact_inner .media-left{

    padding-right:18px;

}

.contact_inner .media-left i{

    width:42px;

    height:42px;

    background:#FFD54F;

    color:#4A148C;

    border-radius:50%;

    text-align:center;

    line-height:42px;

    font-size:18px;

}

.contact_inner .media-body p,

.contact_inner .media-body a{

    color:#ddd;

    line-height:26px;

    text-decoration:none;

    transition:.3s;

}

.contact_inner .media-body a:hover{

    color:#FFD54F;

}

/*---------------- Copyright ----------------*/

.footer_copyright{

    border-top:1px solid rgba(255,255,255,.12);

    padding:25px 0;

    position:relative;

    z-index:2;

}

.footer_copyright_inner{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

}

.footer_copyright p,

.footer_copyright a{

    color:#ddd;

    margin:0;

    text-decoration:none;

    transition:.3s;

}

.footer_copyright a:hover{

    color:#FFD54F;

}

/*---------------- Mobile ----------------*/

@media(max-width:767px){

.footer_copyright_inner{

flex-direction:column;

text-align:center;

gap:12px;

}

.f_widget.padd-l-60{

padding-left:0;

}

}

/* End Footer Area css
============================================================================================ */
/*---------------------------------------------------- */

/* Partner Logo area css
============================================================================================ */
.partner_area {
  background: #eeeeee;
}

/* End Partner Logo area css
============================================================================================ */

/* Banner Area css
============================================================================================ */
.banner_area_plane {
  background: url(../img/banner/banner-bg.jpg) no-repeat scroll center center;
  background-size: cover;
  min-height: 200px;
  position: relative;
  z-index: 2;
}

.banner_area_plane:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.banner_area_plane .banner_content h3 {
  padding-top: 80px;
  color: #fff;
  font-size: 35px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

.banner_link {
  background: #f1f1f1;
  border-bottom: 1px solid #d3d3d3;
}

.banner_link .b_crum_link_inner a {
  font-size: 16px;
  color: #242424;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.32px;
  margin-right: 25px;
  line-height: 60px;
  position: relative;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.banner_link .b_crum_link_inner a:before {
  content: "\f101";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #242424;
}

.banner_link .b_crum_link_inner a:last-child {
  margin-right: 0px;
}

.banner_link .b_crum_link_inner a:first-child:before {
  display: none;
}

.banner_link .b_crum_link_inner a:hover,
.banner_link .b_crum_link_inner a.active {
  color: #242424;
}

/*----------------------------------------------------*/
/* Banner Area css
============================================================================================ */
.banner_area {
  background: url(../img/banner/banner-bg.jpg) no-repeat scroll center center;
  background-size: cover;
  min-height: 352px;
  position: relative;
  z-index: 2;
}

.banner_area:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.banner_area .banner_content h3 {
  padding-top: 215px;
  color: #fff;
  font-size: 45px;
  font-weight: 600;
}

.banner_link {
  background: #d5d5d5;
  border-bottom: 1px solid #d3d3d3;
}

.banner_link .abnner_link_inner a {
  font-size: 16px;
  color: #242424;
  letter-spacing: 0.32px;
  margin-right: 25px;
  line-height: 60px;
  position: relative;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.banner_link .abnner_link_inner a:before {
  content: "\f101";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #242424;
}

.banner_link .abnner_link_inner a:last-child {
  margin-right: 0px;
}

.banner_link .abnner_link_inner a:first-child:before {
  display: none;
}

.banner_link .abnner_link_inner a:hover,
.banner_link .abnner_link_inner a.active {
  color: #242424;
}

/* End Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Our Abour Area css
============================================================================================ */
.our_about_area {
  padding: 100px 0px;
}

.our_about_left_content {
  padding-right: 10px;
}

.our_about_left_content .section_title {
  padding-bottom: 30px;
}

.our_about_left_content h3 {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.44px;
  color: #242424;
  font-family: "Lato", sans-serif;
}
.our_about_left_content h2 {
  padding-bottom: 20px;
  text-transform: uppercase;
  color: #242424;
}
.our_about_left_content p {
  font-size: 16px;
  color: #898989;
}
.our_about_image {
  box-shadow: 0 0px 17px #d2cfcf;
  background-color: #fff;
  padding: 6px;
}

.mission-row {
  padding: 100px 0;
  background-color: #eceaea;
}
.our_mission_bx {
}
.our_mission_bx.padding-offset-right {
  padding-right: 37px;
}
.our_mission_bx.padding-offset-left {
  padding-left: 37px;
}
.our_mission_bx .title {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.our_mission_bx .title h1 {
  font-size: 24px;
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  text-align: left;
  padding: 0 0 20px 0;
  letter-spacing: 1px;
  font-weight: bold;
}
.our_mission_bx .title h1::before {
  content: "";
  width: 50px;
  height: 2px;
  background: #14a2bc;
  display: block;
  position: relative;
  top: 35px;
  left: 0;
  margin: 0;
}
.our_mission_bx .our_mission_cnt_bx {
  float: left;
}
.our_mission_bx .our_mission_image {
  float: right;
  box-shadow: 0 0px 17px #d2cfcf;
  background-color: #fff;
  padding: 6px;
}

.image_thumb {
  overflow: hidden;
  /*display: inline-block;*/
  position: relative;
  z-index: 3;
  cursor: pointer;
  box-shadow: 0 0px 17px #d2cfcf;
  background-color: #fff;
  padding: 6px;
}

.image_thumb:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  cursor: pointer;
}

.image_thumb img {
  max-width: 100%;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.image_thumb:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.image_thumb:hover:before {
  opacity: 1;
}

/* End Our Abour Area css
============================================================================================ */

/* Manager Area css
============================================================================================ */
.manager_area {
  padding: 100px 0;
  background-color: #f8f3f3;
}
.manager_area .sec_middle_title {
  padding-bottom: 40px;
}

.manager_area .our_about_left_content {
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 30px;
  padding-bottom: 30px;
  background-color: #fff;
}
.manager_area .our_about_left_content p {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  letter-spacing: 0.34px;
  font-family: "Lato", sans-serif;
  padding-top: 30px;
  text-align: center;
  font-weight: 300;
}
.manager_area .our_about_left_content .fa-quote-left {
  color: #141111;
  margin: auto;
  display: table;
  font-size: 44px;
}
.manager_area .our_about_left_content h3 {
  text-align: center;
  color: #14a2bc;
  font-size: 20px;
  display: table;
  margin: auto;
}
.manager_area .our_about_left_content h5 {
  font-size: 14px;
  color: #717070;
  text-align: center;
}
.manager_area .our_about_left_content .section_title {
  padding-bottom: 20px;
}

.manager_area .our_about_left_content img {
  padding-top: 10px;
}

.manager_image {
  margin-right: -50px;
}

.manager_image img {
  max-width: 100%;
  margin-bottom: -76px;
}

/* End Manager Area css
============================================================================================ */
/* Error Area css
============================================================================================ */
.error_area {
  background: url(../img/resource/error-bg.jpg) no-repeat scroll center center;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.error_area:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.error_area .error_content_inner {
  padding-top: 150px;
  padding-bottom: 145px;
  text-align: center;
}

.error_area .error_content_inner h1 {
  font-size: 200px;
  color: #fff;
  font-weight: 800;
}

.error_area .error_content_inner h3 {
  font-size: 50px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 1.5px;
}

.error_area .error_content_inner h5 {
  font-size: 25px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.75px;
  padding-top: 15px;
  padding-bottom: 50px;
}

.error_area .error_content_inner .submit_btn {
  width: 310px;
  height: 74px;
  line-height: 74px;
  font-size: 22.75px;
  letter-spacing: 0.455px;
}

/* End Manager Area css
============================================================================================ */

/* Start Carrer page css*/
.carrers_area .carrer-form {
}
.carrers_area .carrer-form .form-group {
  padding: 0;
}
.carrers_area .carrer-form .form-group input[type="text"],
input[type="email"],
input[type="tel"],
input[type="file"],
.carrers_area .carrer-form .form-group select {
  background-color: #f2f2f2;
  border-color: #eeeeee;
  font-size: 14px;
  color: #c4c4c4;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.42px;
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 4px;
  height: 45px;
  margin: 0;
  box-shadow: none;
}
/* End Carrer page css*/

/* Start our company page css*/
.partner_details .section_title {
  padding-bottom: 20px;
}

.partner_details_inner .media {
  background: #fff;
  padding: 15px 0px;
  margin-top: 30px;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  box-shadow: 0 0px 17px #d2cfcf;
}

.partner_details_inner .media .media-left {
  padding-right: 20px;
  padding-left: 15px;
  float: left;
}

.partner_details_inner .media .media-body {
  vertical-align: middle;
  padding-right: 60px;
}

.partner_details_inner .media .media-body h4 {
  font-size: 20px;
  font-weight: bold;
  color: #242424;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding-bottom: 15px;
}

.partner_details_inner .media .media-body p {
  font-size: 17px;
  color: #797979;
  line-height: 28px;
  letter-spacing: 0.34px;
}

/* End our company page css */

.contact-whatsapp {
  width: 40px;
  position: fixed;
  bottom: 130px;
  left: 15px;
  z-index: 9999;
  display: inline-block;
  animation: up-down 1s infinite;
}

@keyframes up-down {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
  /*50% {margin-top:-20px;}*/
  /*100% {margin-top: 0px;}*/
}

.btn-sonar {
  background: #d31f26;
  border: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  color: #fff;
  outline: 0;
  position: fixed;
  text-align: center;
  line-height: 65px;
  left: 10px;
  bottom: 10px;
  z-index: 99;
}
.btn-sonar img {
  width: 30px;
  height: 30px;
  margin-top: -13px;
  animation: rotate-img 1s infinite;
}

.btn-sonar::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  animation: sonar-effect 1s ease-in-out 0.1s infinite;
}

@keyframes rotate-in {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes sonar-effect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 5px #d31f26, 0 0 10px 10px #d31f26, 0 0 0 10px #d31f26;
  }
  100% {
    box-shadow: 0 0 0 5px #d31f26, 0 0 10px 10px #d31f26, 0 0 0 10px #d31f26;
    transform: scale(1.5);
    opacity: 0;
  }
}

.why-choose_area hr {
  margin: 5px 0;
}

.mobile-helpline {
  display: none;
}
.mobile-helpline {
  text-align: center;
  background: white;
  padding: 20px 0 5px;
}
.mobile-helpline h4 {
  color: #000;
}
.mobile-helpline a {
  color: #000;
}
.keywords-links {
  margin-bottom: 30px;
}
.keywords-links h4 {
  color: #fff;
  margin-bottom: 15px;
}
.keywords-links li a {
  color: #fff;
}
.keywords-links li {
  border-bottom: 1px dashed #ddd;
  line-height: 30px;
}

@media (max-width: 767px) {
  #main_slider5 {
    height: 200px !important;
  }
  .main_slider_area .rev_slider ul li .slider_text_box .first_text {
    display: none;
  }
  .why-choose_area {
    padding: 35px 0;
  }
  .mobile-helpline {
    display: block;
  }
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
  white-space: inherit;
}


/*================ Why Choose Us =================*/

.why_choose_area{
    padding:50px 0;
    background:#faf7ff;
}

.why_choose_area .sec_middle_title{
    margin-bottom:60px;
}

.why_choose_area .sub-title{
    display:inline-block;
    color:#FFC107;
    font-weight:600;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.why_choose_area h2{
    font-size:42px;
    color:#4A148C;
    font-weight:700;
    margin-bottom:15px;
}

.why_choose_area p{
    color:#666;
    line-height:1.8;
}

.why-box {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 30px;
    transition: .4s;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
}
.why-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(106,27,154,.20);
}

.why-box .icon{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg,#6A1B9A,#9C27B0);
    color:#fff;
    font-size:34px;
    line-height:80px;
    transition:.4s;
}

.why-box:hover .icon{
    background:linear-gradient(135deg,#FFC107,#FFD54F);
    color:#4A148C;
    transform:rotateY(180deg);
}

.why-box h4{
    color:#4A148C;
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
}

.why-box p{
    font-size:15px;
    color:#666;
    margin:0;
}

/*================ Pricing =================*/

.pricing-area{

    padding:50px 0;

    background:#f8f4ff;
}

.pricing-card{

background:#fff;

border-radius:20px;

text-align:center;

padding: 30px 20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.4s;

position:relative;

overflow:hidden;

margin-bottom:30px;
}

.pricing-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(106,27,154,.18);

}

.pricing-card h3{

    color:#4A148C;

    font-size:24px;

    margin-bottom:20px;

    font-weight:700;

}

.price{

    font-size:48px;

    color:#FFC107;

    font-weight:700;

    margin-bottom:10px;

}

.duration{

display:inline-block;

background:#F5E9FF;

color:#6A1B9A;

padding:8px 18px;

border-radius:30px;

margin-top: 15px;

font-weight:600;
}

.pricing-card ul{

list-style:none;

padding:0;

margin: 15px 0;
}

.pricing-card ul li{

    padding:10px 0;

    color:#555;

    border-bottom:1px solid #eee;

}

.pricing-card ul li:last-child{

    border:none;

}


.featured{

    background:linear-gradient(135deg,#6A1B9A,#8E24AA);

    color:#fff;

    transform:scale(1.05);

}

.featured h3,

.featured .price,

.featured ul li{

    color:#fff;

}

.featured .duration{

    background:#FFC107;

    color:#4A148C;

}

.badge{

    position:absolute;

    top:20px;

    right:-35px;

    background:#FFC107;

    color:#4A148C;

    padding:8px 40px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

}

/*================ How It Works =================*/

.how-it-works{

    padding:50px 0;

    background:#ffffff;

}

.section-title{

    margin-bottom:60px;

}

.section-title span{

    color:#FFC107;

    font-weight:600;

    letter-spacing:1px;

}

.section-title h2{

    font-size:42px;

    color:#4A148C;

    margin:15px 0;

    font-weight:700;

}

.section-title p{

    color:#666;

    max-width:700px;

    margin:auto;

}

.step-box{

    background:#fff;

    padding:40px 25px;

    text-align:center;

    border-radius:20px;

    position:relative;

    transition:.4s;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    margin-bottom:30px;

}

.step-box:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(106,27,154,.18);

}

.step-number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:40px;

    font-weight:700;

    color:rgba(106,27,154,.08);

}

.step-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg,#6A1B9A,#9C27B0);

    color:#fff;

    line-height:80px;

    font-size:32px;

    margin-bottom:25px;

}

.step-box h4{

    color:#4A148C;

    margin-bottom:15px;

    font-weight:600;

}

.step-box p{

    color:#666;

    line-height:1.8;

}

@media(max-width:768px){

.step-box{

margin-bottom:25px;

}

.section-title h2{

font-size:32px;

}

}

/*================ FAQ Section =================*/

.faq-section{
    padding:50px 0;
    background:#fff;
}

.faq-section .panel{
    border:none;
    border-radius:12px;
    margin-bottom:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    overflow:hidden;
}

.faq-section .panel-heading{
    padding:0;
    background:none;
}

.faq-section .panel-title a{
    display:block;
    padding:20px 25px;
    background:#fff;
    color:#4A148C;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    position:relative;
}

.faq-section .panel-title a:after{
    content:"+";
    position:absolute;
    right:25px;
    top:18px;
    font-size:24px;
    color:#FFC107;
}

.faq-section .panel-title a[aria-expanded="true"]:after{
    content:"−";
}

.faq-section .panel-body{
    padding:20px 25px;
    background:#fff;
    color:#666;
    line-height:1.8;
    border-top:1px solid #eee;
}

/*================ Contact Section =================*/

.contact-section{

    padding:50px 0;

    background:#fff;

}

.contact-card{

    background:linear-gradient(135deg,#4A148C,#6A1B9A);

    color:#fff;

    border-radius:25px;

    padding:40px;

    height:100%;

    box-shadow:0 25px 60px rgba(74,20,140,.25);

}

.contact-card h3{

    margin-bottom:35px;

    color:#FFD54F;

}

.contact-item{

    display:flex;

    margin-bottom:25px;

    align-items:flex-start;

}

.contact-item i{

    width:50px;

    height:50px;

    background:#FFD54F;

    color:#4A148C;

    border-radius:50%;

    text-align:center;

    line-height:50px;

    font-size:20px;

    margin-right:15px;

}

.contact-item h5{

    color:#fff;

    margin-bottom:5px;

}

.contact-item a{

    color:#ddd;

    text-decoration:none;

}

.contact-item a:hover{

    color:#FFD54F;

}

.whatsapp-btn{

    display:block;

    margin-top:35px;

    background:#25D366;

    color:#fff;

    text-align:center;

    padding:16px;

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.4s;

}

.whatsapp-btn:hover{

    background:#1EBE5D;

    color:#fff;

}

.booking-form{

    background:#fff;

    border-radius:25px;

    padding:45px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.booking-form input,

.booking-form textarea,

.booking-form select{

    width:100%;

    border:none;

    background:#F7F4FD;

    border-radius:15px;

    padding:16px 18px;

    margin-bottom:20px;

    border:1px solid #FFD54F;
    transition:.3s;

}

.booking-form input:focus,

.booking-form textarea:focus,

.booking-form select:focus{

    outline:none;

    background:#fff;

    border:1px solid #6A1B9A;

}

.booking-form textarea{

    resize:none;

}

.booking-form .theme-btn{

    width:100%;

    padding:16px;

    border:none;

    border-radius:50px;

    background:linear-gradient(135deg,#6A1B9A,#9C27B0);

    color:#fff;

    font-size:18px;

    transition:.4s;

}

.booking-form .theme-btn:hover{

    background:linear-gradient(135deg,#FFD54F,#FFC107);

    color:#4A148C;

}

.terms-section{
    padding:80px 0;
    background:#faf7ff;
}

.terms-box{

    background:#fff;

    padding:50px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.terms-box h2{

    color:#4A148C;

    margin-bottom:25px;

    font-weight:700;

}

.terms-box h4{

    color:#6A1B9A;

    margin-top:30px;

    margin-bottom:12px;

    font-weight:600;

}

.terms-box p{

    color:#555;

    line-height:1.9;

    font-size:16px;

}

.terms-box ul{

    padding-left:20px;

}

.terms-box ul li{

    margin-bottom:12px;

    color:#555;

    line-height:1.8;

}

.terms-box hr{

    border-color:#eee;

    margin:30px 0;

}

/*================ Certificates =================*/

.certificate-section{

    padding:100px 0;

    background:#FBF7FF;

}

.certificate-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.4s;

    margin-bottom:30px;

}

.certificate-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(106,27,154,.20);

}

.certificate-card img{

    width:100%;

    height:520px;

    object-fit:contain;

    background:#fff;

    padding:20px;

    transition:.4s;

}

.certificate-card:hover img{

    transform:scale(1.03);

}

.certificate-content{

    padding:30px;

    text-align:center;

}

.certificate-badge{

    display:inline-block;

    padding:8px 18px;

    background:#FFF3CD;

    color:#6A1B9A;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:15px;

}

.certificate-content h3{

    color:#4A148C;

    font-size:28px;

    margin-bottom:15px;

    font-weight:700;

}

.certificate-content p{

    color:#666;

    line-height:1.8;

    font-size:16px;

}