#widget-button{
  position: fixed; 
  bottom: 10px;
   left: 83%; 
   top: 91%; 
   z-index: 2147483647;
    font-size: 18px; 
    border: none; 
    outline: none; 
    cursor: pointer; 
    padding: 8px; 
    border-radius: 12%; 
    width: 135px; 
    height: 40px;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
#header .topbar {
  background-color: #252525;
}
#header .topbar ul li a, #header .topbar .info-box-title {
  color: #ffffff;
}
#header .topbar ul li a{
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  letter-spacing: 0;
}
#header .topbar .info-box-title a {
  color: #c8c8c8;
}
.header-search .search-input{
  border: 1px solid #4185d2;
}
.header-search-box .searchBtn{
  background-color: #4185d2;
  color: #ffffff;
  border: 1px solid #4185d2;
}
.header-right{
  padding-right: 2%;
}
.site-navigation{
  background-color: #fff!important;
}
.logo img {
  height: 80px;
  width: auto;
  max-width: initial;
}
ul.header-loginbox {
  padding-left: 0;
}
.header-loginbox .nav-link{
  padding: .5rem 5px;
}
/* Slider  */
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
  background-image: none;
}
#slider .carousel-control-prev i, #slider .carousel-control-next i {
  color: #4185d2;
  font-size: 25px;
}
#slider .carousel-indicators li {
  background-color: #4185d2;
}
/* Pricing Plan */
#pricing-plan {
  background-color: #e4eaf1;
}
.plan-heading {
  font-size: 18px;
  letter-spacing: 2px;
  background-color: #ffcf00;
  color: #252525;
  padding: 15px;
  font-weight: 900;
  margin-bottom: 0;
}
.pro-plan-info .plan-heading {
  background-color: #4185d2;
  color: #fff;
}
.plan-price {
  background-color: #4185d2;
}
.pro-plan-info .plan-price{
  background-color: #ffcf00;
  color: #252525;
}
.plan-price h1 {
  color: #fff;
  font-size: 50px;
  line-height: 90px;
  margin-bottom: 0;
}
.plan-price sub {
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 600;
}
.pro-plan-info .plan-price h1, .pro-plan-info .plan-price sub{
  color: #212121;
}
.plan-features {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 30px;
  height: 200px;
}
#pricing-plan .plan-features ul {
  list-style-type: none;
  padding-left: 0;
}
#pricing-plan .plan-features ul li {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #979797;
  font-weight: 500;
  padding-bottom: 10px;
}
.planHeading h2{
  margin-bottom: 5%;
}
.plan-button a{
  background-color: #ffcf00;
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 20px;
  border-radius: 3px;
}
.pro-plan-info .plan-button a {
  background-color: #4185d2;
  color: #fff;
}
.plan-button a i{
  font-size: 13px;
}
/*Services*/
#our-services {
  background-color: #e4eaf1;
}
#our-services .services-box {
  text-align: center;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
#our-services .services-box:before, #our-services .services-box:after, #our-services .service-info:before, #our-services .service-info:after {
  content: "";
  width: 50%;
  height: 50%;
  background-color: #4185d2;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s ease 0s;
}
#our-services .services-box:hover:before, #our-services .services-box:hover:after, #our-services .services-box:hover .service-info:before, #our-services .services-box:hover .service-info:after {
  transform: rotate(0);
  opacity: .9;
}
#our-services .services-box:after, #our-services .service-info:after {
  left: auto;
  right: 0;
}
#our-services .service-info:before, #our-services .service-info:after {
  top: auto;
  bottom: 0;
  z-index: -1;
}
#our-services .services-box .service-info {
  width: 100%;
  height: 100%;
  padding: 14% 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: all .5s ease 0s;
}
#our-services .services-box:hover .service-info {
  opacity: 1;
}
.service-title1, .service-para {
  color: #ffffff;
}
.service-title {
  background-color: #ffffff;
  font-size: 18px;
}
#facts {
  background-color: #4185d2;
}
#facts .ts-facts-title {
  color: #ffffff;
  text-transform: capitalize;
  font-size: 18px;
}
#facts img {
  background-color: #ffcf00;
  padding: 12px;
  border-radius: 20px;
}
.testimonial-heading p, .services-heading p{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 6px;
  color: #8e8e8e;
}
.testimonial-heading h3, .services-heading h3{
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: 800;
  color: #252525;
}
.testimonial-heading h3:after, .services-heading h3:after{
  content: "";
  width: 80px;
  height: 3px;
  display: block;
  margin: 20px auto 0;
  background-color: #ffc107;
}
.testimonil-image {
  position: relative;
  max-width: 100%;
  width: max-content;
  width: -moz-max-content;
  margin: 0 auto;
}
.testimonil-image img{
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
}
#testimonial-slide .testimonil-image i {
  font-size: 14px;
  color: #252525;
  background-color: #ffcf00;
  border-radius: 50%;
  padding: 11px 10px;
  position: absolute;
  left: -9px;
}
.subscribe-call-to-acton h3 {
  color: #ffffff;
}
.clients-logo {
  background-color: #e4e4e4;
}
.newsletter-form {
  position: relative;
}
#newsletter-email{
  background-color: #fff;
  border-color: #fff;
  letter-spacing: 1px;
  max-width: 82%;
  height: 46px;
  margin-bottom: 0;
}
#newsletter-email::placeholder {
  color: #959595;
}
.subscribe .newsletter-button {
  padding: 9px 20px;
  background-color: #ffcf00 !important;
  color: #252525;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border-radius: 0;
  height: auto;
  font-weight: 700;
}
.callActionBox{
  margin: 0px;
}
.actionBox{
 padding: 0px!important;
 background: none!important;
}
#services{
  padding: 0px;
  position: unset;
}
.servicesBlock h2{
  color: #252525;
  font-size: 40px;
  margin-bottom: 2%;
}
.servicesBlock p{
  color: #8e8e8e;
  font-size: 16px;
  letter-spacing: 6px;
}
.blocks{
  border: 1px solid #000;
  margin: 2px 20px;
  height: 500px;
}
.blocks h4{
  font-weight: 600px;
}
#blockStyle{
 padding: 40px 0;
 position: relative;
}
.bottom-left {
  position: absolute;
  bottom: 0;
  width: 81%;
  left: 0%;
  right: 0%;
  padding: 15px;
  visibility: hidden;
  background-color: rgb(61 65 67 / 37%);
  text-align: center;
}
.img__wrap:hover .bottom-left{
  visibility: visible;
  opacity: 1;
  
}
.bookNow{
  /*color: #fff;
  box-shadow: none;
  font-weight: bold;
  margin-top: 64%;
    padding: 2% 12%;*/
  }
  .blocks hr{
    margin: 2px 22px 35px 22px;
    background: #000;
  }
  .ts-newsletter:after {
    width: 0%!important;
  }
  .header-loginbox {
    margin-top: revert;
  }
  .registerBlock, .loginBlock{
    font-size: 16px;
  }
  .packageBlock1{
    height: 180px;
    border: 1px solid #ccc;
    background-color: #007bff;
  }
  .packageBlock2{
    height: 180px;
    border: 1px solid #ccc;
    background-color: #6c757d;
  }
  .packageBlock3{
    height: 180px;
    border: 1px solid #ccc;
    background-color: #27a243;
  }
  .packageBlock1 h4{
    color: #fff;
    font-size: 32px;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .packageBlock2 h4{
   color: #fff;
   font-size: 32px;
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 .packageBlock3 h4{
   color: #fff;
   font-size: 32px;
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 .packageBuyBtn{
  background-color: #ffb600;
  padding: 6px 181px;
  border-radius: 4px;
  font-size: 32px;
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.packageBlocks1{
  height: 318px;
  border: 1px solid #ccc;
  background-color: #007bff;
}
.packageBlocks2{
  height: 318px;
  border: 1px solid #ccc;
  background-color: #6c757d;
}
.packageBlocks3{
  height: 318px;
  border: 1px solid #ccc;
  background-color: #27a243;
}
.packageBlocks1 p{
  color: #000;
  font-weight: 700;
  font-size: 32px;
  position: absolute;
  top: 65%;
  left: 46%;
  transform: translate(-50%, -50%);
}
.packageBlocks1 button{
  padding: 9px 40px;
  color: #000;
  font-weight: 700;
  font-size: 22px;
  position: absolute;
  top: 90%;
  left: 48%;
  transform: translate(-50%, -50%);
}
.packageBlocks1 span{
  font-size: 14px;
  color: #fff;
  line-height: 90px;
}
.packageBlocks2 p{
  color: #000;
  font-weight: 700;
  font-size: 32px;
  position: absolute;
  top: 65%;
  left: 46%;
  transform: translate(-50%, -50%);
}
.packageBlocks2 button{
 padding: 9px 40px;
 color: #000;
 font-weight: 700;
 font-size: 22px;
 position: absolute;
 top: 90%;
 left: 48%;
 transform: translate(-50%, -50%);
}
.packageBlocks2 span{
  font-size: 14px;
  color: #fff;
  line-height: 90px;
}
.packageBlocks3 p{
  color: #000;
  font-weight: 700;
  font-size: 32px;
  position: absolute;
  top: 65%;
  left: 46%;
  transform: translate(-50%, -50%);
}
.packageBlocks3 button{
 padding: 9px 40px;
 color: #000;
 font-weight: 700;
 font-size: 22px;
 position: absolute;
 top: 90%;
 left: 48%;
 transform: translate(-50%, -50%);
}
.packageBlocks3 span{
  font-size: 14px;
  color: #fff;
  line-height: 90px;
}
.searchBtn{
  padding: 9px 22%;
  border-radius: unset;
}
.searchIcon i{
  position: absolute;
  left: 3%;
  top: 33%;
  color: #000;
}
.sliderText{
 position: absolute;
 top: 30%;
 left: 50%;
 transform: translate(-50%, -50%);
}
input[type=text] {
  background-color: #fff;
}
.ts-newsletter{
  background-color:#4185d2;
}
#videos{
  padding: 45px 0;
  position: relative;
}
.newsletter-form input{
  border: 1px solid rgb(255 255 255 / 74%);
}
.searchBlock{
  margin: 0 auto;
  float: none;
}
.subscribe{
  background: #4185d2;
  padding: 25px 0 12px;    
}
.copyright {
  background: #252525;
  color: #fff;
  border-top: 1px solid #727272;
}
.errorMsg{
  color: red;
  font-weight: lighter;
}

#footer{
  background-color: #252525;
}
.footer-widget ul.list-arrow li a, .footer-widget ul.list-arrow li:before {
  color: #999;
}
.copyright-info {
  color: #8e8e8e;
}
.copyright-info a:hover, .footer-menu ul li a:hover, .footer-social ul li a i:hover{
  color: #ffb600;
}
.footer-menu ul li a {
  color: #8e8e8e;
}
/*.professionalTeamImg{
  position: absolute;
  top: 42%;
  background-color: rgb(0,0,0,35%);
  left: 0%;
  right: 0%;*/
/*}*/
.professionalTeamImg h3{
  color: #ffcf00;
  margin: 10px 0px 0px 10px;
}
.professionalTeamImg p{
  color: #fff;
  margin: 0px 0px 6px 10px;
}
@media screen and (max-width: 576px){
  .call-to-action-box .text-center.text-md-left {
    padding: 0;
  }
  .searchIcon i{
    left: 3%;
    top: 40%;
    font-size: 13px;
  }
  .searchBlock .card-body.header-search-box {
    padding: 0 0;
    display: block;
  }
  .searchBlock{
    padding: 0;
  }
  .header-search .search-input{
    padding: 12px 0px 12px 22px;
  }
  .header-search-box .searchBtn {
    margin-top: 5px;
  }
  ul.header-loginbox {
    text-align: center;
    padding-left: 0;
  }
  section, .section-padding {
    padding: 40px 0;
  }
  .testimonial-heading h3, .services-heading h3 {
    font-size: 18px;
  }
  .testimonial-heading h3:after, .services-heading h3:after {
    margin-top: 10px;
  }
  .service-para {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
  }
  .client-name {
    font-size: 13px;
  }
}

/* new style */

.professionalTeamImg h3{
  margin: 2px 2px 2px 2px !important;
}
.profile-section{
  padding: 0px !important;
}
.profileBlock{
  padding: 0px !important;
}
@media screen and (max-width: 2560px){

    .professionalTeamImg {
        position: absolute;
        top: 47% !important;
        background-color: rgb(0,0,0,35%);
        left: 0% !important;
        right: 5% !important;
    }
    .rechargeBlock span{
      margin: 1px;
    }
    .subscribe .newsletter-button{
      padding: 8px 20px;
      right: 10px
    }
    .profileBlock img{
      margin: 8px;
    }
    .page-slider.small-bg .box-slider-content {
        left: 27% !important;
    }
    .searchBtn{
      width: 146% !important;
    }
    .searchValue{
      width: 100% !important;
    }
    .service-title {
    background-color: #ffffff;
    font-size: 18px;
    width: 356px;
    margin-left: 123px;}
}
@media screen and (max-width: 1440px){
    .professionalTeamImg {
      position: absolute;
      top: 47% !important;
      background-color: rgb(0,0,0,35%);
      left: 0% !important;
      right: 5% !important;
    }
    .profileBlock img {
      margin: 1px;
  }
  #testimonial-slide .testimonil-image i {
    left: -30px;
  }
  .newsletter-button{
    padding: 9px 20px !important;
    right: 11px !important;
  }
  .searchValue{
    width: 100% !important;
  }
  .searchBtn{
    width: 160% !important;
  }
  .service-title {
    background-color: #ffffff;
    font-size: 18px;
    width: 331px;
    margin-left: -8px;}
}

@media screen and (max-width: 1024px){
  .service-title {
    background-color: #ffffff;
    font-size: 13px;
    width: 226px;
    margin-left: -8px;}
  .col-auto{
    width: 16%;
  }
  .searchValue {
    padding: 2px 33px;
    width: 114% !important;
  }
  .searchBtn{
    width: 177% !important;
  }
  .professionalTeamImg {
    position: absolute;
    top: 43% !important ;
    background-color: rgb(0,0,0,35%);
    left: 0% !important;
    right: 0% !important;
  }
  .rechargeBlock{
    padding: 4px;
    text-align: end;
  }
  .profile-section{
    padding: 4px;
  }
  .profileBlock{
    padding: 0px;
  }
  #newsletter-email{
    width: 79%;
  }
}
@media screen and (max-width: 768px){
  .service-title {
    background-color: #ffffff;
    font-size: 10px;
    width: 168px;
    margin-left: -8px;}
  .logoBlock{
    padding: 0px;
  }
  .logo{
    padding: 0px;
  }
  .searchBlock{
    padding: 0px
  }
  .searchValue {
    width: 116% !important;
    padding: 8px 27px !important;
  }
  .searchBtn{
    margin-left: 31px !important;
  }
  .rechargeBlock{
    margin: 2px 20px 2px -38px !important;
  }
  .profile-section {
    margin: 2px 2px 2px 16px !important;
  }
  .profile-section img{
    margin-left: 12px !important;
  }
  .professionalTeamImg {
    position: absolute;
    top: 33% !important;
    background-color: rgb(0,0,0,35%);
    left: 0% !important;
    right: 0% !important;
  }
  #newsletter-email{
    width: 70%;
  }
  .professionalTeamImg  h3{
    margin: 10px 2px 2px 10px !important;
  }
  .col-auto{
    width: 19%;
  }
  .balance-profile-section{
    padding: 2px 2px 2px 32px
  }
.adv-section{
  min-width: 143%;
    margin-left: -45px;
}

}
@media screen and (max-width: 425px){
 .professionalTeamImg {
    position: absolute;
    top: 69% !important;
    background-color: rgb(0,0,0,35%);
    left: 0% !important;
    right: 0% !important;
}
.professionalTeamImgBlock{
  height: 333px;
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}
.subscribeBlock{
  width: 83%;
}
#newsletter-email{
  padding: 12px;
  width: 82%;
}
.subscribe .newsletter-button {
    padding: 8px 20px;
    right: 10px;
}
.searchValue{
  width: 100% !important;
}
.searchBtn{
  margin-left: 110px !important;
    margin-bottom: 6%;
}
.advanceBlock label{
  margin-top: 32px !important;
    margin-left: -1px !important;
}
.customBlock{
  margin-left: 0px !important;
}
#todate{
   margin-left: 0px !important;
}
.adv-section{
  min-width: 95% !important;
    margin-left: 12px !important;
}
.service-title {
    background-color: #ffffff;
    font-size: 14px;
    width: 360px;
/*    margin-left: 9px;
*/}
}
@media screen and (max-width: 414px){
   .toppad ul{
    width: 70%;
   }
   .footer-main {
    padding: 4px 0 12px !important;
}
.footer .widget-title{
  margin: 0 0 15px !important;
}
.footer-widget{
  margin-top: 2rem!important;
}
.copyright{
  padding: 8px 0 30px !important;
}
#widget-button{
  position: fixed;
    bottom: 10px;
    left: 57%;
    z-index: 2147483647;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 12%;
    width: 112px;
    height: 33px;
    top: 94%;
    margin-top: 3px;
}
}
@media screen and (max-width: 375px){
  .professionalTeamImg {
    position: absolute;
    top: 60% !important;
    background-color: rgb(0,0,0,35%);
    left: 0% !important;
    right: 0% !important;
}
  .professionalTeamImg h3{
    margin: 5px 0px 6px 5px
  }
  .subscribeBlock{
  margin-left: -16px;
    width: 90%;
  }
  #newsletter-email{
    padding: 6px;
    width: 82%;
    height: 44px !important;
  }
  .searchBtn {
    margin-left: 95px !important;
  }
  .newsletter-button{
    padding: 8px 17px !important;
    right: 0px !important;
  }
  .adv-section{
    min-height: 85px !important;
  }
  .service-title {
    background-color: #ffffff;
    font-size: 14px;
    width: 314px;
    margin-left: -1px;}
     .toppad .nav-link{
    padding: 0.5rem 6px;
  }
   .toppad ul{
    width: 70%;
   }
   .footer-main {
    padding: 4px 0 12px !important;
}
.footer .widget-title{
  margin: 0 0 15px !important;
}
.footer-widget{
  margin-top: 2rem!important;
}
.copyright{
  padding: 8px 0 30px !important;
}
#widget-button{
  position: fixed;
    bottom: 10px;
    left: 44%;
    z-index: 2147483647;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 12%;
    width: 112px;
    height: 33px;
    top: 92%;
    margin-top: 3px;
}
}
@media screen and (max-width: 360px){
  body{
    width: 104%;
  }
  .rechargeBlock{
    text-align: center;
  }
  .profileBlock{
     text-align: center;
  }
  .toppad .nav-link{
    padding: 0.5rem 6px;
  }
   .toppad ul{
    width: 70%;
   }
   .footer-main {
    padding: 4px 0 12px !important;
}
.footer .widget-title{
  margin: 0 0 15px !important;
}
.footer-widget{
  margin-top: 2rem!important;
}
.copyright{
  padding: 8px 0 30px !important;
}
#widget-button{
  position: fixed;
    bottom: 10px;
    left: 44%;
    z-index: 2147483647;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 12%;
    width: 112px;
    height: 33px;
    top: 92%;
    margin-top: 3px;
}
}
@media screen and (max-width: 320px){
  .professionalTeamImg {
    position: absolute;
    top: 69% !important;
    background-color: rgb(0,0,0,35%);
    left: 0% !important;
    right: 0% !important;
}
  .professionalTeamImgBlock{
    height: 100vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
  .subscribeBlock{
    margin-left: -32px;
    width: 112%;
  }
  #newsletter-email{
    padding: 6px;
    width: 82%;
  }
  .newsletter-button{
    padding: 8px 6px !important;
    right: -17px !important;
  }
  .box-slider-text{
    width: 100%;
    margin: 2px 2px 2px -33px
  }
  .rechargeBlock{
    padding: 6px;
}
.profileBlock{
    padding: 0px;
  }
  #testimonial-slide .testimonil-image i{
    left: -27px;
  }
  .searchBtn {
    margin-left: 80px !important;
  }
  .service-title {
    background-color: #ffffff;
    font-size: 14px;
    width: 275px;
    margin-left: -1px;
  }
  
  
}
/* new style */