* {
    margin: 0;
    padding: 0;
}

.rounded-social-buttons .social-button.instagram{
    background: #f1079bb2!important;
    margin-left: 2px!important;
}

.recaptcha-container {
  transform: scale(0.85); /* Resize */
  transform-origin: 0 0;   /* Adjust origin if needed */
  margin: 20px 0;
}

 img {
  pointer-events: none;
  user-select: none;
}


/* nav bar css start */

.navbar-expand-lg .navbar-collapse {
    height: 45px;
    margin-right: 0px !important;
    margin-left: -65px !important;
    height: -webkit-fill-available !important;

}

.navbar-expand-lg .navbar-nav {
    margin-left: 179px;
    font-size: 15px;
}
.mobile{
    font-size: small;

}
.mobile a{
    color: #fff;
}
.whatsapp {
    color: #fff;
    padding-left: 4px;
    padding-right: 3px;
    /* background-color: #29cc5a; */
    border-radius: 10px;
}

.whatsapp:hover{
    background-color: #29cc5a;
    color: #ffffff;
}
.youtube {
    padding: 2px 2px 2px 2px;
    color: #ab3636 !important;
    /* font-size: 10px !important; */
}
.youtube:hover {
    padding: 2px 2px 2px 2px;
    color: #ab3636 !important;
    /* font-size: 100 !important; */
    /* background-color: #fff; */
    border-radius: 5px;
}

    /* .header {
    background-color: #85c441 !important;
    padding: 2px !important;
    width: 70%;
    left: 30%;
    border-radius: 0px 0px 0px 29px;
} */

.header {
    background-color: #85c441 !important;
    padding: 2px !important;
    width: 84%;
    left: 16%;
    border-radius: 0px 0px 0px 29px;
}
.instagram:hover{
    color: #fff;
    background-color: red ;
    padding: 4px;
    border-radius: 20px;
}
.instagram{
    color: #fff;
}
.facebook:hover{
    background-color: #fff;
  
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
}
.text-green{
    color: #6BD136 !important;
}
.formout{
    border: 1px solid #cecece;
    border-radius: 10px;
    box-shadow: #55565b;
    padding: 20px;
    background-color:#f6f6f6;
}
@media (min-width:1024px){
    .formout{
        width:60%
    }
}
/* .youtube:hover{
    background-color: red;
    color: #fff !important;
} */
/* nav bar css end */

@font-face {
    font-family: myfont;
    src: url(assets/wox\ modelist.ttf);
}

.bg-light {
    background-color: #ffff!important;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: black !important;
}

.navbar-light .navbar-nav .nav-link {
    color: black !important;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: black !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.strip {
    height: 115px;
    position: sticky;
    font-family: 'Roboto Slab', serif;
    background-color: #ffff !important;
    background-color: #3a24f0;
    padding: 10px;
    text-align: center;
    width: 100%;
    position: sticky;
    top: 0px;
    box-shadow: grey;
    z-index: 999;
}

.navbar .navbar-expand-lg .navbar-light .strip {
    position: sticky;
    z-index: 999;
}

@media (min-width: 768px) {
    .col-md-4 {
        max-width: 32.333333% !important;
    }

    .rc-anchor-pt{
    display: none !important;
}

}

@media (max-width:790px){
    .rc-anchor-normal .rc-anchor-pt {
    margin: 2px 65px 0 0;
    padding-right: 2px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 276px;
}
}





.container-fluid .header {
    font-family: 'Roboto Slab', serif;
    /* margin-top: 70px; */
    /* margin-bottom: 10px; */
    color: #ffff;
    position: sticky;
    top: 0;
    background-color: #ffff;
    z-index: 0;
    align-items: centre;
}

.carouselslide {
    transition: 3s;
}


/* .col-md-10 {
    background-color: #85C340;
   margin-bottom: 25px; 
    margin-top: 25px;
    margin-left: 32px;
    margin-right: 10px;
    width: 87%;
    } */

.ubermenu-sub-indicator {
    margin-left: 5px;
    cursor: pointer;
}

.homepage1 {
    font-family: myfont;
    font-size: 45px;
    font-weight: bold;
    justify-content: center;
    color: #85c241;
    /* margin-left: 500px; */
}

.homepage2 {
    font-family: 'Roboto Slab', serif;
    color: #91938E;
    /* margin-left: 500px; */
}

.homepage3 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #7a7a7a;
     margin-left: 30px;
    /* margin-right: 250px; */ 
    line-height: 31.5px;
    margin-top: 55px;
    word-spacing: 2px;
}

.homepage4 {
    color: #85c241;
    font-size: 22px;
}

.homepage5 {
    color: #7a7a7a;
    font-size: 22px;
    /* line-height: 38px; */
}

.homepage7 {
    background-color: #EEEEEC;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}


/* .container{
    margin-left: 150px;
    margin-top: 100px;
} */

.homepage6 {
    font-weight: 'Roboto Slab', serif;
    color: #85c241;
    font-size: 25px;
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
    /* margin-left:150px;
    margin-right: 150px; */
    text-decoration:none;
    /* text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); */
}
.homepage-1 {
    font-weight: 'Roboto Slab', serif;
    color: #85c241;
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
    /* margin-left:150px;
    margin-right: 150px; */
}

.content {
    line-height: 35px;
    /* padding-top: 150px; */
    /* margin-left: 10px; */
    /* margin-left: 80px; */
    color: #7a7a7a;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    ;
}

.homepage10 {
    /* margin-top: 50px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage8 {
    color: #85c241;
    font-size: 40px;
    font-weight: bolder;
    text-align: center;
    margin-top: 50px;
    font-family: 'Roboto Slab', serif;
}

.homepage11 {
    margin-top: 30px;
}

.boximage {
    width: 600px;
    height: 300px;
}

.banner1 {
    margin-right: 50px;
}

.box {
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 18px;
    fill: #999C94;
    color: #ffffff;
    background-color: #7BC41C;
    border-style: solid;
    border-width: 3px 3px 3px 2px;
    border-color: #F2F6F8;
    /* margin-left: 150px; */
}

.donate_no {
    border: none;
    font-family: "Poppins", Sans-serif;
    /* font-size: 20px; */
    font-weight: 700;
    border-radius: 20px;
    text-transform: uppercase;
    line-height: 18px;
    color:#ffffff ;
    background-color: #54555a;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    border-width: 2px;
    border-color: #F2F6F8;
    padding: 10px 10px 10px 10px;
    justify-content: center;
    /* margin-left: 21%;
    margin-top: 5%; */
}

.donate_now {
    justify-content: center;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: white;
}

.col-lg-5 {
    align-items: center;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    /* margin-left: 20px; */
}

.C_ontent {
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 26px;
    font-weight:500;
    align-items: center;
    /* line-height: 1.25em; */
    /* margin-top: 5px; */
    justify-content: center;
}

.homepage9 {
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: bolder;
    line-height: 2em;
    margin: 50px;
}

.homepage12 {
    width: 151%;
    height: 325px;
    margin-top: 28px;
    margin-bottom: 17px;
}

.image1 {
    /* width: 430px;
    height: 286px;
    margin: 3px; */
    width: 432px;
    height: 326px;
    margin: 2px;
}

.row image {
    margin: 30px;
}

.youtube_video {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Youtube_video {
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-video {
    width: 8rem;
    flex-grow: 1;
    margin: 0.5rem;
    margin: 20px;
    margin-left: 100px;
}

.single-video1 {
    width: 8rem;
    flex-grow: 1;
    margin: 0.5rem;
    margin: 20px;
    /* margin-left: 10px;
    margin-right: 100px; */
    /* margin-bottom: 10px; */
}

figure {
    position: relative;
    padding: 0 0 56.25% 0;
}

figure iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.button2 {
    border: none;
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 18px;
    /* fill: #999C94; */
    color: black;
    border-color: black;
    background-color: #85c241;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    border-width: 3px;
    border-radius: 20px;
    padding: 10px 20px 10px 20px;
    margin-left: 45%;
    margin-bottom: 15px;
    margin-top: 10px;
}




#vid-btn{
    margin-left: 42%;
}


.button2:hover{
      background-color: #54555a;
  color: white;
}


.text {
    font-size: 50px;
}
.mb-2{
    margin-bottom: 2rem;
}
.blur {
    font-family: "Poppins", Sans-serif;
    color: #ffffff;
    font-family: "Poppins", Sans-serif;
    font-size: 40px;
    font-weight: bolder;
    line-height: 1rem;
    text-align: center;
    margin-top: 50px;
}

.content3 {
    font-family: 'poppins', sans-serif;
    color:black;
    font-size: 15px;
    line-height: 2rem;
    text-align: justify;
    font-weight: 400;
    margin-left: 250px;
    margin-right: 250px;
    margin-top: 50px;
}

.butto {
    font-family:'poppins', sans-serif;
    font-size: 17px;
    border-width: 3px 3px 3px 2px;  
    height: 50px;
    width: 200px;
    font-weight: 600;
    color: #ffffff;
    background-color: #54555a;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    border-color: #F2F6F8;
}

.butt {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
}

.blurimage {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: center;
    background-position-y: center;
}

.footer {
    background-color: #74BC22;
}

.address {
    font-family: "Poppins", Sans-serif;
    color: #4C4E51;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25em;
    /* margin-top: 50px;
    margin-left: 50px; */
}

.addressline {
    color: #FFFFFF;
    font-family: "Roboto Slab", Sans-serif;
    font-size: 19px;
    font-weight: 500;
    /* margin-left: 50px;
    margin-top: 10px; */
}

.addressline2 {
    color: #FFFFFF;
    font-family: "Roboto Slab", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 2em;
    /* margin-top: 40px; */
}

.addressline3 {
    color: #4C4E51;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.25em;
    /* margin-top: 50px; */
    /* margin-left: 110px; */
}

.FOOT {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.copyright a{
    text-decoration: none;
    color: #7a7a7a;

}
/* ------------------------------------------------------------------------ */

/* =========================================================== */


.rounded-social-buttons .social-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: 0.125rem solid transparent;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    color: #fefefe;
    font-size: 1.5625rem;
    font-weight: small;
    line-height: 0px;
    border-radius: 1.6875rem;
    transition: all 0.5s ease;
    /* margin-right: 0.25rem;
    margin-bottom: 0.25rem; */
}

.rounded-social-buttons .social-button:hover,
.rounded-social-buttons .social-button:focus {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter,
.fa-facebook-f,
.fa-linkedin,
.fa-whatsapp,
.fa-youtube,
.fa-instagram {
    font-size: 15px;
}
.rounded-social-buttons .fa-youtube{
    color: #fff;
}
.rounded-social-buttons .fa-youtube:hover{
    color:red;
}
.rounded-social-buttons .social-button.facebook {
    background: #3b5998;
}

.rounded-social-buttons .social-button.facebook:hover,
.rounded-social-buttons .social-button.facebook:focus {
    color: #3b5998;
    background: #fefefe;
    border-color: #3b5998;
}

.rounded-social-buttons .social-button.twitter {
    background: #E64734;
}

.rounded-social-buttons .social-button.twitter:hover,
.rounded-social-buttons .social-button.twitter:focus {
    color: #E64734;
    background: #ffffff;
    border-color: #E64734;
}

.rounded-social-buttons .social-button.linkedin {
    background: #007bb5;
}
.rounded-social-buttons .social-button.whatsapp {
    background: #29cc5a;
    /* color: #29cc5a; */
}
.rounded-social-buttons .social-button.whatsapp:hover,
.rounded-social-buttons .social-button.whatsapp:focus {
    color: #29cc5a;
    background: #fefefe;
    border-color: #29cc5a;
}
.rounded-social-buttons .social-button.linkedin:hover,
.rounded-social-buttons .social-button.linkedin:focus {
    color: #007bb5;
    background: #fefefe;
    border-color: #007bb5;
}

.rounded-social-buttons .social-button.youtube {
    background: #bb0000;
}

.rounded-social-buttons .social-button.youtube:hover,
.rounded-social-buttons .social-button.youtube:focus {
    color: #bb0000;
    background: #fefefe;
    border-color: #bb0000;
}

.rounded-social-buttons .social-button.instagram {
    background: #EA5414;
}

.rounded-social-buttons .social-button.instagram:hover,
.rounded-social-buttons .social-button.instagram:focus {
    color: #EA5414;
    background: #fefefe;
    border-color: #EA5414;
}

.copyright {
    background-color: white;
    text-align: center;
    color: #7A7A7A;
    font-family: "Roboto Slab", Sans-serif;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
}

.content5 {
    line-height: 35px;
    padding-top: 150px;
    margin-left: 100px;
    margin-right: 80px;
    color: #7a7a7a;
    font-weight: bolder;
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    ;
}

.col-6 {
    margin-left: 50px;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.rescuecontent {
    color: #7BC41C;
    font-family: "Roboto Slab", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-right: 100px;
    margin-top: 30px;
    margin-bottom: 20px;
    /* background-color: rgb(230, 219, 219); */
}

.sentence {
    font-family: "Roboto Slab", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #54595f;
}

.ubermenu-sub-indicator {
    color: #7BC41C;
    margin-left: 100px;
    margin-top: 20px;
}

.sentence2 {
    font-family: "Roboto Slab", Sans-serif;
    font-size: 23px;
    font-weight: 600;
    color: #54595f;
    /* margin-left: 20px;
  */
}

.ubermenu-sub-indicator1 {
    color: #7BC41C;
    font-size: 18px;
}

.ubermenu-sub-indicator3 {
    color: #7BC41C;
    font-size: 18px;
}

marquee {
    background-color: #EEEEEC;
    font-size: 24px;
    font-family: "Roboto Slab", Sans-serif;
    color: #6E6F6C;
    line-height: 3.2rem;
    margin: 50px;
}

/* .logo {
    background-color: #fff;
    width: 209px;
    height: 82px;
    margin-left: -12px;
} */
.navbar_background {
    background: #fff !important;
    color:#7BC41C !important;
}

.strip {
    height: 70px;
    position: sticky;
    font-family: 'Roboto Slab', serif;
    background-color:#ffffff !important;
    background-color: #3a24f0;
    padding: 0px;
    text-align: center;
    width: 100%;
    position: sticky;
    top: 0px;
    box-shadow: grey;
    z-index: 999;
}

.mynav {
    font-size: 24px;
    margin-left: 11px;
    margin-right: 0px;
    box-shadow: grey;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
    /* padding-left: 20px; */
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(15, 14, 14);
}

.navbar-light .navbar-nav .active>.nav-link {
    color: white;
}

.nav-item .active {
    padding: 5px;
}

.navbar-nav mr-auto {
    padding-top: 2px;
}

@media (max-width:790px){
    .floating-container{
        display: none;
    }
}

@media (max-width:700px) {
    .addressline,
    .addressline2 {
        font-size: 13px;
    }
    .homepage1 {
        font-family: myfont;
        font-size: 37px;
        font-weight: bold;
        justify-content: center;
        color: #85C340;
        /* margin-left: 66px; */
        margin-top: 0px;
    }

    #vid-btn{
    margin-left: 27%;
}

    .homepage2 {
        font-family: 'Roboto Slab', serif;
        color: #91938E;
        /* margin-left: 51px; */
        /* margin-top: 30px; */
    }
    .homepage3 {
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #181717;
        /* margin-left: 29px; */
         margin-right: 9px; 
        line-height: 31.5px;
        margin-top: 20px;
        word-spacing: 4px;
        text-align: center;
    }
    .homepage6 {
        font-weight: 'Roboto Slab', serif;
        color: #85c241;
        font-size: 26px;
        font-weight: bold;
        margin-top: 15px;
        text-align: center;
        margin-left:20px;
    }
    .content {
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #181717;
        /* margin-left: 29px; */
        /* margin-right: 0px; */
        line-height: 31.5px;
        /* margin-top: 38px; */
        word-spacing: 4px;
    }
    .imagee {
        /* height: 331px; */
        width: 100%;
    }
    .homepage8 {
        color: 85c241;
        font-size: 27px;
        font-weight: bolder;
        text-align: center;
        align-items: flex-end;
        margin-top: 32px;
        font-family: 'Roboto Slab', serif;
    }
    .homepage12 {
        width: 80%;
        height: 100%;
        margin-top: 35px;
        margin-left: 32px;
        margin-bottom: 20px;
    }
    .button2 {
        font-family: "Poppins", Sans-serif;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 18px;
        fill: #999C94;
        color: #ffffff;
        background-color: #6BD136;
        border-style: solid;
        border-width: 3px 3px 3px 3px;
        border-color: #F2F6F8;
        border-radius:20px;
        padding: 19px 41px 19px 41px;
        margin-left: 23%;
        margin-bottom: 20px;
    }

    .button2:hover{
      background-color: #54555a;
  color: white;
}

    .imagee2 {
        width: 100%;
    }
    .imagee3 {
        height: 100%;
        width: 100%;
    }
    .blur {
        font-family: "Poppins", Sans-serif;
        color:#ffffff;
        font-family: "Poppins", Sans-serif;
        font-size: 23px;
        font-weight: bolder;
        line-height: 1rem;
        text-align: center;
        margin-top: 50px;
    }
    .content3 {
        font-family: 'poppins', serif;
        color: #000000;
        font-size: 16px;
        line-height: 1.75rem;
        text-align: justify;
        font-weight: 400;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
    }
    .button3 {
        font-family: "Poppins", Sans-serif;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 18px;
        fill: #999C94;
        color: #ffffff;
        background-color: #6BD136;
        border-style: solid;
        border-width: 3px 3px 3px 3px;
        border-color: #F2F6F8;
        border-radius: 0px 0px 0px 0px;
        padding: 19px 41px 19px 41px;
        margin-left: 24%;
        margin-top: 20px;
    }
    .gallery {
        display: flex;
        flex-wrap: wrap;
        margin: -3.9rem;
    }
    .single-video {
        width: auto;
        flex-grow: 1;
        margin: 0.5rem;
    }
    .single-video1 {
        width: 50%;
        flex-grow: 1;
        margin: 0.5rem;
    }
    .button2 {
        font-family: "Poppins", Sans-serif;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 8px;
        fill: #999C94;
        color: #ffffff;
        background-color: #85c241;
        border-style: solid;
        border-width: 3px 3px 3px 3px;
        border-color: #F2F6F8;
        border-radius: 20px;
        padding: 17px 30px 17px 31px;
        margin-left: 28%;
    }

    .button2:hover{
      background-color: #54555a;
  color: white;
}

    .image1 {
        width: 100%;
        height: 100%;
        margin: 3px;
        padding-bottom: 19px;
    }
    .content2 {
        color: #FFFFFF;
        font-family: "Poppins", Sans-serif;
        font-size: 21px;
        line-height: 1.25em;
        align-items: center;
        margin-top: 53px;
    }
    .navbar-expand-lg .navbar-nav {
        margin-left: 0px !important;
    }
    .navbar-light .navbar-nav {
        color: #7BC41C !important;
        background-color: #fff !important;
    }
    .rescuecontent {
        color: #7BC41C;
        font-family: "Roboto Slab", Sans-serif;
        font-size: 20px!important;
        margin-right: 0px!important;
        font-weight: 600;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .ubermenu-sub-indicator {
        color: #7BC41C;
        margin-top: 20px;
        margin-left: 0px;
    }
    .copyright {
        font-size: 11px;
        background-color: white;
        text-align: center;
        color: #7A7A7A;
        font-family: "Roboto Slab", Sans-serif;
        font-weight: 400;
        padding-top: 10px;
        padding-bottom: 10px;
        text-decoration: none;
    }
}

.sentence2 {
    font-family: "Roboto Slab", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #54595f;
    margin-left: 20px !important;
}
/* .scrollUp{
            border:2px  black;
            border-radius: 50px;
            background-color: #85c241;
            position:relative;
            overflow:hidden;
	        left:5px;
            align-items: center;
            margin: 1450px;
            padding: 20px 20px 20px 20px;
            bottom:50px;
            color: #000102;
            z-index: 99999;
            top:1001px;
       
        } */
@import url("https://fonts.googleapis.com/css?family=Roboto");
        @-webkit-keyframes come-in {
        0% {
            -webkit-transform: translatey(100px);
                    transform: translatey(100px);
            opacity: 0;
        }
        30% {
            -webkit-transform: translateX(-50px) scale(0.4);
                    transform: translateX(-50px) scale(0.4);
        }
        70% {
            -webkit-transform: translateX(0px) scale(1.2);
                    transform: translateX(0px) scale(1.2);
        }
        100% {
            -webkit-transform: translatey(0px) scale(1);
                    transform: translatey(0px) scale(1);
            opacity: 1;
        }
        }
        @keyframes come-in {
        0% {
            -webkit-transform: translatey(100px);
                    transform: translatey(100px);
            opacity: 0;
        }
        30% {
            -webkit-transform: translateX(-50px) scale(0.4);
                    transform: translateX(-50px) scale(0.4);
        }
        70% {
            -webkit-transform: translateX(0px) scale(1.2);
                    transform: translateX(0px) scale(1.2);
        }
        100% {
            -webkit-transform: translatey(0px) scale(1);
                    transform: translatey(0px) scale(1);
            opacity: 1;
        }
        }
        * {
        margin: 0;
        padding: 0;
        }

        html, body {
        background-color: #fff;
        font-family: 'Roboto', sans-serif;
        }

        /* .floating-container {
        position: fixed;
        width: 100px;
        height: 100px;
        bottom: 0;
        right: 0;
        margin: 35px 25px;
        }
        .floating-container:hover {
        height: 300px;
        }
        .floating-container:hover .floating-button {
        box-shadow: 0 10px 25px rgba(116, 223, 55, 0.6);
        -webkit-transform: translatey(5px);
                transform: translatey(5px);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        }
        .floating-container:hover .element-container .float-element:nth-child(1) {
        -webkit-animation: come-in 0.4s forwards 0.2s;
                animation: come-in 0.4s forwards 0.2s;
        }
        .floating-container:hover .element-container .float-element:nth-child(2) {
        -webkit-animation: come-in 0.4s forwards 0.4s;
                animation: come-in 0.4s forwards 0.4s;
        }
        .floating-container:hover .element-container .float-element:nth-child(3) {
        -webkit-animation: come-in 0.4s forwards 0.6s;
                animation: come-in 0.4s forwards 0.6s;
        }
        .floating-container .floating-button {
        position: absolute;
        width: 65px;
        height: 65px;
        background: #29cc5a;
        bottom: 0;
        border-radius: 50%;
        left: 0;
        right: 0;
        margin: auto;
        color: white;
        line-height: 65px;
        text-align: center;
        font-size: 23px;
        z-index: 100;
        box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        }
        .floating-container .float-element {
        position: relative;
        display: block;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 15px auto;
        color: white;
        font-weight: 500;
        text-align: center;
        line-height: 50px;
        z-index: 0;
        opacity: 0;
        -webkit-transform: translateY(100px);
                transform: translateY(100px);
     margin-top:20px
        }
        .floating-container .float-element .material-icons {
        vertical-align: middle;
        font-size: 16px;
        line-height: 3;
        }
        .floating-container .float-element:nth-child(1) {
        background: #42A5F5;
        box-shadow: 0 20px 20px -10px rgba(66, 165, 245, 0.5);
        }
        .floating-container .float-element:nth-child(2) {
        background: #4CAF50;
        box-shadow: 0 20px 20px -10px rgba(76, 175, 80, 0.5);
        }
        .floating-container .float-element:nth-child(3) {
        background: #FF9800;
        box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
        }
--------------------------------------------[contact pg]---------------------------------------- */


.contact{
    font-weight: 'Roboto Slab', serif;
color: blacks;
/* font-size: 35px; */
font-weight:bold;
font-weight: 'Roboto Slab', serif;

}
.contactheading{
    color: #7BC41C;
font-family: "Roboto Slab", Sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.5em;
}
.subheading{
font-family: "Roboto Slab", Sans-serif;
color: #0c0a0a;
font-weight: 700;
line-height: 2;
letter-spacing: 0px;
text-align: left;
font-size: 18px;
text-decoration: none;
margin-top: 5px;
}
.address{
font-family: "Roboto Slab", Sans-serif;
color:#000102;
font-weight: 700;
line-height: 2;
letter-spacing: 0px;
text-align: left;
font-size: 16px;
margin-left: 10px;
line-height: 2;
}
.ubermenu-sub-indicator{
color: #7BC41C;
font-size: 18px;
}
.mail{
font-family: "Roboto Slab", Sans-serif;
color:#000102;
font-weight: 700;
line-height: 2;
letter-spacing: 0px;
text-align: left;
font-size: 16px;  
text-decoration: none;
margin-left: 30px;
}
.formheading{
font-weight: 'Roboto Slab', serif;
color: #6BD136;
font-size: 35px;
font-weight:bold;
font-weight: 'Roboto Slab', serif;
text-align: center;
top: 20px;

}
.form-control{
font-family: 'Poppins', sans-serif;
margin-top: 12px;
background-color: whitesmoke;
font-size: 16px;
line-height: 2;
}
.form-control1{
font-family: 'Poppins', sans-serif;
margin-top: 12px;
background-color: whitesmoke;
font-size: 16px;
line-height: 2;
}
.button{
font-family: 'Poppins', sans-serif;
align-items: center; 
background-color: #7BC41C;
color: #FFFFFF;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
line-height: 20px;
border-radius: 3px 3px 3px 3px;
padding: 15px 30px 15px 30px;
border: none;
margin: 50px;

}
.rescuecontent{
color: #7BC41C;
font-family: "Roboto Slab", Sans-serif;
font-size: 24px;
font-weight: 600;
text-align: center;
/* margin-right: 100px;
margin-top: 30px;
margin-bottom: 20px; */

}
@media (orientation:landscape) {
.contact{
font-family: 'Roboto Slab', serif;
/* color: #6BD136; */
/* font-size: 35px; */
font-weight:500;


}
.contactheading{
    color: #7BC41C;
font-family: "Roboto Slab", Sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1.5em;
}
.subheading{
font-family: "Roboto Slab", Sans-serif;
color:black;
font-weight: 700;
line-height: 2;
letter-spacing: 0px;
text-align: left;
font-size: 18px;
text-decoration: none;
margin-top: 5px;
}
.address{
font-family: "Roboto Slab", Sans-serif;
color: #9E9797;
font-weight: 700;
line-height: 2;
letter-spacing: 0px;
text-align: left;
font-size: 16px;
margin-left: 10px;
line-height: 2;
}
.ubermenu-sub-indicator{
color: #7BC41C;
font-size: 18px;
}
.mail{
font-family: "poppins", Sans-serif;
color: #0a0909;
font-weight: 400;
line-height: 2;
letter-spacing: 0px;
text-align: left;
font-size: 16px;  
text-decoration: none;
margin-left: 30px;
}
.formheading{
font-weight: 'Roboto Slab', serif;
color: #6BD136;
font-size: 30px;
font-weight:bold;
font-weight: 'Roboto Slab', serif;
text-align: center;
top: 20px;

}
.form-control{
font-family: 'Poppins', sans-serif;
margin-top: 12px;
background-color: #eaedf2;
font-size: 16px;
line-height: 2;
}

.button{
font-family: 'Poppins', sans-serif;
align-items: center; 
background-color: #7BC41C;
color: #FFFFFF;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
line-height: 20px;
border-radius: 3px 3px 3px 3px;
padding: 15px 30px 15px 30px;
border: none;
margin: 50px;

}
.font-17{
    font-size: 17px;
}
.rescuecontent{
color: #7BC41C;
font-family: "Roboto Slab", Sans-serif;
font-size: 24px;
font-weight: 600;
text-align: center;
/* margin-right: 100px;
margin-top: 30px;
margin-bottom: 20px; */
}
}
.rash{
color: #4d4a4a;
}
.success .failed{
font-size:16px;
color:grey;
}
.navbar-expand-lg .navbar-collapse {
height: 70px;
margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 2560px) {
    .center-align {
     padding: 10%;
     
    }
    .fix{
        padding-left:20% !important;
        padding-right:20% !important;
    }
  }
.navbar-expand-lg .navbar-nav {
margin-left: 179px;
}
.dropdown-menu {
--bs-dropdown-link-active-bg: #fff !important;
}
@media (max-width:500px){
iframe{
  /*width:360px;*/
  /*height:360px;*/
}
.addressline3{
 margin-left: 75px;
}
}
@media (min-width:859px) {
      .heifoot {
          height: 286px;
      }}
@media(max-width:700px){
ul{
      width: 200px;
      float: right;
      text-align: initial;
     }.navbar-collapse{
      background-color: white;
     }.dropdown-item{
        font-size: 11px;
      }.active{
      padding-left:20px !important;
     }.dropdown{
      padding-left: 20px;
     }
}
ul li{
list-style: none;
margin-bottom: 5px;
margin-top: 10px;
}
ul li a{
list-style:  none;
text-decoration: none !important;
color: #fff;
opacity: 0.8;
}
ul li a.hover{
opacity: 1;
}

/* .footer-box .footer-contact-info li i {
  font-size: 10px;
  color: #ffffff;
  top: 5px;
  left: 0;
  position: absolute;
} */
/* ----------------------------------------[contact page end here]-------------------------------------------------- */
/* ------------------------------------------------[galary page starts]------------------------------------------------------------------- */
.gallery{
    font-weight: 'Roboto Slab', serif;
color: #6BD136;
font-size: 35px;
font-weight:bold;
font-weight: 'Roboto Slab', serif;
text-align: center;

}
/* .container-fluid{
    background-color: #edf3ee;
} */
.image1{
    width: 273px;
    height: 273px;
    padding: 10px 10px 10px 10px;

    
    
}
.row image{
    margin: 30px;
}
.navbar-expand-lg .navbar-collapse {
    /* height: 45px; */
    margin-right: 20px;
}

.navbar-expand-lg .navbar-nav {
    margin-left: 0px;
    font-size: 18px;
    font-weight: 500;
}

.feeding {
    font-family: "Roboto Slab", sans-serif;
    font-size: 18px;
    line-height: 31.5px;
    color: #7A7A7A;
    text-decoration: none solid rgb(122, 122, 122);
    word-spacing: 0px;
}

.image1 {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
}
.nav-link:hover{
    color: #000102 !important;
}
.outbox{
    box-shadow: 0px 1px 2px 0px !important;
    padding: 0px 20px 20px 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    color: #4D6995 !important;
    border-radius: 10px !important;
}
.inbox{
    box-shadow: 1px 2px 3px 4px !important;
    padding: 20px !important;
    margin-top: 24px !important;
    color: #85c340 !important;
    border-radius: 10px !important;
}
.inbox1{
    box-shadow: 1px 2px 3px 4px !important;
    padding: 20px !important;
    margin-top: 24px ;
    color: #4D6995 !important;
    border-radius: 10px !important;
}

.font-20{
    font-size: 20px;
}
.ml-2{
    margin-left: 2rem;
}
.women {
    color: #6BD136;
    font-family: "Roboto Slab", Sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    line-height: 1.25em;
}

.kind {
    color: #7BC41C;
    font-family: "Roboto Slab", Sans-serif;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    line-height: 1.25em;
}

.carousel {
    width: 100%;
}

.slide-box {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .slide-box img {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .addressline3 {
        margin-left: 75px !important;
    }
}

@media (min-width:859px) {
    .heifoot {
        height: 286px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slide-box img {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
    .addressline3 {
        margin-left: 75px;
    }
}

@media (min-width: 992px) {
    .slide-box img {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 50%;
    }
    .addressline3 {
        margin-left: 75px;
    }
}

@media(max-width:700px) {
    ul {
        width: 200px;
        float: right;
        text-align: initial;
    }
    .navbar-collapse {
        background-color: white;
    }
    .dropdown-item {
        font-size: 15px !important;
    }
    .active {
        padding-left: 0px !important;
    }
    .dropdown {
        padding-left: 20px;
    }
    
    
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: .5rem;
}
.hdr {
    position: absolute;
    margin-left: 45%;
    margin-top: 9%;
    /* font-size: 4rem; */
    color:#0c0c0c;
    -webkit-text-stroke: 1px black; 

    
    padding: 0px; /* Padding around the text */
    display: inline-block;
    
  }
/* ------------------------------------------------[galary page ends]------------------------------------------------------------------- */
/* font */


 @font-face {
    font-family: 'Amperzand';
    src: url('amperzand/Amperzand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.amperz{
    font-family: 'Amperzand', sans-serif !important;
  }