* {box-sizing: border-box;font-family: "Open Sans",sans-serif;}
body {min-height: 100vh;display: flex;flex-direction: column; overflow-x: hidden;}
html {scroll-padding-top: 4rem;}

pre {background: yellow;font-size: 10px;padding: 3px;}
hr {margin: 1rem 0;color: #dadada; border: 0;border-top: 1px solid;opacity: 1;}
.hr-blue {margin: 1rem 0;color: #448175;border: 0;border-top: 1px solid;opacity: 1;}
.btn-primary {
    background: #448175;
    border: 0px solid #0A4D5E;
    color: #FFFFFF;
    border-radius: 5px;
    font-size:14px;
    font-weight:400;
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
    transition-property: all!important;
    padding: 0.5em 1.2em;
}
.btn-primary:after {
    transition: all 300ms ease 0ms;
    font-size: 14px;
    line-height: 1.5em;
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    text-shadow: none;
    content: "\f054";
    font-family: FontAwesome;
    font-weight: 900;
}
.btn-primary:hover {
    background: #448175;
    border:0px solid #0A4D5E;
    color:white;
    padding: 0.5em 2em 0.5em 1em
}
.btn-primary:hover:after {opacity: 1;margin-left: 4px;}
.btn-secondary {
    background: #FFFFFF;
    border: 0px solid #0A4D5E;
    color: #448175;
    border-radius: 5px;
    font-size:14px;
    font-weight:400;
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
    transition-property: all!important;
    padding: 0.5em 1.2em;
}
.btn-secondary:after {
    transition: all 300ms ease 0ms;
    font-size: 14px;
    line-height: 1.5em;
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    text-shadow: none;
    content: "\f054";
    font-family: FontAwesome;
    font-weight: 900;
}
.btn-secondary:hover {
    background: #FFFFFF;
    border:0px solid #0A4D5E;
    color:#448175;
    padding: 0.5em 2em 0.5em 1em
}
.btn-secondary:hover:after {opacity: 1;margin-left: 4px;}
a {color: #0a4d5e;text-decoration: none;font-weight: 600;}
a:hover {color: #0a4d5e;}
h5 {color:#ffffff;font-size: 3rem; font-weight:800;}
h4 {color:#448175; font-weight:800;}
.mb-7 {margin-bottom:60px;}

.error-image {height: 200px;width: auto;}
.ptspace {padding-top:90px; padding-bottom:90px;}
.blue-circle {background-color:#448175; width:100px; height:100px; border-radius:100%; margin: 0 auto; margin-bottom:30px;}
.colored-text {color:#448175;}
.color2 {color:#015450;}
.greenbg {background-color:#00544F;}

/*footer*/
#footer {background-color:#242021;}
.footer-text {color:#ffffff; margin-bottom:0px; font-size: 12px!important;}
.container {flex: 1; }
footer {flex-shrink: 0;}
.footer-text a {color:#ffffff; text-decoration:none;}
#footer a {color:#ffffff; font-weight: unset;}
#footer .page-link a {font-size: 12px;font-weight: unset;padding: 0;}
.footericons {color:#8B8D8F;}
.footericons:hover {color:#448175;}
.scroll-block {display: flex;justify-content: center;align-items: baseline;flex-wrap: nowrap;gap: 15px;}
.scroll-icon {
    flex: 0;
    font-size: 1em;
    color: white;
    transition: 0.2s;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #448175;
    border-radius: 0px 0px 3px 3px;
}
.scroll-icon:hover {transform: scale(1.1); transition: 0.2s; color: white;}
.bottom-footer {background: #000;}
.footnav-item:hover {padding-left:5px; transition-duration: 0.2s;}
/*Sticky Footer*/
.maincontent {position: relative;z-index: 2; box-shadow: 0 1px 10px #000000; background-color: #ffffff; padding-top:0px; padding-bottom:0px;}
.stickyfooter {
    position: sticky;
    bottom: 0;
    z-index: 0;
}
/*Sticky Footer end*/
/*footer end*/

/*header*/
.logo {height: 80px;}
.navbar {border-bottom:1px solid #448175;}
.nav-link {text-decoration: none; border-bottom: 2px solid #FFFFFF;}
.nav-link:hover {color:#000; border-bottom: 2px solid #448175;}
.page-link > a {font-weight: 600;}
span.page-link {width: fit-content; padding-top: 5px;}
.page-link > a {
    text-decoration: none;
    color: #1a3969;
    font-size: 14px;
    padding: 5px 5px;
    margin: 5px 0;
}
.page-link > a:hover {font-weight: bold;}
.page-link > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #B22322;
    transition: width .2s;
}
.page-link > a:hover::before {width: 100%; }
.active:after {content: "\2212";  display:none;}
.current-page {font-weight: bold;color:#448175;}
.gap10 {gap:10px;}
#logo {transition-duration:0.5s }

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: rgb(68 129 117);
    border-bottom: 2px solid;
    font-weight:bold;
}
/*header end*/

.py-7 {padding-top:60px; padding-bottom:60px;}
.h5sub {background: #828282;}
.alert {margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}

.ul-nostyle {list-style: none; font-size: 14px; padding-left:0px;}

.accordion-button {color: #060606;background-color: #ddd;box-shadow: none !important;}
.accordion-button:not(.collapsed) {color: #060606;background-color: #ddd;box-shadow: none !important;}

.overlay {
    position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 17, 140, 0) 0%, rgb(6 35 81) 60%);
  opacity: 0.5;
  z-index: 0;
}
.overlay-one {
    position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00544F;
  opacity: 0.8;
  z-index: 0;
}
.overlay-blk {
    position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
/*  opacity: 0.9;*/
  z-index: 0;
}
.blue-circle-icon {background-color:#2C94CB; width: 10vw;max-width: 60px;min-width: 60px;height: 60px; border-radius: 50%; margin: 0 auto; aspect-ratio: 1 / 1;}
.ateam-img {border-radius: 10px}
.cardbg {background-color:#dddddd; border-radius:10px; padding:30px; width: 100%; height: 100%;}
.bradius-left {border-radius: 0px 20px 20px 0px;}
.bradius-right {border-radius: 20px 0px 0px 20px;}
.minheight {min-height:300px;}
.divspacer {height:500px;}

.pad-l {padding-left:80px !important;}
.pad-r {padding-right:80px !important;}

.sqb1 {
  border-radius: 30px 0px 30px 0px; 
  background-color: #AACD71; 
  width: 80px;
  height: 80px;
  position: absolute;
  left: 20%;
  top: 7%;
  z-index:1;
}
.sqb2 {
  border-radius: 30px 0px 30px 0px; 
  background-color: #002725; 
  width: 100px;
  height: 100px;
  position: absolute;
  left: 10%;
  top: 13%;
  z-index:1;
}
.sqb3 {
  border-radius: 30px 0px 30px 0px; 
  background-color: #00544F; 
  width: 150px;
  height: 150px;
  position: absolute;
  left: 15%;
  top: 17%;
  z-index:1;
}
.colb {border-radius: 30px 0px 30px 0px;}
.col1 {background-color: #AACD71;}
.col2 {background-color: #2F987D;}
.col3 {background-color: #002725;}
.col4 {background-color: #00544F;}

.content-right-wrapper {
  position: relative;
/*  margin-right: calc(-50vw + 80%);*/
}

.content-right-wrapper img {
  width: 100vw;
  height: auto;
  object-fit: cover;
  border-radius: 80px 0px 80px 0px;
}

#carouselTips {height:600px;}
#carouselTips .carousel-inner {height:100%;}
#carouselTips .carousel-item.active {height:100%; display: flex;
    justify-content: center;
    align-items: center;}
#carouselTips .carousel-caption {position:unset; width: 70%;}
.home-msg {font-size:4em;}

.text-break-hyphen {
  word-break: break-word; /* Ensures the word breaks */
  hyphens: auto;          /* Adds hyphens where possible */
}

.offcanvas.offcanvas-bottom {height: 50vh; overflow-y: auto;}


@media only screen and (max-width:767px) {
	.fa-centered {font-size: 3rem;}
	.navbar-nav {align-items: center;}
	/*a.nav-link {width: fit-content;}*/
    .footerflex {flex-direction:column; align-items: center;text-align: center;gap: 10px;}
/*    footer {padding-top: 30px;padding-bottom: 20px;}*/
    .stickyfooter {position: unset;}
    .logo {margin-left:0px;}
    .gap10 {gap:0px;}
/*    .carousel-caption {bottom: 7.25rem;}*/
    .carousel-caption p {max-width: unset;}
    .carousel-caption h5 {font-size: 2rem;  max-width: 100%;}
    .bradius-left {border-radius: 0px 0px 0px 0px;}
    .bradius-right {border-radius: 0px 0px 0px 0px;}
    .minheight {min-height:300px;}
    .divspacer {height:80px;}
    .meetheading {font-size:2rem;}
    .pad-l {padding-left:30px !important;}
    .pad-r {padding-right:30px !important;}
    .content-right-wrapper {
    margin-right: 0; /* Reset on smaller screens */}
  .content-right-wrapper img {
    width: 100%; /* Ensure proper fit on smaller screens */}
    #carouselTips {height:unset;}
    .home-msg {font-size:2em;}
    .sqb2, .sqb3 {display:none;}
    h4 {font-size:1.5em !important;}
    .teamOffcanvas {height:50% !important;}
    .offcanvas.offcanvas-bottom {height: 80vh; overflow-y: scroll;}
}

@media only screen and (max-width:1500px) {
   /*.carousel-inner .img-fluid {
        object-fit: cover;
        height: -moz-available;
        height: fill-available;
        height: -webkit-fill-available;
        height: 100%;
        width:  -webkit-fill-available;
        width: -moz-available;
        width: fill-available; 
        width: 100%;
    }*/
    /*.carousel-item .img-fluid {
        object-fit: cover;
        height: 100%;
        height: -moz-available;
        height: fill-available;
        height: -webkit-fill-available;
        width:  -webkit-fill-available;
        width: -moz-available;
        width: fill-available; 
        width: 100%;
    }*/
}