a {
    transition: all 0.3s ease 0s;
    text-decoration: none !important;
}
.hm-menu-wrap {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.hm-menu-wrap label {
    color: #FFF;
    text-align: center;
    font-family: 'TT Commons Pro Exp';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-right: 7px;
    cursor: pointer;
}
.floating-icon-sidebar {
    position: fixed;
    left: 0px;
    top: 45%;
    background-color: rgba(0, 0, 0, 0.47);
    backdrop-filter: blur(100px);
    padding: 26px 8px;
    border-radius: 2px;
    text-align: center;
    width: 53px;
    z-index: 5;
    display: none;
}
.floating-icon-sidebar a {
    display: block;
}
.floating-icon-sidebar .sidebar-divider {
    width: 37.847px;
    height: 1px;
    color: rgba(255, 255, 255, 0.20);
    background-color: rgba(255, 255, 255, 0.20);
    margin-top: 18px;
    margin-bottom: 18px;
    opacity: 1;
}
.home-header {
    position: fixed;
    top: 24px;
    width: 100%;
    left: 0px;
    z-index: 1001;
    transition: all 0.3s ease 0s;
    padding: 25px 0px;
}
.home-header.sticky {
    top:0px;
}
.for-mobile-menu .row {
    align-items: center;
}
.logo {
    text-align: center;
}
.home-header * {
    transition: all 0.3s ease 0s;
}
.main-menu-wrap {
    border-color: rgba(0, 0, 0, 0.2)
}
.main-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}
.top-btm-menu [class*="col"]:first-child .main-nav {
    justify-content: flex-end;
}
.main-nav li {
    position: relative;
}
.main-nav li a {
    color: #00534D;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 300;
    line-height: 51px; /* 121.429% */
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
     font-size: 32px;
    line-height: 41px; /* 121.429% */
}
.main-nav li a span {
    margin-left: 15px;
    display: none;
}
.main-nav li a:hover {
    color: #044E83;
}
.main-nav li.menu-item-has-children a {
    padding-right: 22px;
}
.main-nav li.menu-item-has-children {
    background: url("../images/menu-dwn-arw.svg") no-repeat right center;
}
.for-mobile-menu [class*="col"]:last-child {
    text-align: left;
}
.cmn-btn {
    color: #0B2025;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 128.571% */
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 29px 10px;
    background: #fff;
    backdrop-filter: blur(50px);
    display: inline-flex;
    font-family: 'TT Commons Pro Exp';
    align-items: center;
    justify-content: center;
    border: 0px;
}
.cmn-btn span {
    margin-left: 11px;
}
.cmn-btn:hover {
    background: #F28F75;
    color: #fff;
}
.peach-cl-btn.peach-cl-btn {
    background: #F28F75;
    color: #00534D;
    min-width: 244px;
}
.cmn-btn.peach-cl-btn:hover {
    background: #fff;
    color: #073F3E;
}
.cmn-btn.green-btn {
    background: #00534D;
    color: #fff;
}
.cmn-btn.green-btn:hover {
    background: #fff;
    color: #073F3E;
}
.cmn-btn * {
    transition: all 0.3s ease 0s;
}
.cmn-btn i {
    margin-left: 20px;
}
.cmn-btn:hover i {
    rotate: 45deg;
}
.white-cmn-btn {
    background: #FFF;
    color: #000000;
}
.white-cmn-btn i svg path {
    stroke: #000000;
}
.sub-title {
    color: #E1A488;
    /* Web/Caption */
    font-family: 'TT Commons Pro Exp';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 16px;
}
/* 1. The wrapper acts as the viewport window (hides the other slides) */
.showcase-slider-wraper {
    width: 100%;
    overflow: hidden;
    position: relative;
}
/* 2. The track forces all slides into a single, continuous horizontal row */
.showcase-slider-track {
    display: flex;
    width: 100%;
    will-change: transform; /* Optimizes GPU performance during GSAP transitions */
}
/* 3. Each individual slide locks to exactly 100% width of the viewport window */
.showcase-slide {
    flex: 0 0 100%;
    width: 100%;
    box-sizing: border-box;
}
.footer-form-group input {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #FFF;
    font-size: 14px;
    padding: 17px 21px 15px;
    line-height: normal;
    width: 100%;
    background: #044E83;
    height: 50px;
}
.footer-form-group input::-webkit-input-placeholder {
    color: #FFFFFF
}
.footer-form-group input::-moz-placeholder {
    color: #FFFFFF
}
.footer-form-group input:-ms-input-placeholder {
    color: #FFFFFF
}
.footer-form-group input:-moz-placeholder {
    color: #FFFFFF
}
.footer-form-group select {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #FFF;
    font-size: 14px;
    padding: 17px 21px 15px;
    line-height: normal;
    width: 100%;
    background: url("../images/select-dwn-arw.svg") no-repeat right 20px center #044E83;
    -webkit-appearance: none;
    appearance: none;
    height: 50px;
}
.footer-form-group textarea {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #FFF;
    font-size: 14px;
    padding: 17px 21px 15px;
    line-height: normal;
    width: 100%;
    background: #044E83;
    height: 110px;
    resize: none;
}
.footer-form-group textarea::-webkit-input-placeholder {
    color: #FFFFFF
}
.footer-form-group textarea::-moz-placeholder {
    color: #FFFFFF
}
.footer-form-group textarea:-ms-input-placeholder {
    color: #FFFFFF
}
.footer-bottom-wrapper {
    margin-top: 51px;
    padding-top: 49px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 50px;
}
.footer-form-group input:-moz-placeholder {
    color: #FFFFFF
}
.white-border-btn {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border-radius: 33.5px;
    border: 1px solid #FFF;
    backdrop-filter: blur(12px);
    padding: 13px 51px;
    background: none;
    outline: none;
    transition: all 0.3s ease 0s;
}
.white-border-btn:hover {
    opacity: 0.6;
}
.sticky {
    background: rgba(217, 217, 217, 0.34);
    backdrop-filter: blur(50px);
    padding: 15px 0px;
}
.sticky .menu-subs {
    padding-top: 23px;
}
.close-menu-div .cmn-btn {
    display: none;
}
.close-menu-div [class*="col"]:last-child {
    text-align: left;
}
.sticky-logo {
    display: none;
}
.sticky .sticky-logo {
    display: block;
}
.sticky  .logo {
    display: none;
}
.sticky-logo {
    text-align: center;
}
.sticky .cmn-btn {
    background: #F28F75;
    color: #00534D;
}
.sticky .hamburger {
    border-radius: 100px;
border: 0.5px solid rgba(0, 83, 77, 0.20);
background: rgba(255, 255, 255, 0.21);
backdrop-filter: blur(50px);
}
.sticky .hamburger div {
background:#00534D;
    }
.sticky  .hm-menu-wrap label {
   color:#00534D; 
}
.social-media {
    text-align: center;
}
.social-media ul {
    display: flex;
    align-items: center;
    gap:25px;
    justify-content: center;
}
.lang-btn {
    display: inline-flex;
    color: #FFF;
   gap: 6px;
text-align: center;
    font-family: 'TT Commons Pro Exp';
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 2px;
text-transform: uppercase;
    margin-left: 17px;
}
.lang-btn a {
   color: #FFF; 
     opacity: 0.3;
}
.lang-btn a:first-child {
    opacity: 1;
}
.sticky .lang-btn a {
   color: #00534D; 
}
body.menu-open {
    overflow: hidden;
}
/*...media-starts-here...*/
@media(min-width:992px) {}
@media(min-width:1025px) {
    .menu-subs {
        padding-top: 51px;
    }
}
@media(max-width:1200px) {}
@media(max-width:1024px) {
    .for-mobile-menu .logo {
        text-align: center;
    }
    .for-mobile-menu {
        position: relative;
    }
    .main-menu .logo {
        display: none;
    }
    .main-nav {
        gap: 0;
    }
    .main-nav li.menu-item-has-children {
        background: none;
    }
    .logo svg {
        max-height: 60px;
    }
    .home-header {
        padding: 20px 0px;
    }
    .hm-manu {
        width: 40px;
        height: 40px;
    }
   /* .for-mobile-menu [class*="col"]:last-child .cmn-btn {
        display: none;
    }*/
    .hm-menu-wrap label {
        display: none;
    }
    .sticky {
        padding: 8px 0px;
    }
    .main-nav li a {
        font-size: 27px;
        line-height: 39px;
    }
    .main-menu ul > li {
        margin-bottom: 25px;
    }
    .main-nav li a span svg {
        max-height: 35px;
    }
    .close-menu-div {
        padding: 49px 20px 79px;
    }
    .close-menu-div .cmn-btn {
        display: inline-flex;
    }
    .floating-icon-sidebar {
        padding: 26px 7px;
        width: 49px;
    }
    .lang-btn {
    margin-right: 15px;
        margin-left: 0px;
    }
}
@media(max-width:991px) {}
@media (max-width: 767px) {}
@media(max-width:575px) {}
@media (max-width: 380px) {}
@media(min-width:992px) {}
@media(min-width:1025px) {}
@media(max-width:1200px) {}
@media(max-width:1024px) {}
@media(max-width:991px) {}
@media (max-width: 767px) {}
@media(max-width:575px) {
    .cmn-btn {
        padding: 11px 25px 9px;
    }
}
@media (max-width: 380px) {
      .cmn-btn {

    font-size: 12px;

    line-height: 15px;
}
}