body {
  margin: 0;
  padding: 0;
}

:root {
  --primary-font: "Onest", sans-serif;
  --secondary-font: "DM Sans", sans-serif;
  --primary-color: #edce29;
  --secondary-color: #323842;
}

/*pre-hesder style */
.pre-header {
  background: #edce29;
  color: white;
  padding: 3px 0;
  font-size: 14px;
  line-height: 36px;

}

.pre-item-left a {
  font-size: 14px;
  text-decoration: none;
  color: #323842;
  font-weight: 500;
  font-family: var(--secondary-font);
  white-space: nowrap;

}

.pre-item-left i {
  color: #323842;
  font-size: 13px;
  margin-top: 2px;
}

.pre-item-left {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.pre-item-left p {
  margin: 0;
  font-size: 14px;
}

.social-btn i {
  background-color: #323842;
  padding: 5px;
  color: white;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.social-btn i:hover {

  transform: translateY(-3px);
}

.quote-btn {

  align-items: center;
  gap: 10px;
  background: var(--primary-color);
  color: var(--secondary-color);
  text-decoration: none;
  padding: 14px 16px;
  font-size: 14px;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-family: var(--primary-font);
}

.quote-btn img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.quote-btn:hover {
  transform: translateY(-2px);
}

/*banner area */

.hero-banner {
  width: 100%;
}



.hero-slider .swiper-slide {
  width: 100%;
  height: 100%;
}

.hero-slider .swiper-slide img {
  width: 100%;

}

.swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-button-next,
.swiper-button-prev {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  color: #fff;
  transition: all 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: #fff;
  color: #000;
  transform: scale(1.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px;
  font-weight: 700;
}
/*service area */

.common-section h4{
  font-size: 16px;
  font-family: var(--primary-font);
  color: #fd603a;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.common-section h2{
  font-family: var(--primary-font);
  font-size: 30px;
  font-weight: 700;
  color: #05173d;
}
.service-btn{
  background-color: var(--primary-color);
  color: #05173d;
  padding: 14px 24px;
  font-family: var(--primary-font);
  border-radius: 50px;
  display: flex-end;
  justify-content: flex-end;
   text-decoration: none;
   font-weight: 500;
   font-size: 17px;
}

.service-box img{
 border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.service-icon{
    position: absolute;
    top: 40%;
    left: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
      
    z-index: 999;
    
    
}
.service-icon img{
    width: 85px;
    height: 85px;
}
.service-content{
  padding: 44px 15px ;
   position: relative;
    overflow: hidden;
    z-index: 1;
}
.service-content::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #F1F4EB;
    transition: all .3s ease-in-out;
    z-index: -2;
   
   
}

.service-box:hover .service-content::before{
    bottom: 0;
   
}
.service-box{
   position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 15px;
}
.service-content h4{
  font-family: var(--primary-font);
  color: #05173d;
  font-size: 18px;
  font-weight: 600;
}
.service-content p{
  font-family: var(--primary-font);
  font-size: 14px;
}

.book-btn{
    background:var(--primary-color);
    color:#05173d;
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    text-decoration: none;
    z-index: 2;
    position: relative;
   
}

/*about area */
.about-area{
  background-image: url(../img/about-section.jpg);
  object-fit: cover;
 width: 100%;
}
.about-area img{
  width: 100%;
  height: auto;
}


.feature-box {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}

.feature-item {
    background: #fff;
    padding: 12px 15px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.feature-item:hover {
    transform: translateY(-3px);
}

.icon-item img {
    width: 60px;
    height: 60px;
}

.icon-content p {
    font-weight: 600;
    color: #0b1f3a;
}

.read-more-btn {
    background:var(--primary-color);
    color:#05173d;
    padding: 12px 28px;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    font-family: var(--primary-font);
}

.read-more-btn:hover {
    background: #e0b80d;
    transform: translateY(-2px);
}
.about-area{
  font-family: var(--primary-font);
  font-size: 14px;
  line-height: 28px;
}
.common-section h3{
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 22px;
     color: #05173d;
}


.why-box{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:25px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:8px;
    transition:.3s;
}

.why-box:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}


.why-icon img{
    width:60px;
}

.why-content h4{
    font-size:20px;
    font-family: var(--primary-font);
    font-weight:700;
    color:#05173d;
    margin-bottom:10px;
}

.why-content p{
    color:#212529;
    line-height:1.6;
    margin:0;
    font-family: var(--primary-font);
    font-size: 14px;
}

.why-center-img{
    max-height:650px;
}
.client-area{
  background-color:#f1f5f9;
}


.logo-item{
    padding:15px;
}

.logo-item img{
    width:100%;
    max-width:180px;
    height:90px;
    object-fit:contain;
    margin:auto;
   
 
}
.logo-slider:hover .slick-track{
    animation-play-state: paused;
}




.testimonial-item{
    background:#1e1e3d;
    padding:30px;
    margin:15px;
    border-radius:15px;
    height: 350px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.rating{
    color:#f4b400;
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
}

.rating span{
    color:white;
}

.testimonial-item p{
    color:#d5d1d1;
    font-size: 14px;
    margin-bottom:25px;
    font-family: var(--primary-font);
}

.client-info img{
    width:80px;
    height:80px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 15px;
}

.client-info h5{
    font-size:18px;
    font-weight:600;
    margin-bottom:5px;
    font-family: var(--primary-font);
    color:var(--primary-color);

  
  }

.client-info span{
    color:#d5d1d1;
    font-size:14px;
}
/* Dots Container */
.testimonial-slider .slick-dots{
    position: relative;
    
    display: flex !important;
    justify-content: center;
    gap: 10px;
}

/* Hide Default Dot */
.testimonial-slider .slick-dots li button:before{
    display: none;
}

/* Custom Dot */
.testimonial-slider .slick-dots li button{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d9d9d9;
    border: none;
    padding: 0;
    transition: all .3s ease;
}

/* Active Dot */
.testimonial-slider .slick-dots li.slick-active button{
    width: 35px;
    border-radius: 30px;
    background: #f4b400;
}

.testimonial-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.testimonial-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.testimonial-slider .slick-dots li button {
    font-size: 0; /* 1,2,3 hide */
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #d0d0d0;
    padding: 0;
    cursor: pointer;
}

.testimonial-slider .slick-dots li.slick-active button {
    background: #f4b400;
    width: 30px;
    border-radius: 20px;
}

.testimonial-slider .slick-dots li button:before {
    display: none;
}


.contact-area{
  background-image: url(../img/contact-info.png);
  background-size: cover;
}

.contaci-info h2{
   font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: #05173d;
}

.contaci-info h4{
font-size: 16px;
    font-family: var(--primary-font);
    color: #fd603a;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.contact-item{
  background-color: var(--primary-color);
  padding: 30px;
  margin-top: 30px;
  border-radius: 10px;
  width: 400px;
}
.contact-item strong{
  font-family: var(--primary-font);
}
.contact-item p{
  font-family: var(--primary-font);
  font-size: 16px;
}

.contact-form-card{
    background:#fff;
    padding:40px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.contact-form-card h3{
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
    color:#05173d;
    font-family: var(--primary-font);
}

.contact-form-card .form-control{
    height:55px;
    border:1px solid #e5e5e5;
    border-radius:8px;
    box-shadow:none;
    font-family: var(--primary-font);
}

.contact-form-card textarea.form-control{
    height:auto;
    resize:none;
}

.contact-form-card .form-control:focus{
    border-color:#f4b400;
    box-shadow:none;
}

.submit-btn{
    background:var(--primary-color);
    font-size: 14px;
    color:#05173d;
    border:none;
    padding:14px 28px;
    border-radius:30px;
    font-weight:600;
    transition:.3s;
}

.submit-btn:hover{
    transform:translateY(-3px);
}



.footer_background{
    background: #0b1d48;
    padding: 40px 0;
}

.footer_body h4{
    color: #fff;
    font-size: 22px;
    font-family: var(--primary-font);
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
}



.footer-logo{
    max-width: 180px;
   
}

.footer_body p{
    color:#cfd8dc;
   
    margin-top: 20px;
    margin-bottom: 0;
    font-family: var(--primary-font);
    font-size: 14px;
}

.social_icon_links{
    list-style: none;
    padding: 0;
    margin: 0;
}

.social_icon_links li{
    margin-bottom: 12px;
}

.social_icon_links li a{
    color: #cfd8dc;
    text-decoration: none;
    transition: .3s;
    font-size: 14px;
    display: inline-block;
    font-family: var(--primary-font);
}

.social_icon_links li a:hover{
    color: #f4b400;
    transform: translateX(5px);
}

.social_icon_links li i{
    color: var(--primary-color);
    margin-right: 8px;
}

.copyright{
    background: #081531;
    padding: 18px 0;
    text-align: center;
}

.copyright p{
    color: #fff;
    font-size: 14px;
    margin: 0;
    letter-spacing: .5px;
}

/* Mobile */
@media(max-width:767px){

    .footer_background{
        padding: 50px 0;
    }
.why-content h4{
  font-size: 15px;
}
    .footer_body{
        margin-bottom: 20px;
    }

    .footer_body h4{
        font-size: 22px;
    }
    .contaci-info h2{
      font-size: 18px;
     line-height: 28px;
    }
    .contact-item{
      width: 330px;
    }
.contact-item p{
  font-size: 14px;
}
.contact-form-card h3{
  font-size: 16px;
}
.contact-form-card .form-control{
  font-size: 13px;
}
}

/*about area */

.about-banner{
 background: 
 url('../img/banner-all.jpg') center center/cover no-repeat;
 padding: 100px 0;
  min-height: 330px;
}
.banner-content p{
    font-family: var(--primary-font);
    font-size: 18px;
    color: white;
}
.about-banner h1{
    font-size: 45px;
    font-weight: 700;
    color: var(--primary-color);
    font-family: var(--primary-font);

}

@media (max-width: 768px){
    .about-banner{
    min-height: 164px;
    padding: 24px 0;
   }
   

    .about-banner h1{
        font-size: 28px;
    }
}





.industries-section{
    background:#f8fafc;
}

.industries-section h2{
    color:#0f172a;
}

.industry-card{
    background:#fff;
    padding:35px 20px;
    text-align:center;
    border-radius:15px;
    height:100%;
    border:1px solid #e5e7eb;
    transition:all .3s ease;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.industry-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.industry-card i{
    font-size:32px;
    color:var(--primary-color);
    
    margin-bottom:20px;
}

.industry-card h5{
    font-weight:600;
    margin-bottom:0;
    font-family: var(--primary-font);
    font-size: 14px;
    color:#0b1f3a;
}

/*clients area */



.section-tag{
    display:inline-block;
    color:#0d6efd;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px;
}

.client-box{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:15px;
    padding:25px;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.client-box:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.client-box img{
    max-width:100%;
    max-height:60px;
    object-fit:contain;
    opacity:.8;
    transition:.3s ease;
}

.client-box:hover img{
    filter:none;
    opacity:1;
}

/*service details */

.housekeeping-section{
    background:#fff;
    padding:100px 0;
}

.housekeeping-img{
    overflow:hidden;
    border-radius:20px;
}

.housekeeping-img img{
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:20px;
}

.housekeeping-content{
    background:#f8fafc;
    padding:45px;
    border-radius:20px;
}

.housekeeping-content h2{
    font-size:24px;
    font-family:var(--primary-font);
    font-weight:700;
    line-height:1.3;
    color:#05173d;
    margin-bottom:20px;
}

.housekeeping-content p{
    color:#212529;
    line-height:28px;
    margin-bottom:30px;
    font-family:var(--primary-font);
    font-size:14px;
}

/* Features List */
.housekeeping-content ul{
    list-style:none;
    padding:0;
    margin:0 0 35px;
    overflow:hidden;
}

.housekeeping-content ul li{
    width:48%;
    float:left;
    margin:0 2% 15px 0;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    padding:15px 18px 15px 45px;
    position:relative;
    font-size:14px;
    font-family:var(--primary-font);
    font-weight:600;
    color:#212529;
}

.housekeeping-content ul li:nth-child(even){
    margin-right:0;
}

.housekeeping-content ul li:before{
    content:"✓";
    color:var(--primary-color);
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    font-weight:700;
}

.btn-service{
    display:inline-block;
    padding:14px 30px;
    background:var(--primary-color);
    color:#000;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.btn-service:hover{
    text-decoration:none;
}

/* Responsive */
@media(max-width:991px){

    .housekeeping-content{
        padding:30px;
    }

    .housekeeping-img img{
        height:auto;
    }

    .housekeeping-content ul li{
        width:100%;
        margin-right:0;
    }
}

/*career style */


.section-tag{
    display:inline-block;
    background:#eaf2ff;
    color:#0d6efd;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}



.career-section p{
    color:#64748b;
    font-family: var(--primary-font);
    font-size: 14px;
    color: #212529;
}

.job-card{
    background:#fff;
    border-radius:16px;
    padding:30px;
    margin-bottom:25px;
    border:1px solid #e2e8f0;
    transition:.3s;
    height: 280px;
}

.job-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.job-card h4{
    font-weight:600;
    font-size: 18px;
    margin-bottom:15px;
    color:#05173d;
    font-family: var(--primary-font);
}

.job-meta{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:15px;
}

.job-meta span{
    color:#666;
    font-size:15px;
	font-family: var(--primary-font);
  
}

.job-meta i{
    color:var(--primary-color);
    margin-right:6px;
}

.apply-btn{
    display:inline-block;
    padding:12px 28px;
    background:var(--primary-color);
    font-family: var(--primary-font);
    color:black;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
    font-size: 14px;
}



@media(max-width:991px){

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

    .job-card{
        padding:20px;
    }

    .text-lg-end{
        text-align:left !important;
        margin-top:20px;
    }
}

.job-banner{
    background:#0c2340;
    padding:80px 0;
}

.job-banner h1{
    font-size:42px;
    font-weight:700;
}

.job-meta span{
    display:inline-block;
    margin-right:20px;
    font-size:15px;
}

.job-content-box{
    background:#fff;
    padding:35px;
    border-radius:15px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.apply-form-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    position:sticky;
    top:30px;
}

.apply-form-box h3{
    margin-bottom:25px;
     font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 700;
    color: #05173d;
    margin-bottom: 30px;
}
	
}

.form-control{
    min-height:50px;
    border-radius:8px;
}

textarea.form-control{
    min-height:120px;
}

.btn-primary{
    height:55px;
    border:none;
    border-radius:8px;
    font-weight:600;
}

@media(max-width:991px){

    .apply-form-box{
        margin-top:30px;
        position:relative;
        top:auto;
    }

    .job-banner h1{
        font-size:30px;
    }

}

.gallery-item{
    display:block;
    overflow:hidden;
    border-radius:12px;
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.4s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

@media(max-width:767px){

    .gallery-item img{
        height:180px;
    }

}

.contactus-banner{
    background: linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
    url('../img/contact-banner.jpg') center center/cover;
    height:300px;
}

.contact_details{
    padding:80px 0;
    background:#f8fafc;
}

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

.contact-left{
    background:#fff;
    padding:40px;
    border-radius:20px;
    height:100%;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.contact-left h4{
    font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 700;
    color: #05173d;
	margin-bottom: 30px;
	
}

.inner_contact_us_page_text{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:25px;
}

.inner_contact_us_page_text i{
    width:45px;
    height:45px;
    background:#edce29;
    color:black;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 18px;   
    flex-shrink:0;
}

.inner_contact_us_page_text p{
    margin:0;
    color:#475569;
	font-size:14px;
    line-height:1.7;
	font-family:var(--primary-font);
}

.inner_contact_us_page_text b{
    color:#0f172a;
    font-weight:600;
}

.iise-form{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.contactenquire-now{
     font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 700;
    color: #05173d;
    margin-bottom: 30px;
}

.iise-form .form-control{
    height:55px;
	font-size:14px;
    border-radius:10px;
    border:1px solid #dbe3ec;
    margin-bottom:18px;
    box-shadow:none;
    padding:0 18px;
	 font-family: var(--primary-font);
}

.iise-form .form-control:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 3px rgba(13,110,253,.15);
}

.iise-form select.form-control{
    cursor:pointer;
}

.iise-form .btn{
    width:100%;
    height:55px;
    border:none;
    border-radius:10px;
    background:#edce29;
    color:#323842;
    font-size:16px;
    font-weight:600;
    transition:.3s;
	font-weight:600;
	font-family:var(--primary-font);
}



.contact_body{
    margin-top:0;
}

.contact_body iframe{
    display:block;
    width:100%;
    height:450px;
    border:0;
}

@media(max-width:991px){

    .contact_details{
        padding:60px 0;
    }

    .contact-left{
        margin-bottom:30px;
    }

    .contact-left,
    .iise-form{
        padding:30px;
    }

    .contact-left h4,
    .contactenquire-now{
        font-size:26px;
    }

}

@media(max-width:576px){

    .contactus-banner{
        height:180px;
    }

    .contact-left,
    .iise-form{
        padding:25px;
    }

    .inner_contact_us_page_text{
        gap:12px;
    }

    .inner_contact_us_page_text i{
        width:45px;
        height:45px;
        font-size:18px;
    }

}
.iise-form textarea.form-control{
    min-height:140px;
    padding:15px 18px;
    resize:none;
    border-radius:10px;
    margin-bottom:18px;
}
.inner_contact_us_page_text{
    display:flex;
    align-items:center;
    gap:15px;
}

.inner_contact_us_page_text p{
    margin:0;
}

.contact_page_add_icon b{
    word-break:break-word;
}

}

.wp-block-paragraph {
 font-family: var(--primary-font) !important;
	font-size:14px;
	color:black;
	line-height:26px;
}
.job-content-box h2{
	font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 700;
    color: #05173d;
    margin-bottom: 30px;
}
.form-control{
	font-family: var(--primary-font) !important;
	font-size:16px !important;
}

.wp-block-paragraph{
	font-family: var(--primary-font);
	font-size:16px !important;
}

}
.custom-submit {
    background: #0d6efd;
    color: #fff;
    border: none;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-submit:hover {
    background: #0b5ed7;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.25);
}

.custom-submit:active {
    transform: translateY(0);
}

.custom-submit:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.2);
}


.custom-submit {
    background: #edce29;
    color: black;
    border: none;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
	font-family:var(--primary-font);
}

.custom-submit:hover {
   
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.25);
}

.custom-submit:active {
    transform: translateY(0);
}

.custom-submit:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.2);
}
.iise-form .btn:hover{
	background-color:#edce29;
}

.whatsapp-widget{
    position:fixed;
    right:25px;
    bottom:25px;
    z-index:99999;

    display:flex;
    align-items:center;

    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
}

/* Text */
.whatsapp-text{
    background:#fff;
    color:#333;
    padding:12px 18px;
    border-radius:30px;
    margin-right:10px;
    font-size:15px;
    font-weight:600;

    box-shadow:0 8px 25px rgba(0,0,0,.12);

    opacity:0;
    transform:translateX(15px);
    transition:.35s ease;

    white-space:nowrap;
    pointer-events:none;
}

/* Icon */
.whatsapp-icon{
    width:62px;
    height:62px;
    border-radius:50%;
    background:#25D366;
    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:34px;

    box-shadow:0 10px 25px rgba(37,211,102,.45);

    animation:pulseWhatsApp 2s infinite;

    transition:.3s;
}

.whatsapp-widget:hover .whatsapp-text{
    opacity:1;
    transform:translateX(0);
}

.whatsapp-widget:hover .whatsapp-icon{
    transform:scale(1.08);
}

@keyframes pulseWhatsApp{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.6);
    }
    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

@media(max-width:768px){

    .whatsapp-widget{
        right:18px;
        bottom:18px;
    }

    .whatsapp-icon{
        width:56px;
        height:56px;
        font-size:30px;
    }

    .whatsapp-text{
        display:none;
    }

}