html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

footer{
    text-transform: capitalize;
}
.h-of-cmpny {
    color: #27388d;
}

.container {}

/* @media (min-width: 1200px) {
    .container {
        max-width: 1300px !important;
    }
} */

@media (min-width: 628px) {
    .container {
        max-width: 1300px !important;
    }
}

/* HEADERS START */
.header {
    color: #27388d;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    line-height: 20px;
    background-color: #38c5eb;
}

@media (max-width: 950px) {
    .header {
        font-size: 10px;
    }
}

@media (max-width: 330px) {
    .header {
        font-size: 6px;
        line-height: 10px;
    }
}

/* HEADER END */

/* NAVBAR START */
.nav-parent {
    position: sticky;
    top: 0%;
    z-index: 1;
    background: white;
    border-bottom: solid 3px #4356b8;

}

@media (max-width: 450px) {
    .nav-parent {
        border-bottom: solid 1px #4356b8;
    }
}

.nav-ul {
    justify-content: space-evenly;
    width: 100%;
    padding-left: 143px;
    align-items: end;
}

.nav-link {
    font-size: large;
    color: #4356b8 !important;
    font-weight: 500;
}

.nav-link:hover {
    color: #38c5eb !important;
    /* font-size: 19px; */
}

.nav-item :hover {
    /* background-color: #38c5eb; */
}

.logo {
    width: 266px;
}

/* NAVBAR END */


/*inner banners*/
.abt_inner_banner {
    display: flex;
    width: 100%;
    height: 50vh;
    background-image: url(./images/about_banner_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;

    font-size: 40px;
    color: #fff;
}

.contact_inner_banner {
    display: flex;
    width: 100%;
    height: 50vh;
    background-image: url(./images/08988-01.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    color: #fff;
}


.service_inner_banner {
    display: flex;
    width: 100%;
    height: 50vh;
    background-image: url(./images/57878-01.jpg);
    background-size: cover;
    /* background-position: center center; */
    /* background-position:bottom; */

    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    color: #fff;
    background-position: center;
}

/*inner banner end*/
/* About us */
.about-parent-div {
    background-image: url('./images/RM-IM2-01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
}

.home-about-img {
    border-radius: 25px;
    border-top-left-radius: 110px;
}

@media (max-width: 768px) {
    .home-about-img {
        border-radius: 9px;
        border-top-left-radius: 54px;
    }
}

.abt_inner_cnt {
    display: flex;
    margin-bottom: 100px;
}

.abt_inner_img img {
    width: 100%;
}

.about-para {
    color: black;
    font-size: 1rem;
    line-height: 28px;
    word-spacing: 4px;
}

.read-more-btn {
    background-color: #27388d;
    border: none;
    color: white;
    outline: none;
}

.read-more-btn:focus {
    outline: none;
    border: none;
}

.read-more-btn:hover {
    transform: scale(1.1);
}

/* FOOTERS START */
footer {
    background-color: #27388d;
    color: white;
}

.footer-logo {
    width: 100px;
}

.logo-under-text {
    font-size: 14px;
    font-weight: 500;
}

.footer-lists {
    font-weight: 500;
    line-height: 33px;
}

@media (max-width: 768px) {
    .footer-lists {
        justify-content: start;
    }
}

.social-media-icon {
    font-weight: 500;
}

.our-services-text {
    font-size: 26px;
    margin-top: 17px;
    white-space: nowrap;
}

.copyright-parent {
    margin-top: 42px;
    border-top: solid 1px #ffffffdb;
}

/* FOOTERS END  */

/* BANNER START  */
.banner-of-gallery {
    display: flex;
    width: 100%;
    height: 90vh;
    background-image: url(./images/BANNR-OF-GLRY.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.carousel-item {
    position: relative;
}

.quote-container {
    position: absolute;
    left: -100%;
    /* Start above the viewport */
    left: 5%;
    /* Adjust horizontal position */
    animation: slide-in-vertical 4s forwards;
    /* Use new vertical animation */
}

.carousel-control-prev {
    top: 41% !important;
}

.carousel-control-next {
    top: 41% !important;
}

.quote {
    font-size: 34px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
}

@media (max-width: 580px) {
    .quote {
        font-size: 9px;
    }
}

@media (max-width: 300px) {
    .quote {
        font-size: 6px;
    }
}

@keyframes slide-in-vertical {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 45%;
    }
}


/**************BANNER END***************** */

/**************GROUP OF COMPANY START***************** */
.group_of_company_inner_banner {
    display: flex;
    width: 100%;
    height: 50vh;
    background-image: url(./images/slid-10.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.group-of-company-boxes {
    display: flex;
    flex-direction: column;
    border: solid 3px grey;
    padding: 22px;
    border-radius: 12px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    background: #ffffff;
    margin-top: 60px;
    height: 15rem;
    justify-content: center;
    box-shadow: 0px 1px 8px 0px blue;
}

@media (max-width: 430px) {
    .group-of-company-boxes {
       height: 18rem;
    }
}
@media (max-width: 370px) {
    .group-of-company-boxes {
       height: auto;
    }
}

.group-of-company-boxes-4{
    display: flex;
    flex-direction: column;
    border: solid 3px grey;
    padding: 22px;
    border-radius: 12px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    background: #ffffff;
    margin-top: 60px;
    height: 15rem;
    justify-content: center;
    box-shadow: 0px 1px 8px 0px blue;
}
@media (max-width: 430px) {
    .group-of-company-boxes-4 {
       height: 29rem;
    }
}
@media (max-width: 370px) {
    .group-of-company-boxes-4 {
       height: auto;
    }
}

.card-parent {
    background-color: whited;
}

.cards {
    background-color: #4356b8;
    /* border: solid 3px red; */
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}

.card-text {
    font-weight: bold;
    font-family: monospace;
    height: 30px;
    white-space: nowrap;
    text-wrap: inherit;
}

.card-btns {
    color: #27388d !important;
    font-weight: 500 !important;
}

/**************GROUP OF COMPANY END***************** */


/**************OUR SERVICES START***************** */
.service-card-parent {
    display: flex;
    width: 85%;
    justify-content: space-between;
}

@media (max-width: 1010px) {
    .service-card-parent {
        width: 100%;
        justify-content: space-between;
        /* background: red; */
    }
}

.service-para {
    color: black;
}

.services-cardas {
    background: #27388d;
    text-align: center;
    /* padding: 8px; */
    line-height: 38px;
    width: 48%;
    border-radius: 10px;
    font-weight: bold;
    white-space: nowrap;
    /* padding-right: 6px; */
    display: block;
    /* padding-left: 5px; */
}


/**************ABOUT US PAGE START***************** */
.forms-parent {
    line-height: 30px;
}

label {
    /* margin-top: 10px; */
    padding-top: 10px;
}

.para-heading {
    color: #27388d;
    border-bottom: solid 2px #27388d;
    display: inline;
}

.vision-text-parent {
    line-height: 30px;
}

.vision-image {
    float: left;
    width: 40%;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 14px;
}

.mission-image {
    float: right;
    width: 40%;
}

label {
    display: inline-block;
    margin-bottom: 3px !important;
    font-size: 91%;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }
/*************ABOUT US PAGE END***************** */


/**************MEDIA PAGE START***************** */

.media-heading {
    color: #27388d;
    border-bottom: solid 2px #27388d;
    display: inline;
}

.img-parent {
    height: 217px;
}

.border-on-border {
    background: #27388d;
    width: 26px;
    height: 4px;
    margin-top: 0px;
}

.media-img {
    object-fit: cover;
    border-radius: 10px;
    border-top-left-radius: 60px;
    /* box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); */
}

@media (max-width: 998px) {
    .media-img {
        border-top-left-radius: 35px;
    }
}

.img-parent {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 0;
    margin-top: 55px;
}

.img-parent:hover {
    transform: scale(1.1) translateY(-10px);
    z-index: 0;
    /* Brings the image to the top layer */
    /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); */
}

.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 1.2rem;
}

.img-parent:hover .img-overlay {
    opacity: 1;
}

.border-prnt {
    justify-content: center;
}

.galler-btn {
    color: white;
    font-weight: 500 !important;
    background-color: #27388d !important;
}

.activity-btn {
    color: #27388d !important;
    font-weight: 500 !important;
    background-color: white !important;
}

.activity-btns {
    color: white;
    font-weight: 500 !important;
    background-color: #27388d !important;
}

.gallary-btn-in-activity-page {
    color: #27388d !important;
    font-weight: 500 !important;
    background-color: white !important;
}

.close-button {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: black;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.close-button:hover {
    color: red;
}

.modalImages {
    height: 376px;
    object-fit: cover;
}

.modalImage-in-activity-page {
    object-fit: contain;
}

/**************MEDIA PAGE END***************** */


/**************SERVICE PAGE START***************** */
.services-list {
    line-height: 58px;
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
    font-size: 20px;
    /* padding-left: 77px; */
    justify-content: space-between;
    color: #27388d;
    width: 100%;     
}



.service_lst_bx {
    display: flex;
    border: 1px solid gray;
    width: 48%;
    flex-direction: row;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 20px;
    
    
}
.service-heading{
    display: -webkit-box;               /* Enable flexbox for webkit browsers */
    -webkit-line-clamp: 3;              /* Limit to 3 lines */
    -webkit-box-orient: vertical;       /* Set box orientation to vertical */
    overflow: hidden;
    padding-right: 10px;  
}

.service-heading-parent{
width: 64%;
}

.service_lst_bx h2 {
    font-size: 20px;
    margin-left: 20px;
}
@media (max-width: 450px) {
    .service_lst_bx h2 {
      font-size: 12px;
    }
  }
.serv_ls_img {
    /* padding: 10px; */
}

.serv_ls_img img {
    padding: 10px;
    width: 200px;
    border-radius: 19px;
    height: 140px ;
    object-fit: cover;
}
.Change_Credentials{
    white-space: nowrap;
}
/**************SERVICE PAGE END***************** */


/**************BRANCHES PAGE START***************** */
.branches-card {
    height: 300px;
    padding: 15px;
    border-top: solid 5px #6270ba;
    border-left: solid 3px #6270ba;
    border-right: solid 3px #6270ba;
    border-bottom: solid 1px #6270ba;
    border-radius: 14px;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
    flex-direction: column;
    display: flex;
    justify-content: space-evenly;
}
.branch-map-icon {
    font-size: 26px;
    color: #38c5eb;
}

.branches-adrs-parent-div{
    height: 152px;
}

.branches-adrs-txt {
    display: -webkit-box;               
    -webkit-line-clamp: 6;             
    -webkit-box-orient: vertical;       
    overflow: hidden;                 
    text-overflow: ellipsis;
}

.branches-adrs-txts {
    font-size: 7px;
    text-transform: capitalize;
}

.branches-card-parent {
    text-align: center;
    margin-top: 31px;
}
.branches-phone-number-parent{
    height: 30px;
}
/**************BRANCHES PAGE END***************** */



/**************ABOUT US PAGE START***************** */

.contact-us-card {
    border: solid 1px #27388d;
    align-items: center;
    flex-direction: column;
    display: flex;
    border-radius: 15px;
    padding-top: 25px;
    margin-top: 30px;
    align-items: center;
    font-weight: 500;
    /* box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5); */
    /* background-color: ghostwhite; */
    justify-content: center;
    font-size: 13px;
    height: 237px;
}

@media (max-width:576px) {
    .contact-us-card {
        height: 220px;
        font-size: 12px;
    }
}

.about-us-icons {
    font-size: 31px;
    color: #27388d;
}

.aboutus-card-in-text {
    line-height: 12px;
    margin-top: 7px;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}

.message-input {
    width: 100%;
}

@media (max-width:998px) {
    .map {
        height: 338px;
        font-size: 12px;
    }

    .abt_inner_cnt {
        display: flex;
        flex-direction: column;
    }

    .service_lst_bx {
        width: 100%;
    }

    .services-list {
        padding-left: unset;
    }

}

.serv_ls_img img {
    padding: 10px;
    width: 200px;
    border-radius: 19px;
}

/* ///////////////// */
#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    /* right: 20px; */
    background-color: #332d2d82;
    color: #fff;
    border: none;
    padding: 3px 11px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 28px;
    text-decoration: none;
    text-align: center;
    /* display: none; */
}

#scrollToTopBtn:hover {
    background-color: #555;
}


.Branches_inner_banner {
    display: flex;
    width: 100%;
    height: 50vh;
    background-image: url(./images/branches-banner-01.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.Gallery_inner_banner{
    display: flex;
    width: 100%;
    height: 50vh;
    background-image: url(./images/our-gallery-01.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.Activity_inner_banner{
    display: flex;
    width: 100%;
    height: 50vh;
    background-image: url(./images/77777-01.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.our-services{
    background-image: url(./images/RM-IM2-01.png);
}
.gallery-bg{
    background-image: url(./images/RM-IM2-01.png);
}
.activity-bg{
    background-image: url(./images/RM-IM2-01.png);
}
.about-bg{
    background-image: url(./images/RM-IM2-01.png);
}

@media (max-width: 450px) {
    .service_lst_bx {
      font-size: 12px;
    }
  }
  @media (max-width: 378px) {
    .service_lst_bx {
      font-size: 3px;
    }
  }
  



  /* BACKEND CSS :-  */
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding-right: 10px;
    padding: 0.5rem 0px 0px;
    margin: .125rem -57px 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}