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

/* =============================================Font ============================= */

/* =============================================Header section ============================= */


h1,
h2,
h3,
h4,
h5,
h6,
a {
	font-family: 'Ubuntu', sans-serif !important;
}
p {
	font-family: 'Roboto', sans-serif !important;
}
section.sec_second.common_space.text-center {
    padding-top: 17px;
}
img.wave {
    position: absolute;
    bottom: -49px;
    z-index: 10;
    pointer-events: none;
    left: 0;
    width: 100%;
}
header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1000000000;
}

.nav-trans {
  background-color: #000;
}
.logoContainer {
  width: 100px;
  height: 100px;
}
.navbar-brand {
  height: 80px;
}
.navbar-brand img {
  width: 100%;
}
.nav-item {
    padding: 5px 0px 10px 0px;
}

.nav-link {
  color: #fff !important;
}

.search-circle {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #000;
  background: transparent;
  margin-left: 20px;
}
.search-circle i {
  color: #fff;
  margin-left: 5px;
}
.search-circle a {
  text-align: center;
}
.menu-vertical i {
  font-size: 20px;
  margin-left: 10px;
}

.menu-vertical {
position:relative;
}
 
.menu-vertical .toggled_menu{
position: absolute;
    top: 46px;
    right: 5px;
    background: #fff;
    width: 200px;
    padding: 10px 0px;
    display: none;
    transition: all 0.5s;
    border-radius: 3px;
}
.menu-vertical .toggled_menu ul li {
margin-top: 10px;
padding:5px;
border-radius: 3px;
border: 1px solid #FAFAFA;

}
.menu-vertical .toggled_menu ul li a{
text-decoration:none;
color:#282827;
padding:10px 20px;

}

.menu-vertical .toggled_menu ul li:hover{
background:#FAFAFA;

}

.menu-vertical .toggled_menu ul li:hover::before {
    content: "";
    left: 0;
    position: absolute;
  background:#EEF0F1;
		margin-top: -5px;
    border-left: 4px solid #F48F82;
    height: 34px;
    transform:translate(-10px);
    transition: 0.5s;
}
/* =======================================================Banner Section-============================= */

.mainBannerBox {
    margin-bottom: 11rem;
}
video#myVideo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -97px;
}
.banner-Section {

width: 100%;
    padding-top: 7rem;
    overflow: hidden;
    position: relative;
    min-height: 95vh;
    background-size: cover;
    background-repeat: no-repeat
  }

.banner-Section h3{
    color: #fff;
}


@keyframes kenburns-top {
  0% {
  	background-size: 150%;
  
    transition: 0.5s all;
  }
  100% {
      background-size: 100%;
    transition: 0.5s all;
  }
}
.logoContainer {
	  padding-top: 0;
    margin-top: -10px;
    width: 320px !important;
    z-index: 100;
    position: relative;
    height: auto !important;
}
.input_wrap {
  width: 100%;
  flex: 1;
  margin-bottom: 20px;
  position: relative;
}

.input_fields {
    display: flex;
}

.banner-Section .container {
    position: relative;
   z-index: 100;
}
.banner-Section:after {
       position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: background: linear-gradient( 1deg, #f6a684, #fbdf8a);;
       /* opacity: 0.2; */
}
.input_wrap select {
    border-radius: 4px;
    height: 47px;
    padding-left: 17px !important;
    font-family: 'Ubuntu', sans-serif;
    color: grey;
    background: #fff url(../images/down.png);
    background-size: 18px;
    background-position: 96%;
    background-repeat: no-repeat;
}
.input_wrap input::placeholder {
    font-family: 'Ubuntu', sans-serif !important;
    color: grey;
    font-weight: 400 !important;
}

.input_wrap input {
    border-radius: 4px;
    height: 47px;
    padding-left: 17px !important;
    font-family: 'Ubuntu', sans-serif !important;
    color: grey;
    background: #fff url(../images/location.png);
    background-size: 18px;
    background-position: 96%;
    background-repeat: no-repeat;
}
.banner-Section .BannerContent .Main_heading {
  font-size: 50px;
  margin: 20px auto;
  color: #fff;
  font-weight: bold;
  font-family: 'Ubuntu', sans-serif;
}
.banner-Section .BannerContent .Main_heading span {
  display: block;
  margin-top: 5px;
  font-family: 'Ubuntu', sans-serif;
}
.banner-Section .BannerContent .SecondHeadline {
  margin-top: 10px;
  color: #fff;
  line-height: 40px;
  font-size: 20px;
}
.banner-Section .BannerContent .SecondHeadline span {
  display: block;
}
.banner-Section .BannerContent .formHeadText {
  font-size: 20px;
  font-weight: bold;
}
.banner-Section .FormContent .input-group-text {
  background: #fff;
  border: none;
  border-color: none;
  color: #505050;
  border-radius: 0 !important;
}
.banner-Section .FormContent .form-control {
  border: none;
  border-radius: none;
  padding-left: 0px;
}
.banner-Section .FormContent ::placeholder {
  font-weight: 300;
  font-size: 12px;
  margin-left: -30px;
  padding-left: 0px;
}
section.quality_sec {
    padding: 4rem 0;
    background: #f7f7f7;
}
.achieve_box i {
    font-size: 32px;
}
.achieve_box p {
    color: #000;
    font-weight: 600;
}
.ic_box {
    width: 120px;
    height: 120px;
    margin: auto;
    border: 1px solid #7fd858;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 15px;
    background: #7fd858;
    transition: 0.35s all;
}
.achieve_box h3 {
    font-size: 38px;
    font-weight: 900;
    font-family: roboto;
    margin-bottom: 0;
    color: #7fd858;
}
.banner-Section .FormContent .bannerBtn {
      width: 48%;
    padding: 11px;
    border-radius: 4px !important;
    font-family: 'Ubuntu', sans-serif !important;
   background-image: linear-gradient( 
45deg
 , #fd8b75, #e8c574) !important;
    font-weight: 800;
    border: none;
    color: #fff !important;
    box-shadow: 1px 1px 5px 1px #b98383;
}
.banner-Section .serviceBtn ul {
  /*display: flex;
  flex-direction: row;*/
}
.banner-Section .serviceBtn ul li {
  /*margin: 5px 5px;*/
  margin: 0 2px 6px 0;
      display: inline-block;
}
.banner-Section .serviceBtn ul li a {
  text-decoration: none;
  padding: 5px 10px;
  color: #ffff;
  background-image: linear-gradient( 
45deg
 , #fd8b75, #e8c574) !important;
  border-radius: 4px;
  font-size: 13px;
  backdrop-filter: blur(52px);
  border: 1px dashed #fb9275;
}
.serviceBtn {
    margin-top: 32px;
        margin-bottom: 12rem;
}
/* =======================================================Banner Section End-============================= */
.OurWorkSection {
    width: 100%;
    padding: 2rem 0 2rem 0;
}
a.outline_btn {
    text-decoration: none;
    display: block;
    text-align: center;
    border: 1px solid #f89874;
    border-radius: 5px;
    padding: 8px;
    color: #f89874;
    margin-bottom: 5px;
    font-weight: bold;
}
a.solid_btn {
    display: block;
    text-decoration: none;
    text-align: center;
    background-image: linear-gradient( 
45deg
 , #fd8b75, #e8c574) !important;
    margin-top: 56px;
    padding: 8px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
}
.rating .rating-star {
    padding: 0px 15px 0 6px !important;
}
.OurWorkSection h1 {
text-align: left;
    margin-top: 0px;
    font-weight: bold;
    font-size: 30px;
    padding: 0px 0px 10px 0px;
    margin-bottom: 0px;
}
.OurWorkSection h2 {
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-weight: 900;
}
.OurWorkSection h3 {
text-align: left;
    margin-top: 0px;
    font-weight: bold;
    font-size: 20px;
    padding: 30px 30px 10px 0px;
    margin-bottom: 0px;
}
.OurWorkSection p {
text-align: left;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
}
.OurWorkSection h4 {
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
    margin-top: 20px;
}
.OurWorkSection .workMainBox {
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
}
.OurWorkSection .workMainBox .imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
   transition: 0.5s all;
}
.workMainBox:hover .imgBox {
    transform: scale(1.05);
    transition: 0.5s all;
}
.OurWorkSection .workMainBox p {
  text-align: center;
  color: #505050;
}

.OurWorkSection .workBottom {
    font-size: 22px;
    margin-top: 50px;
    text-align: center;
    color: grey;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 39px !important;
}








.OurWorkSection2 {
    width: 100%;
    padding: 0rem 0 0rem 0;
}
.OurWorkSection2 h2 {
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-weight: 900;
}
.OurWorkSection2 h3 {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    font-size: 24px;
    padding: 30px 30px 0px 30px;
    margin-bottom: 0px;
}
.OurWorkSection2 h4 {
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
    margin-top: 20px;
}
.OurWorkSection2 .workMainBox {
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
}
.OurWorkSection2 .workMainBox .imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
   transition: 0.5s all;
}
.workMainBox2:hover .imgBox {
    transform: scale(1.05);
    transition: 0.5s all;
}
.OurWorkSection2 .workMainBox p {
  text-align: center;
  color: #505050;
}

.OurWorkSection2 .workBottom {
    font-size: 22px;
    margin-top: 50px;
    text-align: center;
    color: grey;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 39px !important;
}


/* =======================================================popular services-============================= */
.popularServices {
    width: 100%;
    padding: 3rem 0px 3rem 0px;
    background: #fff;
     background: #fef3df;
}

h2.acc__title.active {
    color: #f59d83;
}
.popularServices .pupularHeading {
  background: #000;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-weight: bolder;
}

.popularServices .mainContainerService {
  margin-top: 30px;
  transition: 0.35s all;
}
.mainContainerService:hover {
    transform: scale(1.02) translateY(-10px);
    box-shadow: 1px 5px 30px #55cc200d;
    transition: 0.35s all;
}
.popularServices .serviceBox {
     padding: 20px;
    min-height: 179px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: none;
    background: #fff;
    border-radius: 4px;
}

.popularServices .serviceBox .service_icon{

		width: 60px;
    height: 60px;

}

.popularServices .serviceBox .service_icon img{
width:100%;

}
.popularServices .serviceBox h6 {
    margin-top: 30px;
    color: #999;
}
.popularServices .coln1 {
  margin: 10px;
}
/* =======================================================Priicing Plan -============================= */
.pricing-plan {
width: 100%;
    padding: 3rem 0px 5rem 0px;
}

.pricing-plan .PriceHeading {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  text-align: center;
}
.pricing-plan .PriceSubheading {
    font-size: 22px;
    margin-top: 50px;
    text-align: center;
    color: grey;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 39px !important;
}
.pricing-plan .pricingMainBox.bg_gradeint  {
   background-image: linear-gradient(
45deg
, #f48b82, #fbdd89);
}

.pricingMainBox {
  margin: 0px 5px 0px 5px;
}

@media screen and (max-width:767px) {
  .pricingMainBox.silver.silver_card {
    padding: 20px;
  }
}

.pricing-plan .pricingMainBox {
    border: 1px solid #f69c84;
   
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
}
.pricing-plan .topHeading {
    text-align: center;
    font-size: 18px;
    padding: 10px 30px;
    display: inline-block;
    margin-top: -8px;
    border-radius: 2px;
    font-weight: bold;
    color: grey;
}
.pricing-plan .planBtn {
    margin-top: 10px;
    margin-bottom: 19px;
    background-color: #ffffff;
    padding: 9px 20px;
    border: none;
    font-size: 17px;
    border-radius: 5px;
    display: block;
    width: 91%;
    color: #f69c84 !important;
    box-shadow: 1px 7px 10px #0000000a;
}
.pricingMainBox.silver, .pricingMainBox.bronze, .pricingMainBox.gold {
    transform: scale(1.09);
    box-shadow: 1px 11px 16px #40404012;
}
.price_box {
    width: 100%;
    margin: 0;
    border-radius: 4px 4px 0 0;
    padding: 20px;
    background: #ffffff;
}
.pricing-plan .pricingMainBox {
    border: 1px solid #f69c84;
   
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
}
.pricing-plan .topHeading {
    text-align: center;
    font-size: 18px;
    padding: 10px 30px;
    display: inline-block;
    margin-top: -8px;
    border-radius: 2px;
    font-weight: bold;
    color: grey;
}
.pricing-plan .planBtn {
    margin-top: 10px;
    margin-bottom: 19px;
    background-color: #ffffff;
    padding: 9px 20px;
    border: none;
    font-size: 17px;
    border-radius: 5px;
    display: block;
    width: 91%;
    color: #f69c84 !important;
    box-shadow: 1px 7px 10px #0000000a;
}
.pricingMainBox.silver {
    transform: scale(1.09);
    box-shadow: 1px 11px 16px #40404012;
}
.price_box {
    width: 100%;
    margin: 0;
    border-radius: 4px 4px 0 0;
    padding: 20px;
    background: #ffffff;
}



.pricing-plan .pricingMainBox ul {
padding: 0px 0px 0px 60px;
    text-align: center;
    margin: 0 auto;
}
.pricing-plan .pricingMainBox ul li {
    margin: 0;
    padding: 0px 0px 15px 0px;
    text-align: left;
}
.pricing-plan .pricingMainBox ul li p {
    margin: 0;
    padding: 0px;
    text-align: left;
}
.pricing-plan .pricingMainBox ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}


.pricing-plan .price_details {
    padding: 20px 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}
.bg_gradeint .price_details{
    color: #fff;
}

.bronze_card .price_box * {
    color: #fff;
}
.bronze_card .price_box {
    background: #cd7f32;
    color: #fff;
}
.pricingMainBox.gold_card .price_box * {
    color: #fff;
}
ul.card__list.grid p {
    font-weight: 300;
    font-size: 15px;
}
.pricingMainBox.gold_card {
    border: 1px solid #d4af37;
}
.pricingMainBox.gold_card .price_box {
    background: #d4af37;
}
.pricingMainBox.silver.silver_card .price_box * {
    color: #fff;
}
.pricingMainBox.silver.silver_card {
    border: 1px solid #C0C0C0;
   
}

h1.title_bottom{
  margin-bottom: 60px;
}

.price_padding_box{
padding:20px;
}
.btn_groupdetail{
 display: flex;
 justify-content: center;
 align-items: center;
 padding-bottom: 60px;
}
.pricingMainBox.silver.silver_card .price_box {
    background: #C0C0C0;
    color: #fff;
}

.pricingMainBox.bronze_card {
    border: 1px solid #cd7f32;
}
.gold .price_box * {
    color: #dede1c;
}
.pricingMainBox.brz .price_box {
    background: #f9f9f9;
}
.pricing-plan .pricingMainBox.brz:hover , .pricing-plan .pricingMainBox.gold:hover{
    transform: scale(1.05);
    transition: 0.5s all;
    z-index: 1000000;
}
.pricing-plan .pricingMainBox.brz , .pricing-plan .pricingMainBox.gold{
    transition: 0.5s all;
}
.gold .price_box {
    background: #ffff0026;
}
.pricingMainBox a.planBtn {
    background-image: linear-gradient( 
45deg
 , #f48b82, #fbdd89);
    color: #fff !important;
}
.pricingMainBox.bg_gradeint a.planBtn {
    background-image: none;
    color: #f6a584 !important;
}

.bg_gradeint ul.card__list.grid li {
    color: #fff;
}
.pricing-plan .price_details {
    padding: 20px 40px;
    text-align: center;
}
.pricing-plan .price_amount {
    font-weight: bold;
    font-size: 37px;
    margin-bottom: 0;
}
.pricing-plan .top-silver {
  background-color: #bcbcbc;
}
.pricing-plan .btnSilver {
  background-color: #bcbcbc;
}
.pricing-plan .borderSilver {
  border-color: #bcbcbc;
}
.pricing-plan .topGold {
  background-color: #ffe218;
}
.pricing-plan .btnGold {
  background-color: #ffe218;
}
.pricing-plan .borderGold {
  border-color: #ffe218;
}
.pricing-plan .learnBtn {
  background-color: #000;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin-top: 30px;
  width: 200px;
  display: inline-block;
  margin: auto;
  border-radius: 10px;
}
/* =======================================================Trust and Security -============================= */
.TrustSecurity {
width: 100%;
    padding: 2rem 0px 1rem 0px;
    position: relative;
    background: url(../images/shutterstock_488465749.jpg);
  }
.TrustSecurity .container {
    position: relative;
    z-index: 1;
}
.tml_box {
    display: flex;
}
.tml_img {
    flex: 1;
    width: 100px;
    margin: auto;
}
.tml_img img {
    border-radius: 50%;
    width: 100%;
    border: 4px solid #fbd889;
}
.tml_box {
  display: block;
  background: #fbfbfb;
  padding: 40px 20px 20px 20px;
  align-items: center;
  margin-top: 20px;
}
.tml_content {
    flex: 3;
    padding: 15px;
    text-align: center;
    width: 100%;
    margin: auto;
}

.carousel-control-prev {
    left: -119px;
    top: 0;
    opacity: 0.1;
}
.carousel-indicators {
    display: none;
}
body {
	overflow-x: hidden;
}
.carousel-control-next {
    right: -119px;
    top: 0;
    opacity: 0.1;
}
.mediaMainBox {
    background: #ffffff2e;
    height: 90%;
    backdrop-filter: blur(17px);
    padding: 16px 24px;
        border-radius: 4px;
}
.TrustSecurity:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000d1;
}
.TrustSecurity .mainTrustHead {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  text-align: center;
}
.TrustSecurity .media {
  display: flex;
}
.TrustSecurity .mediaImgBx {
  width: 65px;
  height: 65px;
}
.TrustSecurity .media-body {
  margin-left: 15px;
  color: #fff;
}

.TrustSecurity .media-body span {
  font-size: 16px;
  color: #fff;
}

.TrustSecurity .mediaMainBox {
  margin-top: 20px;
}
/* =======================================================Testimonial Section -============================= */
.testimonialSection {
    padding: 5rem 0px 0rem 0px;
    position: relative;
}
.testimonialSection:before {
    content: "";
    height: 320px;
    width: 100%;
    left: 0;
    top: 0px;
    position: absolute;
    display: block;
    background: #fbfbfb;
    background: linear-gradient(
1deg, #f6a684, #fbdf8a);
    padding: 20px;
    align-items: center;
    margin-top: 20px;
    opacity: 0.8;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.testimonialSection .testimoniHead {
  font-size: 45px;
  font-weight: bold;
  text-align: center;
}
.testimonialSection .serviceBox {
  padding: 20px;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.testimonialSection .sliderBox {
  padding: 40px 30px;
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0px 120px;
}
.testimonialSection .sliderBox .AvatarImage {
  position: absolute;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  filter: drop-shadow(0px 10px 4px rgba(99, 99, 99, 0.2));
}
.testimonialSection .contboxSlide {
  padding: 60px 80px;
  /* border: 2px solid black; */
  margin: 6px 120px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.testimonialSection .contboxSlide p {
  margin-top: 20px;
  text-align: center;
}
.testimonialSection .contboxSlide h5 {
  margin-top: 20px;
  text-align: center;
  color: #45aee8;
}
.testimonialSection .carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #45aee8;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 5px solid rgba(99, 99, 99, 0.2);
}
.testimonialSection .carousel-indicators {
  top: 110%;
}

/* =======================================================
mobile CTA Section -============================= */
.mobileAdsCta {
  width: 100%;
  padding: 60px 0px;
  position: relative;
}
section.cta_sec h3 {
    color: #f7ab85;
    margin-bottom: 18px;
    font-size: 31px;
}
section.cta_sec {
    background: #ffbb9724;
    padding: 4rem 0;
    margin-top: -40px;
}

@media screen and (max-width: 767px) {
  section.cta_sec {
    padding: 4rem 2rem;;
  }
}

.mobileAdsCta .mobileContent h3 span {
    transform: rotateX(
45deg
);
}
.skiptranslate.goog-te-gadget span {
    display: none;
}
ul.navbar-nav {
    margin-top: -11px;
}
.skiptranslate.goog-te-gadget {
    height: 41px;
    overflow: hidden;
}
section.cta_sec p {
    color: grey;
    font-weight: 300;
    margin-bottom: 45px;
}
section.cta_sec a {
    background-image: linear-gradient( 
45deg
 , #f59683, #fbd889) !important;
    padding: 15px 40px;
    text-decoration: none;
    color: #fff;
    font-size: 19px;
    border-radius: 4px;
    display: inline-block;
}
a.iosbtn {
    margin-right: 11px;
        text-decoration: none;
}
footer ul li a span {
    margin-right: 10px;
    display: none;
}
footer:after {
    position: absolute;
    content: "\f015";
    color: #ffffff08;
    right: -97px;
    bottom: -118px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 550px;
}

.mobileAdsCta .buttonGroup img {
    width: 35%;
}
select.goog-te-combo {
    font-family: 'Ubuntu', sans-serif;
}
section.mobileAdsCta {
/*    padding-top: 0;*/
    /*background: #f7f7f7;
    height: 400px;*/
    overflow: hidden;
}
.mobile_img {
    /*width: 429px;
    margin-left: auto;
    margin-right: -40px;*/
}

.mobile_img img {
    width: 74%;
}
.mobileAdsCta .mobileContent {
    text-align: center;
    /*margin-top: 92px;*/
}

.mobileAdsCta .mobileImgBox {
position: absolute;
    top: -33.5%;
    left: 26px;
    width: 417px;
    height: 105px;
    transform: rotate(
325deg
);
}
.mobileAdsCta .mobileImgBox::after {
  position: absolute;
  background-color: red;
  padding: 10px;
}
.mobileAdsCta .mobileContent h3 {
    font-size: 58px;
}
.mobileAdsCta .mobileContent h4 {
  font-size: 22px;
  font-size: 17px;
  text-align: center;
  font-weight: 800;
}
.mobileAdsCta .buttonGroup {
  margin-top: 30px;
}
.mobileAdsCta .buttonGroup .appleBtn {
  padding: 8px 15px;
  text-decoration: none;
  color: #fff;
  background-color: #000;
  border-radius: 10px;
}

.mobileAdsCta .buttonGroup .iphoneBtn {
  padding: 8px 10px;
  text-decoration: none;
  color: #fff;
  background-color: #55cc20;
  border-radius: 10px;
  margin-left: 10px;
}
/* =======================================================
 CTA Section -============================= */
.calltaction,
.StoreBanner {

  padding: 60px 0px;
}
.calltaction,
.StoreBanner h3 {
  font-size: 40px;
  text-align: center;
  font-weight: bolder;
}
.calltaction a {
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
}
.StoreBanner {
  padding:92px 0px;
  background-color: #b3e0ff;
}

.StoreBanner .imgBoxStore {
  max-width: 300px;
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.StoreBanner .imgBoxStore img {
  width: 100%;
}
.StoreBanner a {
  margin-top: 70px;
  text-align: center;
  text-decoration: none;
  background-color: #55cc20;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
}

.StoreBanner h2{

position:relative;
font-size:30px;
color:#F48D82;
font-weight:800;
text-transform:uppercase;
animation: blink 1s linear infinite;
	}

@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
/* ======================================================= Footer -============================= */
footer {
    padding: 80px 0px 20px;
    background: #2a2a2a;
    position: relative;
    overflow: hidden;
}
footer p {
  color: #fff;
  font-size: 14px;
  margin-top: 0px;
}
.act_btn i {
    opacity: 0;
    transition: 0.5s all;
}
div a.nav-link.act_btn:hover {
    background-image: linear-gradient( 
45deg
 , #fd8b75, #e8c574) !important;
    color: #fff !important;
    transform: scale(1.02);
     transition: 0.5s all;
    box-shadow: 1px 1px 9px #fa927480;
}
.act_btn:hover i {
    opacity: 1;
    transform: translateX(10px);
    
}

a.nav-link.act_btn {
    background: #fff;
    padding: 8px 30px !important;
    display: inline-block;
    color: #6f6f6f !important;
    font-weight: 600;
    border-radius: 5px;
    transition: 0.5s all;
}
footer .container {
    position: relative;
    z-index: 99;
}
footer .contactList li {
  margin-top: 15px;
}
footer h3 {
    background-image: linear-gradient( 
4deg , #f48d82, #fbdc89);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 700;
}
footer ul li, footer ul li a {
    color: #fff;
    margin-bottom: 15px;
    font-size: 14px;
    text-decoration: none;
}

footer ul li, footer ul li a i{
/*color: #fae08b!important;*/
    margin-bottom: 15px;
    font-size: 10px;
    text-decoration: none;
}
footer h6 {
  color: #55cc20;
}
footer .newsletter {
  margin-top: 30px;
}
footer .newsletter input {
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #4d4d4d;
}
footer .newsletter ::placeholder {
  font-size: 12px;
  padding-bottom: 10px;
}
footer .newsletter span {
  color: #fff;
  margin-left: -10px;
}
footer .text-footer {
  font-size: 13px;
}
footer hr {
padding: 1px;
    background-color: #878787;
}

footer img {
    width: 224px;
    margin-bottom: 21px;
}
.brand_Sec p {
       font-size: 13px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 24px;
}
.brand_Sec p i {
    margin-right: 12px;
}
.brand_Sec p a {
    text-decoration: none;
    color: #fff;
}

footer .social li {
	height: 36px;
	width: 36px;
	margin-top: 10px;
	color: #fff;
/*	border: 1px solid #fff;*/
/*	border-radius: 50%;*/
	margin-right: 0px;
	margin-top: 10px;
	padding-top: 8px;

}
footer .social li:hover {
/*    border: 1px solid #f59283;*/
color: #f59283;
}
    
footer .social li img{
width:100%;
}

footer .term-link li{
		padding:10px;
}
footer .term-link li a{
color:#fff;
text-decoration:none;
}

#backtotop{
  width: 44px;
  height: 44px;
  line-height: 20px;
  padding: 10px;
  background: #7FD858;
  position: fixed;
  bottom: 50px;
  right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: none;
  outline: none;
  /* border-radius: 50%; */
  display: none;
  z-index: 999999;

}
/* ======================================================= How it Works -============================= */


.hows_Work_Section{
  width: 100%;
  height: 85vh;
  min-height: 85vh;
background: linear-gradient(to right, rgb(13 13 13 / 68%), transparent), url(../images/workbg.jpg);
		/*   background-image: url("../images/workbg.jpg");*/
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hows_Work_Section .subtitle{
		font-size: 18px;
    		color: #fff;
    		font-weight: 600;
		text-transform:uppercase;
		}
.hows_Work_Section h2{
	font-size: 4rem;
	font-weight:bold;
	color:white;

	}

.hows_Work_Section .bottom_title{
color: white;
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: 600;
margin-bottom:20px!important;
padding-bottom:10px;

}
.hows_Work_Section a{
margin-top:15px;
}
.hows_Work_Section .project_Btn
{
	margin-top:15px;
	color: #fff;
    background: orange;
    padding: 10px 20px;
    border-radius: 17px;
    text-decoration: none;
}

.work_info{
background:#F5F5F2;
padding:50px 0px;
}


.work_info .work_subtitle{
font-size: 18px;
    		color: #7FD858;
    		font-weight: 600;
		text-transform:uppercase;
}

.work_info h2{
	font-size: 3rem;
	font-weight:bold;
	color:black;
}

.work_info .bottom_title{

    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: 600;
margin-bottom:20px!important;
padding-bottom:10px;

}

.work_info .card_text {
    font-size:1.2rem;
}

.work_info .icon_box i{
color:#7FD858;
font-size: 33px;
}

.work_info .browse_Btn{

background: orange;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 600;

}

.review_work{
padding:50px 0px 200px;
width:100%;
}

.review_work h2 {
  font-size: 2rem;
  font-weight:bold;
  color:black;
  text-align:center;
}

.review_work .bottom_title{
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom:20px!important;
  padding-bottom:10px;
  text-align:center;
  margin-top:10px;

}

.review_work .work_subtitle{
font-size: 18px;
    		color: #7FD858;
    		font-weight: 600;
		text-transform:uppercase;
text-align:center;
}

.review_work .mainImgFrame{
position:relative;

}
.review_work .contentBox_review{
position:absolute;
    left: -72px;
    bottom: -91px;
	width:300px;
max-width:300px;

min-height:160px;
background: rgba(255,255,255,0.94);
    border-radius: 8px;
    padding:10px;
    box-shadow: 0px 31px 46px rgb(70 60 51 / 19%);

}
.review_work .blockquote{
font-size:0.9rem;
}


/* ======================================================= Grantee  -============================= */

.grantee_Work{

padding:80px 0px;
background:#E8FDF2;

}

.grantee_Work h2 {
font-size: 2rem;
	font-weight:bold;
	color:black;
text-align:center;
}

.grantee_Work .bottom_title{

    line-height: 1.5;
    font-size: 1rem;
    font-weight: 600;
margin-bottom:20px!important;
padding-bottom:10px;
text-align:center;
margin-top:10px;

}
.grantee_Work .subtitle{
font-size: 18px;
    		color: #7FD858;
    		font-weight: 600;
		text-transform:uppercase;
text-align:center;
}
.grantee_Work  .media_heading{
font-weight:bold;
}

.grantee_Work  .IconBox i{
font-size: 26px;
color:gray;
}

.faqs_work {
padding:80px 0px;

}

.faqs_work h2 {
font-size: 2rem;
	font-weight:bold;
	color:black;
text-align:center;
}

.faqs_work .accordion-header button{
font-size: 1.2rem;
	font-weight:bold;
	color:black;
text-align:center;
}

/* ======================================================= FAqs  -============================= */

.Faqs_main{
	padding:50px 0px;


}
.Faqs_main h2 {
font-size: 2rem;
	font-weight:bold;
	color:black;

}

.Faqs_main .bottom_title{
font-size: 18px;
    		color: #000;
    		font-weight: 600;
		margin-top:20px;

}
.Faqs_main ul{
margin-top:20px;
}
.Faqs_main ul li {
	margin-top:10px;
color:#005F99;
}

.Faqs_main ul li a{
text-decoration:none;
font-size:18px;
}


@media (max-width: 767px) {
  .banner-Section {
width: 100%;
    height: auto;
    padding: 80px 0px;
  }

  .banner-Section .BannerContent .Main_heading {
    font-size: 29px;
    margin: 32px auto;
  }
  .pricing-plan .pricingMainBox {
    margin-bottom: 50px;
  }
  .banner-Section .serviceBtn ul {
    display: inline-block;
  }
.mobileAdsCta .mobileContent h3 {
    margin-top: 25
px
;
    font-size: 34px;
}

  .mobileAdsCta .mobileImgBox {
    position: static;
    /* top: -36.5%; */
    /* left: 95px; */
    background-color: #45aee8;
    /* width: 452px; */
    /* height: 199px; */
    width: 100%;
    height: 100%;
    margin-top: -166px;
  }
  .mobileAdsCta {
    height: 100%;
  }
  .testimonialSection .contboxSlide {
    padding: 69px 19px;
    /* border: 2px solid black; */
    margin: 12px 43px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
  }

.booking-det .booking-right .topm{
  margin-top: 0px;
}  
}




/*============================15-06-2021=======================*/

.FormContent {
  margin-top: 15px;
}

.mainBannerBox .FormContent input{
      height: 46px;
}

.search-circle{
  position: relative;
}
.search-circle input{
      position: absolute;
    right: 40px;
    top: 0px;
    min-width: 420px;
    max-width: 100%;
    padding: 5px 10px;
    display: none;
}

.mainBannerBox1{
  /* background: rgb(73 177 26 / 49%);*/
    padding: 25px;
    border-radius: 5px;
}

.SmarterIMG{
  position: relative;
  margin-bottom: 55px;
}
.SmarterIMG .coming-soon2{
  position: absolute;
    width: 250px !important;
    bottom: -65px;
    left: 0;
    right: 0;
    margin: auto;
}

.shake1 {
  /*width: 75px;
  height: 75px;
  background: #333;*/
  -webkit-animation-name: shake;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;
}
/*.shake1:hover {
  -webkit-animation-name: shake;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;  
}*/
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-2deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(3deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-2deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(4deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
/*============================15-06-2021=======================*/



.sec_second {
    background: #f59583;
    color: #fff;
}
.common_space {
    padding: 4rem 0;
}
h3.sec_title:after {
    position: absolute;
    content: "";
    width: 58px;
    height: 5px;
    background: #7fd858;
    bottom: -25px;
    left: 49%;
    transform: translateX(-50%);
}

footer h4 {
    color: #fff;
    font-size: 20px;
    
}
.ftr_form input::placeholder {
    font-family: 'Ubuntu', sans-serif !important;
}
.ftr_form  input[type="submit"] {
    width: auto;
    padding: 10px 28px;
    background-image: linear-gradient(
45deg
, #f48d82, #fbdc89);
    color: #fff;
    font-weight: 600;
}
.ftr_form input {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    font-family: 'Ubuntu', sans-serif !important;
    padding-left: 17px;
    border: none;
    background: white;
}
.achieve_box:hover .ic_box i {
    color: #fff;
    transition: 0.5s all;
}
.ftr_form h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 22px;
}
.achieve_box:hover .ic_box {
    background: #7fd858;
    transition: 0.5s all;
    transform: scale(1.06);
}
h3.sec_title {
    font-size: 34px;
    font-weight: 900;
    position: relative;
    margin-bottom: 38px;
}
ul#searchResult li {
    padding: 7px 15px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 13px;
    color: grey;
    cursor: pointer;
    transition: 0.5s all;

}
ul#searchResult li:hover {
    background: #f5f5f5;
    transition: 0.5s all;
}
ul#searchResult {
    list-style: none;
    background: #f5f5f5;
    padding-left: 0;
    text-align: left;
    overflow-y: scroll;
    max-height: 250px;
    overflow: auto;
    position: absolute;
    top: 44px;
    left: 0;
    border-radius: 0 0 7px 7px;
    width: 100%;
    z-index: 100000;

}
.banner-Section .serviceBtn ul li a:hover {
    background: #fff;
    transition: 0.5s all;
    transform: scale(1.2) !important;
}
input#category::placeholder {
    font-size: 16px;
}
input#category {
    position: relative;
    background: #fff url(../images/bag.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 95%;
}ul#searchResult::-webkit-scrollbar {
  width: 5px;
}

/* Track */
ul#searchResult::-webkit-scrollbar-track {
  background: none; 
}
 
/* Handle */
ul#searchResult::-webkit-scrollbar-thumb {
     background: #96969661;
    border-radius: 52px;
}

/* Handle on hover */
ul#searchResult::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
html .achieve_box i {
    font-size: 36px !important;
    color: #fff;
}
a.wishlist.likeProfessional {
    display: none;
}
.rating_star .rating-star span:before {
    display: none;
}
.rating_star .rating-star span {
    color: #ffc127;
}
.rating_star {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    align-items: center;

    justify-content: center;
    text-align: center;
}
.login_hero_new {
    padding-top: 5rem;
}
.detail-sidebar .sidebar-inner {
    border: none;
    background: #f9f9f9;
    padding: 27px;
}
.rating-count {
    font-size: 21px;
    margin-right: 10px;
    color: #ffc107;
}
.book_wrap ul.nav {
    width: 100%;
    display: block;
    text-align: center;
}
.Detail_top_box:hover .listing-inner:hover {
    opacity: 1 !important;
    transition: 0.5s all;
}
.Detail_top_box:hover .listing-inner {
    opacity: 0.6;
    transition: 0.5s all;
}
footer .social ul {
    margin: auto;
/*    text-align: center;
    justify-content: center;*/
    margin-top: 10px;
}
span.icon-box {
    display: block !important;
}
.input-group-text i {
    color: #9e9e9e;
}
button.btn.bannerBtn {
    font-family: 'Ubuntu', sans-serif;
    padding: 12px 27px;
    font-size: 17px;
    border-radius: 5px !important;
    background-image: linear-gradient( 
45deg
 , #fd8b75, #e8c574) !important;
    font-weight: bold;
   
}
.page-search {
    padding-top: 9rem !important;
}
.custom_form input {
    font-family: 'Ubuntu', sans-serif;
    padding: 12px;
    border-radius: 0 5px 5px 0 !important;
}
.custom_form input::placeholder {
  font-family: 'Ubuntu', sans-serif;
}
.form_content.make_form button {
    background-image: linear-gradient( 
45deg
 , #fd8b75, #e8c574) !important;
    border: none;
    font-size: 19px;
    padding: 12px 75px;
    font-weight: 600;
    margin: auto;
}
.form-check .form-check-input {
    float: none;
    margin-left: -1.5em;
}
input#exampleCheck1 {
    display: none;
}
.form-text {
    color: #969696;
    font-family: 'Ubuntu', sans-serif;
}
h2.press_title {
    background: -webkit-linear-gradient(#f7d287, #f59683);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.form-check input {
    padding: 0 !important;
    transform: scale(1.3) translateX(-3px) translateY(2px);
}
.make_form input::placeholder {
    font-family: 'Ubuntu';
}
.sign_line a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}
.sign_line {
    font-family: 'Ubuntu' !important;
}
.form_content.make_form button:hover i {
    margin-left: 10px;
    opacity: 1;
    transition: 0.5s all;
}
.form_content.make_form button i {
    opacity: 0;
    font-size: 17px !important;
    transition: 0.5s all;
}
.login_content_box {
    background: grey;
    height: 100%;
    padding: 20px;
}
.accordion-body {
    display: none;
}

.acc__panel {
    background: #fff;
    padding: 0 17px 21px;
}
.acc__panel a {
    text-decoration: none;
    color: #8a8a8a;
    font-family: 'Roboto';
    font-size: 14px;
}
h2.acc__title {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    height: 59px;
    background-image: linear-gradient( 
45deg
 , #fd8b75, #e8c574) !important;
    color: #fff;
    cursor: pointer;
    position: relative;
    line-height: 21px;
    background: #fff;
    padding: 7px 16px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
.acc__panel a {
    text-decoration: none;
    color: #7a7b7b;
    font-family: 'Roboto';
    font-size: 14px;
    display: block;
    margin-bottom: 6px;
    transition: 0.5s all;
}
h2.acc__title.active:after {
    transition: 0.5s all;
    opacity: 0;
    transform: rotate(
45deg
);
}
h2.acc__title:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 4px;
    background: #fff;
    right: 19px;
    border-radius: 9px;
    top: 28px;
}
h2.acc__title:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 20px;
    background: #fff;
    transition: 0.5s all;
    right: 26px;
    border-radius: 9px;
}
.acc__panel a:hover {
  color: #f59483;
  transition: 0.5s all;
}
h2.acc__title span {
    width: 80%;
    color: #fff;
}
span.tp_line {
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    display: block;
    margin-bottom: 13px;
}
.row.no-gutters .col-md-4 {
    padding: 3px;
}
.acc__panel {
  display: none;
}

.accordion-collapse.collapse.show .accordion-body {
    display: block;
}
.make_form input {
    padding: 12px 26px;
    font-size: 17px;
}
.form_content {
    padding: 18px;
}
.workMainBox img {
    width: 194px;
}
h2.press_title {
    text-align: center;
}
.my_accordion h2.accordion-header a {
    text-decoration: none;
    color: #000;
}
h2.user_name_list a {
    text-decoration: none;
}
.usr-img img {
    width: 100% !important;
    max-width: fit-content;
}
a#requestForDiscount {
    margin-top: 14px;
}
.dtl-area h2.user_name_list a {
    color: #fd8e75;
}
.lst_btns a i {
    font-size: 16px !important;
    opacity: 0;
    transition: 0.5s all;
}
a.solid_btn:hover i {
    margin-left: 6px;
    opacity: 1;
    transition: .5s all;

}
a {
  cursor: pointer;
}
a.outline_btn:hover i {
    margin-left: 6px;
    opacity: 1;
    transition: .5s all;
}
ul.user-detls li {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    line-height: 18px;
}
ul.user-detls li i {
padding: 5px 0px;
    color: #fd8e75;
    margin-right: 5px;
    font-size: 14px;
}
ul.user-detls li b {
    font-weight: 500;
    color: #403f3f;
}
.dtl-area h2.user_name_list {
margin-bottom: 10px;
    line-height: 20px;
}
.bkg_listing {
border: 1px solid #eaeaea;
    padding: 20px;
    margin-bottom: 20px;
    transition: 0.5s all;
}
.bkg_listing:hover {
    background: #fff9f9ad;
    transition: 0.5s all;
}
h3.dsh_heading {
    border-left: 3px solid #f99575;
    padding-left: 15px;
    font-size: 24px;
}
.sidebar-profile img {
    height: 100px;
    width: 100px;
    border-radius: 10px;
    margin: 20px auto;
    box-shadow: 1px 6px 12px #00000012;
}
.sidebar_lists a:hover {
    background: #fff9f9ad;
    transition: 0.5s all;
}
.sidebar_lists a i {
    margin-right: 11px;
}
.sidebar_lists a:last-child {
    border-bottom: 0;
}
.sidebar_lists  a.active {
    background-image: linear-gradient( 45deg , #fd8b75, #e8c574) !important;
    color: #fff;
    font-weight: bold;
}
.sidebar-profile h3 {
    color: #fd8e75 !important;
    text-transform: capitalize !important;
    font-size: 17px !important;
}
.sidebar-profile {
    padding: 15px 15px 29px;
    border-bottom: 0px solid #ececec;
    width: 87%;
    margin: auto;
}
.srvc-area .usr-img {
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 5px;
}
.sv_cards h2 {
   /* margin-bottom: 1rem;*/
}
.srvc-area h2 a {
    text-decoration: none;
    font-size: 23px;
    color: #fd8e75;
}
.sv_cards li {
    font-size: 13px;
    line-height: 25px;
    color: #545454;
}
.srvc-area {
    border-radius: 6px;
    border: 1px solid #fd8e7542;
    padding: 10px;
   /* background: #f994750d;*/
}
.sv_cards li {
    display: inline;
    font-size: 11px;
}
li.st_pending {
    background: #f0af55;
    display: initial;
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
    margin-right: 8px;
    line-height: 4px;
}
.sv_cards p {
    font-size: 12px;
    color: grey;
    line-height: 19px;
    margin-bottom: 0 !important;
}
h3.pric_amt {
    font-size: 21px;
    color: grey;
    margin-top: 1rem;
    padding-top: 13px;
}
.srvc-area .usr-img img {
    width: 100% !important;
    max-width: fit-content;
}
.sidebar_lists a {
display: block;
    text-decoration: none;
    padding: 16px 21px;
    font-size: 16px;
    transition: 0.5s all;
    color: #000;
    border-top: 1px solid #f3f3f3;
}
.pymnt-card h2 {
   font-size: 16px;
    color: black;
    margin-bottom: 14px;
}
.pymnt-card h5 {
    font-size: 13px;
    margin-bottom: 5px;
    color: #949494;
}
.dlv_dt p a {
    text-decoration: none;
    color: #f79f8b;
}
.dlv_dt p {
    font-size: 12px;
        font-family: 'Ubuntu', sans-serif !important;
}
.pymnt-card > h2 {
    font-size: 25px;
    margin-top: -12px;
    color: #000;
    margin-bottom: 24px;
}
.bg-csGrey {
    background: #f9f9f9;
    padding: 4rem 0;
}
span.green_status {
    display: block;
    width: 9px;
    height: 9px;
    background: #4caf50;
    float: left;
    margin-top: 5px;
    border-radius: 50%;
    margin-right: 8px;
}
.pdt_image {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    border-radius: 4px;
}
.pymnt-card h3.title a {
    text-decoration: none;
    color: #fd8e75;
    font-size: 23px;
        margin-top: -4px;
    display: block;

}
.pymnt-card h3 {
    font-size: 15px;
    color: grey;
}
.pymnt-card p {
    font-size: 13px;
    color: grey;
        margin-bottom: 2px;
}
.pymnt-card p i{
   margin-right: 5px;
}

.pros-bookinglist img {

  width: 100% !important;
  max-width: fit-content;
  width: 100%;
}


/* ========================f0oter title============== */


h4.footer_title{
  background-image: linear-gradient( 
4deg
 , #f48d82, #fbdc89);

     background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    font-weight: 700;
}

p.footer_subtitle{
    margin-top: 0px;
    color: #7FD858!important;
    font-weight: 400;
    font-size: 17px;
}

.Cat_img_box img{
  width:300px;
  height:300px;
  border-radius: 20px;
}
.Cat_img_box img:hover{
  width:300px;
  height:300px;
  border-radius: 20px;
  box-shadow: 0 0 3px 0 rgb(0 0 0);
  border: 0px solid #fff;
  padding-top:0px;
}
.dyna_box_hover a{
  color:#000;
}

/*.OurWorkSection .dyna_box_hover:hover{
  box-shadow: 0 0 3px 0 rgb(0 0 0);
  border: 0px solid #fff;
  padding-top:0px;
}*/

.pricing-plan .pricingMainBox.bronze_card:hover {
  transform: scale(1.05);
  transition: 0.5s all;
  z-index: 1000000;
}
.pricingMainBox.silver.silver_card:hover {
  transform: scale(1.09);
  transition: 0.5s all;
  z-index: 1000000;
}
/* star rating */
.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
  }
  .rating-0 {
  filter: grayscale(100%);
  }
  .rating > input {
  display: none;
  }
  .rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
  }
  .rating > input:checked ~ label,
  .rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  }
  .rating > input:not(:checked) ~ label:hover,
  .rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  }

  .color-gray{
      color:#e6e6e6 !important; 
  }
  .hide {
    display: none!important
  }

  .form_wrap_radio
      .form-check-input:checked {
    background-color: #f89a75;
    border-color: #ecb974;
    
}
.form_wrap_radio{
   padding-left:7px;
}
.form_wrap_radio input{
   margin-top:1px;
}
.form_wrap_radio .form-check-input:focus{
   box-shadow: 0 0 0 0.25rem rgb(236 186 116 / 11%);
}

/*Sunil CSS*/

.booking-det{
  position: relative;
  width: 100%;
  float: left;
  height: auto;
  padding: 20px;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  margin-bottom: 30px;
}

.booking-det .usrimg{
  width: 200px;
  border-radius: 20px;
  padding: 0px;
  float: left;
  height: 200px;
  display: inline-block;
}


.booking-det .booking-right{
  width: 100%;
  height: auto;
  display: inline-block;
}
.booking-det .booking-right .topm{
  width: 100%;
  height: auto;
  display: inline-block;
  margin-top: 45px;
}
.booking-det .booking-right h2{
  color: #fd8e75;
}
.booking-det .booking-right h2 a{
  color: #fd8e75;
  font-size: 24px;
  text-decoration: none;
}
.booking-det .booking-right h2 a:hover{
  color: #000;
}

.user-listul {
    list-style: none;
    margin: 0;
    padding: 0;
}
    
.user-listul li {
    padding: 0px 0px 7px 0px;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #8a8a8a;
}
    
.user-listul li b {
padding: 0px 0px;
    font-weight: 500;
    color: #403f3f;
    margin-right: 5px;
/*    width: 80px;*/
    display: inline-block;
}
.user-listul li i {
    padding: 5px 0px;
    color: #fd8e75;
    margin-right: 5px;
    font-size: 14px;
}    
h3.booking-heading {
    border-left: 0px solid #f99575;
    margin-bottom:10px;
    font-size: 24px;
}    
h3.booking-heading i {
  border-left: 0px solid #f99575;
  padding-right: 10px;
  font-size: 24px!important;
} 

.booking-address{
  width: 100%;
  float: left;
  height: auto;
  padding: 20px;
  margin-bottom: 30px;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}
.booking-address h4{
  width: 100%;
  float: left;
  height: auto;
  padding: 0px;
  margin-bottom: 20px;
  font-size: 18px;
}

h3.job-heading {
    border-left: 0px solid #f99575;
    padding-left: 0px;
    font-size: 24px;
    color: #fd8e75;
}    
h3.job-heading i {
  border-left: 0px solid #f99575;
  padding-right: 10px;
  font-size: 24px!important;
  color: #fd8e75;
  font-size: 20px!important;
    
}

.job-detail{
  width: 100%;
  float: left;
  height: auto;
  padding: 20px;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  margin-bottom: 30px;
}
.booking-address h4{
  width: 100%;
  float: left;
  height: auto;
  padding: 0px;
  margin-bottom: 20px;
  font-size: 18px;
}
.job-detail h4{
font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    background: #e8c374;
    padding: 10px 15px;
    border-radius: 0px;
}
.job-detail .job-cont{
  width: 100%;
  float: left;
  height: auto;
  padding: 0px;
}
select {
    word-wrap: normal;
    outline: none;
    border: 1px solid #ccc;
}

.upload-box .btn-file {
        background-color: #fd8e75;
}
.upload-box .hold {
    float: left;
    width: 100%;
    position: relative;
    border: 0px solid #ccc;
    border-radius: 3px;
    padding: 4px 10px;
    margin-top: 50px;
}
.upload-box .hold a {
    font: 400 14px/36px 'Roboto',sans-serif;
    color: #666;
    text-decoration: none;
}

.upload-box .btn-file {
  position: relative;
  overflow: hidden;
  float: left;
  padding: 12px 30px;
  font: 900 14px/14px 'Roboto',sans-serif;
  color: #fff;
  margin: 0 10px 0 0;
  border-radius: 32px;
  cursor: pointer;
}

.upload-box .btn-file i {
  margin: 0 5px 0 0;
}

.upload-box .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    outline: none;
    background: #fd8e75;
    cursor: inherit;
    display: block;
}
.user_list2{
  margin-top: 35px!important;

}
@media (max-width: 767px) {

.booking-det .booking-right .topm{
  margin-top: 0px;
}  
.upload-box .hold {
  margin: 20px 0px 0px 0px;
  padding: 0px;
}
.user_list2{
  margin-top: 0px!important;
}

.usr-img img {
    margin-bottom: 10px;
}


}


/*---------------*/
/***** Services CSS*****/
/*---------------*/

.builds{
  text-align: center;
  position: relative;
  color: #fff;
  transition: 0.35s all;
}
.builds a{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.builds a:hover{
transform: translateY(0px);
    transition-delay: 0.2s;
}
.builds a:before{
    content: "";
    position: absolute;
    bottom: 40px;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 30%;
    /* background-color: rgba(0,0,0,0.5); */
    transition: all 0.3s ease 0s;
    background: linear-gradient( 
0deg, rgb(68 68 68) 25%, rgba(253,187,45,0) 100%);
    opacity: 1;
}
.builds a:hover:before{
	transition: all 0.3s ease 0s;
	 transition: 0.35s ease 0s all;
	background: linear-gradient( 
	0deg, rgb(244 143 130) 25%, rgba(253,187,45,0) 60%);
	opacity: 2;

}
.builds img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 40px;
  transition: 0.35s all;
}

/*.builds img:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(
0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,0) 100%);
}

*/
/*.builds img:before {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient( 
0deg, rgb(8 8 8) 0%, rgba(253,187,45,0) 100%);
}*/



.builds .builds-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    /*background-color: rgba(134,16,74,0.9);*/
    transition:all 0.3s ease 0s;
}
.builds:hover .builds-content{
    bottom: 1%;
}
.builds .builds-content h3 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    padding: 0px 0px 20px 20px;
    float: left;
    color: #fff;
    margin-bottom: 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.builds .builds-content h3 a{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.builds:hover .builds-content h3  a{
transform: translateY(0px);
    transition-delay: 0.2s;
}



/*.builds .builds-content h3 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    color: #000;
    margin-bottom: 7px;
    text-transform: uppercase;
    transition:all 0.3s ease 0s;
}

.builds .builds-content h3 a{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.builds:hover .builds-content h3  a{
transform: translateY(0px);
    transition-delay: 0.2s;
}*/
.builds .builds-content .post{
    font-size: 17px;
    display: block;
    transition:all 0.3s ease 0s;
    text-transform: capitalize;
}
.builds:hover .builds-content .post{
    transform:translateY(-0px);
    transition-delay:0.3s;
}

@media screen and (max-width:990px){
    .builds{
        margin-bottom: 10px !important;
    }
}

/*---------------*/
/***** How it works *****/
/*---------------*/

.howit{
  text-align: center;
  position: relative;
  color: #fff;
  transition: 0.35s all;
}
/*.howit:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 90%;
  transition: all 0.3s ease 0s;
  background: linear-gradient( 
  0deg, rgb(68 68 68) 0%, rgba(253,187,45,0) 100%);
  opacity: 1;
}
.howit:hover:before{
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 90%;
    transition: all 0.3s ease 0s;
background: linear-gradient( 
0deg, rgb(244 143 130) 10%, rgba(253,187,45,0) 60%);
    opacity: 2;
}*/

.howit:before{
    content: "";
    position: absolute;
    bottom: 40px;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 30%;
    /* background-color: rgba(0,0,0,0.5); */
    transition: all 0.3s ease 0s;
    background: linear-gradient( 
0deg, rgb(68 68 68) 40%, rgba(253,187,45,0) 100%);
    opacity: 1;
}
.howit:hover:before{
	transition: all 0.3s ease 0s;
	 transition: 0.35s ease 0s all;
	background: linear-gradient( 
	0deg, rgb(244 143 130) 35%, rgba(253,187,45,0) 60%);
	opacity: 2;
	height: 50%;

}






.howit img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 40px;
  transition: 0.35s all;
}


.howit .howit-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    /*background-color: rgba(134,16,74,0.9);*/
    transition:all 0.3s ease 0s;
}
.howit:hover .howit-content{
    bottom: 1%;
}
.howit .howit-content h3 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    color: #fff;
    padding-left: 30px;
    text-align: left;
    margin-bottom: 0px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.howit .howit-content p {
font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: block;
    color: #fff;
    padding: 0px 20px 20px 30px;
    text-align: left;
    margin-bottom: 10px;
}

/*.howit .howit-content h3 a{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}*/
/*.howit:hover .howit-content h3{
transform: translateY(70px);
    transition-delay: 0.2s;
}*/
.howit .howit-content .post{
    font-size: 17px;
    display: block;
    transition:all 0.3s ease 0s;
    text-transform: capitalize;
}
.howit:hover .howit-content .post{
    transform:translateY(-0px);
    transition-delay:0.3s;
}

@media screen and (max-width:990px){
    .howit{
        margin-bottom: 10px !important;
    }
}


.openbusiness{
  padding: 0px 0px 40px 0px;
}
.openbusiness img{
    padding: 0px 0px;
    float: none;
    max-width: 100%;
    margin: 0 auto;
/*    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;*/
}
.openbusiness .open-right {
    padding: 30px 30px 50px 50px;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 15%;
    background: #fef3df;
    border-radius: 10px;
}
.openbusiness .open-right h2{
padding: 0px 0px;
    display: block;
}
.openbusiness .open-right p{
  padding: 0px 0px;
}
.openbusiness .open-right openbutton{
  padding: 0px 0px;
  float: left;
}

/*----------------------------------------*/
/*  20. Breadcumbs Area
/*----------------------------------------*/
.page-area{
    position: relative;
}
.page-area {
  width: 100%;
  min-height: auto;
  background: linear-gradient(to right, rgb(13 13 13 / 68%), transparent), url(../images/workbg.jpg);
  /*   background-image: url("../images/workbg.jpg");*/
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.breadcumb-overlay:before {
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0px;
    position: absolute;
    display: block;
    background: linear-gradient( 
1deg, #f6a684, #fbdf8a);
    padding: 0px;
    align-items: center;
    margin-top: 0px;
    opacity: 0.8;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
/*.breadcumb-overlay {
  position: absolute;
  background: rgba(10, 27, 40, 0.6) none repeat scroll 0 0;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}
*/


[data-ripple] {
  position: relative;
  overflow: hidden;
}

.ripple-effect {
  position: absolute;
  border-radius: 9999px;
  animation: ripple-animation 2s;
}

@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}

.aks-accordion {
  width: 70%;
  margin: 0 auto;
  padding: 50px 0px 40px 0px;
}
.aks-accordion-row {
}
.aks-accordion-item {
  width: 100%;
  border: 1px solid #f3f0ec;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  cursor: pointer;
  margin-bottom: 20px;
  background: #fffcf7;
}
.aks-accordion-item-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  background: #f38681;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
.aks-accordion-item-icon svg {
  width: 15px;
  fill: white;
  margin: 0 auto;
}
.aks-accordion-item-title {
  width: 90%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.aks-accordion-item-title h4 {
  margin: 0;
  font-size: 18px;
}
.aks-accordion-item-content {
display: none;
  width: 100%;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 42px;
  overflow: hidden;
  word-break: break-word;
  width: 100%;
  text-align: left;
  line-height: 1.5;
}
.aks-accordion-item-content p{
  color: #7a7b7b;
  font-size: 14px;
  text-align: justify;
  line-height: 24px;

}

.aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
.aks-accordion-item-icon-close {
  display: none;
}
.aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}

@media screen and (max-width: 768px) {
  .aks-accordion {
    width: 100%;
  }
  .aks-accordion-item-content {
    padding-left: 11px;
    width: 92%;
  }
}

.pressleft{
  width: 100%;
  height: auto;
  float: left;
  border: 1px solid #f3f0ec;
  padding: 20px;
  margin-bottom: 30px;
  background: #fffcf7;
  border-radius: 10px;
}

.pressleft img{
  max-width: 100%;
  float: left;
  width: 350px;
  border-radius: 0% 10px 10px 10px;
}

.pressleft .pressleft-cont{
  padding: 0px 0px 0px 20px;
  margin-bottom: 20px;
  background: #fffcf7;
  display: block;
  overflow: hidden;
}

.pressleft .pressleft-cont h4{
  color: #000;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.pressleft .pressleft-cont p{
  color: #000;
  padding: 0px;
  margin: 0px;
  text-align: justify;
}


.pressright{
  width: 100%;
  height: auto;
  float: left;
  border: 1px solid #f3f0ec;
  padding: 20px;
  margin-bottom: 30px;
  background: #fffcf7;
  border-radius: 10px;
}

.pressright img{
  max-width: 100%;
  float: right;
  width: 350px;
  border-radius: 10px 0% 10px 10px;
}

.pressright .pressright-cont{
  padding: 0px 20px 0px 0px;
  margin-bottom: 20px;
  background: #fffcf7;
  display: block;
  overflow: hidden;
}

.pressright .pressright-cont h4{
  color: #000;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.pressright .pressright-cont p{
  color: #000;
  padding: 0px;
  margin: 0px;
  text-align: justify;
}
.single-sidebar{
  background: #fffcf7;
  padding: 20px 20px;
  border: 1px solid #f3f0ec;
  margin-bottom: 30px;
}

.sidebar-wrapper .single-sidebar .sec-title {
     margin-top: 0px!important; 
    overflow: hidden;
    padding-bottom: 10px;
}

.single-sidebar .latest-post li .title-holder a .post-title {
    color: #777777;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}
.single-sidebar .latest-post li .title-holder .post-date {
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
}
.wave1{
  position: relative;
  bottom: 0px;
}
.collapse:not(.show) {
    display: block!important;
}

 .act_btn{
 	display: block;
 }
 .act_btn2{
  display: none;
 }

.OurWorkSection {
    width: 100%;
    padding: 2rem 0 2rem 0;
    float: left;
}

section.OurWorkSection {
  z-index: 99;
  position: relative;
}

.OurWorkSection .about {
    width: 100%;
    padding: 2rem 0 2rem 0;
}
.OurWorkSection .about h3 {
    width: 100%;
    padding: 0rem 0 0rem 0;
    margin: 30px 0px 20px 0px;
    font-size: 30px;
}
.OurWorkSection .about img {
max-width: 100%;
    border-radius: 0px;
    padding-right: 20px;
    display: block;
    margin-right: 0px;
    float: left;
}

ul.resp-tabs-list, p {
  margin: 0 0 10px 0;
  padding: 0px;
}

.tml_content .review-card {
  margin: 0 0 10px 0;
  padding: 0px;
  min-height: 148px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 20px;
}

.resp-tab-active {
  border: 1px solid #ddd !important;
  border-bottom: none;
  margin-bottom: -1px !important;
  padding: 12px 14px 14px 14px !important;
  border-top: 4px solid #5AB1D0 !important;
  border-bottom: 0px #fff solid !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #ddd;
    border-top-color: #5AB1D0;
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
display: block;
    padding: 15px 15px!important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
    background: #f48982;
    color: #000;
    font-size: 16px;
}
.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #f5f5f5!important;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 0px;
    clear: none;
    margin-top: 3px;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
  border-top: 1px solid;
  border: 1px solid #f48982 !important;
  border-left: 4px solid #f48982 !important;
  margin-bottom: 4px !important;
  border-right: 1px #FFF solid !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        text-align: left;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

































@media screen and (max-width: 768px) {
  .aks-accordion {
    width: 100%;
  }
  .aks-accordion-item-content {
    padding-left: 11px;
    width: 92%;
  }
.pressleft .pressleft-cont {
  padding: 20px 0px 0px 0px;
  margin-bottom: 20px;
  float: left;
}
.pressleft img {
    width: 100%;
}
.pressleft .pressleft-cont {
  padding: 20px 0px 0px 0px;
  margin-bottom: 20px;
  float: left;
}
.pressright img {
  width: 100%;
}
.pressright .pressright-cont {
  padding: 20px 0px 0px 0px;
  margin-bottom: 20px;
  float: left;
}
.wave1 {
  position: relative;
  bottom: 0px;
  display: none;
}
.serviceBtn {
  margin-top: 32px;
  margin-bottom: 6rem;
}
.mainBannerBox {
    margin-bottom: 6rem;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.pricing-plan {
    padding: 3rem 0px 0rem 0px;
}
.collapse:not(.show) {
     display: block!important; 
}

.menu-vertical {
    /* position: relative; */
    /* position: relative; */
    position: absolute;
    right: 0!important;
    top: 0;
}
.nav-item {
    padding: 10px;
    position: absolute;
    right: 40px;
    top: 10px;
}
.lang_wrap li {
    position: absolute;
    right: 0px;
    float: right;
}
 .act_btn{
  display: none!important;
 }
 .act_btn2{
  display: block;
 }
.menu-vertical .toggled_menu ul li a {
    text-decoration: none;
    color: #282827;
    padding: 10px 10px;
}
}




/* =============================================== Contact 30/10/2021 ========================= */

.Contact_list ul li{
color: #000!important;
font-size: 18px;
margin-top: 10px;
}

.contactFaqs{
  padding: 50px 0px;
  background: rgb(218,173,45);
  background: linear-gradient(
    90deg, rgb(173 149 80 / 87%) 54%, #6d877b 100%);
    background-image: linear-gradient(
      45deg , #f48d82, #fbdc89);
}

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

.questionBox p{
  font-weight: 300;
}
.questionBox  h4{
  font-size: 20px;
  margin-bottom: 10px;
}
.line{
  width: 150px;
  margin: auto;
  height: 3px;
  background: #fff;
  margin-bottom: 50px;
}

.contact_form .form-group{
border-bottom: 1px solid #000!important;
display: flex!important;
align-items: center!important;
}

.contact_form .form-group .form-control{
  background: transparent!important;
  border: none!important;
}

.newsletterWrap{
  display: flex!important;
}

.btn_change{
position: absolute!important;
left: 30%!important;
}

/* =================search====================== */

.animate_icon .achieve_box i {
  font-size: 48px !important;
}

@media screen and (max-width: 767px) {
  .download-img {
    text-align: center;
    margin-top: 30px;
  }

  .openbusiness .open-right {
    padding: 40px 20px;
  }

}

.ViewBtn {
  box-shadow: 2px 2px 5px 2px #c3a795;
}

span.career-title {
  text-align: left !important;
  font-size: 40px;
  padding: 0 !important;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  footer {
      padding: 40px 20px !important;
  }

  .breadcrumb .section-headline h3 {
    font-size: 30px !important;
  }

  h2.resp-accordion {
    font-size: 18px;
  }

  .bannerBtmTxt {
    margin-top: -180px !important;
  }

  .col-sm-3.sidebar.userSidebar {
    margin-top: 50px;
}

/* .dashboard-right .card {
  display: block;
} */

  }


.modal-dialog {
    margin-top: 140px;
}

.profileBlock {
  border: 0px;
    width: 100%;
    border-radius: 0px;
    background-image: linear-gradient( 45deg, #fd8b75, #e8c574) !important;
    text-align: center;
}

.servicePage {
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 100px;
}

.servicePage h3 {
  font-size: 35px;
}
.search-background {
  background-image: url(../images/bghero-ori.jpg);;
}

.home-search {
  text-align: left;
}

.home-location-error, .home-category-error{
  font-weight: 600;
}

.before_job{
  margin-top: 10px;
}







/* =======  Why join Domicile Ready ========= */
.joinServices {
    width: 100%;
    padding: 3rem 0px 3rem 0px;
    background: #fff;
     background: #fef3df;
}
.joinServices .joinContainerService {
  margin-top: 30px;
  transition: 0.35s all;
}
.joinContainerService:hover {
    transform: scale(1.02) translateY(-10px);
    box-shadow: 1px 5px 30px #55cc200d;
    transition: 0.35s all;
}
.joinServices .serviceBox {
     padding: 20px;
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: none;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
}

.joinServices .serviceBox .service_icon{
    width: 100px;
    height: 100px;

}

.joinServices .serviceBox .service_icon img{
width:100%;

}
.joinServices .serviceBox h4 {
    margin-top: 10px;
    color: #333;
    font-size: 18px;
}
.joinServices .serviceBox:hover h4 {
    color: #f38781;
}
.joinServices .serviceBox p {
    margin-top: 10px;
    color: #666;
    font-size: 15px;
    font-weight: 300;
}
.joinServices .coln1 {
  margin: 10px;
}








/*---------------*/
/***** How it works *****/
/*---------------*/

.works{
  text-align: center;
  position: relative;
  color: #fff;
  transition: 0.35s all;
}
/*.works:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 90%;
  transition: all 0.3s ease 0s;
  background: linear-gradient( 
  0deg, rgb(68 68 68) 0%, rgba(253,187,45,0) 100%);
  opacity: 1;
}
.works:hover:before{
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 90%;
    transition: all 0.3s ease 0s;
background: linear-gradient( 
0deg, rgb(244 143 130) 10%, rgba(253,187,45,0) 60%);
    opacity: 2;
}*/

.works:before{
    content: "";
    position: absolute;
    bottom: 40px;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 30%;
    /* background-color: rgba(0,0,0,0.5); */
    transition: all 0.3s ease 0s;
    background: linear-gradient( 
0deg, rgb(68 68 68) 40%, rgba(253,187,45,0) 100%);
    opacity: 1;
}
.works:hover:before{
    transition: all 0.3s ease 0s;
     transition: 0.35s ease 0s all;
    background: linear-gradient( 
    0deg, rgb(244 143 130) 35%, rgba(253,187,45,0) 60%);
    opacity: 2;
    height: 50%;

}

.works img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 40px;
  transition: 0.35s all;
}


.works .works-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    /*background-color: rgba(134,16,74,0.9);*/
    transition:all 0.3s ease 0s;
}
.works:hover .works-content{
    bottom: 1%;
}
.works .works-content h3 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    color: #fff;
    padding-left: 30px;
    text-align: left;
    margin-bottom: 0px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.works .works-content p {
font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: block;
    color: #fff;
    padding: 0px 20px 20px 30px;
    text-align: left;
    margin-bottom: 10px;
}

/*.works .works-content h3 a{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}*/
/*.works:hover .works-content h3{
transform: translateY(70px);
    transition-delay: 0.2s;
}*/
.works .works-content .post{
    font-size: 17px;
    display: block;
    transition:all 0.3s ease 0s;
    text-transform: capitalize;
}
.works:hover .works-content .post{
    transform:translateY(-0px);
    transition-delay:0.3s;
}

@media screen and (max-width:990px){
    .works{
        margin-bottom: 10px !important;
    }
}






/*---------------*/
/***** How it works *****/
/*---------------*/

.howit2{
  text-align: center;
  position: relative;
  color: #fff;
  transition: 0.35s all;
}
/*.howit2:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 90%;
  transition: all 0.3s ease 0s;
  background: linear-gradient( 
  0deg, rgb(68 68 68) 0%, rgba(253,187,45,0) 100%);
  opacity: 1;
}
.howit2:hover:before{
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 90%;
    transition: all 0.3s ease 0s;
background: linear-gradient( 
0deg, rgb(244 143 130) 10%, rgba(253,187,45,0) 60%);
    opacity: 2;
}*/

.howit2:before{
    content: "";
    position: absolute;
    bottom: 40px;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 30%;
    /* background-color: rgba(0,0,0,0.5); */
    transition: all 0.3s ease 0s;
    background: linear-gradient( 
0deg, rgb(68 68 68) 40%, rgba(253,187,45,0) 100%);
    opacity: 1;
}
.howit2:hover:before{
    transition: all 0.3s ease 0s;
     transition: 0.35s ease 0s all;
    background: linear-gradient( 
    0deg, rgb(244 143 130) 35%, rgba(253,187,45,0) 60%);
    opacity: 2;
    height: 50%;

}






.howit2 img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 40px;
  transition: 0.35s all;
}


.howit2 .howit2-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    /*background-color: rgba(134,16,74,0.9);*/
    transition:all 0.3s ease 0s;
}
.howit2:hover .howit2-content{
    bottom: 1%;
}
.howit2 .howit2-content h3 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    color: #fff;
    padding-left: 30px;
    text-align: left;
    margin-bottom: 0px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.howit2 .howit2-content p {
font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: block;
    color: #fff;
    padding: 0px 20px 20px 30px;
    text-align: left;
    margin-bottom: 10px;
}

/*.howit2 .howit2-content h3 a{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}*/
/*.howit2:hover .howit2-content h3{
transform: translateY(70px);
    transition-delay: 0.2s;
}*/
.howit2 .howit2-content .post{
    font-size: 17px;
    display: block;
    transition:all 0.3s ease 0s;
    text-transform: capitalize;
}
.howit2:hover .howit2-content .post{
    transform:translateY(-0px);
    transition-delay:0.3s;
}

@media screen and (max-width:990px){
    .howit2{
        margin-bottom: 10px !important;
    }
}




.feature-card img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 0px;
  transition: 0.35s all;
    border-radius: 10px;
}
.feature-card {
width: 100%;
    height: auto;
    margin: 0px auto;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 7px #dfdfdf;
    border-radius: 10px;
}
.feature-card-deatails {
    position: absolute;
    bottom: -135px;
    left: 0;
    min-height: 210px;
    width: 100%;
    padding: 20px;
    transition: all 0.6s ease 0s;
    background: linear-gradient( 0deg, rgb(68 68 68 / 80%) 80%, rgb(0 0 0 / 0%) 100%);
    font-size: 15px;
    color: #fff;
}
.feature-card:hover .feature-card-deatails {
    bottom: 0px;
    transition: all 0.6s ease 0s;
    background: linear-gradient( 0deg, rgb(68 68 68 / 80%) 80%, rgb(0 0 0 / 0%) 100%);

}
.feature-card-tilte {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    padding: 20px;
    transition: all 0.3s ease 0s;
    background: linear-gradient( 
0deg, rgb(68 68 68) 40%, rgba(253,187,45,0) 100%);
}

.feature-card-tilte h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.feature-card:hover .feature-card-tilte {
    bottom: -67px;
}

.feature-card-deatails i {
    font-size: 35px;
    color: #1d365c;
}

.feature-card-deatails h4 {
    font-size: 20px;
    color: #fff;
    margin: 0px 0;
    padding: 15px 0px;
    text-transform: uppercase;
    font-weight: 700;
    justify-content: left;
    align-items: baseline;
}

.feature-card-deatails a {
    display: inline-block;
    margin-top: 15px;
    color: #fbd689;
    text-decoration: none;
    font-weight: 700;
}


.carousel-control-prev {
    left: 0px;
    top: 0;
    opacity: 1;
}
.carousel-control-next {
    right: 0;
    top: 0;
    opacity: 1;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    top: 40%;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
.carousel-indicators {
    display: block;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.mt-80 {
    margin-top: 80px!important;
}

.hoslider {
    width: 100%;
    min-height: auto;
    padding: 0px 0px;
    background: url(../../../assets/web_assets/images/slider1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 80px;
    position: relative;
}



.hoslider .container-fluid{
    padding: 0px;
    margin: 0px;
}
.hoslider .leftside{
    padding: 0px 140px 0px 0px;
}
.hoslider .leftside:before {
    padding: 30px;
    content: "";
    top: 0;
    left: 0px;
    width: 50%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #cd7f32eb;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}

.hoslider .leftside .cont{
    padding: 120px 0px;
    color: #fff;
    z-index: 15;
    position: relative;
}


.hoslider .leftside .cont h3{
    padding: 0px;
    color: #fff;
    margin-bottom: 15px;
}
.hoslider .leftside .cont p{
    padding: 0px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 30px;
}
.hoslider .leftside .cont h6{
    font-size: 15px;
    padding: 0px;
    color: #fff;
    margin-top: 15px;
}
.hoslider .leftside .cont h6 a{
    font-size: 16px;
    padding: 0px 0px 0px 10px;
    color: #ffeb3b;
    margin-top: 15px;
    text-decoration: underline;
}
.hoslider .leftside .cont h6 a:hover{
    color: #fff;
}
.btn-business {
    color: #d65143;
    background: #fff;
    font-weight: 500;
}
.btn-business:hover {
    color: #000;
    background: #fff;
}