@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {margin: 0;padding: 0;font-family: "Inter", sans-serif !important;}
a{ text-decoration: none;}
p {color: #2b2b2b;font-size: 16px;margin: 0 0 15px 0;font-family: "Inter", sans-serif;line-height: 1.6}

.heading { font-size: 32px; color: #222; margin: 0 0 20px 0; font-weight: 600; text-align: center; position: relative;}
.heading::after { content: ''; position: absolute; width: 100px; background-image: linear-gradient(45deg,#46bb04 0, #ff5807 70%); height: 4px; border-radius: 5px; top: 45px; left: 0; right: 0; margin: 0 auto;}
.sub-heading { font-size: 26px; color: #222; margin: 0 0 15px 0; font-weight: 600; text-align: start;}
.custom-btn { display: inline-block; padding: 10px 34px; background-image: linear-gradient(45deg,#46bb04 0, #ff5807 70%); color: #fff; border-radius: 30px; text-transform: uppercase; font-size: 14px; letter-spacing: .8px;}
.custom-btn:hover { background: #ff5807; color: #fff;}

.top-header {padding: 10px;background: #46bb04;}
.top-header a {color: #fff;font-size: 15px;}

header img {width: 120px;margin-top: -35px;position: absolute;}

.callus {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
    position: fixed;
    top: 20em;
    right: 9px;
    width: 50px;
    height: 50px;
    z-index: 99999;
}
.callus .callusL{
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    float: right;
    background: #eb1d39;
    color: #fff;
    margin: 0 20px 0 0;
    -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
    -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
    box-shadow: 0px 0px 0px 7px #dc354536;
    -webkit-animation: tada 1.25s infinite;
    -moz-animation: tada 1.25s infinite;
    -ms-animation: tada 1.25s infinite;
    animation: tada 1.25s infinite;
}

  /*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    top: 15em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}

.banner-section .carousel-caption{ text-align: left; left: 4%; top: 27%; width: 58%;}
.banner-section .carousel-caption .text{ background: rgba(0, 0, 0, .75); border-radius: 15px; padding: 35px; text-align: left;}
.banner-section .carousel-caption .text p { color: #eeeeee; font-size: 19px; letter-spacing: .5px; line-height: 1.9; margin: 0 0 25px 0;}
.banner-section .carousel-control-prev, .banner-section .carousel-control-next {background-image: linear-gradient(45deg,#46bb04 0, #ff5807 70%); width: 40px; height: 40px; opacity: 1; border-radius: 50%; padding: 5px; top: 44%;}
.banner-section .carousel-control-prev { left: 2.5%;}
.banner-section .carousel-control-next { right: 2.5%;}
.banner-section .carousel-indicators [data-bs-target] { width: 18px; height: 18px; background-image: linear-gradient(45deg,#46bb04 0, #ff5807 70%); opacity: 1; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 0;}

.service-section { padding: 4% 0 6% 0;}
.service-section .ser-card { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin: 25px 0 0;}
.service-section .ser-card .text { padding:30px 20px;}
.service-section .ser-card .text h4 { color: #222; font-size: 21px;}
.service-section .ser-card .text h5 { color: #ff5807; font-size: 19px; font-weight: 600;}
.service-section .ser-card .text p a { color: #ff5807; font-weight: 600; font-size: 15px;}

.about-section { padding: 6% 0; background-image: url('image/about-bg.jpg'); background-size: cover; background-attachment: fixed;}
.about-section .pic {position: relative;}
.about-section .pic::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(45deg,#46bb04 0, #ff5807 70%); top: -20px; left: -20px;}
.about-vedio { border: 4px solid #fff; position: relative; z-index: 2;}
.about-section .text h2 {color: #fff; font-size: 30px; letter-spacing: .5px; margin: 0 0 20px 0; line-height: 1.4; font-weight: 600;}
.about-section .text p {color: #bebebe;}

.video-gallery { padding:0 0 6% 0;}

footer { padding: 5% 0 0 0; background-image: url(image/footer-bg.jpg); background-size: cover;}
footer h3 { color: #fff; font-size: 21px; margin: 0 0 30px 0; position: relative;}
footer h3::after { content: ''; position: absolute; width: 50px; height: 2px; background: #fff; left: 0; top: 32px;} 
footer p {color: #dadada; font-size: 15px; display: flex;}
footer p i { color: #ff5807; margin: 4px 7px 0 0;}
footer .social-link a { display: inline-block; background: #ff5807; color: #fff; width: 35px; height: 35px; border-radius: 50%; text-align: center; font-size: 14px; line-height: 2.4;} 
footer .footer-bottom { background: #ff5807; margin: 5% 0 0 0; padding: 12px 0;}
footer .footer-bottom p { display: block; margin: 0;}
footer ul li, footer ul { margin: 0; padding: 0; list-style: none;}
footer ul li { border-bottom: 1px solid rgba(255, 255, 255, .5); color: #dadada; padding: 7px 0;}
footer ul li i { margin: 0 5px 0 0;}
footer ul li a {color: #dadada;font-size: 15px;}
footer ul li a:hover { color: #ff5807}

.inner-banner { background-image: url('image/about-bg.jpg'); background-size: cover; padding: 7% 0; background-position: center;}
.inner-banner h2 { color: #fff; text-align: start; margin: 0; font-size: 42px; text-transform: uppercase; font-weight: 600; letter-spacing: .5px;}

.contact-form { padding: 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.contact-form .form-control { padding: 15px; margin: 0 0 25px 0; border-radius: 0; border-color: #6d6d6d;}
.contact-form input[type='button'] {  padding: 12px 34px; background-image: linear-gradient(45deg,#46bb04 0, #ff5807 70%); color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: .8px; border: 0;}
.contact-form .contact-info {border: 1px dashed #ff5807;padding: 15px 20px 0 20px;min;min-height: 160px;}
.contact-form .contact-info h4 { color: #222; font-size: 18px; font-weight: 500;}
.contact-form .contact-info p i  {color: #ff5807; margin: 0 5px 0 0;}
.contact-form .contact-info p {font-size: 14px;margin: 0;}