@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Spectral:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Josefin+Sans:wght@300;400;500&family=Poppins:wght@700&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arima:wght@300&family=Cairo:wght@300;400&family=Cinzel+Decorative&family=Lato:ital,wght@0,400;0,700;0,900;1,300;1,400&family=Poppins:ital,wght@0,200;0,300;0,500;0,600;0,700;1,600&family=Teko:wght@300;400;500;600;700&display=swap');

.mr-auto {
    margin-right: unset;
}


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

body {
    background: #98a4c2 !important;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

.navbg {
    background: #059473;
}

.logo {
    color: #fff !important;
    font-family: 'Spectral';
    font-weight: 400;
}

.main-nav,
a#basic-nav-dropdown,
a.nav-link {
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 13px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Courier New', Courier, monospace;
    text-transform: uppercase;
}

a.nav-link:hover,
a#basic-nav-dropdown:hover {
    color: #000000 !important;
}

a.nav-link:active,
a#basic-nav-dropdown:active {
    color: #000000 !important;
    font-weight: bold;
}

.nav-btn {
    background: var(--button-pink-gradient);
    margin: 0 1rem 0 0;
}

.login {
    padding: 0 1rem;
}

.sign-up-btn {
    background: var(--button-pink-gradient);
    transition: all linear 0.3;
}

.sign-in-btn {
    background: var(--button-cyan-gradient);
    transition: all linear 0.3;
}

.sign-in-btn:hover,
.sign-up-btn:hover {
    color: black;
}

.hide .dropdown-toggle {
    visibility: hiden;
}

.hide .dropdown-toggle::after {
    display: none;
}

.hide svg {
    height: 1.5em;
    width: 1.5em;
}

.hide .dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0px;
    left: auto;
    margin-top: var(--bs-dropdown-spacer);
}

.toggle-side .dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0px;
    left: auto;
    margin-top: var(--bs-dropdown-spacer);
}


.welcome_sec {
    padding-top: 78px;
    background: #f7f8fa;
    height: 756px;
}

.welcome_sec h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 1.625em;
    color: #323232;
    text-transform: uppercase;
    position: relative;
    text-align: right;
    line-height: 32px;
    padding-right: 25px;
}

.welcome_sec h2:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    letter-spacing: 1px;
    right: -16px;
    top: 4px;
}

.welcome_sec .welcome_heading p {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 1em;
    color: #898989;
    padding-left: 30px;
    line-height: 26px;
}

.welcome_item {
    position: relative;
}

.welcome_details {
    margin-top: 80px;
}

.welcome_details img {
    background: #fff;
    padding: 0px;
    position: absolute;
    z-index: 1;
    top: 14px;
}

.welcome_details .welcome_info {
    position: relative;
    width: 77%;
    background: #fdfdfd;
    border: 1px solid #e6e6e6;
    margin-left: 140px;
    padding-top: 7px;
    padding-bottom: 24px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.welcome_details h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.25em;
    color: #323232;
    padding-left: 66px;
}

.welcome_details h3:before {
    content: '';
    width: 45px;
    height: 3px;
    background: #f6ba18;
    position: absolute;
    top: 38px;
}

.welcome_details p {
    font-family: 'Open Sans', sans-serif;
    color: #898989;
    padding-left: 66px;
    padding-right: 41px;
    padding-top: 13px;
}

.welcome_item_bottom {
    margin-top: 29px;
}

.welcome_details .welcome_info:hover {
    background: #12a0b1;
}

.welcome_details .welcome_info:hover h3 {
    color: #fff;
}

.welcome_details .welcome_info:hover p {
    color: #e4e8e8;
}

.ReactCollapse--collapse {
    transition: height 500ms;
}




@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');


  
.foot {
font-size: 14px;
background: #059473;
padding: 50px 0;
color: white;
}

.foot .footer-info .logo {
line-height: 0;
margin-bottom: 25px;
text-decoration: none;
padding-top: 17px;
}

.foot .footer-info .logo img {
max-height: 80px;
margin-right: 6px;
}

.foot .footer-info .logo span {
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
color: #fff;

}

.foot .footer-info p {
font-size: 18px;
}

.foot .social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
margin-right: 10px;
transition: 0.3s;
}

.foot .social-links a:hover {
color: #fff;
border-color: #ff5e14;
}

.foot h4 {
font-size: 21px;
font-weight: bold;
position: relative;
padding-bottom: 12px;
}

.foot .footer-links {
margin-bottom: 30px;
}

.foot .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

.foot .footer-links ul i {
padding-right: 2px;
color: rgba(0, 131, 116, 0.8);
font-size: 12px;
line-height: 0;
}

.foot .footer-links ul li {
padding: 10px 0;
display: flex;
align-items: center;
}

.foot .footer-links ul li:first-child {
padding-top: 0;
}

.foot .footer-links ul a {
color: white;
transition: 0.3s;
display: inline-block;
line-height: 1;
font-size: 17px;
text-decoration: none;
}

.foot .footer-links ul a:hover {
color: #000;
}

.foot .footer-contact p {
line-height: 26px;
font-size: 17px;
}

.foot .copyright {
text-align: center;
}

.foot .credits {
padding-top: 4px;
text-align: center;
font-size: 17px;
}

.foot .credits a {
color: #fff;
}