/* Banner */
.heroBanner {position: relative;background-color: #001a37;width: 100%;z-index: 2;}
.footer::before { position: absolute; content: ""; background-image: url("../img/banner-pattern.png"); background-position: center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply; width: 100%;inset: 0; opacity: 0.36; z-index: -1; }
.heroBanner .heroBanner-content { color: #fff; padding-top: 195px; padding-bottom: 100px; position: relative; z-index: 1; }
.heroBanner .heroBanner-content::before { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-position: right bottom; background-size: 60%; background-repeat: no-repeat; z-index: -1; opacity: 0.1; }
.heroBanner .heroBanner-content .heroBanner-content-des p:last-child { margin-bottom: 0; }
.heroBanner .heroBanner-content h1 {font-size: 50px;font-weight: 600;font-family: "Inter Tight", sans-serif;line-height: 1.08;color: rgb(225 225 225 / 65%);opacity: 1;margin-bottom: 35px;}
.heroBanner .heroBanner-content h6 { font-size: 16px; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 12px; }
.heroBanner .heroBanner-content p {font-size: 17px;opacity: 0.65;margin-bottom: 25px;line-height: 1.55;}
.heroBanner .heroBanner-content p:first-child { padding-top: 29px; }
.heroBanner .heroBanner-content .banner-img {max-width: 630px;margin: 0 0 0 auto;max-height: 550px;width: 100%;}
.heroBanner .heroBanner-mission {text-align: center; padding-top: 49px; padding-bottom: 58px; border-bottom: 0px; color: #fff; padding-left: calc(100% - 90%); padding-right: calc(100% - 90%); position: relative; max-width: 1470px; margin: 0 auto; }
.heroBanner .heroBanner-mission img { position: absolute; left: 106px; top: -30px; background-color: #001a3a; padding: 0 10px; transform: scale(0.7); transition: all 1s ease; opacity: 0.6; z-index: 99; }
.heroBanner .heroBanner-mission.active img { opacity: 1; transform: scale(1); }
.heroBanner .heroBanner-mission h5 { font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 17px; position: relative; letter-spacing: 5px; }
.heroBanner .heroBanner-mission p { font-size: 22px; font-weight: 400; opacity: 0.65; }
.heroBanner .heroBanner-mission::after { background-color: #3fb8b9; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 0px); height: 10px; content: ""; z-index: -1; }
.heroBanner .heroBanner-mission::after { background-color: #3fb8b9 !important; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 0px); height: 10px; content: ""; z-index: -1; transition: height 1.2s cubic-bezier(0.25, 0.1, 0.29, 0.67); background: -webkit-linear-gradient(0deg, rgba(0, 24, 55, 1) 0%, rgba(204, 204, 204, 0.03) 100%); background: -moz-linear-gradient( 0deg, rgba(0, 24, 55, 1) 0%, rgba(204, 204, 204, 0.03) 100% ); background: linear-gradient(0deg, rgb(0 24 55) 31%, rgb(204 204 204 / 0%) 162%); }
.heroBanner .heroBanner-mission::before { position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 10px); height: calc(100% - 5px); background-color: #001837; z-index: 0; transition: height 0.7s ease; }
.heroBanner .heroBanner-mission.active::after { height: 100%; }
/* About */
.aboutBusinesses { padding-top: 120.9px; padding-bottom: 48px; background-color: #f4f4f4; z-index: 0; }
.aboutBusinesses-title { text-align: center; }
.aboutBusinesses-title h2 { font-size: 60px; font-weight: 700; text-align: center; text-transform: capitalize; background: linear-gradient(90deg, #1b3c6b 40%, #3fb8b9 60%); background-clip: text; -webkit-background-clip: text; color: transparent; position: relative; padding-bottom: 19.5px; margin-bottom: 0; line-height: 1.08; display: inline-block; }
.aboutBusinesses .aboutBusinesses-title p { font-size: 19px; text-align: center; color: #444; margin-top: 23px; line-height: 1.53; }
.aboutBusinesses .aboutBusinesses-content { padding-top: 72px; padding-bottom: 72px; position: relative; z-index: 0; }
.aboutBusinesses .aboutBusinesses-content h2 { font-size: 63px; font-weight: 700; text-transform: capitalize; color: #0f406e; line-height: 1.05; margin-bottom: 18px; white-space:pre-line; }
.aboutBusinesses .aboutBusinesses-content h4 { font-size: 23px; font-family: "Inter Tight", sans-serif; font-weight: 500; color: #444; line-height: 1.1; margin-bottom: 17px; }
.aboutBusinesses .aboutBusinesses-content p { font-size: 17px; color: #444; line-height: 1.65; margin-bottom: 30px; width: 93%; }
.aboutBusinesses .aboutBusinesses-content .visit-btn { position: relative; font-size: 17px; font-weight: 600; color: #444; line-height: 1.5; padding-bottom: 11px; z-index: 1; transition: all 0.5s; display: inline-flex; align-items: center; }
.aboutBusinesses .aboutBusinesses-content .visit-btn::before { position: absolute; content: ""; padding-left: 71px; padding-right: 71px; height: 3px; background: linear-gradient(90deg, #008f7c 40%, #1b3c6b 60%); bottom: 0; left: 0; transition: all 0.5s; z-index: -1; text-align: center; }
.aboutBusinesses .aboutBusinesses-content .visit-btn:hover::before { padding-left: 78px; padding-right: 78px; }
.aboutBusinesses .aboutBusinesses-content .visit-btn span { margin-right: 10px; }
.aboutBusinesses .aboutBusinesses-content .visit-btn .visit-btn-img { border-radius: 50%; transition: all 0.5s; width: 30px; height: 30px; position: relative; overflow: hidden; display: flex; justify-content: center; transform: translate(0) rotate(0); }
.aboutBusinesses .aboutBusinesses-content .visit-btn .visit-btn-img:before { content: ''; position: absolute; inset: 0; background: #1b3c6b; background: linear-gradient(0deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100%); transition: all 0.5s; opacity: 0; }
.aboutBusinesses .aboutBusinesses-content .visit-btn .visit-btn-img img { width: 20.5px; filter: invert(48%) sepia(63%) saturate(500%) hue-rotate(135deg) brightness(90%) contrast(95%); transition: all 0.5s; }
.aboutBusinesses .aboutBusinesses-content .visit-btn:hover .visit-btn-img { transition: all 0.5s; transform: translateX(10px) rotate(45deg); }
.aboutBusinesses .aboutBusinesses-content .visit-btn:hover .visit-btn-img:before { opacity: 1; }
.aboutBusinesses .aboutBusinesses-content .visit-btn:hover .visit-btn-img img { filter: invert(0) sepia(0) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(95%); }
.aboutBusinesses .aboutBusinesses-content .aboutBusinesses-img {position: relative; width: 100%; background-color: #fff; padding: 35px; box-shadow: 1px 15px 25px rgba(0, 0, 0, 0.1); }
.aboutBusinesses .aboutBusinesses-content:nth-child(odd) .aboutBusinesses-img { padding-right: 0; }
.aboutBusinesses .aboutBusinesses-content:nth-child(even) .aboutBusinesses-img { padding-left: 0; }
.aboutBusinesses .aboutBusinesses-content:nth-child(odd) .aboutBusinesses-text { padding-right: 85px; margin: 0 0 0 auto; }
.aboutBusinesses .aboutBusinesses-content:nth-child(even) .aboutBusinesses-text { padding-left: 85px; }
.aboutBusinesses .aboutBusinesses-content .aboutBusinesses-text { max-width: 705px; padding-top: 0; padding-bottom: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.aboutBusinesses .aboutBusinesses-content .aboutBusinesses-img > img {z-index: 0; }
.aboutBusinesses .aboutBusinesses-content:nth-child(even)::before { transform: matrix(-1, 0, 0, 1, 0, 0); }
.aboutBusinesses .aboutBusinesses-content:nth-child(odd)::before {position: absolute;content: "";width: 1%;top: 0;left: 0px;height: 100%;background: url("../img/pattern2.png") no-repeat center left;z-index: -1;background-size: contain;transition: all 1s cubic-bezier(0, 0, 0.71, 0.9);opacity: 0.6;}
.aboutBusinesses .aboutBusinesses-content.active::before { width: 100%; }
.aboutBusinesses .aboutBusinesses-content:nth-child(even)::before {position: absolute;content: "";width: 1%;top: 0;right: 0;height: 100%;background: url(../img/pattern2.png) no-repeat center left;background-size: contain;z-index: -1;transition: all 1s cubic-bezier(0, 0, 0.71, 0.9);transform: matrix(-1, 0, 0, 1, 0, 0);opacity: 0.6;}
.aboutBusinesses .aboutBusinesses-content:nth-child(even).active::before {width: 100%;}
span.webplus:before { content: '| '; }
/*****animation***/
.span-text { background-image: linear-gradient(#ffffff, #ffffff); background-repeat: no-repeat; background-size: 0% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: inherit; will-change: background-size; transition: background-size 0.1s linear; opacity: 1 !important;  font-weight: unset;}
.aboutBusinesses-title h2::before { position: absolute; content: ""; bottom: 0; left: 50%; width: 0%; height: 3px; background: linear-gradient(90deg, #008f7c 40%, #1b3c6b 60%); transform: translateX(-50%); max-width: 350px; transition: width 1s ease; }
.aboutBusinesses-title h2.active::before { width: calc(100% - 15%); }
/**loader**/
#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; display: flex; justify-content: center; align-items: center; z-index: 9999; }
#loader-wrapper .loader-content { position: relative; display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 50%; background: #f0f0f0; }
.loader-content::before { content: ""; position: absolute; inset: 0px; border-radius: 50%; background: conic-gradient(rgba(0, 143, 124, 1), rgba(27, 60, 107, 1), transparent 70%); animation: rotateFill 2s linear infinite; }
.loader-content::after { content: ""; position: absolute; inset: 2px; background: white; border-radius: 50%; z-index: 1; }
#loader-wrapper .scaling-logo { width: 45px; height: auto; z-index: 2; filter: brightness(0) saturate(100%) invert(20%) sepia(50%) saturate(2000%) hue-rotate(190deg); animation: logoPulse 1.8s ease-in-out infinite; }
@keyframes rotateFill {  
  from {
    transform: rotate(0deg);
  }
  to { transform: rotate(360deg); }
}
.fade-out { opacity: 0; transition: opacity 0.5s ease; pointer-events: none; }