@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --golden: #1c3835;
  --white: #F3F3F3; 
  --font-color:#2C2E40;

}

* {
	margin:0px;
    padding: 0px;
}
body {
	font-family: 'Poppins', sans-serif;
    color: var(--font-color);
    width: 100%;
    overflow-x: hidden;
}

/*common css*/
a {
  cursor: pointer;
}
a:hover {
    text-decoration: none;
}
.main-title {
    font-family:'Playfair Display', serif;
    font-size: 35px;
    line-height: 40px;
}
.text-blur {
    color: var(--white);
}
.text-color {
    color: var(--font-color);
}
.bg-blur {
    background-color: #f3f3f3;
}
.btn-link:hover {
    text-decoration: none;
}
.p-line-height {
    line-height: 27px;
}
/*font weight*/
.font-weight-600 {
    font-weight: 600;
}
/*navbar css*/
header {
    box-shadow: 0px 5px 8px #00000040;
}
ul.navbar-nav .nav-item .nav-link {
    font: normal normal normal 16px/38px Poppins;
    letter-spacing: 0px;
    color: #1c3835;
    margin:0px 8px;
}

ul.navbar-nav .nav-item.active .nav-link {
    color:#702E87;
    position: relative;
}
ul.navbar-nav .nav-item.active .nav-link:before {
    content: '';
    height: 3px;
    width: 50px;
    background: #181c4e;
    position: absolute;
    bottom: -9px;
}
ul.navbar-nav .nav-item .nav-link.nav-number {
	color: #702E87;
    font-weight: 500;
}
ul.navbar-nav .nav-item a.nav-link.nav-btn {
   background: #181C4E;
	box-shadow: 3px 3px 10px #00000029;
	border: 1px solid #181C4E;
	border-radius: 5px;
    position: relative;
    color: #fff;
    transition: 0.8s;
    padding: 5px 27px;
}

ul.navbar-nav .nav-item a.nav-link.nav-btn:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0px;
    left: 0px;
    background-color:#fff;
    transition: 0.8s;
    border-radius: 5px;
    border: 1px solid #2c2e40;
    }
 ul.navbar-nav .nav-item a.nav-link.nav-btn:hover:before {
        width:100%;
    }
 ul.navbar-nav .nav-item a.nav-link.nav-btn:hover{
     color: #2C2E40;
   }
   ul.navbar-nav .nav-item a.nav-link.nav-btn span {
    font: normal normal 600 15px/25px Poppins;
    letter-spacing: 0px; 
   }
  
nav.navbar.navbar-expand-lg.sticky.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 1030;
    left: 0px;
}
a.nav-link.nav-number img {
    border: 2px solid;
    padding: 8px 8px;
    border-radius: 25px;
}
/*banner css*/
.banner {
    background-color: #F3F3F3;
     height: 90vh; 
      }
.slide-caption {
    position: absolute;
    top: 0px;
}
.banner-slide .slick-slide img {
    display: block;
    height: 90vh;
    object-fit: cover;
}
.slide-caption {
    position: absolute;
    top: 135px;
    text-align: center;
    right: 15px;
    width: 100%;
     font-family:'Playfair Display', serif;
}
.banner-slide-item {
	position: relative;
}
.slide-caption h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}
.slide-caption h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 100;
}
.slide-caption h6 {
    font-size: 13px;
    line-height: 25px;
    font-weight: 100;
}
.banner-slide .slick-prev {
    left: 25px;
    z-index: 1;
        width: 55px;
    height: 55px;
    background-color: #333333a1;
}
.banner-slide  .slick-next {
      width: 55px;
    height: 55px;
    background-color: #333333a1;
        right: 25px;
}
.banner-slide .slick-prev:before {
  content: "\f104";
   font-family: FontAwesome;
  color: #fff;
  font-size: 25px;
  border: 3px solid #fff;
    padding: 5px 14px;
    border-radius: 47px;
}

.banner-slide .slick-next:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #fff;
    font-size: 25px;
    border: 3px solid #fff;
    padding: 5px 14px;
    border-radius: 47px;
}
.banner-right h3 {
    font-family:'Playfair Display', serif;
    position: relative;
    color: var(--font-color);
    font-size: 45px;
}
.banner-right h6 {
     font-family:'Playfair Display', serif;
    color: #2C2E40;
    position: relative;
    color: var(--font-color);
}
.banner-right h6 {
      font-family: 'Playfair Display', serif;
    font-size: 25px;
    color: #2C2E40;
    line-height: 32px;
}
.icon-set h6 {
   	font-family: 'Poppins', sans-serif; 
}
.banner-right h3:before {
      content: '';
    width: 55%;
    height: 100%;
    left: 0px;
    /*background-color: #FEDCB0;*/
    position: absolute;
    top: 0px;
    z-index: -1;
}
.banner-right .icon-set h4 {
    font-size: 18px;
    padding-top: 15px;
    color: var(--font-color);
}
.banner-right .icon-set h6 {
    font-size: 15px;
    line-height: 20px;
    color: var(--font-color);
}
.banner-slide .slick-dots {
    position: absolute;
    bottom: 35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.banner-slide .slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 10px;
    margin: 0 20px;
    padding: 0;
    cursor: pointer;
    border-radius: 5px;
}
.banner-slide .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 55px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #1C2351;
    border-radius: 5px;

}
.banner-slide li.slick-active  button {
    background-color: #fff;
}
a.float-btn {
    background-color: #1C2351;
    padding: 12px 35px;
    color: #fff;
    border-radius: 5px;
    transition: 0.8s;
    position: relative;
    font-weight: 500;
}
a.float-btn:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 0%;
    background-color: #702e87;
    transition: 0.8s;
    left: 0px;
    top:0px;
    border-radius: 5px;
}
a.float-btn:hover:before {
    width: 100%;
}
a.float-btn:hover {
    color: #fff;
}
.small-label {
    position: absolute;
    bottom: 0px;
    right: 15px;
    color: #2C2E406E;
}
.icon-set img {
        height: 55px;
    margin-bottom: 15px;
}
.alert-msg h6 {
    text-align: left;
    font: normal normal medium 24px/45px Poppins;
    letter-spacing: 0px;
    color: #F3F3F3;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    margin: 0 auto;
    position:relative;
}
.alert-msg h6:after {
    content: '';
    background-color: #8377d1;
    height: 100%;
    width: 30px;
    position: absolute;
    left: -15px;
}
.alert-msg h6:before {
    content: '';
    background-color: #8377d1;
    height: 100%;
    width: 30px;
    position: absolute;
    right: -15px;
}
/*loan section*/
section.zero_intrest {
    background-color: #F3F3F3;
}
.loan-heading h3 {
     font-family:'Playfair Display', serif;
    font-size: 30px;
    line-height: 40px;
        font-weight: normal;
}
.loan-heading p{
    font-size: 17px;
    line-height: 27px;
    text-transform:capitalize;
}
.loan-offer {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    background-color: #fff;
    padding: 25px 25px 35px 40px;
}

.loan-offer ul {
    padding:25px 0px;
}

.loan-offer ul li {
    padding: 5px 10px;
    color: #2A3647;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    position: relative;
}
.loan-offer ul li:before {
    content: url(../images/arrow.svg);
    position: absolute;
    left: -15px;
}

/*Download brochure*/
.Download-Brochure h3 {
   font-family:'Playfair Display', serif;
   font-size: 35px;
}
.Download-Brochure {
    background-image: url(../images/Download-bg.png);
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.Download-Brochure:before {
    content: '';
    position: absolute;
    background: #000000CC;
    height: 100%;
    width: 100%;
    top: 0px;
}
p.line-height {
    line-height:30px;
}
a.btn-white {
    background-color: transparent;
    border: 1px solid #f3f3f3;
    transition:0.8s;
    padding: 12px 35px;
    border-radius: 5px;
    color:#FFF;
}
a.btn-white:hover {
    background-color:#fff;
    color:#000;
}
/*Project Highlights*/
.Project-Highlights {
    background-color: #F3F3F3;
}
.highlights-section h4 {
     font-family:'Playfair Display', serif;
    font-size: 35px;
    letter-spacing: 0.24px;
    line-height: 40px;
    
}
.highlights-section ul li {
    padding: 8px 20px;
    position: relative;
}
.highlights-section ul li:before {
    content: url(../images/arrow-gold.svg);
    position: absolute;
    left: -5px;
}
.highlights-slide {
    position: relative;
}
.highlights-slide .slick-dots li button:before {
        opacity: 1;
    border: 1px solid #1c2351;
    border-radius: 25px;
    background-color: #1c2351;
     width: 15px;
     color: #1C2351;
    height: 15px;
}
.highlights-slide .slick-dots li.slick-active button:before{
         opacity: 1;
    border: 1px solid #fff;
    border-radius: 25px;
    background-color: #fff;
    color: #fff;
}
.highlights-slide .slick-dots {
    position: absolute;
    bottom: 15px;
}
.highlights-slide .slick-slide img {
    height: 350px;
    display: block;
}
/*Amenities*/
.Amenities h4 {
     font-family:'Playfair Display', serif;
    font-size: 30px;
    letter-spacing: 0.24px;
    line-height: 40px;
    color: #2C2E40;
}

.Amenities-slide .slick-initialized .slick-slide {
    display: block;
    width: 125px;
    margin: 0px 35px;
}
li.slick-slide h5 {
       font-size: 15px;
    font-weight: 600;
}
.Amenities-slide-list img {
    height: 95px;
    margin: 0 auto;
    padding: 15px 0px;
}
.Amenities .slick-next:before {
    content:'\f105';
    font-family: 'FontAwesome';
    color: #2a3647;
    opacity: 1;
    font-size: 30px;
}

.Amenities .slick-prev:before {
    content: '\f104';
    font-family: 'FontAwesome';
    color: #2a3647;
    opacity: 1;
    font-size: 30px;

}
.Amenities button {
    height: 100%;
}
/*Payment Plans*/
.payment-card {
    box-shadow: 4px 4px 6px #00000029;
    border-radius: 20px;
    background-color: #f3f3f3;
    padding: 15px 15px 10px 15px;

}
.payment-card img {
    border-radius: 10px;
        filter: blur(5px);
        height: 300px;
}
.label {
    position: relative;
        text-align: center;
}
.label span{
    position: absolute;
    top:10px;
    right:10px;
    background-color:#FEDCB0;
    padding:5px 10px;
    color:#2C2E40;
    font-weight:600;
    font-size:15px;
    border-radius:3px;
}
.price-btn a {
    position: absolute;
    top: -15px;
    box-shadow: 3px 3px 10px #00000029;
    border-radius: 10px;
    left: 50px;
     background-color: #F3F3F3;
    padding: 10px 25px;
    color: #2C2E40;
    font-weight: 600;
}
.price-btn {
    position: relative;
}

/*Location Advantage*/
.Loaction-Advantages ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.loaction-img img {
    filter: blur(3px);
}
.Loaction-Advantages ul li:before {
    content: url(../images/arrow-gold.svg);
    position: relative;
   left: -10px;
    top: 6px;
}

.Loaction-Advantages ul li {
    line-height: 30px;
    font-weight: 500;

}
.Loaction-Advantages {
    background-color: #F3F3F3;
}
.loaction-img {
    margin-bottom: -45px;
}

/*about section*/
.about_section {
    background-color: #1D2350;
}
.about-discription {
  position: absolute;
    bottom: -25px;
    box-shadow: 3px 3px 10px #00000029;
    border-radius: 10px;
    left: 85px;
    background-color: #F3F3F3;
    padding: 10px 25px;
    border: 1px solid #F3F3F3;
    color: #2C2E40;
    font-weight: 500;
}
.about-discription h4 {
    text-align: center;
    font-size: 18px;
}
.about-discription h6 {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}
.position-form {
    margin-top: -115px;
    background-color: #2c2e40;
    padding: 25px;
    box-shadow: 9px 9px 20px #00031770;
    border-radius: 20px;
        filter: drop-shadow(15px 30px 55px #000317);
}
.position-form h4 {
     font-family:'Playfair Display', serif;   
     font-weight: 300;
}
.position-form input[type="submit"] {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #fff;
    padding: 7px 40px;
    border-radius: 3px;
    color: #fff;
        transition: 0.8s;

}
.ceter-margin {
    margin-bottom: 10px;
}
.position-form input[type="submit"]:hover {
    background-color:#fff;
    box-shadow: none;
    border: 1px solid #1C2351;
    padding: 7px 40px;
    border-radius: 3px;
    color: #1C2351;
       
}
.position-form input[type="text"]::placeholder , .position-form input[type="email"]::placeholder{
    font-family: 'Poppins', sans-serif;
    color: #2F4343;
    font-size: 15px;
}
/*footer*/
footer {
    background-color: #F3F3F3;
}
footer p {
    font-size: 15px;
    line-height: 25px;
}
/*copywrite*/
.copywrite {
    background-color: #2C2E40;
}
.copywrite h4 {
    font-size: 15px;
    font-weight: 500;
}
/*Specification_slide*/
.Specification-slider {
    position: relative;
}
.Specification-slider .slick-dots li button:before {
        opacity: 1;
    border: 1px solid #fff;
    border-radius: 25px;
    background-color: #fff;
    color: #fff;
     width: 15px;
    height: 15px;
}
.Specification-slider .slick-dots li.slick-active button:before{
         opacity: 1;
    border: 1px solid #2C2E40;
    border-radius: 25px;
    background-color: #2C2E40;
    color: #2C2E40;
}
.Specification-slider .slick-dots {
    position: absolute;
    bottom: 15px;
}
.Specification-slider .slick-slide img {
    height: 350px;
    display: block;
}
.card-body ul li:before {
    content: url(../images/arrow-gold.svg);
    position: absolute;
    left: -5px;
}

.card-body ul li {
    padding: 8px 20px;
    position: relative;
}
.card-header h2 {
    text-align: center;
    
}
.card-header h2 .btn.btn-link {
    color:var(--font-color);
    position: relative;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #F3F3F3;
    border-bottom: 1px solid #2C2E4080;
}
button.btn.btn-link:not(.collapse) .card-header {
    background-color: #F3F3F3;
}
.card-header.active {
    background: #BA8C5F;
    color: #f3f3f3;
}
.card-header.active h2 .btn.btn-link {
    color: #f3f3f3;
    text-decoration: none;
}
.accordion .card .card-header.active {
    background: #BA8C5F;
    color: #f3f3f3;
    /* border: 1px solid; */
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.card-header h2 .btn.btn-link:after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    right: -15px;
    font-size: 18px;
}
.card-header.active .btn.btn-link:after {
    content: '\f106';
    font-family: 'FontAwesome';
    position: absolute;
    right: -15px;
    font-size: 18px;
    color: #fff;
}



/*mobile priceing*/
ul.mprice-list li {
    display: inline;
    margin: 8px;
}
.m-pricing-div {
    padding: 20px 0px;
    background-color: #F3F3F3;
    margin: 15px 0px;
    border-radius: 10px;
}
ul.mprice-list li a {
  border: 1px solid #2C2E40;
    font-size: 11px;
    background-color: #2C2E40;
    padding: 8px;
    color: #fff;
    border-radius: 5px;
}

ul.mprice-list li {
    font-size: 14px;
}
/*tabs css*/
ul.nav.nav-pills li a.active {
    margin: 0px 14px;
    border: 1px solid #2c2e40;
    padding: 5px 10px;
    background-color: #2c2e40;
    color: #fff;
    border-radius: 5px;
}

ul.nav.nav-pills li a {
    margin: 0px 14px;
    border: 1px solid #2C2E40B3;
    padding: 5px 10px;
    color: #2A3647;
    border-radius: 5px;
}
ul.nav.nav-pills {
    display: inline-flex;
}
/*about mobile*/
.about-btn a {
    border: 1px solid #2C2E40;
    padding: 10px 22px;
    color: #2C2E40;
    border-radius: 5px;
}
.tab-pane img {
    filter: blur(5px);
}
/*mobile cta*/
.mobile-btn a {
    border: 1px solid #2C2E40;
    padding: 10px 25px;
    color: #2C2E40;
    border-radius: 5px;
}
section.mcta {
    background-color: #f3f3f3;
}

/*mobile form*/
section.mform {
    background-color: #181c4e;
}
input.m-submit {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 10px 45px;
    background-color: #BA8C5F;
    border: none;
    border-radius: 5px;
    color: #fff;
}
/*mobile widget*/
section.m-widget {
       background-color: #2c2e40;
    padding: 20px 0px 0px 0px;
    position: fixed;
    bottom: -25px;
    width: 100%;
}
.widget-one a span , .widget-two a span {
    color: #fff;
}
.widget-one:after {
    content: '|';
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0px;
    color: #fff;
    font-size: 25px;
    top: -5px;
}
/*popup*/
.popup-form {
    padding: 0px 35px 0px 10px;
}
.modal-content {
    background-image: url(../images/popup-thane.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 550px;
    background-color: #2C2E40;
    position: relative;
        background-position: -40px 0px;
}
.popup-form button {
    position: absolute;
    top: -35px;
    color: #fff;
    right: 25px;
    opacity: 1;
    font-weight: 300;
}
.modal-dialog {
    top: 15%;
}
/*Mobile device*/
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .d-xs-none {
        display: none;
    }
    .text-xs-center {
     text-align: center;
    }
    .mp-4{
        padding-top: 35px;
    }
    .mb-4 {
        padding-bottom: 35px;
           }
    .order-xs-1 {
        order: 1;
    }
    .order-xs-2 {
        order: 2;
    }
    .main-title {
    font-size: 22px !important;
}
    .mt-xs {
        margin-top: 15px;
    }
    .mt-xs-45 {
        margin-top: 45px;
    }
    .mb-xs {
        margin-bottom: 45px;
    }
    /*banner*/
    .slide-caption {
    width: auto; 
   }
   .banner-right h6 {
    font-size: 20px;
}
   .loan-offer h4 {
    font-size: 17px;
   }
    
    .Download-Brochure {
    background-position: center center;
    }
    a.navbar-brand {
    width: 185px;
    text-align: center;
}
.loan-offer {
    padding: 25px 0px 35px 0px;
}
.loan-offer ul {
       padding: 10px 0px 10px 25px;
}
.loan-offer ul li {
    padding: 5px 10px;
    color: #2A3647;
    font-weight: 500;
    font-size: 12px;
    line-height: 25px;
    position: relative;
}
.loan-offer a.float-btn {
    font-size: 14px;
    padding: 6px 12px;
    margin-left: 15px;
}
.highlights-section ul li {
    padding: 8px 0px 8px 25px;
}
.Loaction-Advantages ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
span.navbar-toggler-icon {
    margin-top: 15px;
}
.banner-slide .slick-slide img {
    height: auto;
}
.small-label {
    position: absolute;
    bottom: -360px;
    right: 15px;
    color: #2C2E406E;
}
.loan-heading h3 {
    font-size: 25px;
    line-height: 35px;
    font-weight: normal;
}
.Amenities-slide .slick-initialized .slick-slide {
       padding: 15px 15px;
    margin: 0px 15px;
    background-color: #F3F3F3;
}
.Amenities .slick-next{
    right: -15px;
} 
.Amenities .slick-prev  {
    left: -15px;
}
.Project-Highlights {
    background-color: #fff;
}
.Loaction-Advantages {
    background-color: #Fff;
}
.rera p img {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0px;
}
ul.navbar-nav .nav-item .nav-link.active:before {
    bottom: 0px;
}
.modal-content {
    background-image: none;
    background-position: -64px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: auto;
    background-color: #2C2E40;
    position: relative;
    padding: 25px 35px;
    text-align: center;
}
.popup-form button {
    position: absolute;
    top: -15px;
    color: #fff;
    right: 0px;
    opacity: 1;
    font-weight: 300;
}
.banner-right {
    padding-bottom: 55px;
}
.icon-set {
 padding:15px 0px 0px 0px;   
}
.banner-right h3 {
    font-family: 'Playfair Display', serif;
    position: relative;
    color: var(--font-color);
    font-size: 25px;
}
.alert-msg h6 {
    font-size: 15px !important;
    width: 100%;
    margin: 0 auto;
}
.banner {
    height: auto;
}
.banner-form {
    display:block;
    margin:0 auto;
    text-align:center;
    width:100%;
}
.copywrite {
    background-color: #2C2E40;
    height: 155px;
}
.banner-form form {
    width: 75%;
    margin: 0 auto;
}
.Amenities-slide.pt-4 {
    padding: 0px 35px !important;
    margin: 0 auto;
    text-align: center;
}
span.submit-btn:after {
   
    right: 90px !important;
    color: #fff;
}
}

/*iphone X*/
@media only screen and (min-device-width: 374px) and (max-device-width: 414px){
   
ul.mprice-list li {
    display: inline;
    margin: 15px;
}
}
/*iphone 6,7,8 + */
@media only screen and (min-device-width: 414px) and (max-device-width: 767px) {   
ul.mprice-list li {
    display: inline;
    margin: 22px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
    .banner-right {
    height: 750px;
}
}
/*banner form*/
.banner-form form{
    width:75%;
}
.banner-form input[type="text"] , .banner-form input[type="email"] {
    background-color: #fff;
    border:1px solid #707070;
    height: 55px;
}
.banner-form input[type="submit"] {
    background-color: #1C2351;
}
.banner-form input[type="submit"] {
    background-color: #1C2351;
    padding: 10px 75px 10px 25px;
    color: #fff;
    border-radius: 5px;
    width: 100%;
}
span.submit-btn {
    position: relative;
}

span.submit-btn:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 18px;
    position: absolute;
    top: -2px;
    pointer-events: none;
    right: 125px;
    color: #fff;
}
.border-icon a {
    border: 1px solid #702e87;
    padding: 7px 10px;
    border-radius: 25px;
}
/*whatsapp*/
.whatasapp {
    position: fixed;
    bottom: 5px;
    left: 0px;
    width: 200px;
    height: 70px;
    background: #1e9d12 no-repeat padding-box;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index: 1111;
    left: -150px;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    cursor: pointer;
}
span.paddingall10.heading.text-white.pull-left {
    padding: 8px 0px !important;
}
.whatasapp span {
    position: absolute;
    right: 60px;
    top: 12px;
    font-weight: 600;
}
span.paddingall10.heading.text-white.pull-left img {
    margin-left: 0px;
        position: absolute;
    right: -50px;
        top: 0px;
}
.whatasapp:hover {
    -webkit-transition: all 1.5 ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    left: 0px;
}