@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
body
{
    font-family: 'Open Sans', sans-serif;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.readbtn
{
        display: block;
    width: fit-content;
    margin-top: 1rem;
    padding: 0.3rem 1.5rem;
    font-size: 14px;
    font-weight: 600;
}
.aboutbtn
{

    display: block;
    width: fit-content;
    margin-top: 1rem;
    padding: 0.5rem 2rem;
    font-size: 16px;
    font-weight: 600;

}
.navbar-expand-lg .navbar-nav .dropdown-menu {
       position: absolute;
    padding: 0rem;
    border-top: 3px solid #8cc542;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.8rem 1rem;
    clear: both;
    font-weight: 400;
    color: #0d8a96;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-bottom: 1px dotted #14a8b6;
    font-weight: 600;
    font-size: 17px;
}
.page-banner
{    padding: 3rem 0rem !important;
}
.page-banner h2
{
    color:#fff;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #8cc542;
}
.info-box
{
        background-color: #e5ffc2;
    padding: 1.2rem;
    border: 1px solid #e4e4e4;
    border-top: 4px solid #15a7b6;
    min-height:100%;
}
.info-box h3
{
        font-size: 22px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.info-box i
{
        font-size: 35px;
    color: #15a7b6;
    margin-bottom: 0.5rem;
}
.btn_sub
{
        background-color: #8cc542;
    font-size: 16px;
    font-weight: 600;
    padding: 0.5rem 2rem;
    border-radius: 50px;
    color: #fff;
}
.info-box p, .info-box a
{
        margin-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
    color: #525252;
    text-decoration:none;
}
.php-email-form
{
    background-color: #15a7b6;
    padding: 3rem;
}
.php-email-form .form-control
{
        border-radius: 0px;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
}
.topbar
{
      position: fixed;
    width: 100%;
    background-color: rgb(255 255 255 / 95%) !important;
        z-index: 999999;
    box-shadow: 1px 1px 20px -3px;
}

.welcome_box {
    position: relative;
    top: 3rem;
    width: 70%;
    height: 420px;
    background: url(../../assets/img/about.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    left: 3rem;
}
.packagediv
{
        border: 1px solid #8cc542;
    padding: 0.4rem;
    background-color: #f4f9fa !important;
}
.packagediv .desc h5
{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    color: #000;
}
.packagediv .desc p
{
        color: #525252;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 0rem;
    font-weight: 600;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
}
.welcome_box .head-text {
    position: absolute;
    top: 35%;
    left: 60%;
    transform: rotate( 90deg );
    text-align: center;
    z-index: 99;
    width: 100%;
}
.welcome_box .head-text h1 {
    font-weight: 700;
    color: #8cc542;
    letter-spacing: 2px;
    word-spacing: 4px;
}
.inner_welcome {
    position: absolute;
    bottom: -2rem;
    right: -2rem;
    width: 85%;
    height: auto;
    background-color: #8cc542;
    text-align: center;
    z-index: 99;
}
.cover-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 6px 14px 23px -3px #777777;
}
.inner_welcome .inner-head {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.inner_welcome .inner-head h4 {
    font-weight: 600;
    color: #fff;
    margin: 0;
    font-size:32px;
}
.welcome-text {
    position: relative;
    top: 10%;
    left: 10px;
    width: 100%;
    height: auto;
    padding-left: 30px;
}
.small-heading {
        color: #0d8a96 !important;
    letter-spacing: 0px;
    font-weight: 700;
    border-left: 3px solid #0d8a96;
    padding-left: 8px;
    margin-bottom: 4px;
}
.large-heading {
       font-size: 34px;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
}
.para {
       font-size: 16px;
    line-height: 35px;
    font-weight: 600;
    color: #525252;
}
.about_box {
    height: 300px;
    width: 60%;
    background: #14a8b6;
    display: flex;
    justify-content: center;
    position: absolute;
}
.section-space {
    padding: 7rem 0rem;
}
.section-bottom-space
{
    padding-bottom:12rem;
}
.bannerimg
{
        width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: center;
}

.relative {
    position: relative !important;
}

.bg-theme {
    background: #15a7b6;
}

.rounded-10 {
    border-radius: 2rem;
}

a.navbar-brand img {
       width: 160px;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(13 138 150);
    font-size: 18px;
    padding: 0.6rem 1.2rem;
    font-weight: 600;
}
/*.navbar-expand-lg {*/
/*    flex-wrap: nowrap;*/
/*    justify-content: flex-start;*/
/*       padding: 0.4rem 5rem;*/
/*}*/
.bannerbox
{
    position: absolute;
    top: 40%;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.bannerbox h1
{
        font-size: 95px;
    font-weight: 700;
    color: #14a8b6;
}
.bannerbox h1 span
{
    color: #80b739;
}
.bannerbox p
{
        font-size: 55px;
    line-height: 52px;
    font-weight: 700;
}
.btn_request
{
    background-color: #8cc542;
    /*margin-left: 2rem;*/
    color: #fff;
    padding: 0.6rem 2rem;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    width:fit-content;
}
#main-banner .carousel-inner {
    height: 600px;
}

#main-banner .carousel-inner .carousel-item {
    height: 100%;
}

#main-banner .carousel-inner .carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}

footer .logo {
    width: 120px;
}

.section-title h5 {
    font-size: 14px;
    border-radius: 2rem;
    width: fit-content;
    padding: 4px 10px;
    background: #15a7b6;
    color: #fff;
}

.section-title h3 {
    width: fit-content;
    position: relative;
    font-size: 40px;
    font-weight: 800;
}

.section-title h3::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 3px;
    background: #15a7b6;
}

.packages_img img {
    height: 250px;
}

.cover {
    object-fit: cover !important;
}

.service-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/service-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service-box .icon {
   width: 70px;
    height: 70px;
    background-color: #8cc542;
    padding: 0.6rem;
}

.service-box .text {
 width: calc(100% - 130px);
}

.service-box .text h5 {
      font-size: 20px;
    font-weight: 700 !important;
    margin-bottom: 0.6rem;
    text-align:left;
}

.service-box .text p {
            font-size: 16px;
    line-height: 32px;
    margin-bottom: 0px;
    text-align:left;
}
.service-box
{
    margin-bottom:3rem;
}

.strength_bx ul li {
       background-image: url(../img/arrow.png);
    list-style: none;
    padding-left: 40px;
    margin-bottom: 1rem;
    background-repeat: no-repeat;
    font-size: 20px;
    background-size: 22px;
}

.footer-bg {
    background: url(../img/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.page_links span {
    position: relative;
}

.page_links span a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.page_links span:not(:last-child) {
    margin-right: 10px;
}

.page_links span:not(:last-child)::before {
   content: "/";
    position: absolute;
    right: -5px;
    top: 2px;
    font-size: 14px;
    color: #fff;
}

.record::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #15a7b6;
}

.record-1:before {
    width: 76%;
}

.record-2:before {
    width: 86%;
}

.record-3:before {
    width: 56%;
}

.profile-social span {
    width: 30px;
    height: 30px;
    display: grid;
    place-content: center;
    font-size: 18px;
    margin-right: 10px;
    border: 1px solid #000;
}

.profile-social span a {
    color: #000;
    width: 100%;
    height: 100%;
}
.footer-bg .social span:not(:first-child){
    margin-left:10px;
}
.footer-bg .social span a{
    width: 30px;
    height: 30px;
    display: grid;
    place-content: center;
    font-size: 18px;
    text-decoration: none;
    color: #14a8b6;
    border: 1px solid #14a8b6;
}
.footer-bg p i{
     color: #14a8b6;
     margin-right:6px;
     
}
.footer-bg p a{
    color: #000;
    text-decoration:none;
}
.footer-bg ul{
    padding: 0;
    margin: 0;
    padding-left:10px;
}
.footer-bg ul li a{
     color: #14a8b6;
    text-decoration:none;
}
.footer-bg ul li{
    padding: 5px 0;
    list-style:none;
}
.footer-bg h4, .sidebar_links h4{
    font-size:23px;
    font-weight:700;
    position:relative;
}
.footer-bg h4::before, .sidebar_links h4::before{
    content:"";
    position:absolute;
    bottom: -10px;
    left: 0;
    width:100px;
    height:3px;
    background:#14a8b6;
}
.sidebar_links{
    position:sticky;
}
.sidebar_links ul {
    margin: 0;
    padding: 0;
}

.sidebar_links ul li{
   
    list-style:none;
    padding:  10px 0;
}

.sidebar_links ul li a{
    color : #14a8b6;
    font-size:18px;
    text-decoration:none;
}
.t-18{
    font-size:18px;
}
.profile figure{
    height:240px;
    overflow:hidden;
}
.profile figure img{
    width:100%;
    height:100%;
    object-fit:cover;
}