/* Call And Whatspp button */

@media only screen and (min-width: 220px) and (max-width: 767px) {
    .call {

        position: fixed;
        right: 4%;
        bottom: 95px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}

@media only screen and (min-width: 768px) {
    .call {
        position: fixed;
        right: 2%;
        bottom: 95px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}

.call-button {
    width: 34px;
    height: 34px;
    border-radius: 50px;
    border: 0px;
    position: relative;
    background-color: #1c6069;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 0 #1c6069;
    /*-webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);*/
    /*-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);*/
    /*-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);*/
    /*animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);*/
}

.call-button:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(188, 132, 32, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@-webkit-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(188, 132, 32, 0);
    }
}

@-moz-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}

@keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}


/* Whatsapp Button Css */

@media only screen and (min-width: 220px) and (max-width: 767px) {
    .whatsapp {
        position: fixed;
        right: 4%;
        bottom: 40px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}

@media only screen and (min-width: 768px) {
    .whatsapp {
        position: fixed;
        right: 2%;
        bottom: 45px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}


.whatsapp-button {
    width: 34px;
    height: 34px;
    border-radius: 50px;
    border: 0px;
    position: relative;
    background-color: #23c15e;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 0 #23c15e;
    /*-webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);*/
    /*-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);*/
    /*-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);*/
    /*animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);*/
}

.whatsapp-button:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(188, 132, 32, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@-webkit-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(188, 132, 32, 0);
    }
}

@-moz-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}

@keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}



.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.services-accordion::before {
    position: absolute;
    left: -30px;
    top: 0px;
    content: "▢";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin-right: 3px;
    font-size: 1rem;
    font-weight: normal;
}

.services-accordion {
    width: 90%;
    /* padding-left: 10px; */
    margin: 10px auto;
    position: relative;
}

.services-list::before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: "▢";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    font-weight: normal;
}

.services-list {
    width: 100%;
    padding-left: 16px;
    margin: 10px 8px;
    position: relative;
    font-size: 14px;
}

.color1 {
    color: #1c6069 !important;
}

.ms-40 {
    margin-left: 40px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    border: solid 4px #1c6069 ;
}

.mt-mb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mt-mb-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.h-250 {
    height: 250px;
    background: #fff;
}

.fs-14 {
    font-size: 14px !important
}

.mentor {
    background-color: #1b5b6440;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.br-30 {
    border-radius: 30px;
}
.br-18{
    border-radius: 18px;
}
.br-bx-16 {
    border-radius: 16px;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;
}

.bg-theme {
    background: rgb(170,199,86);
    background: linear-gradient(330deg, rgba(170,199,86,1) 0%, rgba(28,96,105,1) 100%);
    /*background-color: #1c6069;*/
    border-radius: 18px;
    box-shadow: rgb(255 255 255) 0px 5px 15px
}
.bg-gradient{
    background: rgb(170,199,86);
    background: linear-gradient(25deg, rgba(170,199,86,1) 0%, rgba(28,96,105,1) 100%);
}

.responsive-map {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.responsive-map iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    /* filter: invert(90%); */
}

.sub-heading{
    font-weight: 700 !important;
    font-size: 1.4rem !important;
}
      @media only screen and (max-width: 767px) {
            .logo-img{
                    width:50px;
            }
       }
           @media only screen and (min-width: 768px) {
            .logo-img{
                    width:80px;
            }
    }