@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');

body {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Kanit', sans-serif;
/* font-family: 'Open Sans', sans-serif;
    font-family: 'Open Sans', sans-serif; */
   /* background-image: url(../images/34.png);*/

}
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Kanit', sans-serif;
    font-weight: 600;


}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  /* overflow-y: scroll; */
}

h2 {
  font-size: 30px;
  color: #E41937 !important;
}

h3 {
  color: #030002 !important;
}
.page-scroll {
  top: 0 !important;
  position: fixed !important;
  width: 100% !important;
  z-index: 999 !important;
  -webkit-animation: slide-down 0.7s !important;
  animation: slide-down 0.7s !important;
  background-color: #fff !important;
}
.banner-tag p {
  color: #c92e41;
  margin-bottom: 3px;
  text-align: center;
}
.banner-tag h1 {
  font-size: 3rem;
  color: #ffff;
  font-weight: 800;
}
.banner-tag p{
  color: #fff;
}
.banner-tag a{
  color: #ffff;
}
.gain a{
border-radius: 20px;
    background: linear-gradient(to left, #d32114 0%, #1F386B  100%);
    border: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
    cursor: pointer;
}
/* inner banner css start here */
.footer-middle ul li{
  color: #fff;
}
.footer-middle ul li a{
  color: #fff;
}
.list-inline a{
  font-size: 15px;
}
.list-inline{
  font-weight: bold;
}
.client-section h2{
  text-align: center;
}
.banner-sec {
  background-image: url(../img/codes-medical-coding-institute-inner.png);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 310px;
  margin-top: 93px;
  position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.banner-contact{
  background-image: url(../img/medical-codes-cpc.contact);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 310px;
  margin-top: 93px;
  position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.right-container button{
  border-radius: 20px;
    background:  linear-gradient(to left, #d32114 0%, #1F386B  100%);
    border: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
    cursor: pointer;

}
/* inner banner css end here */
/* background animation css start here */

/* .wrapper span{
  position: fixed;
  top: -120px;
  height: 50px;
  width: 50px;
  z-index: -1;
  animation: animate 10s linear infinite;    
}
.wrapper span:nth-child(1){
  left: 60px;
  animation-delay:0.6s;
  border: 5px solid cyan;
}
.wrapper span:nth-child(2){
  left: 60%;
  animation-delay: 3s;
  width: 60px;
  height: 60px;
  background: #ff4293;
}
.wrapper span:nth-child(3){
  left: 20%;
  animation-delay: 2s;
  border: 5px solid #fff;    
}
.wrapper span:nth-child(4){
  left: 30%;
  animation-delay: 5s;
  width: 80px;
  height: 80px;
  background: #befb46;
}
.wrapper span:nth-child(5){
  left: 40%;
  animation-delay: 1s;
  border: 5px solid #ff4293;
}
.wrapper span:nth-child(6){
  left: 50%;
  animation-delay: 7s;
  border: 5px solid deepskyblue;
}
.wrapper span:nth-child(7){
  left: 60%;
  animation-delay: 6s;
  width: 100px;
  height: 100px;
  background: #ffd59e;
}
.wrapper span:nth-child(8){
  left: 70%;
  animation-delay: 8s;
  border: 5px solid #befb46;
}
.wrapper span:nth-child(9){
  left: 80%;
  animation-delay: 6s;
  width: 90px;
  height: 90px;
  background: cyan;
}
.wrapper span:nth-child(10){
  left: 90%;
  animation-delay: 4s;
  border: 5px solid #fff;    
}
.banner{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.content h2{
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #fff;
  font-family: montserrat;
  font-size: 80px;
  text-transform: uppercase;
  letter-spacing: 12px;
  text-align: center;
  line-height: 0.9;
}
.content h2 b{
  -webkit-text-fill-color: transparent;
  font-size: 65px;
}
@keyframes animate{
  0%{
      transform: translateY(0);
      opacity: 1;
  }
  80%{
      opacity: 0.7;
  }
  100%{
      transform: translateY(800px) rotate(360deg);
      opacity: 0;
  }
} */

/* background animation css end here */
/* logo css start here */
.ft-brand-logo img {
  width: 165px;
  margin-top: 11px;
  border-radius: 2px 2px;
}

/* logo css end here */
/*on load popup */
.scrl_loading_top::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #ccc;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #646464;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(100, 100, 100, 0.4);
}

.modal-btn {
  position: absolute;
  right: 0px;
  transform: rotate(0deg);
  padding: 5px;
  background-color: #00ab98;
  color: #fff;
  border-radius: 5px;
  top: 50%;
}

.modal-btn1 {
  position: absolute;
  right: 0px;
  transform: rotate(0deg);
  padding: 5px;
  background-color: #00ab98;
  color: #fff;
  border-radius: 5px;
  top: 57%;
}

.scrl_loading_top {
  margin-top: 16px;
  width: 100%;
  height: 346px;
  overflow: auto;
  border: #ff3100 1px solid;
  padding: 7px 5px;
  background-color: #000;
  color: #fff;
}

/*on load popup end*/

.screen-section img {
  width: 100px;
  margin: 0 auto;
}

.screen-img {
  text-align: center !important;
  color: #fff;
}

.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: 0px 0px 0px 0px transparent !important;
}

body {
  overflow-x: hidden;
}


.Specialties-sec {
  margin: 40px 0;
}
.Specialties-sec h3{
  font-size: 23px;
}
.gain-content h3 {
  font-size: 23px;
}

.specialties-list {
  background-color: #1F386B;
  color: #fff;
  padding: 23px 19px;
  height: 244px;

}

/*index page modal popup css*/
.backgroundOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
  opacity: .85;
  filter: alpha(opacity=85);
  -moz-opacity: .85;
  z-index: 101;
  display: none;
}

#delayedPopup .modal {
  display: block;
  position: fixed;
  z-index: 111;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 60px;
}

.modal-content {
  margin: 0% auto 10% auto;
  border: none;
  max-width: 560px;
  width: 100%;
}

#btnClose {
  position: absolute;
  right: -15px;
  top: -34px;
  padding: 2px 12px;
  color: #f9f2f2;
  background: #F44336;
  font-size: 21px;
  font-weight: bold;
  z-index: 9;
  opacity: 1;
}


.modal-row {
  background-color: #cdcdcd;
}


.imgcontainer {
  text-align: center;
  position: relative;
  text-align: justify;
}

.dly-ttl {
  font-size: 20px;
  padding: 0px 8px;
  margin-top: 10px;
  color: #f93608;
  text-align: center;
  padding-top: 7px;
}

/*end here*/

/*banner css start here*/

.bannerSlider {
  width: 100vw;
  display: flex;
  /* padding: 0 20px; */
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  position: relative;
  /* top: 19px; */
}

.bannerSlider .leftArrow {
  position: absolute;
  left: 15px;
  /*background-color: #00ab98;*/
  color: #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px #0000009c;
  opacity: 0.1;
}

.bannerSlider .rightArrow {
  position: absolute;
  right: 15px;
  /*background-color: #00ab98;*/
  color: #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px #0000009c;
  opacity: 0.1;

}

.bannerSlider .slide {
  position: relative;
  height: 75vh;
  margin-top: 90px;
  border: 1px solid #fff;
  /* margin: 10px; */
  display: flex;
  flex: .5;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #fff;
  /* border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px; */
  transition: flex 0.3s;
  -webkit-transition: flex 0.3s;
  -moz-transition: flex 0.3s;
  -ms-transition: flex 0.3s;
  -o-transition: flex 0.3s;
  transition: 2.5s ease;
  -webkit-transition: 2.5s ease;
  ;
  -moz-transition: 2.5s ease;
  ;
  -ms-transition: 2.5s ease;
  ;
  -o-transition: 2.5s ease;
  ;
}

.bannerSlider .slide h1 {
  font-size: 50px;
  color: #E41937;
  text-shadow: none;
  -webkit-text-stroke: 1px #fff;
  letter-spacing: 3px;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease 0.3s;
  -webkit-transition: opacity 0.3s ease 0.3s;
  -moz-transition: opacity 0.3s ease 0.3s;
  -ms-transition: opacity 0.3s ease 0.3s;
  -o-transition: opacity 0.3s ease 0.3s;
}

.bannerSlider .slide.active {
  flex: 0.5;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  overflow-x: hidden;
  background-size: cover;
}

.bannerSlider .slide:hover.active {
  flex: 100%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  overflow-x: hidden;
  background-size: cover;
  background-position: center;
}

.bannerSlider .slide.active h1 {
  opacity: 1;
}

@media(max-width: 767px) {
  .bannerSlider .slide {
    height: 50vh;
  }

  .bannerSlider .slide {
    margin-top: 50px;
  }

  .bannerSlider .leftArrow {
    left: -10px;
    opacity: 0.5;
    box-shadow: 0 0 0 transparent;
    text-shadow: 0 0 5px #000;
    top: 50%;
    transform: translateY(50%);
  }

  .bannerSlider .rightArrow {
    right: -10px;
    opacity: 0.5;
    box-shadow: 0 0 0 transparent;
    text-shadow: 0 0 5px #000;
    top: 50%;
    transform: translateY(50%);

  }


}

body {
  /*background: url('bg.jpg');*/
}

#lorem {
  font-family: "Segoe UI", sans-serif;
  font-size: 12pt;
  text-align: left;
}

#popupfoot {
  font-family: "Segoe UI", sans-serif;
  font-size: 16pt;
  padding: 10px 20px;
}

#popupfoot a {
  text-decoration: none;
}

.agree:hover {
  background-color: #D1D1D1;
}

.popupoption:hover {
  background-color: #D1D1D1;
  color: green;
}

.popupoption2:hover {

  color: #00ab98;
}

/* loading p */

.ft-testimonial-slider-area .slick-dots,
.ft-project-slider-area .slick-dots,
.ft-service-slider-2 .slick-dots,
.ft-service-slider-wrapper .slick-dots {
  margin-top: 55px;
  position: static;
}

.ft-testimonial-slider-area .slick-dots li,
.ft-project-slider-area .slick-dots li,
.ft-service-slider-2 .slick-dots li,
.ft-service-slider-wrapper .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0px 8px;
  border-radius: 100%;
  position: relative;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  background-color: #00044b;
}

.ft-testimonial-slider-area .slick-dots li:before,
.ft-project-slider-area .slick-dots li:before,
.ft-service-slider-2 .slick-dots li:before,
.ft-service-slider-wrapper .slick-dots li:before {
  top: -5px;
  left: -5px;
  content: "";
  opacity: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 100%;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border: 2px solid #ea1e00;
}

.ft-testimonial-slider-area .slick-dots li button,
.ft-project-slider-area .slick-dots li button,
.ft-service-slider-2 .slick-dots li button,
.ft-service-slider-wrapper .slick-dots li button {
  display: none;
}

.ft-testimonial-slider-area .slick-dots li.slick-active,
.ft-project-slider-area .slick-dots li.slick-active,
.ft-service-slider-2 .slick-dots li.slick-active,
.ft-service-slider-wrapper .slick-dots li.slick-active {
  background-color: #ea1e00;
}

.ft-testimonial-slider-area .slick-dots li.slick-active:before,
.ft-project-slider-area .slick-dots li.slick-active:before,
.ft-service-slider-2 .slick-dots li.slick-active:before,
.ft-service-slider-wrapper .slick-dots li.slick-active:before {
  opacity: 1;
}

/*global area*/
/*----------------------------------------------------*/


.ul-li ul {
  margin: 0;
  padding: 0;
}

.ul-li ul li {
  list-style: none;
  display: inline-block;
}

.ul-li-block ul {
  margin: 0;
  padding: 0;
}

.ul-li-block ul li {
  display: block;
  list-style: none;
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #ffff url("../img/loader.svg") no-repeat center center;
}

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}

a:hover,
a:focus {
  text-decoration: none;
}

/*img {*/
/*  max-width: 100%;*/
/*  height: auto;*/
/*}*/

button {
  cursor: pointer;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  /* color: #000; */
  /* font-weight: bold; */
}

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.relative-position {
  position: relative;
}

.pera-content p {
  margin-bottom: 0;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin: 0;
  font-weight: normal;
  /*font-family: "Poppins";*/
}

.container {
  max-width: 1200px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-right {
  text-align: right;
}

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.background_position {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.ft-item-innerbox {
  padding: 0px 15px;
}

.ft-section-title .sub-title {
  font-size: 20px;
  font-weight: 700;
  color: #ea1e00;
  padding: 0px 82px;
  position: relative;
}

.ft-section-title .sub-title:before,
.ft-section-title .sub-title:after {
  top: 15px;
  content: "";
  height: 3px;
  width: 75px;
  position: absolute;
  background-color: #ea1e00;
}

.ft-section-title .sub-title:before {
  left: 0;
}

.ft-section-title .sub-title:after {
  right: 0;
  display: none;
}

.ft-section-title.text-center .sub-title:after {
  display: block;
}

.ft-section-title h2 {
  color: #00044b;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.333;
  padding: 10px 0px 20px;
}

.ft-section-title-2 {
  margin: 0 auto;
  max-width: 580px;
}

.ft-section-title-2 .sub-title {
  font-size: 20px;
  font-weight: 700;
  color: #ea1e00;
}

.ft-section-title-2 h2 {
  color: #003440;
  font-size: 36px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 25px;
}

.ft-section-title-2 h2 span {
  color: #ea1e00;
}

.ft-section-title-3 span {
  color: #fa3b0e;
  font-size: 18px;
  font-weight: 500;
}

.ft-section-title-3 h2 {
  color: #141415;
  font-size: 48px;
  font-weight: 700;
  padding-top: 12px;
}

.ft-sb-button {
  color: #fff;
  height: 55px;
  width: 170px;
  border: none;
  font-weight: 600;
  border-radius: 6px;
  /* font-family: "Poppins"; */
  background-color: #ea1e00;
}

.scrollup {
  width: 35px;
  right: 20px;
  z-index: 5;
  height: 35px;
  bottom: 100px;
  right: 0px;
  display: none;
  position: fixed;
  border-radius: 6px 0px 0px 6px;
  line-height: 35px;
  background-color: #ea1e00;
}

.scrollup i {
  color: #fff;
}

@-webkit-keyframes btn_shine {
  100% {
    left: 200%;
  }
}

@keyframes btn_shine {
  100% {
    left: 200%;
  }
}

.ft-btn a {
  color: #fff;
  height: 55px;
  z-index: 1;
  width: 170px;
  font-weight: 600;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  /* font-family: "Poppins"; */
  background-color: #ea1e00;
}

.ft-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: 100%;
  -webkit-transform: skewX(-20deg);
  -khtml-transform: skewX(-20deg);
  transform: skewX(-20deg);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
  z-index: -1;
}

.ft-btn a:hover {
  background-color: #ea1e00;
}

.ft-btn a:hover:after {
  -webkit-animation: btn_shine 1.2s ease;
  animation: btn_shine 1.2s ease;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ft-btn-2 a {
  z-index: 1;
  width: 60px;
  height: 45px;
  color: #002a34;
  overflow: hidden;
  line-height: 48px;
  text-align: center;
  position: relative;
  display: inline-block;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}

.ft-btn-2 a span {
  opacity: 0;
  color: #002a34;
  font-size: 15px;
  font-weight: 600;
  margin-right: 8px;
  /* font-family: "Poppins"; */
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}

.ft-btn-2 a i {
  top: 2px;
  right: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}

.ft-btn-2 a:before {
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 60px;
  height: 45px;
  position: absolute;
  border-radius: 30px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border: 2px solid #002a34;
}

.ft-btn-2 a:hover {
  width: 150px;
}

.ft-btn-2 a:hover span {
  opacity: 1;
}

.ft-btn-2 a:hover i {
  left: auto;
  right: 15px;
}

.ft-btn-2 a:hover:before {
  width: 150px;
  background-color: #fff;
  border: 2px solid #fff;
}

.ft-btn-3 a {
  color: #fff;
  height: 55px;
  width: 180px;
  font-weight: 600;
  border-radius: 30px;
  /* font-family: "Poppins"; */
  background-color: #ea1e00;
}

.ft-btn-3 a i {
  top: 2px;
  margin-left: 5px;
  position: relative;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.ft-btn-3 a:hover {
  background-color: #00044b;
}

.ft-btn-3 a:hover i {
  margin-left: 10px;
}

.ft-sb-button {
  z-index: 1;
  overflow: hidden;
  position: relative;
}

.ft-sb-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: 100%;
  -webkit-transform: skewX(-20deg);
  -khtml-transform: skewX(-20deg);
  transform: skewX(-20deg);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
  z-index: -1;
}

.ft-sb-button:hover {
  color: #fff;
  background-color: #ea1e00;
}

.ft-sb-button:hover:after {
  -webkit-animation: btn_shine 1.2s ease;
  animation: btn_shine 1.2s ease;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ft-pagination-item {
  margin-top: 20px;
}

.ft-pagination-item li a {
  color: #fff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  margin-right: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #003440;
}

.ft-pagination-item li a:hover {
  background-color: #ea1e00;
}

.ft-pagination-item.text-center li a {
  margin: 0px 8px;
}

.top-stikcy {
  top: 80px;
  position: sticky;
}

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.ft-header-section .navbar-nav {
  display: inherit;
}

.ft-header-section .dropdown {
  position: relative;
}

.ft-header-section .dropdown:hover .dropdown-menu {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.ft-header-section .dropdown:after {
  top: 0px;
  color: #e3002a;
  right: -14px;
  content: "";
  font-size: 18px;
  font-weight: 700;
  color: #ea1e00;
  position: absolute;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.ft-header-section .dropdown li:after {
  top: 8px;
  right: 15px;
}

.ft-header-section .dropdown-menu {
  left: 0;
  top: 38px;
  z-index: 100;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-width: 250px;
  display: block;
  border: none;
  border-radius: 0;
  position: absolute;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  background-color: #fff;
  background-clip: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 13px 18px -8px rgba(0, 0, 0, 0.15), 0 29px 45px 4px rgba(0, 0, 0, 0.08), 0 11px 55px 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 13px 18px -8px rgba(0, 0, 0, 0.15), 0 29px 45px 4px rgba(0, 0, 0, 0.08), 0 11px 55px 10px rgba(0, 0, 0, 0.07);
}

.ft-header-section .dropdown-menu .dropdown-menu {
  top: 20px;
  opacity: 0;
  left: 250px;
}

.ft-header-section .dropdown-menu .dropdown-menu a {
  font-weight: 600;
  color: #1a2428;
}

.ft-header-section .dropdown-menu .dropdown-menu a:before {
  display: none;
}

.ft-header-section .dropdown-menu li {
  display: block;
  margin: 0 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}

.ft-header-section .dropdown-menu li:last-child {
  border-bottom: none;
}

.ft-header-section .dropdown-menu li:hover .dropdown-menu {
  top: 0;
  opacity: 1;
}

.ft-header-section .dropdown-menu a {
  width: 100%;
  display: block;
  position: relative;
  padding: 10px 20px 10px !important;
  color: #1a2428 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.ft-header-section .dropdown-menu a:before {
  top: 20px;
  left: 5px;
  width: 0px;
  height: 2px;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}

.ft-header-section .dropdown-menu a:after {
  display: none;
}

.ft-header-section .dropdown-menu a:hover {
  margin-left: 10px;
}

.ft-header-section .dropdown-menu a:hover:before {
  width: 10px;
}

.ft-header-section.header-style-one {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: absolute;
  background-color: #ea1e00;
}

.ft-header-section.header-style-one .dropdown-menu {
  top: 48px;
}

.ft-header-section.header-style-one .ft-header-content {
  padding-left: 250px;
}

.ft-header-section.header-style-one .ft-brand-logo {
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ft-header-section.header-style-one .ft-header-top {
  color: #fff;
  background-color: #000671;
  padding: 18px 0px 18px 80px;
}

.ft-brand-logo {
  margin-top: -50px;
}

.ft-header-section.header-style-one .ft-header-top li {
  font-weight: 500;
  margin-right: 40px;
}

.ft-header-section.header-style-one .ft-header-top li i {
  font-size: 20px;
  margin-right: 12px;
}

.ft-header-section.header-style-one .ft-header-menu-top-cta:before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-bottom: 134px solid #ea1e00;
  border-right: 110px solid transparent;
}

.ft-header-section.header-style-one .ft-header-main-menu {
  padding: 12px 10px;
  background-color: #01054c;
}

.ft-header-section.header-style-one .ft-main-navigation li {
  margin-left: 50px;
}

.ft-header-section.header-style-one .ft-main-navigation li a {
  color: #fff;
  font-weight: 500;
  padding-bottom: 30px;
}

.ft-header-section.header-style-one .ft-header-cta-btn {
  margin-left: 50px;
}

.ft-header-section.header-style-one .ft-header-cta-btn a {
  height: 50px;
  width: 150px;
  color: #01054c;
  font-weight: 600;
  border-radius: 6px;
  /* font-family: "Poppins"; */
  background-color: #fff;
}

.ft-header-section.header-style-one .ft-header-cta-btn a:hover {
  color: #fff;
  background-color: #ea1e00;
}

.ft-header-section.header-style-one .ft-header-cta-info {
  top: 50%;
  right: 80px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-icon {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 100%;
  background-color: #fff;
}

.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-icon i {
  font-size: 30px;
  line-height: 0.75;
  color: #ea1e00;
}

.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text {
  color: #fff;
}

.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text p {
  font-weight: 500;
}

.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text h3 {
  font-size: 24px;
  font-weight: 700;
}

.ft-header-section.header-style-two {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: absolute;
}

.ft-header-section.header-style-two .ft-header-top {
  overflow: hidden;
  background-color: #003e4d;
}

.ft-header-section.header-style-two .ft-header-top-content li {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-right: 40px;
}

.ft-header-section.header-style-two .ft-header-top-content li i {
  font-size: 16px;
  margin-right: 10px;
}

.ft-header-section.header-style-two .ft-header-cta-info {
  padding: 5px 15px;
  position: relative;
  background-color: #ea1e00;
}

.ft-header-section.header-style-two .ft-header-cta-info:before {
  top: 0;
  width: 0;
  height: 0;
  content: "";
  left: -45px;
  position: absolute;
  border-top: 55px solid #ea1e00;
  border-left: 45px solid transparent;
}

.ft-header-section.header-style-two .ft-header-cta-info:after {
  top: -10px;
  left: -40px;
  width: 7px;
  content: "";
  height: 75px;
  position: absolute;
  background-color: #192c48;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #fff;
}

.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-icon i {
  font-size: 20px;
  line-height: 0.75;
  color: #ea1e00;
}

.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text {
  color: #fff;
}

.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text p {
  font-size: 14px;
  font-weight: 500;
}

.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text h3 {
  font-size: 18px;
  font-weight: 700;
}

.ft-header-section.header-style-two .ft-header-main-menu-wrapper {
  background-color: #002a34;
}

.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo-area {
  width: 322px;
  overflow: hidden;
}

.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo {
  width: 240px;
  padding: 14px 15px;
  background-color: #ea1e00;
}

.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo:before {
  top: 0;
  width: 0;
  height: 0;
  content: "";
  right: -65px;
  position: absolute;
  border-bottom: 80px solid #ea1e00;
  border-right: 65px solid transparent;
}

.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo:after {
  top: -16px;
  right: -52px;
  width: 7px;
  content: "";
  height: 120px;
  position: absolute;
  background-color: #ea1e00;
  -webkit-transform: rotate(-39deg);
  transform: rotate(-39deg);
}

.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
  margin-left: 50px;
}

.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li a {
  color: #fff;
  font-weight: 500;
  padding-bottom: 30px;
}

.ft-header-section.header-style-two .ft-header-cta-btn {
  margin-left: 60px;
}

.ft-header-section.header-style-two .ft-header-cta-btn a {
  color: #fff;
  height: 55px;
  width: 160px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 30px;
  /* font-family: "Poppins"; */
  border: 2px solid #fff;
}

.ft-header-section.header-style-two .ft-header-cta-btn a:hover {
  background-color: #ea1e00;
  border: 2px solid #ea1e00;
}

.ft-header-section.header-style-three {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  /*position: absolute;*/
  /* background-color: #862a6d; */
  /*background-image: linear-gradient(to bottom, #000000fc,#00000082 50%,#0000002e, #00000000);*/
  padding-bottom: 5px;
}

.ft-header-section.header-style-three .ft-header-top {
  padding: 10px 0px;
  position: relative;
}

.ft-header-section.header-style-three .ft-header-top:after {
  bottom: 0;
  right: 0;
  content: "";
  height: 2px;
  width: 85%;
  position: absolute;
  background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(#00ab98), to(#00ab98));
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0), #e41937, #e41937);
}

.ft-header-section.header-style-three .ft-header-top li {
  color: #000;
  font-size: 13px;
  margin-left: 55px;
  position: relative;
  /* font-family: "Poppins"; */
}

.ft-header-section.header-style-three .ft-header-top li:after {
  top: -2px;
  width: 2px;
  content: "";
  height: 24px;
  right: -7px;
  position: absolute;
  background-color: #E41937;
}

.ft-header-section.header-style-three .ft-header-top li:last-child:after {
  display: none;
}

.ft-header-section.header-style-three .ft-header-top li i {
  color: #fff;
  margin-right: 5px;
}

.ft-header-section.header-style-three .ft-main-navigation li {
  margin-left: 40px;
}

.ft-header-section.header-style-three .ft-main-navigation li a {
  color: #000;
  font-weight: 600;
  padding-bottom: 30px;
  /* font-family: "Poppins"; */
  font-size: 16px;
}

.ft-header-section.header-style-three .dropdown:after {
  color: #00ab98;
}

.ft-header-section.header-style-three .dropdown-menu a:before {
  background-color: #E41937;
}

.ft-header-section.header-style-three .ft-header-cta-btn {
  margin-left: 55px;
}

.ft-header-section.header-style-three .ft-header-cta-btn a {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 11px 22px;
  position: relative;
  /* font-family: "Poppins"; */
  background-color: #E41937;
}

.ft-header-section.header-style-three .ft-header-cta-btn a:before {
  top: 0;
  width: 0;
  height: 0;
  content: "";
  left: -40px;
  position: absolute;
  border-top: 45px solid #E41937;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-left: 40px solid transparent;
}

.ft-header-section.header-style-three .ft-header-cta-btn a:hover {
  /* background-color: #0090ff; */
  background-color: #fff;
  color: #000;
}

.ft-header-section.header-style-three .ft-header-cta-btn a:hover:before {
  border-top: 58px solid #fff;
}

.ft-header-section.sticky-on {
  top: 0;
  width: 100%;
  z-index: 20;
  position: fixed;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}

.ft-header-section.sticky-on.header-style-one .ft-header-top {
  display: none;
}

.ft-header-section.sticky-on.header-style-one .ft-header-menu-top-cta:before {
  display: none;
}

.ft-header-section.sticky-on.header-style-one .ft-header-content {
  padding-left: 260px;
}

.ft-header-section.sticky-on.header-style-two .ft-header-top {
  display: none;
}

.ft-header-section.sticky-on.header-style-three {
  padding: 12px 0px;
  background-color: #121213;
}

.ft-header-section.sticky-on.header-style-three .ft-header-top {
  display: none !important;
}

.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a:before {
  display: none;
}

.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
  padding: 18px 20px;
}

.mobile_logo {
  top: 10px;
  left: 15px;
  display: none;
  position: absolute;
}

.mobile_menu_content {
  top: 0px;
  bottom: 0;
  left: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 260px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 20px 35px 35px 35px;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.mobile_menu_content .mobile-main-navigation {
  width: 100%;
}

.mobile_menu_content .mobile-main-navigation .navbar-nav {
  width: 100%;
}

.mobile_menu_content .dropdown:after {
  display: none;
}

.mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.mobile_menu_content .mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
  padding: 0;
  width: 100%;
  color: #000;
  display: block;
  font-weight: 600;
  font-size: 14px;
  /* font-family: "Poppins"; */
  text-transform: uppercase;
  padding: 10px 30px 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.mobile_menu_content .m-brand-logo {
  width: 120px;
  margin: 0px auto;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
  left: 0px;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.mobile_menu_button {
  right: 0px;
  top: -62px;
  z-index: 5;
  color: #fff;
  display: none;
  font-size: 24px;
  cursor: pointer;
  line-height: 38px;
  position: absolute;
  text-align: center;
}

.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
  display: none;
}

.mobile_menu .mobile-main-navigation .dropdown>.dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  background-color: transparent;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 0 10px;
  line-height: 1;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
  background-color: transparent;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
  color: #000 !important;
}

.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
  color: #ea1e00;
  background-color: transparent;
}

.mobile_menu .dropdown {
  position: relative;
}

.mobile_menu .dropdown .dropdown-btn {
  color: #9397a7;
  position: absolute;
  top: 3px;
  right: 0;
  height: 30px;
  padding: 5px 10px;
}

.mobile_menu .dropdown .dropdown-btn.toggle-open {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile_menu .mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 25px;
  right: 25px;
  font-size: 20px;
  position: absolute;
}

.ft-header-section.header-style-two .mobile_menu_button {
  top: -18px;
}

#ft-about-3 {
  padding: 25px 0;
}

.ft-about-img-3 img {
  width: 100%;
  object-fit: contain;
  height: 250px;
}

/*---------------------------------------------------- */
/*Footer area*/
/*----------------------------------------------------*/
.footer {
  background-image: linear-gradient(#000000db, #000000db), url(https://wallpaperaccess.com/full/937101.jpg);
  background-size: cover;
}

.sreemaavi-footer-section {
  padding-top: 120px;
  background-color: #00044b;
}

.sreemaavi-footer-widget-wrapper {
  padding-bottom: 90px;
}

.sreemaavi-footer-widget .widget-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 25px;
}

.sreemaavi-footer-widget .logo-widget .site-logo {
  padding-bottom: 20px;
}

.sreemaavi-footer-widget .logo-widget p {
  color: #fff;
  max-width: 250px;
  padding-bottom: 35px;
}

.sreemaavi-footer-widget .menu-widget li {
  margin-bottom: 18px;
}

.sreemaavi-footer-widget .menu-widget li a {
  color: #fff;
  position: relative;
}

.sreemaavi-footer-widget .menu-widget li a:before {
  left: 0;
  top: 8px;
  width: 0px;
  height: 3px;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}

.sreemaavi-footer-widget .menu-widget li a:hover {
  padding-left: 12px;
}

.sreemaavi-footer-widget .menu-widget li a:hover:before {
  width: 8px;
}

.sreemaavi-footer-widget .gallery-widget {
  margin: 0px -5px;
}

.sreemaavi-footer-widget .gallery-widget li a {
  float: left;
  width: 85px;
  height: 90px;
  margin: 5px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}

.sreemaavi-footer-widget .gallery-widget li a:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  opacity: 0.7;
  height: 100%;
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #ea1e00;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
}

.sreemaavi-footer-widget .gallery-widget li a:after {
  left: 0;
  top: 50%;
  right: 0;
  color: #fff;
  opacity: 0;
  margin: 0 auto;
  font-size: 20px;
  content: "";
  font-weight: 900;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
  font-family: "Font Awesome 5 Pro";
}

.sreemaavi-footer-widget .gallery-widget li a:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sreemaavi-footer-widget .gallery-widget li a:hover:after {
  opacity: 1;
}

.sreemaavi-footer-copywrite-1 {
  color: #fff;
  padding: 16px 0px 14px;
  background-color: #000891;
}

.sreemaavi-footer-section-2 {
  margin-top: 115px;
  background-color: #f4f4f4;
}

.sreemaavi-footer-section-2 .footer-shape1 {
  left: 0;
  bottom: 0;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter {
  top: -115px;
  margin-bottom: -15px;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-content {
  padding: 65px 60px;
  border-radius: 120px;
  background-color: #ea1e00;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-content h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  max-width: 510px;
  line-height: 1.333;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form {
  width: 500px;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form input {
  width: 100%;
  color: #fff;
  height: 60px;
  padding-left: 20px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: transparent;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form input::-webkit-input-placeholder {
  color: #fff;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form input::-moz-placeholder {
  color: #fff;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form input:-ms-input-placeholder {
  color: #fff;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form input::-ms-input-placeholder {
  color: #fff;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form input::placeholder {
  color: #fff;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form button {
  top: 0;
  right: 0;
  width: 160px;
  height: 60px;
  border: none;
  color: #003440;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  border-radius: 30px;
  /* font-family: "Poppins"; */
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}

.sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form button:hover {
  color: #fff;
  background-color: #00044b;
}

.sreemaavi-footer-widget-wrapper-2 {
  padding-bottom: 90px;
}

.sreemaavi-footer-widget-wrapper-2 .sreemaavi-footer-widget .widget-title {
  color: #003440;
}

.sreemaavi-footer-widget-wrapper-2 .sreemaavi-footer-widget .logo-widget .site-logo {
  padding-bottom: 35px;
}

.sreemaavi-footer-widget-wrapper-2 .sreemaavi-footer-widget .sreemaavi-footer-address span {
  color: #003440;
  display: block;
  font-weight: 500;
  max-width: 245px;
  margin-bottom: 12px;
}

.sreemaavi-footer-widget-wrapper-2 .sreemaavi-footer-widget .menu-widget li a {
  font-weight: 500;
  color: #003440;
}

.sreemaavi-footer-copywrite-2 {
  color: #fff;
  font-weight: 700;
  padding: 22px 0px;
  background-color: #003440;
}

.sreemaavi-footer-section-3 .ft-newslatter-section-3 {
  padding: 40px 0px;
  /* background-color: #0f0f35; */
  background-color: #121213;
}

.sreemaavi-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text {
  color: #fff;
}

.sreemaavi-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text h3 {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 10px;
}

.sreemaavi-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text p {
  color: #c9c8c8;
  font-size: 17px;
}

.sreemaavi-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a {
  color: #fff;
  width: 200px;
  height: 50px;
  font-size: 14px;
  font-weight: 700;
  /* background-color: #121213; */
  background-color: #121213;
}

.sreemaavi-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a:hover {
  background-color: #fa4318;
}

.sreemaavi-footer-copyright {
  padding: 25px 0px;
}

.sreemaavi-footer-copyright span {
  font-size: 15px;
  color: #ffffff;
}

.sreemaavi-footer-content-wrap-3 {
  padding-top: 25px;
  border-bottom: 2px solid #383737;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .widget-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  margin-bottom: 25px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .widget-title:before {
  left: 0;
  height: 3px;
  width: 30px;
  content: "";
  bottom: 15px;
  position: absolute;
  background-color: #121213;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-logo-widget .sreemaavi-footer-logo {
  padding-bottom: 18px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-logo-widget p {
  color: #9d9d9d;
  padding-bottom: 35px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-logo-widget .footer-logo-btn {
  color: #fff;
  height: 35px;
  width: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 35px;
  overflow: hidden;
  display: inline-block;
  background-color: #121213;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-logo-widget .footer-logo-btn:after {
  background-color: #fff;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-logo-widget .footer-logo-btn:hover {
  background-color: #fa4318;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget p {
  color: #9d9d9d;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget form {
  margin-top: 30px;
  position: relative;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget input {
  height: 45px;
  width: 100%;
  padding-left: 20px;
  border: 2px solid #313131;
  background-color: transparent;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget input::-webkit-input-placeholder {
  color: #fff;
  font-size: 14px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget input::-moz-placeholder {
  color: #fff;
  font-size: 14px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget input:-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget input::-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget input::placeholder {
  color: #fff;
  font-size: 14px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget button {
  top: 0;
  right: 0;
  width: 60px;
  padding: 0;
  color: #fff;
  height: 45px;
  border: none;
  position: absolute;
  background-color: #121213;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget button:hover {
  background-color: #fff;
  color: #000;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget .sreemaavi-footer-social {
  margin-top: 22px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget .sreemaavi-footer-social li {
  margin-right: 15px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget .sreemaavi-footer-social li a {
  color: #494949;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.footer .sreemaavi-footer-social ul li i {
  background-color: #00ab98;
  color: #fff;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 1s ease;
}

.footer .sreemaavi-footer-social ul li:hover i {
  background-color: #fff;
  color: #121213;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget .sreemaavi-footer-social li a:hover {
  color: #121213;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget {
  padding-left: 20px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget ul {
  padding-top: 15px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget i {
  float: left;
  font-size: 14px;
  margin-top: 5px;
  /* color: #121213; */
  color: #fff;
  margin-right: 10px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget a {
  color: #9d9d9d;
  display: block;
  font-size: 14px;
  overflow: hidden;
  max-width: 170px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget .office-open-hour {
  margin-top: 10px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget .office-open-hour span {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  text-decoration: underline;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget .office-open-hour p {
  font-size: 14px;
  color: #9d9d9d;
  max-width: 180px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-instagram-widget .insta-feed {
  padding-top: 10px;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-instagram-widget .insta-feed li {
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 10px;
  margin-bottom: 7px;
  position: relative;
  background-color: #000;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-instagram-widget .insta-feed li:before {
  top: 0;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-instagram-widget .insta-feed li i {
  left: 0;
  top: 50%;
  right: 0;
  opacity: 0;
  color: #fff;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-instagram-widget .insta-feed li:hover:before {
  opacity: 0.7;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-instagram-widget .insta-feed li:hover i {
  opacity: 1;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-copyright {
  margin-top: 25px;
  border-top: 1px solid #15152e;
  position: relative;
}

.sreemaavi-footer-content-wrap-3 .sreemaavi-footer-copyright::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  top: 0;
  right: 0;
  background-image: linear-gradient(to right, #00ab98, #00ab98, #fff, #00ab98, #00ab98) !important;
}

.footer-middle ul li {
  list-style-type: none;
}

/*---------------------------------------------------- */
/*Responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1650px) {
  .ft-header-section.header-style-one .ft-header-cta-info {
    display: none !important;
  }

  .ft-contact-section:before {
    left: -30%;
  }

  .ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
    font-size: 20px;
  }

  .ft-portfolio-slider-innerbox .ft-portfolio-text {
    left: 30px;
    max-width: 265px;
  }

  #rev_slider_29_1_wrapper .tparrows {
    display: none;
  }

  .our-projects-items .our-projects-text {
    left: 20px;
  }

  .our-projects-items .our-projects-text {
    max-width: 285px;
  }

  .our-projects-items .our-projects-text h3 {
    font-size: 24px;
  }

  .our-projects-items .more-btn {
    left: 20px;
  }

  .ft-why-choose-section-2 .why-choose-img-2 {
    right: -280px;
  }
}

@media screen and (max-width: 1280px) {
  .ft-service-innerbox-3 .ft-service-text-icon:before {
    display: none;
  }

  .ft-service-innerbox-3 .ft-service-text-icon:after {
    display: none;
  }

  .ft-service-innerbox-3 .ft-service-icon {
    top: -50px;
  }

  .ft-service-innerbox-3 .ft-service-text-icon {
    padding: 59px 30px 75px;
  }

  .ft-why-choose-section-2 .why-choose-img-2 {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  .ft-booking-form-content {
    top: 0;
    margin-top: 60px;
    margin-bottom: 0;
  }

  .ft-section-title .sub-title {
    font-size: 16px;
    padding: 0px 35px;
  }

  .ft-section-title .sub-title:before,
  .ft-section-title .sub-title:after {
    top: 13px;
    height: 2px;
    width: 28px;
  }

  .ft-section-title h2 {
    font-size: 32px;
  }

  .ft-project-itembox .ft-project-text {
    left: 60px;
  }

  .ft-contact-section:before {
    left: -35%;
  }

  .ft-blog-news-feed-innerbox .ft-blog-feed-text h3 {
    font-size: 22px;
  }

  .ft-header-section.header-style-one .ft-main-navigation li {
    margin-left: 45px;
  }

  .ft-header-section.header-style-one .ft-header-menu-top-cta:before {
    border-right: 70px solid transparent;
  }

  .ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
    margin-left: 40px;
  }

  .ft-testimonial-innerbox-item-2 {
    max-width: 550px;
  }

  .ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text p {
    font-size: 14px;
  }

  .ft-header-section.header-style-three .ft-main-navigation li {
    margin-left: 40px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a:before {
    left: -39px;
  }

  #slider-29-slide-76-layer-5,
  #slider-29-slide-78-layer-5,
  #slider-29-slide-77-layer-5 {
    display: none;
  }

  .ft-testimonial-slider-items-3 p {
    font-size: 18px;
  }

  .sreemaavi-footer-widget .gallery-widget li a {
    height: 75px;
    width: 75px;
  }

  .ft-blog-innerbox-3 .ft-blog-text:before {
    display: none;
  }

  .ft-blog-innerbox-3 .ft-blog-text {
    top: 0;
    width: 100%;
  }

  .blog-slider-3 .slick-list {
    padding-bottom: 40px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a:before {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .ft-header-section.header-style-one .ft-header-menu-top-cta:before {
    display: none;
  }

  .ft-header-section.header-style-one .ft-header-content {
    padding-left: 265px;
  }

  .ft-header-section.header-style-one .ft-main-navigation li {
    margin-left: 30px;
  }

  .ft-booking-form-content .booking-form-input-wrapper button {
    margin-top: 20px;
  }

  .ft-service-slider-item {
    margin: 0 auto;
    max-width: 270px;
  }

  .ft-counterup-innerbox .ft-counterup-text h3 {
    font-size: 30px;
  }

  .ft-project-itembox .ft-project-text {
    left: 100px;
  }

  .ft-header-section.header-style-two .ft-header-cta-btn {
    margin-left: 15px;
  }

  .ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
    margin-left: 25px;
  }

  .ft-product-mesurment-content .ft-pm-bg-img {
    right: -80px;
  }

  .ft-blog-innerbox-2 .ft-blog-text-2 h3 {
    font-size: 22px;
  }

  .sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-content h2 {
    padding-bottom: 20px;
  }

  .ft-header-section.header-style-three .ft-main-navigation li {
    margin-left: 30px;
  }

  .our-projects-items {
    width: 50%;
  }

  .our-projects-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ft-about-sign-img-text {
    right: -10px;
    bottom: -40px;
  }

  .ft-blog-section-3 {
    overflow: hidden;
  }

  .ft-section-title-3 h2 {
    font-size: 36px;
  }

  .ft-testimonial-slider-area-3 {
    width: 670px;
    padding: 35px 45px 30px 30px;
  }

  .ft-blog-innerbox-3 .ft-blog-text h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {

  /*.overlay {*/
  /*bottom: 65px !important;*/
  /*left: 22px !important;*/
  /*right: 0;*/
  /*}*/
  /*.our_srvc-tabs:hover .overlay {*/
  /*height: 74% !important;*/
  /*}    */
  .ft-header-section.header-style-one .ft-header-top {
    display: none;
  }

  .ft-main-navigation {
    display: none;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn {
    margin-right: 40px;
  }

  .ft-about-img-exp {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 60px;
  }

  .ft-about-text-wrapper {
    margin: 0 auto;
    max-width: 570px;
  }

  .ft-service-text-area {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 30px;
  }

  .ft-service-text-area .ft-btn {
    margin-top: 0;
  }

  .ft-counterup-innerbox {
    margin-bottom: 30px;
  }

  .ft-why-choose-text-area {
    margin: 0 auto;
    max-width: 670px;
  }

  .ft-why-choose-section:before {
    width: 76.7%;
  }

  .ft-team-inner-itembox {
    margin: 0 auto;
    max-width: 270px;
    margin-bottom: 30px;
  }

  .ft-blog-news-feed-innerbox {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 40px;
  }

  .sreemaavi-footer-widget {
    margin-bottom: 30px;
  }

  .ft-booking-form-content .booking-form-input-wrapper label {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .ft-booking-form-content .booking-form-input-wrapper button {
    margin-top: 0;
  }

  .ft-why-choose-section:before {
    width: 100%;
  }

  .slick-current.slick-center .ft-project-itembox {
    margin-left: 0;
  }

  .slick-current.slick-center .ft-project-itembox .ft-project-text {
    left: 115px;
  }

  .ft-contact-section:before {
    width: 100%;
  }

  .ft-contact-section:before {
    left: -50%;
  }

  .mobile_menu_button {
    top: -55px;
    display: block;
  }

  .ft-header-section.header-style-one .ft-header-main-menu {
    background-color: transparent;
  }

  .ft-header-section.header-style-two .ft-header-cta-btn {
    margin-right: 40px;
  }

  .ft-header-section.header-style-two .mobile_menu_button {
    top: -55px;
  }

  .ft-featu#00ab98-innerbox {
    margin-bottom: 30px;
  }

  .ft-product-mesurment-content .ft-pm-bg-img {
    display: none;
  }

  .ft-about-text-wrapper-2,
  .ft-about-img-2-wrapper {
    margin: 0 auto;
    max-width: 570px;
    padding-bottom: 30px;
  }

  .ft-about-img-2-wrapper {
    padding-bottom: 0;
  }

  .ft-testimonial-innerbox-item-2 {
    max-width: 430px;
  }

  .ft-side-bar-wrapper {
    margin-top: 40px;
  }

  .ft-project-overview-comment-wrapper {
    margin-left: 0;
  }

  .ft-project-overview-comment-wrapper {
    padding: 30px 15px;
  }

  .ft-header-section.header-style-three .ft-header-top {
    display: none !important;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a {
    padding: 15px 20px;
  }

  .ft-header-section.header-style-three {

    padding-top: 15px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn {
    margin-left: 0;
    margin-right: 40px;
  }

  .ft-header-section.header-style-three .mobile_menu_button {
    top: -73px;
  }

  .ft-header-section.sticky-on.header-style-three {
    top: 0;
  }

  .ft-header-section.sticky-on.header-style-three .mobile_menu_button {
    top: -45px;
  }

  .ft-service-innerbox-3 {
    margin: 0 auto;
    max-width: 370px;
    margin-bottom: 30px;
  }

  .ft-about-img-wrapper-3,
  .ft-about-text-3,
  .ft-why-choose-section-2 .ft-why-choose-text-2 {
    margin: 0 auto;
    max-width: 570px;
  }

  .ft-about-text-3 {
    padding-top: 50px;
  }

  .our-projects-items .our-projects-img img {
    width: 100%;
  }

  .ft-funfact-inner-items {
    margin: 20px 0px;
  }

  .ft-why-choose-form {
    margin: 0 auto;
    margin-top: 40px;
  }

  .sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .widget-title {
    margin-bottom: 0;
  }

  .sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget ul {
    padding-top: 0;
  }

  .sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-newslatter-widget form {
    margin-top: 10px;
  }

  .sreemaavi-footer-content-wrap-3 .sreemaavi-footer-copyright {
    margin-top: 30px;
  }

  .ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
    padding: 15px 20px;
  }

  .top-stikcy {
    position: static;
  }
}

@media screen and (max-width: 820px) {
  .ft-header-section.header-style-two .ft-header-top {
    display: none;
  }

  .ft-banner-text-content h1 {
    font-size: 65px;
  }

  .ft-banner-section {
    padding: 250px 0px 200px;
  }

  .ft-testimonial-slider-2 #btn_prev1 {
    left: 40px;
  }

  .ft-testimonial-slider-2 #btn_next1 {
    right: 40px;
  }

  .ft-faq-page-top-content .ft-section-title-2 h2 {
    padding-bottom: 20px;
  }

  .ft-testimonial-slider-wrapper-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ft-testimonial-slider-wrapper-3 .ft-testimonial-slider-img {
    display: none;
  }

  .ft-testimonial-section-3 {
    top: 0;
    margin-bottom: 0;
  }

  .ft-why-choose-section-2 {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 680px) {
  .leader_ship_row1 img {
    margin: 0px !important;
  }

  .ft-team-text-area {
    margin-bottom: 30px;
  }

  .ft-project-section .ft-section-title {
    padding-bottom: 20px;
  }

  .ft-project-itembox .ft-project-text {
    max-width: 100%;
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .ft-contact-section:before {
    left: 0;
    opacity: 0.7;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  .ft-blog-section .ft-section-title {
    padding-bottom: 20px;
  }

  .sreemaavi-footer-widget .logo-widget p {
    padding-bottom: 15px;
  }

  .ft-banner-text-content h1 {
    font-size: 55px;
  }

  .ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo {
    width: 145px;
  }

  .ft-team-details-content {
    padding: 0px 15px;
  }

  .ft-team-details-content .ft-team-details-text-wrapper {
    z-index: 2;
    position: relative;
    padding: 0px 0px 30px;
  }

  .ft-team-personal .title {
    font-size: 28px;
  }

  .ft-testimonial-slider-area-3 {
    width: 100%;
  }

  .ft-newslatter-content-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ft-newslatter-btn {
    margin-top: 15px;
  }

  .sreemaavi-footer-content-wrap-3 .sreemaavi-footer-widget .sreemaavi-footer-info-widget {
    padding-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .ft-about-img-3 img {
    height: 300px;
  }

  .ft-header-section.header-style-one .ft-brand-logo {
    width: 140px;
  }

  .ft-header-section.header-style-one .ft-header-content,
  .ft-header-section.header-style-one.sticky-on .ft-header-content {
    padding-left: 155px;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn {
    margin-left: 0;
    margin-right: 40px;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn a {
    height: 45px;
    width: 130px;
  }

  .ft-booking-form-content .booking-form-input-wrapper label {
    margin-right: 0;
  }

  .ft-booking-form-content .booking-form-input-wrapper button {
    height: 50px;
    width: 185px;
  }

  .ft-about-section {
    padding: 50px 0px;
  }

  .ft-section-title h2 {
    font-size: 26px;
    padding-bottom: 10px;
  }

  .ft-btn a {
    height: 50px;
    width: 150px;
  }

  .ft-service-section {
    padding: 50px 0px;
  }

  .ft-counterup-section {
    padding: 20px 0px 60px;
  }

  .ft-why-choose-text-area .ft-section-title {
    padding-left: 0;
  }

  .ft-why-choose-feature-wrapper {
    padding-left: 0;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-text {
    max-width: 250px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-text h3 {
    font-size: 18px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-icon {
    height: 70px;
    width: 70px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-icon:before {
    width: 50px;
    height: 50px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-icon i {
    font-size: 30px;
  }

  .ft-team-section {
    padding: 0px 0px 60px;
  }

  .ft-why-choose-section {
    padding-bottom: 30px;
  }

  .ft-project-slider-area {
    margin: 0;
  }

  .ft-project-itembox {
    max-width: 310px;
  }

  .slick-current.slick-center .ft-project-itembox .ft-project-text {
    left: 0;
  }

  .slick-current.slick-center .ft-project-itembox {
    padding-left: 0;
  }

  .ft-project-itembox .ft-project-text {
    left: 0;
    opacity: 1;
  }

  .ft-project-itembox .ft-project-text h3 {
    font-size: 18px;
  }

  .ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a {
    margin-left: 0;
    margin-right: 10px;
  }

  .ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-feed-img {
    margin-bottom: 25px;
  }

  .ft-testimonial-section {
    padding: 60px 0px;
  }

  .ft-project-section {
    padding-top: 60px;
  }

  .ft-contact-section,
  .ft-blog-section {
    padding: 60px 0px;
  }

  .sreemaavi-footer-section {
    padding: 60px 0px;
  }

  .sreemaavi-footer-widget-wrapper {
    padding-bottom: 50px;
  }

  .ft-header-section.header-style-two .ft-header-cta-btn {
    display: none;
  }

  .ft-header-section.header-style-two .mobile_menu_button {
    top: -48px;
  }

  .ft-banner-text-content h1 {
    font-size: 36px;
  }

  .ft-banner-text-content p {
    font-size: 18px;
  }

  .ft-banner-section {
    padding: 190px 0px 150px;
  }

  .ft-section-title-2 h2 {
    font-size: 28px;
  }

  .ft-featu#00ab98-section {
    padding: 50px 0px;
  }

  .ft-featu#00ab98-content,
  .ft-service-content-2 {
    padding-top: 15px;
  }

  .ft-featu#00ab98-innerbox .ft-featu#00ab98-text h3 {
    font-size: 20px;
  }

  .ft-featu#00ab98-innerbox .ft-featu#00ab98-icon i {
    font-size: 40px;
  }

  .ft-featu#00ab98-innerbox .ft-featu#00ab98-icon {
    margin-bottom: 10px;
  }

  .ft-featu#00ab98-innerbox .ft-featu#00ab98-text h3 {
    padding-bottom: 10px;
  }

  .ft-product-mesurment-tab-btn .nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .ft-service-section-2 {
    padding: 50px 0px;
  }

  .ft-about-section-2,
  .ft-portfolio-section-2 {
    padding: 50px 0px;
  }

  .ft-experience-section {
    padding-bottom: 50px;
  }

  .ft-faq-content .accordion-button::after {
    font-size: 16px;
    right: 5px;
  }

  .ft-faq-why-choose-us-section {
    padding-bottom: 30px;
  }

  .ft-blog-section-2 {
    padding: 50px 0px;
  }

  .sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-content h2 {
    font-size: 20px;
  }

  .sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-content {
    padding: 20px 30px;
    border-radius: 0px;
  }

  .sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form button {
    height: 50px;
    width: 120px;
    font-size: 14px;
  }

  .sreemaavi-footer-section-2 .sreemaavi-footer-newslatter-form input {
    height: 50px;
  }

  .sreemaavi-footer-section-2 .sreemaavi-footer-newslatter {
    margin-bottom: -75px;
  }

  .sreemaavi-footer-widget-wrapper-2 {
    padding-bottom: 30px;
  }

  .sreemaavi-footer-widget-wrapper-2 .sreemaavi-footer-widget .logo-widget .site-logo {
    padding-bottom: 20px;
  }


  .ft-header-section.header-style-three {
    position: static;
    padding: 10px 0px;
    background-color: #000;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn a {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
  }

  .ft-header-section.header-style-three .mobile_menu_button {
    top: -64px;
  }

  .ft-header-section.header-style-three .ft-header-cta-btn {
    margin-right: 30px;
  }

  .ft-header-section.header-style-three .ft-brand-logo {
    width: 130px;
  }

  .ft-header-section.sticky-on.header-style-three {
    position: fixed;
  }

  .ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
    padding: 10px 15px;
  }

  .ft-header-section.sticky-on.header-style-three .mobile_menu_button {
    top: -65px;
  }

  #slider-29-slide-76-layer-5,
  #slider-29-slide-78-layer-5,
  #slider-29-slide-77-layer-5 {
    display: block;
  }

  .ft-service-section-3 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ft-section-title-3 h2 {
    font-size: 26px;
    padding-top: 5px;
  }

  .ft-service-content-3 {
    padding-top: 30px;
  }

  .ft-section-title-3 span {
    font-size: 16px;
  }

  .ft-service-innerbox-3 .ft-service-text h3 {
    font-size: 18px;
  }

  .ft-service-innerbox-3 .ft-service-text-icon {
    padding: 50px 20px 60px;
  }

  .ft-service-more-btn {
    margin-top: 10px;
    text-align: center;
  }

  .ft-service-more-btn a {
    margin-left: 0;
    margin-top: 10px;
  }

  .ft-about-section-3,
  .ft-funfact-section-2 {
    padding: 0px 0px;
  }

  .ft-about-sign-img-text {
    width: 110px;
  }

  .ft-about-text-3 .ft-about-btn-group a i {
    display: none;
  }

  .ft-about-text-3 .ft-about-btn-group a {
    padding: 10px 15px;
  }

  .our-projects-items {
    width: 100%;
    border-right: 0;
  }

  .ft-funfact-inner-items-wrapper:before {
    display: none;
  }

  .ft-funfact-content-2 {
    padding-top: 30px;
  }

  .ft-funfact-inner-items .ft-funfact-inner-text h3 {
    font-size: 24px;
  }

  .ft-funfact-inner-items .ft-funfact-inner-icon {
    margin-bottom: 20px;
  }

  .ft-why-choose-section-2 {
    padding-top: 60px;
  }

  .ft-why-choose-section-2 .ft-why-choose-text-2 {
    padding-top: 0px;
  }

  .ft-why-choose-form-wrapper {
    padding-left: 0;
  }

  .ft-testimonial-slider-items-3:before {
    display: none;
  }

  .ft-testimonial-slider-items-3 {
    padding-left: 0;
  }

  .ft-blog-section-3 {
    padding: 60px 0px;
  }

  .ft-blog-content-3 {
    padding-top: 30px;
  }

  .sreemaavi-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a {
    width: 150px;
  }

  .sreemaavi-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text h3 {
    font-size: 24px;
  }

  .ft-testimonial-slider-3 .slick-dots {
    position: static;
    margin-top: 20px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .ft-testimonial-slider-3 .slick-dots li {
    display: inline-block;
  }

  .ft-contact-cta-items .ft-contact-cta-text {
    max-width: 220px;
  }
}

@media screen and (max-width: 380px) {
  .ft-header-section.header-style-one .ft-header-content {
    height: 70px;
  }

  .ft-header-section.header-style-one .ft-header-cta-btn {
    display: none;
  }

  .ft-header-section.header-style-one .mobile_menu_button {
    top: -5px;
  }

  .ft-why-choose-feature-item .ft-why-choose-feature-text {
    max-width: 200px;
  }

  .ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a {
    margin-right: 15px;
  }
  .banner-sec{
    margin-top: 30px;
  }
}

/*---------------------------------------------------- */






#gallery {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 991px) {
  #gallery {
    padding: 60px 30px 30 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
}

.img-wrapper img {
  width: 100%;
  height: 200px;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }

  .spec-item0::before {
    height: 40% !important;
  }
}

@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}

@media(min-width: 600px) {
  .vision-mission-values .block {
    display: flex;
  }

}


@media(max-width: 600px) {
  .drochur_downld {
    text-align: center;
    margin: 23px 0px;
  }

  .sreemaavi-footer-social ul {
    justify-content: center !important;
  }

  .screen-section {
    padding-top: 0px;
  }

  .sainad_txet {
    height: auto;

  }

  .sainad_map iframe {
    height: 250px;
  }

  .fu_etern-pic img {
    margin-top: 10px;
  }

  .completed_1 img {
    height: 220px;
    width: 100%;
  }

  .completed-ct h2::after {
    display: none;
  }

  .completed-ct h2 {
    color: #000;
    font-size: 29px;
  }

  .cmplt-animate::after {
    display: none;
  }

  .project1-ct {
    padding: 17px 10px;
    margin-top: 12px;
    right: 0px;
    top: -6px;
    left: 0px;
  }

  .project-ct {
    padding: 14px 8px;
    margin-top: 8px;
  }

  .Amenitie_s {
    background-color: #000;
    padding: 15px 36px;
  }

  .ft-newslatter-text {
    margin-left: 3px;
  }

  .spec-item0::before {
    position: absolute;
    content: '';
    width: 90%;
    height: 40% !important;
  }
}

@media(max-width: 438px) {
  /*.modal_bottom-btn{*/
  /*  margin-top: 11px !important;*/
  /*}*/
}

@media(max-width: 420px) {
  #drop_popup_button {
    margin-top: 14px;
  }

  #drop_popup_button {
    margin-top: 12px;
  }

  .completed-img img {
    height: 285px;
    width: 97%;
  }

  .completed-ct h2 {
    color: #000;
    font-size: 25px;
  }

  .spec-item0::before {
    position: absolute;
    content: '';
    width: 90%;
    height: 40% !important;
  }
}

/* /* ************styles end here*************** */
.footer_middel-row {
  color: #fff !important;
}

.footer-middle .headline h3 {
  color: #00ab98;
  font-weight: bold;
  text-shadow: 0px 2px 2px #f8f9fa;
}

/*contact page css start here*/
/* contact page start here */
#contact-sec{
  padding: 60px 0;
}
.contact .info-box {
  margin-bottom: 15px;
  height: 215px;
  color: #444444;
  text-align: center;
  box-shadow: 0 0 20px rgba(214, 215, 216, 0.5);
  padding: 20px 0 30px 0;
}
.contact .info-box i {
  font-size: 25px;
  color: #e41937;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  line-height: 35px;
  text-align: center;
  padding: 8px;
  border: 2px dotted #e41937;
}
.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}
.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}
.contact .php-email-form {
  box-shadow: 0 0 20px rgba(214, 215, 216, 0.5);
  padding: 30px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
  border: 1px solid #ccc;
  width: 100%;
  outline: none;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #f7941d;
}
.contact .php-email-form input {
  padding: 10px 15px;
}
.contact .php-email-form textarea {
  padding: 12px 15px;
}
.contact .php-email-form button[type=submit] {
  background-image: linear-gradient(to right, #f7941d, #b22234);
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}
.contact .php-email-form button[type=submit]:hover {
  background-image: linear-gradient(to right, #b22234, #f7941d);
}
.contactbtn{
  border-radius: 20px;
    background: linear-gradient(to bottom, #752971 0%, #a12e69 100%);
    border: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
    cursor: pointer;
}

/* contact page end here */
/*contact page css end here*/


/* client section start here */
.slider {
  width: 2179px;
  margin: auto;
  overflow: visible;
}

.client-section {
  margin: 40px 0;
}

.slider ul {
  display: flex;
  padding: 0;
  animation: cambio 80s infinite linear;
}

.slider li {
  padding: 0 10px;
  list-style: none;
}

.slider img {
  border: 1px solid #cd5544;
  max-width: fit-content !important;
  height: 97px;
  padding: 20px 20px;
}

@keyframes cambio {
  from {
    margin-left: 0%
  }

  to {
    margin-left: -100%
  }
}

/* client section end here */

/* footer section css */
.sreemaavi-footer-copyright {
  position: relative;
  /*border-top: 2px solid orange;*/
}

.footer-middle img {
  width: 200px;
  border-radius: 4px 4px;
}

.sreemaavi-footer-copyright::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0), #b62a3c, #982d6a);
}


.footer-middle {
  background-color: #000;
  background-size: cover;
}

.footer_middel-row ul li i {
  height: 30px;
  width: 20px;
}

.footer-middle .sreemaavi-footer-social i {
  padding: 15px;
  /*background-color: #f94115;*/
  margin-right: 5px;
  color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.footer-middle .sreemaavi-footer-social i:hover {
  opacity: 0.8;
}

.footer-middle .fa-facebook-f {
  background-color: #3b5998;
}

.footer-middle .fa-linkedin {
  background-color: #0077b5;
}

.footer-middle .fa-twitter {
  background-color: #55acee;
}

.footer-middle .fa-youtube {
  background-color: #FF0000;
}
.footer-middle .fa-pinterest{
  background-color: #FF0000;
}
.footer-middle .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: #ffffff;
}

.footer-middle .widget-title {
  color: #fff !important;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
}

.widget-title {
  color: #00ab98;
}

.footer_middel-row {
  /*margin-top: 30px;*/
  padding: 50px 0px;
}

.footer-middle .newsletter {
  padding: 25px 0px;
  background: #000;
  border-bottom: 1px dotted #fff;
}


/* faq css section start here */

.accordion {
  max-width: 1200px;
  margin: 24px auto;
}

/* faq css section end here */
/* services page css start here */
.sev-blk {
  border: 1px solid #E41937;
  padding: 20px 20px;
  border-radius: 20px;
}

.sev-hd b{
  color: #1F386B !important;
  font-size: 22px;
}

.tab-content img {
  border: 2px solid #E41937;
}

.services-section {
  margin: 60px 0;
}

.para-ct {
  width: 800px;
  margin: 0 auto;
  color: #fff;
  padding-bottom: 28px;
}

.medical-course h2 {
  padding: 20px 0;
}

/* services page css end here */



/*colpleted projects image stylings*/

/* .box{
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}  */
.box:before {
  content: '';
  background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) 20px, transparent 20px, transparent 25px);
  height: 100%;
  width: 100%;
  opacity: 0;
  transform: skewY(30deg);
  position: absolute;
  left: 0;
  top: -100%;
  z-index: 1;
  transition: all 0.4s ease 0s;
}

.box:hover:before {
  opacity: 0.8;
  transform: skew(0);
  top: 0;
}

.box img {
  width: 100%;
  height: auto;
}

.box .box-content {
  background: linear-gradient(to right, transparent, #EE5A24, #EE5A24, #EE5A24, transparent);
  width: 100%;
  padding: 5px 0;
  opacity: 0;
  transform: scaleX(0);
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 2;
  transition: all 0.4s ease 0s;
}

.box:hover .box-content {
  opacity: 1;
  transform: scaleX(1);
}

.box .title {
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  text-transform: capitalize;
  margin: 0;
}

.box .post {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
}

.box .icon {
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  transform: translateX(-50%) scaleX(0);
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 2;
  transition: all 0.4s ease 0s;
}

.box:hover .icon {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.box .icon li {
  margin: 0 3px;
  display: inline-block;
}

.box .icon li a {
  color: #fff;
  background-color: #EE5A24;
  font-size: 15px;
  line-height: 33px;
  width: 35px;
  height: 35px;
  display: block;
  position: relative;
  transition: all .5s ease 0s;
}

.box_bottom-text {
  /*background-color: #cbc5c56b;*/
  padding: 11px 0px;
  margin: -11px 13px;
  border-radius: 0px 0px 2px 3px;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 25%), 0 6px 20px 0 rgb(0 0 0 / 23%);
  border: 1px solid #00ab98;
  z-index: 999;
  text-align: center;
}

.box:hover .box_bottom-tex {
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 42%), 0 6px 20px 0 rgb(0 0 0 / 54%);
}

.box_bottom-text h3 {
  color: #000;
  padding-left: 6px;
  font-size: 19px;
  margin: 12px 0px;
}

.box_bottom-text h6 span {
  border: 1px solid #fa4318;
  color: #fff;
  background-color: #fa4318;
  outline: none;
  padding: 6px 9px;
  margin-left: 4px;
  border-radius: 3px;
  cursor: pointer;
}


.box .icon li a:hover {
  box-shadow: 0 0 10px #EE5A24;
}

@media only screen and (max-width:990px) {
  .box {
    margin: 0 0 30px;
  }
}

/*tabs----*/
/* about us section start here */
.gain {
  padding: 50px 0;
  background: url(../img/shape-1.png)no-repeat;
  width: 100%;
}

.gain-main {
  background: #f7f7f7;
  box-shadow: 0px 0px 10px #e4e3e3;
  padding: 30px;
  border-radius: 5px;
}

.gain-lt {
  position: relative;
  padding: 10px 19px;
}

.gain-lt h2 {
  color: #004AAD;
  font-weight: 700;
  padding: 0;
  font-size: 35px;
  line-height: 42px;
}

.gain-lt p {
  font-size: 17px;
  line-height: 28px;
  padding: 1px 0 10px 0px;
  position: relative;
}

/* .gain-lt p:before {
  position: absolute;
  top: -2px;
  left: 0;
  background: url(../img/tick.png) no-repeat;
  width: 26px;
  height: 25px;
  display: block;
  content: "";
} */
.gain-lt:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  background: url(../img/circle.png) no-repeat;
  width: 90px;
  height: 90px;
  display: block;
  content: "";
  background-size: contain;
}

.gain-rt img {
  width: 100%;
}

.fa-arrow-alt-circle-right {
  width: 40px;
  font-size: 20px;
  padding-left: 0px;
  color: #E41937;
  animation: moving 1s linear infinite alternate-reverse;
}

@keyframes moving {
  0% {
    padding-left: 0px;
  }

  100% {
    padding-left: 10px;
  }
}

/* about us section end here */

/* services start here */
/* section5 */
.section5 {
  padding: 55px 0;
  background: linear-gradient(rgb(110 41 111), #ea1e00bd);
  /* margin: 20px 0; */
}

.section5 h1 {
  margin-bottom: 20px;
  color: #fff;
}

.serices_sec {
  margin-bottom: 40px;
}

.serices_sec img {
  width: 100%;
  height: 222px;
  border: 2px solid #d03143;
  transition: 0.5s;
  border-radius: 5px;
  padding: 1px;
}

.serices_sec:hover .services_text {
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 83%), 0 6px 20px 0 rgb(0 0 0 / 63%);
}


.services_text {
  background: #ffffff;
  border: 3px solid #d03143;
  margin: 10px;
  position: relative;
  margin-top: -34px;
  padding: 14px 12px;
  box-shadow: 0 4px 8px 0 rgb(208 49 67 / 61%), 0 6px 20px 0 rgb(202 48 65 / 18%);
  border-radius: 8px;
  padding-bottom: 11px;
  height: 62px;


}


.services_text h3 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  text-align: center;

}

.services_text p {
  margin-bottom: 5px;
  color: #737373;
  font-size: 14px;
}

.services_text h4 a {
  color: #f3f3f3;
  border-radius: 20px;
  border: 1px solid #ffc501;
  padding: 6px 10px;
  font-size: 14px;
  background-color: #ffc501;

}

.services_text h4 a:hover {
  text-decoration: none;
  background-color: #ffc501;
  color: rgb(255 255 255);
  border: 1px solid #ffc501;
}

.cont-body h2 {
  font-weight: bold;
}

/* services end here */

/* blog text animation css start here */
.animate-charcter {
  text-transform: uppercase;
  background-image: linear-gradient(-225deg,
      #231557 0%,
      #44107a 29%,
      #ff1361 67%,
      #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-size: 52px;
  padding: 90px 0;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}



/* blog text animation css end here */



/* home page contact us start here */
/* .home-contact{
  margin: 40px 0;
} */
.container-fluid {
  padding-right: 0;
}
.contact-ban h3{
  text-align: center;
  font-size: 35px;
}
.contact-ban button{
  border-radius: 20px;
  background: linear-gradient(to bottom, #752971 0%, #a12e69 100%);
  border: none;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
  cursor: pointer;
}
.home-content {
  padding: 74px 18px;
}

.accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #E41937;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-item {
  background-color: transparent;

}

.accordion-item {
  background-color: #fff;
  border: 1px solid #E41937;
  margin: 7px 0;
}
.accordion-sec{
  margin: 30px 0;
}
.accordion-sec h2{
  text-align: center;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #000;
  text-align: left;
  background-color: #fff;
  border: 1px solid #E41937;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button:hover {
  z-index: 2;
  color: #000;
}

.accordion {
  max-width: 1600px;
  margin: 24px auto;
}

.bannerForm button {
  border-radius: 20px;
  background: linear-gradient(to left, #d32114 0%, #1F386B  100%);
  border: none;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
  cursor: pointer;
}

.bannerForm {
  background: #cccccc4d;
  /* display: inline-block; */
  padding: 80px 26px;
  vertical-align: middle;
  word-spacing: normal;
}

.home-content h3 {
  font-size: 33px;
  text-align: center;
  font-weight: bold;
}

.para-cls {
  text-align: center;
  border: 2px dashed #E41937;
  padding: 10px 10px;
  color: #E41937;
}

.bannerForm h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 8px;
  text-align: center;
}

.bannerForm p {
  text-align: center;
}

.bannerForm form {
  display: block;
  margin: 23px 0 0;
}

.bannerForm form .row div[class*='col-'] {
  padding-left: 7px;
  padding-right: 7px;
}

.bannerForm form .icon {
  position: relative;
}

.bannerForm form .icon:before {
  color: #1F386B;
  font-family: FontAwesome;
  left: 0px;
  line-height: 60px;
  position: absolute;
  top: 0px;
  width: 36px;
  text-align: center;
}

.bannerForm form textarea.input {
  height: 90px;
  padding-bottom: 10px;
  padding-top: 10px;
  resize: none;
}

.bannerForm form .input {
  background: none;
  border: 1px solid #1F386B;
  border-radius: 30px;
  color: #1F386B;
  font-size: 16px;
  border-left: 6px solid #1F386B;
  border-right: 6px solid #1F386B;
  height: 45px;
  margin: 0 0 20px;
  padding: 0 10px 0 36px;
  width: 100%;
}

.bannerForm form .icon:before {
  color: #1F386B;
  font-family: 'Font Awesome 5 Pro';
  left: 1px;
  line-height: 60px;
  position: absolute;
  top: -9px;
  width: 36px;
  text-align: center;
}

.inputFile~.fileLabel {
  display: block;
  font-size: 15px;
  margin: 0 0 10px;
  position: relative;
  display: block;
}

.inputFile~.fileLabel .fileBtn {
  border-left: 6px solid #1F386B;
  border-right: 6px solid #1F386B;
  border: 1px solid #1F386B;
  border-radius: 30px;
  color: #1F386B;
  cursor: pointer;
  display: block;
  line-height: 1.4;
  margin: 0 0 10px;
  padding: 10px 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  letter-spacing: 0.02em;
}

input[type=file] {
  display: block;
}

.inputFile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
}

.bannerForm form .nameField:before {
  content: "\f007";
}

.bannerForm form .emailField:before {
  content: "\f0e0";
}

.bannerForm form .phoneField:before {
  content: "\f10b";
  font-size: 20px;
}

.bannerForm form .budgetField:before {
  content: "\f155";
}

.bannerForm form .projectField:before {
  content: "\f0c5";
  line-height: 62px;
}

.bannerForm form .submit {
  background: #ff5f00;
  background: linear-gradient(to bottom, #752971 0%, #a12e69 100%);
  border: 1px solid #c23846;
  border-radius: 6px;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 44px;
  padding: 0 18px;
  text-align: center;
  float: right;
}

.bannerForm form .icon {
  position: relative;
}

/* home page conatct us end here */



/* contact page start here */


/* body {
	background: linear-gradient(90deg, #BE8CEF 0%, rgba(61, 46, 232, 0.83) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-family: 'Montserrat', sans-serif;
  font-size:10px;
	height: 100vh;
	margin: -20px 0 50px;
} */
.form-container {
  background-image: url(../img/contact.png);
  border-radius: 5px;
  background-repeat: no-repeat;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
  width: 1000px;
  max-width: 100%;
  min-height: 480px;
  min-width: 370px;
  margin: 60px 30px;

}

h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.form-container {
  display: flex;
}

.left-container {
  flex: 1;
  height: 480px;

}

.right-container {
/*  display: flex;
  flex: 1;
  height: 620px;*/
/*  background-color: #fff;
  justify-content: center;
  align-items: center;*/
}

.left-container {
/*  display: flex;
  flex: 1;
  height: 480px;*/
  justify-content: center;
  align-items: center;
  color: #fff;
}

.left-container p {
  font-size: 0.9rem;
}

.right-inner-container {
  /*width: 85%;
  height: 80%;
  text-align: center;*/
}

.left-inner-container {
  width: 80%;
  text-align: center;
  line-height: 22px;
  background-image: url(../img/contact.png);
}

input,
textarea {
  border: 1px solid #c22f41;
  padding: 12px 15px;
  border-left: 5px solid #c22f41;
  margin: 8px 0;
  border-radius: 20px;
  width: 100%;
  border-right: 5px solid #c22f41;
}

/* input:focus, textarea:focus{
  outline:1px solid $teal;
} */

/* button {
	border-radius: 20px;
	background: linear-gradient(to bottom, #752971 0%, #a12e69 100%);
  border: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 45px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: transform 80ms ease-in;
  cursor:pointer;
} */

button:hover {
  opacity: 0.7;
}


form p {
  text-align: left;
}

/* conatct us page end here */

/* blog section start here */
.card {
  box-sizing: border-box;
  border-radius: 8px;
  background: white;
  box-shadow: 0px 0px 14px #80808047;
}

.card-title {
  font-size: 30px;
}

.blog-cls {
  margin: 50px 0;
}

.fw-5 {
  font-weight: 500;
}

.fw-7 {
  font-weight: 700;
}

main {}

.card {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.card .card-left {
  width: 40%;
}

.card .card-left .card-img {
  width: 100%;
  height: 310px;
  position: relative;
}

.card .card-left .card-img::before {
  content: "";
  background: url(../img/blogimg.jpg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  border-radius: 8px 0px 0px 8px;
}

.card .card-left .card-img img {
  width: 100%;
}

.card .card-right {
  width: 60%;
  display: flex;
  flex-direction: column;
  padding: 40px;
  box-sizing: border-box;
}

.card .card-right .card-title {
  font-size: 20px;
  color: hsl(214, 17%, 51%);
}

.card .card-right .card-text {
  font-size: 14px;
  color: hsl(212, 23%, 69%);
  margin-top: 20px;
}

.card .card-right .card-right-body {
  display: flex;
  margin-top: 26px;
}

.card .card-right .card-right-body .card-rb-1 {
  flex-grow: 1;
}

.card .card-right .card-right-body .card-rb-1 img {
  width: 45px;
  border-radius: 50%;
}

.card .card-right .card-right-body .card-rb-2 {
  flex-grow: 7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 3px;
}

.card .card-right .card-right-body .card-rb-2 .card-rb-2-title {
  color: hsl(214, 17%, 51%);
}

.card .card-right .card-right-body .card-rb-2 .card-rb-2-text {
  color: hsl(212, 23%, 69%);
}

.card .card-right .card-right-body .card-rb-3 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.card .card-right .card-right-body .card-rb-3 .card-rb-3-inner {
  background: url(https://rvs-article-preview-component.netlify.app/images/icon-share.svg) hsl(210, 46%, 95%);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  border-radius: 50%;
  cursor: pointer;
}

.card .card-right .card-right-body .card-rb-3 .card-rb-3-inner:hover {
  background: url(https://rvs-article-preview-component.netlify.app/images/icon-share-white.svg) hsl(217, 19%, 35%);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
}

.card .card-right .card-right-body .card-rb-3 .card-rb-3-inner-before {
  position: absolute;
  width: 275px;
  height: 55px;
  background: hsl(217, 19%, 35%);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  color: white;
  box-sizing: border-box;
  align-items: center;
  top: -80px;
  left: -110px;
  opacity: 0;
  justify-content: center;
  padding: 0px 20px;
  z-index: 2;
}

.card .card-right .card-right-body .card-rb-3 .card-rb-3-inner-before::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  width: 40px;
  height: 40px;
  background: hsl(217, 19%, 35%);
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: -1;
}

.card .card-right .card-right-body .card-rb-3 .card-rb-3-inner:hover+.card-rb-3-inner-before {
  opacity: 1;
}

.before-1 {
  flex-grow: 2;
  letter-spacing: 7px;
  color: hsl(212, 23%, 69%);
  display: flex;
  justify-content: center;
}

.before-2 {
  flex-grow: 1;
}

.before-3 {
  flex-grow: 1;
}

.before-4 {
  flex-grow: 1;
}

.sticky-on .ft-brand-logo{
  margin-top: 0px !important;  
}
.sticky-on .ft-brand-logo img{
    width: 146px !important;
    margin-top: 0px !important;
}

@media screen and (max-width: 850px) {


  main {
    width: 86%;
  }

  .card {
    flex-direction: column;
  }

  .card .card-left {
    width: 100%;
  }

  .card .card-right {
    width: 100%;
    padding: 40px 25px 20px;
  }

  .card .card-left .card-img {
    height: 210px;
  }

  .card .card-left .card-img::before {
    border-radius: 8px 8px 0px 0px;
  }

  .card .card-right .card-right-body .card-rb-3 .card-rb-3-inner-before {
    top: -3px;
    left: -235px;
    width: 230px;
  }

  .card .card-right .card-right-body .card-rb-3 .card-rb-3-inner-before::after {
    content: unset;
  }
}

/* blog section end here */



@media only screen and (max-width: 600px) {
  .left-container {
    display: none;
  }

  .lg-view {
    display: none;
  }
}

@media only screen and (min-width: 600px) {
  .sm-view {
    display: none;
  }
}
@media(max-width: 1024px) {
  .ft-brand-logo img {
    width: 134px;
    height: auto;
  }

  .bannerSlider .slide {
    position: relative;
    height: 65vh;
  }

  .owner-sec ul li {
    list-style-type: none;
    margin: 19px -17px;
  }
}

@media (max-width: 768px) {
  .owner-img img {
    width: 100%;
    height: auto;
  }

  .owner-sec ul li {
    list-style-type: none;
    margin: 19px -20px
  }

  .ft-header-cta-btn {
    display: none;
  }

  .ft-header-section.header-style-three .mobile_menu_button {
    top: -32px;
  }

  .ft-brand-logo {
    margin-top: -30px;
  }

  .footer_middel-row img {
    width: 165px;
    border-radius: 9px;
  }

  .widget-title {
    font-size: 20px;
  }

  .footer-middle ul li {
    font-size: 14px;
  }

  .footer_middel-row img {
    width: 117px;
    margin-bottom: 20px;
  }

  .bannerSlider .slide {
    position: relative;
    height: 65vh;
  }

  .clinet-block img {
    width: 200px;
  }
}

@media (max-width: 425px) {
  .ft-brand-logo img {
    width: 137px;
    margin-top: 26px;
    /* height: 76px; */
  }

  .card-padi {
    padding: 2px !important;
  }

  .clinet-block img {
    width: 200px;
  }

  .spec-item0::before {
    top: -2px;
    left: 22px;
  }

  .owner-sec ul li {
    list-style-type: none;
    margin: 15px -2px !important;
  }

  .abt_inner_Vision_Missiom {
    display: block !important;
    margin: 10px 0;
  }

  .owner-img h2 {
    font-size: 20px !important;
  }


  .inner_Vision_pic {
    width: 36%;
    padding-right: 12px;
  }
  .banner-tag h1 {
    font-size: 20px;
    text-align: center;

}
.sev-hd {
  color: #1F386B !important;
  font-size: 19px;
}
.medical-course h2 {
  font-size: 23px;
}
.mobile_menu_button {
  color: #000;
}
.specialties-list {
  
  height: auto;
  margin: 5px 1px;
}
.sev-blk h2{
  font-size: 20px;
}
.gain-main{
  padding: 0;
}
}

@media (max-width: 375px) {
  .owner-img h2 {
    font-size: 21px;
  }

  /* .owner-sec ul li {
  list-style-type: none;
  margin: 16px -14px !important;
} */
  .card-padi {
    padding: 2px !important;
  }

  .clinet-block img {
    width: 200px;
  }

  .spec-item0::before {
    top: -2px;
    left: 15px;
  }

  .gain-main {
    padding: 0px;
}
}
@media (max-width: 320px) {
  .owner-sec ul li {
    list-style-type: none;
    margin: 19px -18px !important;
  }
  .gain-main {
    padding: 0 !important;

}
  .spec-item0::before {
    top: 12px;
    left: 12px;
  }

  .spec-item0 h3 {
    font-weight: 800 !important;
    font-size: 22px;
  }
}