/*-- Font Family --*/
@import url("css/montserrat.css");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*-- Common Style --*/
body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Poppins", sans-serif;
  color: #858585; }

h1, h2, h3, h4, h5, h6 {
  color: #525252;
  font-weight: bold;
  margin-top: 0; }

p:last-child {
  margin-bottom: 0; }

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none; }

a, i, button, img, input, span,
*:before, *:after {
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

*:focus {
  outline: 0px solid; }

a:focus {
  color: inherit;
  outline: medium none;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  text-decoration: none; }

a:hover {
  text-decoration: none; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

/*-- Common Class --*/
.fix {
  overflow: hidden; }

.clear {
  clear: both; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.section {
  width: 100%; }

.section.bg-gray {
  background-color: #f1f1f1; }

.section.bg-white {
  background-color: #fff; }

/*-- Container Width For Mobile Device --*/
@media only screen and (max-width: 767px) {
  .container {
    width: 450px; } }

@media only screen and (max-width: 479px) {
  .container {
    width: 300px; } }

/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

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

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-35 {
  margin-top: 35px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.mt-50 {
  margin-top: 50px; }

.mt-55 {
  margin-top: 55px; }

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

.mt-65 {
  margin-top: 65px; }

.mt-70 {
  margin-top: 70px; }

.mt-75 {
  margin-top: 75px; }

.mt-80 {
  margin-top: 80px; }

.mt-85 {
  margin-top: 85px; }

.mt-90 {
  margin-top: 90px; }

.mt-95 {
  margin-top: 95px; }

.mt-100 {
  margin-top: 100px; }

.mt-105 {
  margin-top: 105px; }

.mt-110 {
  margin-top: 110px; }

.mt-115 {
  margin-top: 115px; }

.mt-120 {
  margin-top: 120px; }

.mt-125 {
  margin-top: 125px; }

.mt-130 {
  margin-top: 130px; }

.mt-135 {
  margin-top: 135px; }

.mt-140 {
  margin-top: 140px; }

.mt-145 {
  margin-top: 145px; }

.mt-150 {
  margin-top: 150px; }

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-65 {
  margin-bottom: 65px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-85 {
  margin-bottom: 85px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-95 {
  margin-bottom: 95px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-105 {
  margin-bottom: 105px; }

.mb-110 {
  margin-bottom: 110px; }

.mb-115 {
  margin-bottom: 115px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-125 {
  margin-bottom: 125px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-135 {
  margin-bottom: 135px; }

.mb-140 {
  margin-bottom: 140px; }

.mb-145 {
  margin-bottom: 145px; }

.mb-150 {
  margin-bottom: 150px; }

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-35 {
  padding-top: 35px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }

.pt-55 {
  padding-top: 55px; }

.pt-60 {
  padding-top: 60px; }

.pt-65 {
  padding-top: 65px; }

.pt-70 {
  padding-top: 70px; }

.pt-75 {
  padding-top: 75px; }

.pt-80 {
  padding-top: 80px; }

.pt-85 {
  padding-top: 85px; }

.pt-90 {
  padding-top: 90px; }

.pt-95 {
  padding-top: 95px; }

.pt-100 {
  padding-top: 100px; }

.pt-105 {
  padding-top: 105px; }

.pt-110 {
  padding-top: 60px; }

.pt-115 {
  padding-top: 115px; }

.pt-120 {
  padding-top: 120px; }

.pt-125 {
  padding-top: 125px; }

.pt-130 {
  padding-top: 130px; }

.pt-135 {
  padding-top: 135px; }

.pt-140 {
  padding-top: 140px; }

.pt-145 {
  padding-top: 145px; }

.pt-150 {
  padding-top: 150px; }

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-35 {
  padding-bottom: 35px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-45 {
  padding-bottom: 45px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-55 {
  padding-bottom: 55px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-75 {
  padding-bottom: 75px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-85 {
  padding-bottom: 85px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-95 {
  padding-bottom: 95px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-105 {
  padding-bottom: 105px; }

.pb-110 {
  padding-bottom: 60px; }

.pb-115 {
  padding-bottom: 115px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-125 {
  padding-bottom: 125px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-135 {
  padding-bottom: 135px; }

.pb-140 {
  padding-bottom: 140px; }

.pb-145 {
  padding-bottom: 145px; }

.pb-150 {
  padding-bottom: 150px; }

/*-- Input Placeholder --*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*-- Scroll Up --*/
#scrollUp {
  width: 40px;
  height: 40px;
  background-color: #ef476f;
  color: #fff;
  right: 40px;
  bottom: 40px;
  text-align: center;
  overflow: hidden; }
  @media only screen and (max-width: 479px) {
    #scrollUp {
      display: none !important; } }
  #scrollUp i {
    display: block;
    line-height: 40px;
    font-size: 24px; }
  #scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

/*-- Section Title --*/
.section-title h1 {
  font-size: 36px;
  color: #525252;
  text-transform: uppercase;
  line-height: 28px;
  padding-bottom: 29px;
  margin: 0;
  position: relative;
  font-family: Montserrat; }
  @media only screen and (max-width: 767px) {
    .section-title h1 {
      font-size: 30px;
      line-height: 22px; } }
  @media only screen and (max-width: 479px) {
    .section-title h1 {
      font-size: 20px;
      line-height: 14px;
      padding-bottom: 15px; } }
  .section-title h1::before {
    border-bottom: 2px dashed #ee1515;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -51px;
    position: absolute;
    width: 102px; }

.section-title.title-white h1 {
  color: #fff; }
  .section-title.title-white h1::before {
    border-color: #fff; }

    .page-banner-area {
      background-image: url(img/bannerall.png); 
      background-repeat: no-repeat; /* Prevent the background image from repeating */
      background-size: cover; /* Cover the entire area of the element */
      height: 300px;
    }
    
  @media only screen and (max-width: 767px) {
    .page-banner-area {
      background-image: url(img/bannerall.png); /* Adjust the URL to your mobile-specific image */
      background-size: cover; /* Ensure the background image covers the entire area */
      background-position: center; /* Center the background image */
    }
}
.page-banner-area {
  position: relative; /* Ensure relative positioning for absolute positioning of pseudo-element */
}

.page-banner-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(229, 136, 241, 0.5); /* Adjust the transparency by changing the last value (0.5) */
}
  .page-banner-area .page-banner h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat; }
  .page-banner-area .page-banner .breadcrumb {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0; }
    .page-banner-area .page-banner .breadcrumb li a {
      color: #fff; }
      .page-banner-area .page-banner .breadcrumb li a:hover {
        color: #06ca75; }
    .page-banner-area .page-banner .breadcrumb li + li::before {
      font-size: 8px;
      color: #fff;
      content: "/\00a0";
      padding: 0 5px; }
     
      .page-banner .pb{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    
    .banner-text {
        text-align: center;
    }
    
    .name {
        color: #ff0000; /* Change color as needed */
        font-size: 24px; /* Change font size as needed */
    }
    

form {
  margin-left: -10px;
  margin-right: -10px; }

.input-box {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
  float: left;
  display: block; }
  .input-box input[type="text"] {
    display: block;
    width: 100%;
    border: 1px solid rgba(82, 82, 82, 0.5);
    color: #858585;
    background-color: transparent;
    height: 40px;
    line-height: 24px;
    padding: 7px 15px; }
  .input-box input[type="email"] {
    display: block;
    width: 100%;
    border: 1px solid rgba(82, 82, 82, 0.5);
    color: #858585;
    background-color: transparent;
    height: 40px;
    line-height: 24px;
    padding: 7px 15px; }
  .input-box textarea {
    display: block;
    width: 100%;
    border: 1px solid rgba(82, 82, 82, 0.5);
    color: #858585;
    background-color: transparent;
    height: 150px;
    line-height: 24px;
    padding: 7px 15px; }
  .input-box input[type="submit"] {
    display: block;
    border: 1px solid rgba(82, 82, 82, 0.5);
    color: #858585;
    background-color: transparent;
    height: 40px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 7px 45px;
    text-transform: uppercase; }
    .input-box input[type="submit"]:hover {
      background-color: #26547c;
      color: #fff; }

.submit-box {
  width: auto;
  margin-bottom: 0; }

.input-box-2 {
  width: 100%;
  float: left;
  display: block; }
  .input-box-2 .input-box {
    width: 50%; }
    @media only screen and (max-width: 479px) {
      .input-box-2 .input-box {
        width: 100%; } }

/*----------------------------------------*/
/*  2.  Header Area
/*----------------------------------------*/
/*-- Header Top Bar --*/
.header-top-bar {
  width: 100%;
  display: block;
  float: left; }
  .header-top-bar span {
    width: 25%;
    display: block;
    float: left;
    height: 8px; }
    .header-top-bar span.blue {
      background-color: #00d8ff; }
    .header-top-bar span.green {
      background-color: #06ca75; }
    .header-top-bar span.navy {
      background-color: #26547c; }
    .header-top-bar span.red {
      background-color: #ef476f; }

/*-- Header Area --*/
.header-area {
  float: left;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 25px;/* Anusha 8px*/
  background-color: #fff;
  z-index: 99999; }
  .header-area.stick {
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; }
    .header-area.stick .header-search {
      padding: 26px 0; }
      @media only screen and (max-width: 767px) {
        .header-area.stick .header-search {
          padding: 16px 0; } }
    .header-area.stick .main-menu {
      margin: 26px 0; }
      @media only screen and (max-width: 767px) {
        .header-area.stick .main-menu {
          margin: 0; } }
  .header-area .logo {
    display: inline-block;
    margin: 15px 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .logo {
        width: 100px; } }
    @media only screen and (max-width: 767px) {
      .header-area .logo {
        width: 100px; }

.header-area{
	top:100px;
}


		}
    
	
	
	
	.header-area .logo img {
      width: 100%; }
      .logo {
        display: inline-block; /* Ensure the anchor element behaves like an inline block */
    }
    
    .logo img {
      width: 200px; /* Width for the logo */
      height: 80px; /* Height for the logo */
  }

 
    

/*-- Animation For Stick Menu --*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none; } }

/*-- Menu Toggle --*/
.header-buttons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/*-- Header Search --*/
.header-search {
  padding: 36px 0;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .header-search {
      padding: 26px 0;
      position: static; } }
  .header-search .search-toggle {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #ef476f;
    border-radius: 50px;
    color: #fff;
    border: none; }
    .header-search .search-toggle:hover {
      background-color: #eb184a; }
    .header-search .search-toggle i {
      font-size: 18px;
      line-height: 28px; }

.header-search-form {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 999;
  background-color: #fff;
  padding: 15px;
  border: 1px solid #f1f1f1;
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .header-search-form.active {
    margin-top: 0;
    visibility: visible;
    opacity: 1; }
  .header-search-form form {
    width: 256px;
    margin: 0; }
    .header-search-form form input {
      display: block;
      float: left;
      width: 220px;
      border: 1px solid #f1f1f1;
      padding: 5px 10px;
      font-weight: 300;
      height: 36px; }
    .header-search-form form .submit {
      height: 36px;
      border: none;
      background-color: #f1f1f1;
      width: 36px;
      color: #525252; }
      .header-search-form form .submit:hover {
        background-color: #ef476f;
        color: #fff; }
      .header-search-form form .submit i {
        font-size: 18px;
        line-height: 36px;
        display: block; }

.menu-toggle {
  margin-left: 20px;
  width: 28px;
  height: 28px;
  border: none;
  background-color: #ef476f;
  border-radius: 50px;
  color: #fff;
  padding: 0;
  overflow: hidden; }
  .menu-toggle:hover {
    background-color: #eb184a; }
  @media only screen and (max-width: 767px) {
    .menu-toggle {
      margin-left: 15px; } }
  .menu-toggle i {
    display: block;
    font-size: 16px;
    line-height: 28px; }

/*-- Menu --*/
.main-menu {
  margin: 36px 0; }
  @media only screen and (max-width: 767px) {
    .main-menu {
      margin: 0;
      width: 100%;
      float: left; } }
  @media only screen and (max-width: 767px) {
    .main-menu nav {
      padding-bottom: 10px; } }
  .main-menu nav ul li {
    display: block;
    float: left;
    margin-left: 40px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .main-menu nav ul li {
        margin-left: 35px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu nav ul li {
        margin-left: 20px; } }
    @media only screen and (max-width: 767px) {
      .main-menu nav ul li {
        float: none;
        margin-left: 0;
        margin-bottom: 10px; } }
 
    .main-menu nav ul li a {
      border-top: 1px solid transparent;
      display: block;
      text-transform: uppercase;
      font-size: 14px;
      color: #2f2f2f;
      line-height: 22px;
      font-weight: 500;
      margin: 3px 0 2px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .main-menu nav ul li a {
          font-size: 12px; } }
      .main-menu nav ul li a:hover {
        border-top: 1px solid #ef476f;
        color: #ef476f; }
        @media only screen and (max-width: 767px) {
          .main-menu nav ul li a:hover {
            border-color: transparent; } }
    .main-menu nav ul li.active a {
      border-top: 1px solid #ef476f;
      color: #ef476f; }
      @media only screen and (max-width: 767px) {
        .main-menu nav ul li.active a {
          border-color: transparent; } }

/*----------------------------------------*/
/*  3.  Hero Area
/*----------------------------------------*/
.hero-slider
{
  max-height: 500px;
  
}
.hero-item {
  padding: 120px 0 69px; /* 158px 0 69px Anusha */}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item {
      padding: 120px 0; } }
  @media only screen and (max-width: 767px) {
    .hero-item {
      padding: 100px 0; } }
  .hero-item .content {
    margin-top: 60px; }
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
      .hero-item .content {
        padding-right: 100px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-item .content {
        margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      .hero-item .content {
        margin-top: 0; } }
    .hero-item .content * {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: fadeOutDown;
      animation-name: fadeOutDown; }
    .hero-item .content h2 {
      font-size: 26px;/* 36px Anusha*/
      font-family: Montserrat;
      font-weight: bold;
      color: #06ca75;
      text-transform: uppercase;
      margin-bottom: 0;
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .hero-item .content h2 {
          font-size: 26px;
          margin-bottom: 5px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-item .content h2 {
          font-size: 30px;
          margin-bottom: 5px; } }
      @media only screen and (max-width: 767px) {
        .hero-item .content h2 {
          font-size: 20px;
          margin-bottom: 5px; } }
    .hero-item .content h1 {
      font-size: 50px;
      font-family: Montserrat;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 20px;
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s; }
      @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .hero-item .content h1 {
          font-size: 36px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .hero-item .content h1 {
          font-size: 36px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-item .content h1 {
          font-size: 40px; } }
      @media only screen and (max-width: 767px) {
        .hero-item .content h1 {
          font-size: 14px; } }
    .hero-item .content p {
      color: #fff;
      font-size: 16px;
      line-height: 28px;
      font-weight: 300;
      margin-bottom: 35px;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s; }
      @media only screen and (max-width: 767px) {
        .hero-item .content p {
          font-size: 14px;
          line-height: 24px; } }
    .hero-item .content a {
      height: 50px;
      padding: 13px 38px;
      line-height: 24px;
      display: inline-block;
      font-family: Montserrat;
      background-color: #06ca75;
      color: #fff;
      border-radius: 5px;
      text-transform: uppercase;
      font-weight: 600;
      -webkit-animation-delay: 1.6s;
      animation-delay: 1.6s; }
	  
	  
	 
	  
      @media only screen and (max-width: 767px)

	  {
		  
		  
		   .hero-item .images img.main {
    margin-top:50px;
    animation-name: fadeInUp;
    width: 65%;
}
        .hero-item .content a {
          height: 40px;
          padding: 8px 25px; } }
      .hero-item .content a:hover {
        background-color: #05b167; }
  .hero-item .images {
    width: 470px;
   /* padding: 153px 77px 0 149px; commented by me*/
  position: relative;}
.text p{
	margin-left:0px;
}

	
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
      .hero-item .images {
        margin-left: -70px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .hero-item .images {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        margin-left: -30px; } }
    .hero-item .images img {
      position: absolute;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    .hero-item .images img[class^="icon-"] {
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut; }
    .hero-item .images img.main {
      position: static;
      -webkit-animation-name: fadeOutDown;
      animation-name: fadeOutDown; }
    .hero-item .images img.icon-1 {
      right: 4px;
      top: 267px;
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
    .hero-item .images img.icon-2 {
      right: 0;
      top: 137px;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s; }
    .hero-item .images img.icon-3 {
      right: 85px;
      top: 31px;
      -webkit-animation-delay: 1.4s;
      animation-delay: 1.4s; }
    .hero-item .images img.icon-4 {
      left: 157px;
      top: 0;
      -webkit-animation-delay: 1.6s;
      animation-delay: 1.6s; }
    .hero-item .images img.icon-5 {
      left: 37px;
      top: 85px;
      -webkit-animation-delay: 1.8s;
      animation-delay: 1.8s; }
    .hero-item .images img.icon-6 {
      left: 0;
      top: 223px;
      -webkit-animation-delay: 2s;
      animation-delay: 2s; }
    .hero-item .images img.icon-7 {
      left: 48px;
      bottom: 160px;
      -webkit-animation-delay: 2.2s;
      animation-delay: 2.2s; }
  .hero-item.slick-active h2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  .hero-item.slick-active h1 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  .hero-item.slick-active p {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  .hero-item.slick-active a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  .hero-item.slick-active img.main {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  .hero-item.slick-active img[class^="icon-"] {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }
    .hero-item {
      position: relative;
      overflow: hidden;
      background-size: cover; /* Adjust to your preference */
      background-position: center center;
      height: 100vh;
      color: #fff;
      background-repeat: no-repeat;
      width: 100%;
      max-width: 100%;
   }
   
  
  .hero-item::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Adjust the transparency by changing the last value (0.5) */
      z-index: 1; /* Ensure the overlay is below the content */
  }
  
  .hero-item .container {
      position: relative;
      z-index: 2;
  }
  
  .hero-item .content {
      padding: 20px;
      text-align: center;
      position: relative;
      z-index: 2;
  }
  
  .hero-item h1 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 20px;
  }
  
  .hero-item p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 20px;
  }
  
  .hero-item .read-more {
      display: inline-block;
      padding: 10px 20px;
      background-color: #06ca75;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
  }
  
  .hero-item .read-more:hover {
      background-color: #05b167;
  }
  
  @media only screen and (max-width: 767px) {
      .hero-item {
          height: 350px; /* Set height to auto for smaller screens */
      }
  
      .hero-item .content {
          padding: 20px; /* Add padding to the content */
      }
  
      .hero-item h1 {
          font-size: 24px; /* Adjust font size for headings */
          margin-bottom: 10px; /* Adjust margin for headings */
      }
  
      .hero-item p {
          font-size: 14px; /* Adjust font size for paragraphs */
          line-height: 20px; /* Adjust line height for paragraphs */
          margin-bottom: 15px; /* Adjust margin for paragraphs */
      }
  
      .hero-item .read-more {
          padding: 10px 15px; /* Adjust padding for read more button */
          font-size: 14px; /* Adjust font size for read more button */
      }
  }
  

/*----------------------------------------*/
/*  4.  Feature Area
/*----------------------------------------*/
.single-feature {
  text-align: center;
  padding: 66px 20px 43px;
  position: relative;
  margin-top: 41px; }
  .single-feature .icon {
    width: 83px;
    height: 83px;
    border: 2px solid #fff;
    border-radius: 50px;
    display: block;
    position: absolute;
    left: 50%;
    top: -41px;
    margin-left: -41px; }
  .single-feature .bg-image {
    bottom: 0;
    opacity: 0.06;
    position: absolute;
    right: 0; }
  .single-feature h4 {
    color: #fff;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 13px;
    margin-bottom: 16px; }
    .single-feature h4::before {
      position: absolute;
      left: 50%;
      bottom: 0;
      background-color: #fff;
      height: 1px;
      width: 38px;
      margin-left: -19px;
      bottom: 0;
      content: ""; }
    .single-feature h4::after {
      position: absolute;
      left: 50%;
      bottom: 0;
      background-color: #fff;
      height: 1px;
      width: 56px;
      margin-left: -28px;
      bottom: 4px;
      content: ""; }
  .single-feature p {
    color: #fff;
    font-size: 13px;
    line-height: 23px; }
  .single-feature.green {
    background-color: #06ca75; }
    .single-feature.green img {
      background-color: #06ca75; }
  .single-feature.red {
    background-color: #ef476f; }
    .single-feature.red img {
      background-color: #ef476f; }
  .single-feature.navy {
    background-color: #26547c; }
    .single-feature.navy img {
      background-color: #26547c; }

/*----------------------------------------*/
/*  5.  Video Area
/*----------------------------------------*/
.video-area {
  background-color: #06ca75; }

.video-wrapper {
  margin-right: 58px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .video-wrapper {
      margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-wrapper {
      margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .video-wrapper {
      margin-right: 0; } }

.video-content h1 {
  font-size: 50px;
  font-family: Montserrat;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .video-content h1 {
      font-size: 40px;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .video-content h1 {
      font-size: 36px; } }
  @media only screen and (max-width: 479px) {
    .video-content h1 {
      font-size: 24px; } }
  .video-content h1 span {
    color: #26547c; }

.video-content p {
  font-family: Montserrat;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 32px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .video-content p {
      margin-bottom: 20px; } }

.video-content .read-more {
  height: 50px;
  padding: 13px 38px;
  line-height: 24px;
  display: inline-block;
  font-family: Montserrat;
  background-color: #26547c;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600; }
  @media only screen and (max-width: 767px) {
    .video-content .read-more {
      height: 40px;
      padding: 8px 25px; } }
  .video-content .read-more:hover {
    background-color: #204768; }

/*----------------------------------------*/
/*  6.  Service Area
/*----------------------------------------*/
.service-wrapper {
  background: rgba(0, 0, 0, 0) url("img/service/line1.png") no-repeat scroll center center; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .service-wrapper {
      background-position: center 35px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-wrapper {
      background-image: none; } }
  @media only screen and (max-width: 767px) {
    .service-wrapper {
      background-image: none; } }

.service-item {
  margin: 45px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-item {
      margin-top: 0; }
      .service-item:last-child {
        margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .service-item {
      margin-top: 0; }
      .service-item:last-child {
        margin-bottom: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-item .ss-wrap {
      padding: 0 75px; } }
  @media only screen and (max-width: 767px) {
    .service-item .ss-wrap {
      padding: 0 !important; } }
  @media only screen and (max-width: 479px) {
    .service-item .ss-wrap {
      text-align: center; } }
  .service-item .ss-wrap img {
    width: 109px;
    height: 109px; }
    @media only screen and (max-width: 479px) {
      .service-item .ss-wrap img {
        float: none !important;
        height: 80px;
        margin: 0 auto 15px !important;
        width: 80px; } }
  @media only screen and (max-width: 479px) {
    .service-item .ss-wrap .content {
      text-align: center !important; } }
  .service-item .ss-wrap .content h3 {
    font-size: 24px;
    text-transform: capitalize; }
    @media only screen and (max-width: 479px) {
      .service-item .ss-wrap .content h3 {
        font-size: 18px; } }
  .service-item .ss-wrap .content p {
    line-height: 25px;
    font-size: 14px;
    color: #858585; }
  .service-item:nth-child(2n+1) .ss-wrap {
    padding-right: 75px; }
    .service-item:nth-child(2n+1) .ss-wrap img {
      float: right;
      margin-left: 34px; }
    .service-item:nth-child(2n+1) .ss-wrap .content {
      text-align: right; }
  .service-item:nth-child(2n) .ss-wrap {
    padding-left: 75px; }
    .service-item:nth-child(2n) .ss-wrap img {
      float: left;
      margin-right: 34px; }
    .service-item:nth-child(2n) .ss-wrap .content {
      text-align: left; }

/*----------------------------------------*/
/*  7.  Solutions Area
/*----------------------------------------*/
.solutions-area {
  background-color: #26547c; }

.solutions-image img {
  margin-right: -25px;
  float: right; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .solutions-image img {
      float: left; } }
  @media only screen and (max-width: 767px) {
    .solutions-image img {
      margin: 0;
      width: 100%; } }

.solutions-content {
  padding-right: 70px; }
  @media only screen and (max-width: 767px) {
    .solutions-content {
      padding-right: 15px; } }
  .solutions-content h2 {
    font-size: 30px;
    font-family: Montserrat;
    font-weight: 600;
    color: #06ca75;
    margin-bottom: 0;
    text-transform: capitalize; }
    @media only screen and (max-width: 479px) {
      .solutions-content h2 {
        font-size: 20px; } }
  .solutions-content h1 {
    font-size: 44px;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767px) {
      .solutions-content h1 {
        font-size: 36px; } }
    @media only screen and (max-width: 479px) {
      .solutions-content h1 {
        font-size: 26px; } }
  .solutions-content p {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
    margin-bottom: 24px; }
  .solutions-content .read-more {
    height: 50px;
    padding: 13px 38px;
    line-height: 24px;
    display: inline-block;
    font-family: Montserrat;
    background-color: #06ca75;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .solutions-content .read-more {
        height: 40px;
        padding: 8px 25px; } }
    .solutions-content .read-more:hover {
      background-color: #05b167; }

/*----------------------------------------*/
/*  8.  Progress Area
/*----------------------------------------*/
@media only screen and (max-width: 767px) {
  .single-progress {
    padding: 0 80px; } }

@media only screen and (max-width: 479px) {
  .single-progress {
    padding: 0 15px; } }

.single-progress::before {
  background-image: url("img/arrow.png");
  background-position: right center;
  background-repeat: no-repeat;
  content: "";
  height: 10px;
  left: 50%;
  margin-left: 70px;
  position: absolute;
  top: 45px;
  width: 159px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .single-progress::before {
      width: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-progress::before {
      width: 165px; } }
  @media only screen and (max-width: 767px) {
    .single-progress::before {
      display: none; } }

.single-progress:last-child::before {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-progress:nth-child(2)::before {
    display: none; } }

.single-progress img {
  margin-bottom: 20px; }

.single-progress h4 {
  font-family: Montserrat;
  font-size: 15px;
  line-height: 11px;
  color: #525252;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 14px; }

.single-progress p {
  font-size: 13px;
  line-height: 22px;
  color: #858585; }

/*----------------------------------------*/
/*  9.  Case Area
/*----------------------------------------*/
.case-study-area {
  background-color: #ef476f; }

.case-item .case-image {
  display: block;
  position: relative; }
  .case-item .case-image::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(38, 84, 124, 0.9);
    background-image: url(img/case/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0; }
  .case-item .case-image img {
    width: 100%; }

.case-item:hover .case-image::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.case-item .case-content {
  padding: 22px 27px;
  background-color: #fff; }
  .case-item .case-content a {
    font-size: 18px;
    font-weight: 500;
    display: block;
    color: #525252;
    margin-bottom: 8px; }
    .case-item .case-content a:hover {
      color: #26547c; }
  .case-item .case-content p {
    font-size: 13px; }

/*----------------------------------------*/
/*  10.  Pricing Area
/*----------------------------------------*/
.single-pricing {
  margin-top: 61px;
  padding-top: 61px;
  padding-bottom: 61px;
  position: relative;
  border-radius: 5px; }
  .single-pricing .price {
    width: 122px;
    height: 122px;
    border: 4px solid #fff;
    border-radius: 50%;
    left: 50%;
    margin-left: -61px;
    padding: 40px 0;
    color: #fff;
    position: absolute;
    top: -61px; }
    .single-pricing .price span {
      display: inline-block;
      margin: 0 -2px; }
    .single-pricing .price .currency {
      font-size: 20px;
      font-weight: 500;
      position: relative;
      top: -17px; }
    .single-pricing .price .amount {
      font-size: 40px;
      font-weight: 600;
      line-height: 40px; }
    .single-pricing .price .time {
      font-size: 15px;
      font-weight: 500;
      position: relative;
      bottom: 3px; }
  .single-pricing .title {
    font-size: 26px;
    font-weight: 600;
    font-family: Montserrat;
    color: #fff;
    margin: 45px 0; }
  .single-pricing .options li {
    color: #fff;
    font-size: 17px;
    line-height: 36px; }
  .single-pricing a {
    height: 41px;
    padding: 8px 42px;
    line-height: 21px;
    display: inline-block;
    border: 2px solid #fff;
    font-size: 15px;
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    margin-top: 47px; }
    .single-pricing a:hover {
      background-color: #fff; }
  .single-pricing.red {
    background-color: #ef476f; }
    .single-pricing.red .price {
      background-color: #ef476f; }
    .single-pricing.red a:hover {
      color: #ef476f; }
  .single-pricing.green {
    background-color: #06ca75; }
    .single-pricing.green .price {
      background-color: #06ca75; }
    .single-pricing.green a:hover {
      color: #06ca75; }
  .single-pricing.navy {
    background-color: #26547c; }
    .single-pricing.navy .price {
      background-color: #26547c; }
    .single-pricing.navy a:hover {
      color: #26547c; }

/*----------------------------------------*/
/*  11.  Testimonial Area
/*----------------------------------------*/
.testimonial-area {
  background-color: #06ca75; }

.single-testimonial .top {
  margin-bottom: 15px; }
  .single-testimonial .top img {
    width: 50%;/* Anusha 59px*/
    height: 50%;/* Anusha 59px*/
    float: left;
    margin-right: 19px;
    /*border-radius: 50%;* Anusha*/
	}
  .single-testimonial .top h3 {
    font-size: 22px;
    font-family: Montserrat;
    font-weight: bold;
    color: #fff;
    line-height: 16px;
    margin-bottom: 6px;
    margin-top: 8px; }
  .single-testimonial .top span {
    color: #fff;
    font-family: Montserrat;
    font-size: 15px; }

.single-testimonial p {
  color: #fff; }


/*----------------------------------------*/
/*  11. Team area Anusha
/*----------------------------------------*/
.testimonial-area1 {
  background-color: #06ca75; }

.single-testimonial1 .top1 {
  margin-bottom: 15px; }
  .single-testimonial1 .top1 img {
    width: 50%;/* Anusha 59px*/
    height: 50%;/* Anusha 59px*/
    float: left;
    margin-right: 19px;
    border-radius: 50%;
	}
  .single-testimonial1 .top1 h3 {
    font-size: 22px;
    font-family: Montserrat;
    font-weight: bold;
    color: #fff;
    line-height: 16px;
    margin-bottom: 6px;
    margin-top: 8px; }
  .single-testimonial1 .top1 span {
    color: #fff;
    font-family: Montserrat;
    font-size: 15px; }

.single-testimonial1 p {
  color: #fff; }








/*----------------------------------------*/
/*  12.  Team Area
/*----------------------------------------*/
.single-team .image img {
  width: 100%; }

.single-team .team-info {
  padding: 15px;
  background-color: #ef476f;
text-align:center;  }
  .single-team .team-info h4 {
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    margin-bottom: 2px; }
  .single-team .team-info p {
    font-size: 14px;
    margin-bottom: 5px;
    color: #fff;
    text-transform: capitalize; }
  .single-team .team-info .social {
    overflow: hidden; }
    .single-team .team-info .social a {
      border-radius: 50%;
      color: #fff;
      display: block;
      float: left;
      height: 26px;
      margin-right: 10px;
      text-align: center;
      width: 26px; }
      .single-team .team-info .social a:hover {
        color: #ef476f;
        background-color: #fff; }
      .single-team .team-info .social a i {
        display: block;
        font-size: 14px;
        line-height: 26px; }

/*----------------------------------------*/
/*  13.  Blog Area
/*----------------------------------------*/
.blog-item {
  padding-right: 15px; }
  @media only screen and (max-width: 479px) {
    .blog-item {
      padding-right: 0; } }
  .blog-item .image {
    display: block;
    margin-bottom: 15px; }
    .blog-item .image img {
      width: 100%; }
  .blog-item:hover .image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .blog-item .date {
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 500;
    color: #767676; }
	
	
    @media only screen and (max-width: 479px) {
      .blog-item .date {
        font-size: 12px; } }
  .blog-item .title {
    font-size: 24px;
    line-height: 30px;
    font-family: Montserrat;
    font-weight: 600;
    margin-bottom: 22px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .blog-item .title {
        font-size: 20px;
        line-height: 28px; } }
    @media only screen and (max-width: 479px) {
      .blog-item .title {
        font-size: 18px;
        line-height: 26px; } }
    .blog-item .title a {
      color: #717171; }
      .blog-item .title a:hover {
        color: #06ca75; }
  .blog-item p {
    color: #929292;
    margin-bottom: 30px; }
  .blog-item .read-more {
    height: 44px;
    padding: 8px 35px;
    line-height: 24px;
    display: inline-block;
    font-family: Montserrat;
    color: #06ca75;
    border: 2px solid #06ca75;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .blog-item .read-more {
        height: 40px;
        padding: 6px 25px; } }
    .blog-item .read-more:hover {
      background-color: #06ca75;
      color: #fff; }

/*Single Blog Details*/
.single-blog-details {
  margin-bottom: 60px; }

.blog-details-media img {
  width: 100%; }

.blog-details-content {
  padding: 30px 0 50px;
  /* Blog Meta */ }
  .blog-details-content .blog-title {
    color: #525252;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 10px; }
  .blog-details-content .blog-meta {
    margin-bottom: 12px; }
    .blog-details-content .blog-meta a {
      color: #858585;
      display: block;
      float: left;
      font-size: 12px;
      line-height: 24px;
      margin-right: 15px; }
      .blog-details-content .blog-meta a:hover {
        color: #06ca75; }
      .blog-details-content .blog-meta a i {
        display: block;
        float: left;
        font-size: 14px;
        line-height: 22px;
        margin-right: 7px;
        padding-left: 2px; }
  .blog-details-content p {
    color: #858585;
    font-weight: 300;
    margin-bottom: 35px; }
    .blog-details-content p:last-child {
      margin-bottom: 0; }

/* Blog Details Footer */
.blog-details-footer {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  padding: 10px 0; }
  @media only screen and (max-width: 479px) {
    .blog-details-footer .blog-tags {
      float: left;
      width: 100%; } }
  .blog-details-footer .blog-tags p {
    color: #858585;
    display: block;
    float: left;
    margin-bottom: 0;
    margin-right: 3px;
    text-transform: capitalize; }
  .blog-details-footer .blog-tags a {
    color: #858585;
    display: block;
    float: left;
    margin-right: 5px; }
    .blog-details-footer .blog-tags a:hover {
      color: #06ca75; }
  @media only screen and (max-width: 479px) {
    .blog-details-footer .blog-share {
      float: left;
      width: 100%;
      margin-top: 10px; } }
  .blog-details-footer .blog-share p {
    color: #858585;
    display: block;
    float: left;
    margin-bottom: 0;
    margin-right: 12px;
    text-transform: capitalize; }
  .blog-details-footer .blog-share a {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    color: #b8b8b8;
    display: block;
    float: left;
    height: 24px;
    margin-right: 8px;
    text-align: center;
    width: 24px; }
    .blog-details-footer .blog-share a:last-child {
      margin-right: 0; }
    .blog-details-footer .blog-share a:hover {
      background-color: #06ca75;
      border-color: #06ca75;
      color: #fff; }
    .blog-details-footer .blog-share a i {
      display: block;
      font-size: 14px;
      line-height: 22px; }

/* Blog Comment List */
.comment-wrapper {
  margin-bottom: 50px; }
  .comment-wrapper h3 {
    color: #525252;
    font-size: 20px;
    line-height: 16px;
    margin: 0 0 30px;
    padding-bottom: 12px;
    position: relative; }

.comment-list.child {
  margin-left: 110px; }
  @media only screen and (max-width: 767px) {
    .comment-list.child {
      margin-left: 0; } }

.sin-comment {
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
  padding: 20px 50px 20px 20px; }
  .sin-comment .image {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    margin-right: 20px;
    width: 70px; }
    @media only screen and (max-width: 767px) {
      .sin-comment .image {
        float: left;
        margin-bottom: 0; } }
    @media only screen and (max-width: 479px) {
      .sin-comment .image {
        display: block;
        float: none;
        margin-bottom: 15px; } }
  @media only screen and (max-width: 479px) {
    .sin-comment .content {
      width: 100%; } }
  .sin-comment .content h4 {
    color: #525252;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    font-weight: 400; }
    @media only screen and (max-width: 479px) {
      .sin-comment .content h4 {
        float: left;
        width: 100%; } }
  .sin-comment .content h5 {
    color: #525252;
    float: right;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .sin-comment .content h5 {
        float: left;
        width: 100%; } }
    .sin-comment .content h5 a {
      color: #06ca75; }
      .sin-comment .content h5 a:hover {
        color: #06ca75; }
  .sin-comment .content p {
    color: #858585;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 22px;
    margin-top: 5px;
    width: 100%; }

/* Blog Comment Form */
.comment-form-wrapper h3 {
  color: #525252;
  font-size: 20px;
  line-height: 16px;
  margin: 0 0 30px;
  padding-bottom: 12px;
  position: relative; }

.comment-form form {
  margin-left: -15px;
  margin-right: -15px; }
  .comment-form form .input-box {
    display: block;
    float: left;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%; }
    .comment-form form .input-box.box-half {
      width: 50%; }
      @media only screen and (max-width: 479px) {
        .comment-form form .input-box.box-half {
          width: 100%; } }
    .comment-form form .input-box input[type="text"] {
      background-color: transparent;
      border: 1px solid #e1e1e1;
      color: #858585;
      font-size: 13px;
      font-weight: 300;
      height: 38px;
      line-height: 24px;
      padding: 7px 15px;
      width: 100%; }
    .comment-form form .input-box input[type="email"] {
      background-color: transparent;
      border: 1px solid #e1e1e1;
      color: #858585;
      font-size: 13px;
      font-weight: 300;
      height: 38px;
      line-height: 24px;
      padding: 7px 15px;
      width: 100%; }
    .comment-form form .input-box textarea {
      background-color: transparent;
      border: 1px solid #e1e1e1;
      color: #858585;
      font-size: 13px;
      font-weight: 300;
      height: 85px;
      resize: none;
      line-height: 24px;
      padding: 7px 15px;
      width: 100%; }
    .comment-form form .input-box input[type="submit"] {
      background-color: transparent;
      border: 1px solid #e1e1e1;
      color: #858585;
      font-size: 12px;
      font-weight: bold;
      height: 38px;
      letter-spacing: 1.5px;
      padding: 8px 36px;
      text-transform: uppercase;
      width: auto; }
      .comment-form form .input-box input[type="submit"]:hover {
        background-color: #06ca75;
        border-color: #06ca75;
        color: #fff; }
  .comment-form form > .input-box:last-child {
    margin-bottom: 0; }

/* Sidebar */
.single-sidebar {
  padding-left: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-sidebar {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    .single-sidebar {
      padding-left: 0; } }
  .single-sidebar h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px; }

/* Search Form */
#search-form {
  position: relative;
  margin: 0; }
  #search-form input {
    width: 100%;
    background-color: #F3F3F3;
    height: 40px;
    padding: 8px 50px 8px 15px;
    border: none; }
  #search-form button {
    width: 40px;
    height: 40px;
    background-color: #EBEBEB;
    border: none;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0; }
    #search-form button i {
      font-size: 20px;
      line-height: 42px; }
    #search-form button:hover {
      background-color: #06ca75;
      color: #fff; }

/* Categories */
.categories li {
  display: block;
  margin-bottom: 10px; }
  .categories li:last-child {
    margin-bottom: 0; }
  .categories li a:hover {
    color: #06ca75; }

/* Sidebar Post */
.sidebar-post {
  overflow: hidden;
  margin-bottom: 20px; }
  .sidebar-post:last-child {
    margin-bottom: 0; }
  .sidebar-post .image {
    width: 80px;
    margin-right: 15px; }
    .sidebar-post .image img {
      width: 100%; }
  .sidebar-post .content a {
    font-size: 16px;
    color: #525252;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 600; }
    .sidebar-post .content a:hover {
      color: #06ca75; }

/* Tag Cloud */
.tag-cloud {
  float: left;
  width: 100%; }
  .tag-cloud a {
    display: block;
    float: left;
    font-size: 13px;
    border: 1px solid #f1f1f1;
    padding: 3px 10px;
    margin-right: 5px;
    margin-bottom: 5px; }
    .tag-cloud a:hover {
      color: #06ca75;
      border-color: #06ca75; }

/*----------------------------------------*/
/*  14.  Contact Area
/*----------------------------------------*/
.contact-area {
  background-color: #26547c; }

#contact-map {
  height: 330px;
  width: 100%; }

.contact-form.form-white form .input-box input[type="text"] {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5); }

.contact-form.form-white form .input-box input[type="email"] {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5); }

.contact-form.form-white form .input-box textarea {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5); }

.contact-form.form-white form .input-box input[type="submit"] {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5); }
  .contact-form.form-white form .input-box input[type="submit"]:hover {
    background-color: #fff;
    color: #26547c; }

/*----------------------------------------*/
/*  15.  Footer Area
/*----------------------------------------*/
.footer-top-area {
  background-color: #2b2b2b; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-top-area [class^="col-"]:nth-child(2n+1) {
      clear: both; } }

.footer-widget .title {
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.50px;
  font-family: Montserrat;
  font-weight: bold;
  line-height: 14px;
  margin-top: 15px;
  margin-bottom: 40px; }
  .footer-widget .title span {
    color: #06ca75; }

.about-widget img {
  margin-bottom: 25px; }

.about-widget p {
  font-weight: 300;
  line-height: 25px;
  color: #fff; }

.contact-info-widget p {
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: #fff;
  display: block; }

.contact-info-widget ul li {
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: #fff;
  display: block; }

  .link-widget ul li {
    margin-bottom: 4px;
    border-bottom: 1px dotted #7f7c7c; /* Add dotted line under each list item */
  }
  
  .link-widget ul li a {
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.2px;
    color: #fff;
    display: block;
  }
  
  .link-widget ul li a:hover {
    color: #06ca75;
  }
  

.newsletter-widget p {
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: #fff;
  display: block; }

.newsletter-widget .newsletter-form form {
  margin: 0; }
  .newsletter-widget .newsletter-form form input {
    width: 200px;
    height: 31px;
    border: 1px solid #fff;
    line-height: 23px;
    padding: 3px 15px;
    background-color: transparent;
    color: #fff;
    float: left; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .newsletter-widget .newsletter-form form input {
        width: 170px; } }
  .newsletter-widget .newsletter-form form button {
    width: 40px;
    height: 31px;
    text-align: center;
    background-color: #06ca75;
    color: #fff;
    border: none;
    margin-left: -1px; }
    .newsletter-widget .newsletter-form form button i {
      font-size: 18px;
      line-height: 31px; }
    .newsletter-widget .newsletter-form form button:hover {
      background-color: #05b167; }

.newsletter-widget .social {
  margin-top: 15px;
  float: left; }
  .newsletter-widget .social a {
    display: block;
    float: left;
    color: #fff;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    margin-right: 12px; }
    .newsletter-widget .social a:hover {
      background-color: #06ca75; }
    .newsletter-widget .social a i {
      font-size: 15px;
      line-height: 24px; }

.footer-bottom-area {
  background-color: #212121;
  padding: 14px 0 6px;
  float: left;
  width: 100%;
  display: block; }

@media only screen and (max-width: 767px) {
  .copyright {
    text-align: center; } }

.copyright p {
  line-height: 24px;
  margin-bottom: 6px;
  color: #fff; }
  .copyright p span {
    color: #ef476f; }

@media only screen and (max-width: 767px) {
  .author-credit {
    text-align: center; } }

.author-credit p {
  line-height: 24px;
  margin-bottom: 6px;
  color: #fff; }
  .author-credit p a:hover {
    color: #ef476f; }
  .author-credit p i {
    color: #ef476f; }
@media only screen and (max-width: 480px) {
	
  .single-testimonial .top img {
    width: 100%;/* Anusha 59px*/
    height: 100%;/* Anusha 59px*/
    float: left;
    margin-right: 19px;
    
	}
	
  .single-testimonial1 .top1 img {
    width: 100%;/* Anusha 59px*/
    height: 100%;/* Anusha 59px*/
    float: left;
    margin-right: 19px;
    border-radius:50%;
	}
	
}





/**
 * ---------------------------------------------------
 * Top Bar Styles Anusha
 * ---------------------------------------------------
 */
.top-bar1 {
	font-family: 'Roboto', sans-serif;
	background: #b23f76;
	padding: 0px 0;/* Anusha 7px*/
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom: 1px solid #e0e0e0;
}

.top-contact {
	float: left;
}

.top-contact .list {
	float: left;
	color: #fff;
	margin-right: 20px;
}

.top-contact .list i {
	margin-right: 5px;
}

.top-contact .list a {
	color: #fff;
}

.top-social1 {
	float: right;
}

.top-social1 ul {
	float: right;
	margin-bottom: 0;
}

.top-social1 ul li {
	list-style-type: none;
	float: left;
	margin-right: 8px;
}

.top-social1 ul li a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	display: block;
	text-align: center;
	
	-webkit-border-radius: 50%;
	
	-moz-transition: all 0.4s ease;
	font-size: 14px;
}

.top-social1 ul li a:hover {
	color: #2795d0;
	background: #fff;
}


@media only screen and (min-width: 0) and (max-width: 750px) {
	.top-contact,
	.top-social1 {
		width: 100%;
		text-align: center;
	}
	.top-contact {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #54cbf4;
	}
	.top-contact .list {
		float: none;
		display: inline-block;
		font-size: 16px;
	}
	.top-contact .list a {
		font-size: 16px;
	}
	.top-social1 ul {
		float: none;
		display: inline-block;
	}
}

/*.header-area {
    float: left;
    display: block;
    width: 100%;
    position:absolute;
    left: 0;
    right: 0;
    
    background-color: #fff;
    z-index: 99999;
    margin-top: 100px;
}*/
/* Styles for navigation menu */
/* Widget area */
.widget-area {
  padding: 20px;
 
  border-radius: 5px;
}/* Menu widget */


/* Menu header */


.new-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Align items to start and end of container */
  padding: 30px;

}

.service-content {
  display: flex;
  align-items: flex-start; /* Align items to the start of the container */
}

.service-content img {
  margin-right: 20px;
  flex: 0 0 auto; /* Reset flex property to prevent image from stretching */
  width:100%;
  
}

.service-point {
  margin-bottom: 30px;
}

/* Media Query for Mobile View */
@media only screen and (max-width: 767px) {
  .service-content {
    flex-direction: column;
    align-items: stretch;
  }

  .service-content img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .widget-area {
    padding-left:100px; 
  }
  .service-content img {
     padding-bottom: 40px;
  }
}


/* Service menu */
.services-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; /* Align menu items to the center */
}

.services-menu ul li {
  margin-bottom: 10px;
  display: block; /* Display menu items as block elements */
}

.services-menu ul li a {
  text-decoration: none;
  color: #35405c;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 20px; /* Add padding to create space around the text */
  border-radius: 20px; /* Add rounded corners */
  background-color: #fff; /* Add background color */
  transition: background-color 0.3s, color 0.3s; /* Add transition effect */
}



/* Underline effect */



.services-menu ul li:hover::after {
  width: 100%; /* Increase the width of the underline on hover */
}


/* Service title */
.service h2 {
  font-size: 24px;
  color: red;
  margin-bottom: 20px;
}

/* Service point */
.service-point {
  margin-bottom: 30px;
  border-bottom: 1px solid #eaeaea; /* Add a border below each service point */
  padding-bottom: 20px; /* Add some padding below each service point */
}

/* Service point icon */
.service-point h3 i {
  margin-right: 10px;
  font-size: 24px;
  vertical-align: middle; /* Align the icon vertically with the text */
}

/* Service point title */
.service-point h3 {
  font-size: 20px;
  color:#b23f76;
  margin-bottom: 10px;
  display: flex;
  align-items: center; /* Align the icon and title horizontally */
}

/* Service point description */
.service-point p {
  color: #666;
  line-height: 1.6;
  font-size: 16px;
}



/*contact*/
.map-container {
  height: 400px;
  margin-bottom: 20px;
}
.contact-box {
  background-color: #fff;
  border: 1px solid #dee2e6;
  padding: 20px;
  margin-bottom: 20px;
}
.branch-heading {
  margin-top: 40px;
  text-align: center; /* Center align branch headings */
      color: #007bff; /* Change branch headings color */
}

/*SERVICES FOR HOME*/

/* Services Section Styles */
.services-section {
  padding: 60px 0;
  
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.services-section h2
{
    text-align: center;
    margin-bottom: 30px;
}
.service-item {
  background-color: #ffffff;
  padding: 20px;
  margin: 0 10px 30px; /* Adjust margin as needed */
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: flex; /* Use flexbox */
  flex-direction: column; /* Stack content vertically */
  align-items: center; /* Center items horizontally */
  
}

.service-item img {
  width: 100%;
  height: auto;
}


.service-item h3 {
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center; /* Center text */
}

.service-item p {
  font-size: 12.5px;
  color: #666666;
  text-align: center; /* Center text */
  flex-grow: 1; /* Allow content to expand to fill remaining space */
}
/* Testimonials Section Styles */
.testimonials-section {
  padding: 60px 0; /* Adjust padding as needed */
  position: relative; /* Ensure relative positioning for absolute positioning of pseudo-element */
  background-image: url('img/testimonial.jpg');
  background-size: cover;
  background-position: fixed;
  
  
}
/* Apply hover effect to service items */
.service-item:hover {
  transform: translateY(-5px); /* Move the item 5px up on hover */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Add a shadow effect */
}

/* Adjust the transition for a smoother effect */
.service-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* Apply hover effect to service item images */
.service-item img:hover {
  opacity: 0.8; /* Reduce opacity of the image on hover */
  transform: scale(1.1); /* Scale up the image slightly on hover */
}


.testimonials-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the transparency by changing the last value (0.5) */
}

.testimonials-header1 h1{
  text-align: center;
  margin-bottom: 30px;
  color:#fff;
  
}

.testimonials-header1 h2 {
  color:#fff;
  font-size: 36px;
  text-align: center; /* Center the header text */
  margin-bottom: 20px; /* Add some bottom margin for spacing */
}

.testimonials-header1 h6 {
  text-align: center; /* Center the subheader text */
  font-size: 28px;
  color:#fff;
  margin-bottom: 30px; /* Add some bottom margin for spacing */
}


.testimonials-slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: left;
  
}
.testimonial-author img {
  width: 80px; /* Increase the image size */
  height: 80px; /* Increase the image size */
  border-radius: 50%;
  margin: 0 auto 10px; /* Center the image horizontally and add margin at the bottom */
  display: block; /* Ensure the image is displayed as a block element */
}

.testimonial-author h4 {
  font-size: 24px; /* Increase the font size of the name */
  color: #fff;
  margin-bottom: 50px;
  margin: 0; /* Remove default margin */
}
.testimonial-author p {
  font-size: 24px; /* Increase the font size of the name */
  color: #fff;
  margin-bottom: 50px;
  margin: 0; /* Remove default margin */
}

.testimonial-content {
  margin: 15px 15px;
  color: #fff;
  text-align: center; /* Center the content */
  font-size: 20px;
}

.testimonial {
  display: none;
  text-align: center;
  border: 1px solid #fff;
  padding: 20px; /* Add padding for better spacing */
}
.testimonials-section {
  padding: 60px 0; /* Adjust padding as needed */
  position: relative; /* Ensure relative positioning for absolute positioning of pseudo-element */
}



.testimonials-header1 {
  position: relative; /* Ensure relative positioning for z-index to work */
  z-index: 1; /* Ensure content is above the background */
  color: #fff; /* Set text color */
  text-align: center; /* Center align the text */
}

.testimonials-header1 h1,
.testimonials-header1 h6 {
  color: #fff; /* Set text color to white */
}


/* Container styles */
.why-choose-us {
  background-color: #f9f9f9;
  padding: 80px 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  
}

/* Section heading styles */
.section-heading {
  text-align: center;
  margin-bottom: 50px;
}

.section-heading h2 {
  font-size: 36px;
  color: #333;
}

.section-heading p {
  font-size: 18px;
  color: #666;
}
/*why we choose us*/
.why-choose-us {
  padding: 80px 0;
  background-color: #f7f7f7;
}

.why-choose-us .container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.why-choose-us .section-heading h2 {
  font-size: 36px;
  margin-bottom: 20px;
  color: #333;
}

.why-choose-us .section-heading p {
  font-size: 18px;
  color: #666;
  margin-bottom: 40px;
}

.why-choose-us .reasons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.why-choose-us .reason {
  width: calc(25% - 40px);
  margin: 20px;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.why-choose-us .reason:hover {
  transform: translateY(-5px);
}

.why-choose-us .reason h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #333;
}

.why-choose-us .reason p {
  font-size: 16px;
  color: #666;
  text-align:left;
}

/* Reason styles */
.reasons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.reason {
  width: calc(50% - 40px);
  margin: 20px;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.reason:hover {
  transform: translateY(-5px);
}

.reason h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}

.reason p {
  font-size: 16px;
  color: #666;
}
/*FAQ*/
/* Add your custom CSS styles here */
.faq-section {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: Arial, sans-serif;
  position: relative; /* Ensure relative positioning for the overlay */
  background-color: #28315b;
  background-size: cover;
  padding-top: 50PX;
  margin-top: 40px;
  

}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the transparency by changing the last value (0.5) */
}

.question {
  cursor: pointer;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  background-color: #f9f9f9; /* Fallback color for older browsers */
}

.answer {
  display: none;
  padding: 10px;
  background-color: #fff;
}

.question i {
  margin-right: 5px;
}
.faq-section h2{
  color:#00d8ff;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
   .faq-section{
    margin-bottom:100px; 
  }
}
/*gallery*/

.gallery-item.gap-item-vertical {
  margin-bottom: 10px; /* Adjust the value as needed */
}
/* Add this to your CSS file */
.gallery-item {
margin-top: 10px; /* Adjust the value as needed */
}
.menu-item.gap-item-vertical {
margin-bottom: 10px; /* Adjust the value as needed */
}
/* Add this to your CSS file */
.menu-item {
margin-top: 10px; /* Adjust the value as needed */
} 
.gallery-item {
  width: 300px; /* Set the desired width */
  height: 200px; /* Set the desired height */
  overflow: hidden;
  margin-bottom: 20px; /* Add margin for spacing between images */
}

.gallery-image {
  width: 100%;
  height:75%;
  transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-image {
  transform: scale(1.05); /* Add slight zoom effect on hover */
}

.gallery-item a {
  display: block;
  position: relative;
}@media only screen and (max-width: 767px) {
  .gallery-item {
    margin: 0 auto; /* Center align the gallery items */
    text-align: center; /* Center align the images */
  }
  .gallery-title  {
    margin-top: 10px; /* Add margin at the top */
    margin-bottom: 20px; /* Add margin at the bottom */
    text-align: center;
    
  }
}

/*slider for home*/

.sub-nav {
  display: none;
  position: absolute;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 8px;
  list-style: none;
  margin: 0;
  padding: 0; /* Remove default padding */
  width: 200px;
  color: #fff; /* White text color */
  z-index: 1; /* Ensure the sub-nav appears above other elements */
}

.has-submenu:hover .sub-nav {
  display: block;
}

.sub-nav li {
  margin: 0;
}

.sub-nav li a {
  color: black; /* Inherit the text color from the parent */
  text-decoration: none;
  
  display: block;
  padding: 15px; /* Padding related to the text */
}

.sub-nav li:hover {
  background-color: rgba(255, 255, 255, 0.2); /* Slightly darker transparent background on hover */
}



/* Ensure text is displayed above the transparent layer */
.text-above {
  position: relative;
  z-index: 2; /* Higher z-index than the sub-nav */
}


/*previous buttons*/
/* Slider Controls Styles */
.slider-controls {
  text-align: center;
  margin-top: 20px;
}

.prev-btn,
.next-btn {
  background-color: #0651ca;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.prev-btn:hover,
.next-btn:hover {
  background-color: #0c436d;
}
@media (max-width: 767px) {
  .slide-img {
      width: 100%; /* Set width to 100% for mobile view */
      height: auto; /* Set height to auto for mobile view */
      max-width: none; /* Reset max-width property */
  }

  .partners-container {
      width: 100%;
      overflow: hidden;
  }

  .partners {
      display: flex;
      /* Adjust the duration (20s) as needed */
      animation: scroll 10s linear infinite;
      justify-content: space-between; /* Distribute partners evenly */
      margin: 0; /* Remove margin between partners */
  }

  .partner {
      flex-shrink: 0; /* Prevent partners from shrinking */
      margin-right: 10px; /* Adjust space between partner logos */
  }

  .partner img {
      width: auto; /* Initial width of the image */
      height: auto; /* Maintain aspect ratio */
      /* Adjust the height and width in the animation */
      animation: resize 25s linear infinite;
  }

  .partners-container h3 {
      text-align: center;
      color: #6c8328;
      padding: 20px; /* Reduce padding for mobile view */
  }
}
@media only screen and (max-width: 768px) {
  iframe {
      width: 90%; /* Set a smaller width for mobile devices */
      margin: 0 auto; /* Center the iframe horizontally */
  }
}
/* About Us Section */
#about-us {
  background: linear-gradient(to bottom, #007bff, #6cb2eb); /* Adjust colors as needed */
  padding: 80px 0; /* Add padding to top and bottom */
  color:white;
}

#about-us .container {
  display: flex;
  align-items: center; /* Center align content vertically */
}
#about-us img {
  max-width: 100%; /* Ensure the image doesn't exceed its container's width */
  height: auto; /* Maintain the aspect ratio of the image */
  display: block; /* Ensure the image behaves as a block element */
  margin: 0 auto; /* Center the image horizontally */
}


#about-us h2 {
  font-size: 36px;
  color: white; /* Adjust text color */
  margin-bottom: 20px;
}

#about-us p {
  font-size: 16px;
  line-height: 1.6;
  
  margin-bottom: 15px;
}


/* Style for the box-service container */
/* Style for the box-service container */
.box-service {
  background-color: #fff; /* Background color */
  padding: 20px; /* Padding around the content */
  border-radius: 10px; /* Rounded corners */
  transition: box-shadow 0.3s ease; /* Smooth transition for box-shadow */
  margin:20px;
  font-family: 'Font Name', sans-serif;
}

/* Apply a black shadow when hovering over the box */
.box-service:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Black shadow with more blur */
}

/* Style for the description inside the box-service */
.description {
  text-align: center; /* Center align the text */
}

/* Style for the custom-box */
.custom-box {
  border: 2px solid #ccc; /* Border */
}

/* Style for the block title */
.block-title {
  font-size: 18px; /* Font size */
 
  margin: 0; /* Remove default margin */
}
.box-service h1{
  color:#28315b;
}
@media only screen and (max-width: 768px) {
  .box-service h1
  {
    font-size: 14px;
  }
}
/* Apply styles to the title */
.block-title {
  font-family: 'Arial', sans-serif; /* Choose a suitable font family */
  font-size: 36px; /* Adjust the font size */
  font-weight: bold; /* Make the font bold */
  color: #333; /* Choose a suitable text color */
  text-align: center; /* Center align the text */
  text-transform: uppercase; /* Convert text to uppercase */
  letter-spacing: 2px; /* Add spacing between letters */
  margin-top: 20px; /* Adjust top margin */
  padding: 10px 0; /* Add padding to the title */
  background-color: #f9f9f9; /* Add a background color */
  border-radius: 5px; /* Add rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
}
#feature-area h1 {
  text-align: center;
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.content21 {
display: none;}

.whatsapp-button {
	position: fixed;
	bottom: 80px; /* Adjust this value to change the vertical position */
	right: 20px; /* Adjust this value to change the horizontal position */
	z-index: 1000; /* Ensure it's above other content */
  }
  
  .whatsapp-button img {
	width: 60px; /* Adjust the size of the WhatsApp icon */
	height: auto;
  }  
/* Custom CSS for Previous and Next Buttons */
.prev-next-buttons {
  position: relative;
  text-align: center; /* Center the buttons horizontally */
  margin-top: 20px; /* Adjust the margin from the content above */
}
.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.5);
    color: #26547c;
    border: none;
    border-radius: 50%;
    width: 40px; /* Adjust button size as needed */
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    z-index: 999;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}

.prev-btn:hover,
.next-btn:hover {
    background-color: #26547c;
    color: white;
}
#services-section {
  padding-top: 110px;
  padding-bottom: 80px;
  background-color: #28315b;
}

.section-title {
  color: #00d8ff;
  margin-bottom: 30px;
}

.services-list {
  list-style: none;
  padding: 0;
  color: #fff;
}

.services-list li {
  font-size: 18px;
  margin-bottom: 10px;
}
.custom-title {
  font-size: 36px; /* Adjust font size as needed */
  color: #fff; /* Your desired color */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); /* Add a subtle text shadow */
  /* Add any other custom styles you desire */
}


/* Media Query for smaller screens */
@media (max-width: 768px) {
  .service {
      width: 100%;
  }
}
/* Custom CSS for Doctor Cards */
.doctorc
{
  margin: 20px;
}
.card {
  margin-bottom: 20px;
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;

}

.card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}


.card-img-top {
  height: 300px; /* Set a fixed height for the images */
  width: 100%; /* Ensure image width fills its container */
}
.card-img .img {
  height: 200px; /* Set a fixed height for the images */
  width: 100%; /* Ensure image width fills its container */
}


.card-body {
  text-align: center;
}

.card-title {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}

.card-text {
  color: #666;
  font-size: 1rem;
}
.card-text .p {
 
  text-align: left;
}
.card-title .t {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  text-align: left;
}
.btn-block {
  margin-top: 30px; /* Adjust spacing between qualification and button */
}


@media (max-width: 576px) {
  .card {
    width: 100%;
  }
}
/* Custom CSS for Contact Cards */
/* Custom styles for contact section */

.contact-section {
  margin-top: 20px;
}

.contact-section h2 {
  margin-bottom: 20px;
  font-size: 24px;
  color: #333;
}

.contact-section .row {
  display: flex;
  flex-wrap: wrap;
}

.contact-section .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 10px;
}

.contact-section .contact-card {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.contact-section .contact-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-section .card-body {
  padding: 20px;
  text-align: center;
}

.contact-section .card-title {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}

.contact-section .card-title i {
  display: block;
  font-size: 24px;
  margin-bottom: 10px;
}

.contact-section .card-title i::before {
  display: inline-block;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 10px;
  line-height: 1;
  color:white;
  background-color: #a20669;
}

.contact-section .card-text {
  color: #666;
  font-size: 16px;
}


@media (max-width: 576px) {
  .contact-card {
    margin-bottom: 20px;
  }
}


/* Content Sections */
.about-section {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 15px;
  background-color: #f9f9f9;
}

.about-section h2 {
  margin-top: 0;
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
}

.about-section p {
  color: #666;
  font-size: 1.1rem;
}

.contact-section {
  display: none; /* Hide the contact section by default */
}



/* Custom CSS for Contact Section Container */




/* Adjust CSS for Mobile View */

/* Custom styles for navbar */

.navbar {
  background-color: #fff; /* Background color */
  border-bottom: 1px solid #ddd; /* Bottom border */
  padding: 10px 20px; /* Padding */
}

.navbar-nav .nav-item {
  margin-right: 10px; /* Adjust spacing between nav items */
}

.navbar-nav .nav-link {
  color: #333; /* Text color */
  font-weight: bold; /* Font weight */
  transition: all 0.3s ease; /* Smooth transition */
}

.navbar-nav .nav-link:hover {
  color: #007bff; /* Text color on hover */
}

/* Icon styles */
.navbar-nav .nav-link i {
  margin-right: 5px; /* Adjust spacing between icon and text */
}

/* Active link styles */
.navbar-nav .active .nav-link {
  color: #007bff; /* Active link text color */
}

/* Responsive styles for navbar collapse */
@media (max-width: 768px) {
  .navbar-nav {
      flex-direction: row; /* Stack nav items vertically */
  }
  .navbar-nav .nav-item {
      margin-bottom: 10px; /* Adjust spacing between stacked nav items */
  }
}

.container1 
{
  margin-top: 20px;
}
.services-menu,
.latest-news,
.popular-news {
    
    margin-bottom: 20px;
    padding: 15px;
}

.services-menu h3,
.latest-news h3,
.popular-news h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
}

.services-menu ul,
.latest-news ul,
.popular-news ul {
    list-style: none;
    padding: 0;
}

.services-menu ul li,
.latest-news ul li,
.popular-news ul li {
    position: relative;
    margin-bottom: 10px;
}

.services-menu ul li:before,
.latest-news ul li:before,
.popular-news ul li:before {
    content: "\203A"; /* Unicode for right arrow */
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff6600; /* Adjust arrow color */
    font-size: 25px; /* Adjust arrow size */
    line-height: 1;
}
/* Styles for the latest-news, popular-news, and services-menu */
.latest-news,
.popular-news,
.services-menu {
    margin-bottom: 30px;
}

.latest-news h3,
.popular-news h3,
.services-menu h3 {
    font-size: 20px;
    color: #fff;
    background-color: #ff69b4; /* Pink background color */
    padding: 10px;
    text-align: center;
}

.latest-news ul,
.popular-news ul,
.services-menu ul {
    list-style: none;
    padding: 0;
}

.latest-news ul li,
.popular-news ul li,
.services-menu ul li {
    border-bottom: 1px dotted #ccc; /* Dotted lines */
    padding: 10px 0;
    text-align: left;
}

.latest-news ul li a,
.popular-news ul li a,
.services-menu ul li a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    transition: color 0.3s ease;
}

.latest-news ul li a:hover,
.popular-news ul li a:hover,
.services-menu ul li a:hover {
    color: #007bff;
}

.container1 {
  max-width: 1260px;
  margin: 20px auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.news-carousel {
  margin-top: 20px;
}

.news-item {
  padding: 20px;
  background-color: #f0f0f0;
  border-radius: 8px;
}

.news-item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.news-content {
  margin-top: 15px;
}

.news-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.news-content p {
  font-size: 14px;
  line-height: 1.5;
}

/* Add your custom styles here */


/* Adjust arrow size and position */



.large-image {
  width: 100%;
  height: auto;
}
/* Style for the image section */
.image-text-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}


.image-text-container .text {
  flex: 1;
}

/* Responsiveness for smaller screens */
@media (max-width: 768px) {
  .image-text-container {
    flex-direction: column;
  }
  
  .image-text-container .image,
  .image-text-container .text {
    margin-right: 0;
  }
}
.container2 
{
  background-color: rgb(227, 231, 235);
}
 .container2 h2 {
  margin-bottom: 20px; /* Add space below the heading */
  font-size: 28px; /* Increase font size for the heading */
  color: #b23f76; /* Set heading color */
  text-align: center;
}

.container2 p {
  margin-bottom: 30px; /* Add space below the paragraph */
  font-size: 18px; /* Set font size for the paragraph */
  color: black; /* Set paragraph color */
  text-align: center;
}

.btn-primary .bt {
  background-color: black;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  align-items:left;
  text-align: left;
}

.btn-primary .bt:hover {
  background-color: #0056b3;
}

.btn-primary:focus .bt{
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

.custom-container {
  padding: 40px;
  background-color: #f8f9fa; /* Light gray background color */
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow */
  margin-bottom: 30px; /* Margin bottom */
}
.statistics-container {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px; /* Adjust margin top for better spacing */
  
  min-height: 300px; /* Adjust this height as needed */
  border-radius: 10px; /* Add rounded corners */
  padding: 20px; /* Add padding */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(201, 18, 107, 0.7); /* Adjust the transparency here */
  border-radius: 10px; /* Match container's border radius */
}

.statistic {
  text-align: center;
  position: relative; /* Ensure z-index works */
  z-index: 1; /* Ensure the content appears above the overlay */
}

.number {
  font-size: 36px;
  color: white;
}

.description {
  font-size: 16px;
  color: #fff; /* Adjust text color for better visibility */
}
.statistics-container {
  padding: 20px;
}
.statistic {
  text-align: center;
  padding: 20px;
}
.statistic .number {
  font-size: 36px;
}
.statistic .description {
  font-size: 18px;
}

/* News card */
.news-card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

/* News image */
.news-img {
  width: 100%;
  height: 300px;
  border-radius: 8px 8px 0 0;
}

/* News content */
.news-content {
  padding: 10px;
  background-color: #f9f9f9;
}

/* News title */
.news-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  color:rgb(93, 17, 59);
  text-align: left;
  
}

/* News description */
.news-description {
  margin: 0;
  font-size: 12px;
}

/* Read More button */
.btn-read-more {
  display: block;
  width: 100%;
}
.news-heading {
  font-size: 28px;
  color: #c32d91;
  text-align: center;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.service-details {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.service-details h3 {
  color: #333;
}

.service-details p {
  color: #666;
  line-height: 1.6;
}

.additional-info {
  margin-top: 20px;
}

.additional-info h4 {
  color: #555;
  margin-bottom: 10px;
}

.additional-info ul {
  padding-left: 20px;
}

.additional-info ul li {
  color: #777;
  list-style-type: disc;
}




.service-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.image-gallery {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.image-gallery img {
  max-width: 100%;
  margin: 0 10px;
}

.service-container .service-details {
  background-color: #f9f9f9;
  padding: 20px;
}

.service-container .service-description {
  margin-bottom: 20px;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff; /* You can adjust the background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader-logo {
  animation: spin 2s linear infinite;
  /* Add any additional styling for your logo here */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body.loading {
  overflow: hidden;
}

#content {
  display: block;
}
.slider-container {
  position: relative;
  width: 100%;
  height:800px; /* Adjust the height of the slider */
  overflow: hidden;
}

/* Individual slide */
.slide {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background-size:contain;
  background-position: center;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}

/* Slide content */
.slide-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center; /* Align text in the center */
  width: 80%; /* Adjust the width as needed */
  padding: 20px; /* Add padding for better spacing */
}

.slide-content h2 {
  margin-bottom: 20px; /* Increase margin for more spacing */
  font-size: 35px; /* Adjust font size */
  text-transform: uppercase; /* Convert text to uppercase */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add text shadow */
}

.slide-content p {
  margin-bottom: 0;
  font-size: 18px; /* Adjust font size */
  line-height: 1.5; /* Adjust line height for better readability */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Add text shadow */
}

/* Add a background overlay for better contrast */
.slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust transparency as needed */
}

/* Add transition effect for smoother visibility */
.slide-content {
  transition: opacity 0.5s ease-in-out;
}

/* Hover effect to increase opacity */
.slide:hover .slide-content {
  opacity: 1;
}


/* Transparent overlay */






/* Arrow buttons */
/* Add styles for previous and next arrows */
.prev-btn,
.next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: #160808;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  z-index: 2;
  size: 30px;
}

.prev-btn {
  left: 10px; /* Adjust the distance from the left side */
}

.next-btn {
  right: 10px; /* Adjust the distance from the right side */
}