@import url(base.css);
@import url(components.css);

/* ripple */
@-moz-keyframes ripple {
  0% {box-shadow:0 0 0 0.0em rgba(255, 255, 255, 0.0);}
  50% {box-shadow:0 0 0 0.2em rgba(255, 255, 255, 0.3);}
  100% {box-shadow:0 0 0 0.5em rgba(255, 255, 255, 0);}
}
@keyframes ripple {
  0% {box-shadow:0 0 0 0.0em rgba(255, 255, 255, 0.0);}
  50% {box-shadow:0 0 0 0.2em rgba(255, 255, 255, 0.3);}
  100% {box-shadow:0 0 0 0.5em rgba(255, 255, 255, 0);}
}

/* #blob {
	animation: rotate36 20s infinite;
	background: #00B3A1;
	filter: blur(calc(20px/3.15));
	width: 40px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
	border-radius: 50%;
	backdrop-filter: blur;
    z-index: -1;
}
@keyframes rotate360 {
	from { rotate: 0deg; }
	50% { scale: 1 1.15; }
	to { rotate: 360deg; }
} */

/* #blob-blur {
	width: 100%;
	height: 60%;
	position: absolute;
	z-index: 2;
} */

.inner-header{background-color: #005B52;}

/*  */
header .topbar{position: relative; z-index: 1;}
header .topbar .ts-wrapper{z-index: 1111;}
/* call-menu */
header .topbar .call-menu .dropdown-toggle{position: relative; background-color: #00877F; width: 38px; height: 38px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.3); z-index: 2;}
header .topbar .call-menu .dropdown-toggle::before{content: ""; width: 100%; height: 100%; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #00A696; animation: ripple 2s linear infinite; z-index: -1;}
header .topbar .call-menu .dropdown-toggle::after{display: none;}
header .topbar .call-menu .dropdown-toggle img{max-width: 60%;}
header .topbar .call-menu .dropdown-toggle:hover{background-color: #005B52;}
header .topbar .call-menu .dropdown-menu{min-width: 14rem; border: none; margin: -22px 6px 0 0 !important; border-radius: 15px 12px 12px 12px; padding: 0 0; overflow: hidden; box-shadow: 0 2px 15px -8px rgba(0, 0, 0, 0.15); z-index: 1;}
header .topbar .call-menu .dropdown-menu > li{color: #121212; padding: 10px 25px;}
header .topbar .call-menu .dropdown-menu > li:not(:last-child){border-bottom: 1px solid #D9D9D9;}
header .topbar .call-menu .dropdown-menu > li .title{color: #066C66; font-size: 14px;}
header .topbar .call-menu .dropdown-menu > li.time{background-color: #EFEFEF; margin-top: -1px;}
/*  */
header:not(.header-light) .topbar .tomselected + .ts-wrapper .ts-control{border-color: rgba(255, 255, 255, 0.6); color: #fff;}
header:not(.header-light) .topbar .tomselected + .ts-wrapper:not(.form-control, .form-select).single .ts-control {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}

/*  */
header .navbar .navbar-brand{margin-bottom: -8px;}
header .navbar .navbar-brand img{width: 230px;}
header .navbar .navbar-brand:not(.light){display: none;}
/*  */
header .navbar .nav-item .nav-link{color: #fff; position: relative;}
header .navbar .nav-item .nav-link.active::before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 4px; width: 50%; height: 1px; background: linear-gradient(90deg, #01766A 5%, #FFFFFF 50%, #01766B 95%);}
header .navbar .nav-item.dropdown .nav-link.dropdown-toggle{padding-right: 0.8rem;}
header .navbar .nav-item.dropdown .nav-link.dropdown-toggle::after{content: "\f107"; border: none; font-family: "Font Awesome 7 Free"; font-weight: 600; font-size: 10px; position: absolute; top: 50%; transform: translateY(-55%); right: 0; line-height: normal;}
/* megamenu */
.navbar .dropdown-menu.megamenu{opacity: 0; border: 0;}
.navbar .dropdown-menu.megamenu.show{opacity: 1; -webkit-transform: translate3d(0%, 0px, 0); transform: translate3d(0%, 0px, 0); box-shadow: 0 2px 10px -5px rgba(21, 34, 33, 0.5);}
.navbar .dropdown-menu.megamenu{animation: fadeIn 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.navbar .dropdown-menu.megamenu *{transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.navbar .dropdown-menu.megamenu .close-btn{font-size: 15px; padding: 2px 18px;}
.navbar .dropdown-menu.megamenu .close-btn svg{color: #005B52;}
.navbar .dropdown-menu.megamenu .column-wrapper .column{position: relative;}
/* .navbar .dropdown-menu.megamenu .column-wrapper .column:nth-child(1)::after{content: ""; position: absolute; top: -68px; left: -24px; width: 100%; height: calc(100% + 69px); background-color: #F0FFFE; border-bottom-right-radius: 49px; z-index: -1; opacity: 1;} */
/* .navbar .dropdown-menu.megamenu .column-wrapper .column:hover::after{opacity: 1;} */
.navbar .dropdown-menu.megamenu .column .icon{display: inline-flex; justify-content: center; align-items: center; width: 56px; height: 56px; border-radius: 100%; background-color: transparent; margin-bottom: 10px;}
.navbar .dropdown-menu.megamenu .column .icon img:nth-child(1){display: block;}
.navbar .dropdown-menu.megamenu .column .icon img:nth-child(2){display: none;}
.navbar .dropdown-menu.megamenu .column .icon img{max-width: 60%;}
.navbar .dropdown-menu.megamenu .column:hover .icon{background-color: #009283;}
.navbar .dropdown-menu.megamenu .column:hover .icon img:nth-child(1){display: none;}
.navbar .dropdown-menu.megamenu .column:hover .icon img:nth-child(2){display: block;}
.navbar .dropdown-menu.megamenu .title{font-size: clamp(18px, 1.3vw, 20px); color: #015B52;}
.navbar .dropdown-menu.megamenu .sub-menu li{position: relative;}
.navbar .dropdown-menu.megamenu .sub-menu li::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 1px; background-color: #111; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.navbar .dropdown-menu.megamenu .sub-menu li a{display: block; padding-block: 5px; padding-left: 25px; margin-bottom: 4px;}
.navbar .dropdown-menu.megamenu .sub-menu li:hover::before{width: 12px; background-color: var(--primary-color);}
.navbar .dropdown-menu.megamenu .sub-menu li:hover a{color: var(--primary-color); padding-left: 20px;}
.navbar .dropdown-menu.megamenu .txt-btn-icon img{top: -1px;}
/* .navbar .dropdown-menu.megamenu .txt-btn-icon:hover{} */
.navbar-toggler{border: none; opacity: 1;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler .navbar-toggler-icon{color: #fff; background: none;}

/* header fixed-top */
header.fixed-top{position: absolute;}

/* header header-light */
header.header-light{position: relative; padding-bottom: 20px;}
header.header-light .navbar .nav-item .nav-link,
header.header-light .navbar .btn:not(:hover){color: #000000; box-shadow: none;}
header.header-light .navbar .btn:hover{background-color: #fff;}
header.header-light .simple-dropdown .dropbtn{color: #0B0B0B;}
header.header-light .navbar .navbar-brand.light{display: none;}
header.header-light .navbar .navbar-brand:not(.light){display: block;}
header.header-light .simple-dropdown .dropbtn > img{filter: brightness(0) grayscale(20%); opacity: 0.8;}



/* social-media */
.social-media{position: absolute; right: 70px; bottom: 9%; z-index: 2;}
.social-media ul li + li{margin-top: 15px;}
.social-media ul li a{display: block; font-size: 15px; background-color: #007C70; color: #fff; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 28px; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.social-media ul li a:hover{background-color: #fff; color: var(--primary-color);}

/* language-translate */
html body{top: 0!important;}
.language-translate{width: 20%;}
#goog-gt-tt + div{display: none!important;}
.goog-te-banner-frame.skiptranslate,
.skiptranslate .skiptranslate{display: none!important;}
.skiptranslate.goog-te-gadget .goog-te-gadget-simple{padding-top: 4px; padding-bottom: 4px; border: 1px solid #ececec;}
iframe .skiptranslate a.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd > div .indicator{display: none!important;}
#google_translate_element .skiptranslate.goog-te-gadget > *:not(div[id]){display: none;}
.goog-te-gadget {color: transparent !important; font-family: 'Segoe UI Variable Regular' !important; height: 30px;}
/* Language Dropdown */
#languageSwitcher{padding: 5px 10px;border-radius: 3px;border: 1px solid rgba(255, 255, 255, 1);font-size: 15px;cursor: pointer;}
body{top: 0px !important;}
/* Hide Google Logo */
.goog-logo-link{display: none !important;}
.goog-te-gadget{color: transparent !important;font-size: 0px;}
/* Hide default dropdown */
#google_translate_element{display: none;}
.notranslate{translate: no;}

/* banner-section */
.banner-section{position: relative; background: var(--gradient-1); height: 124svh; padding-top: 130px;}
.banner-section .outline{position: absolute; left: 50%; transform: translateX(-50%); bottom: 42px; width: calc(100% - 45px * 2.2); height: calc(100% - 100px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 25px; z-index: 1;}
.banner-section .container, .banner-section .banner-slider, .banner-section .banner-slider .swiper-slide{height: 100%; z-index: 1;}
/* banner-slider */
.banner-slider .swiper-slide{display: flex; justify-content: center; align-items: center;}
.banner-slider .content-box .title{color: #fff; font-size: clamp(20px, 3.2vw, 56px); font-weight: 300; line-height: normal;}
.banner-slider .swiper-slide .btn.btn-light{box-shadow: 0 6px 16px -10px rgb(21, 34, 33, 0);}
.banner-slider .swiper-slide .btn.btn-light:hover{box-shadow: 0 6px 18px -10px rgb(21, 34, 33, 1);}
.banner-slider .content-box .image-box{position: relative; gap: 0 75px; justify-content: end;}
.banner-slider .content-box .image-box figure{position: relative; display: flex; margin-top: -110px; margin-left: -50px;}
/* .banner-slider .content-box .image-box figure .bg{width: 100%;} */
/* .banner-slider .content-box .image-box figure::after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 350px; height: 30px; background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,rgba(0,0,0,0.2) 70%); filter: blur(10px); opacity: .8;} */
.banner-slider .content-box .image-box figure .image{position: absolute; right: -70px; top: 51%; transform: translateY(-50%); max-height: calc(100% + 15px);}
.banner-slider .content-box .image-box .text-box{transform: translateY(-100%);}
.banner-slider .content-box .image-box .title{font-size: clamp(22px, 3vw, 50px);}
/*  */
.banner-slider .swiper-slide .content-box.banner-2 .image-box figure{margin-top: -100px;}
.banner-slider .swiper-slide .content-box.banner-2 .image-box figure .image{top: 50%; right: -100px;}
/* swiper-slide-active */
.banner-slider .swiper-slide.swiper-slide-active .content-box div[class*="col-"] > .title{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}
.banner-slider .swiper-slide.swiper-slide-active .content-box .btn{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}
.banner-slider .swiper-slide.swiper-slide-active .content-box .image-box figure{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}
.banner-slider .swiper-slide.swiper-slide-active .content-box .image-box .text-box{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}
/* .banner-slider .swiper-slide.swiper-slide-active .content-box{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
} */
/* animation-timing-function: cubic-bezier(0.175, 0.995, 0.32, 1.385); */



/* .banner-slider div[class*="swiper-button"]{} */
/*  */
.banner-swiper-pagination{position: absolute; top: 50% !important; transform: translateY(-50%); left: 0; bottom: auto !important; padding-left: 70px !important; z-index: 1;}
.banner-swiper-pagination .swiper-pagination-bullet{position: relative; width: 32px; height: 32px; text-align: center; font-size: clamp(18px, 1.3vw, 20px); color:#00A696; opacity: 1; background: transparent; display: flex; border-radius: 50%; cursor: pointer; justify-content: center; align-items: center; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.banner-swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-top: 60px;}
.banner-swiper-pagination .swiper-pagination-bullet:not(:last-child)::after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 40px; width: 1px; height: calc(100% + 15px); background-color: rgba(0, 166, 150, 0.6); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.banner-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #fff;}
.banner-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:not(:last-child)::after{background-color: rgba(255, 255, 255, 0.6);}

/* about-section */
.core-points .column{position: relative; height: 190px; background-color: #fff; padding: 10px 10px; border: 0px solid #0F9D8F; border-radius: 5px; box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0); display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 45px; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; z-index: 1;}
.core-points .column.border-mask::before{width: 100%; height: 100%; border-radius: 5px; background: linear-gradient(180deg, #0F9D8F 0%, #063E4F 100%);}
.core-points .column *{transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.core-points .column .title{font-size: 1.15rem; line-height: 1.3; padding-right: 5%;}
.core-points .column .icon{position: absolute; right: 15px; bottom: 15px; width: 56px;}
.core-points .column .icon img:nth-child(1){display: block;}
.core-points .column .icon img:nth-child(2){display: none;}
.core-points .column::after{content: ""; background-color: #01AD9C; width: 2%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; border-radius: 5px 40px 40px 5px; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: -1;}
.core-points .column:hover{height: 215px; margin-top: 20px; box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.15); transition-delay: 0.1s;}
.core-points .column:hover::after{width: 100%; border-radius: 1px; opacity: 1;}
.core-points .column:hover .title{color: #fff;}
.core-points .column:hover .icon{width: 60px;}
.core-points .column:hover .icon img:nth-child(1){display: none; transition-delay: 0.5s;}
.core-points .column:hover .icon img:nth-child(2){display: block; transition-delay: 0.5s;}

/*  */
.content-highlight-1{font-size: clamp(20px, 1.8vw, 30px);}
.content-highlight-1 p:nth-child(2)::first-letter{margin-left: 15%;}

/*  */
.counter-grid{display: grid; grid-template-columns: auto auto auto; justify-content: space-between; align-items: start; /*gap: 92px;*/}
.counter-grid *{transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.counter-grid .counter-card{ max-width: 453px; padding: 20px 55px 35px; border-radius: 5px; position: relative; background: transparent; z-index: 1;}
.counter-grid .counter-card.border-mask::before{
    border-radius: inherit;
    background: linear-gradient(-180deg, rgba(0, 195, 176, 1) 0%, rgba(1, 137, 124, 0) 100%);
}
.counter-grid .counter-card .number{min-width: 195px; max-width: 365px;display: block; text-align: center; font-size: clamp(60px, 7.6vw, 145px); font-weight: 700; line-height: normal; background: linear-gradient(90deg, #FFFFFF 34.22%, #00DEC8 86.54%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: #fff;}
.counter-grid .counter-card:hover .number{background: linear-gradient(90deg, #FFFFFF 34.22%, #00DEC8 86.54%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.counter-grid .counter-card:nth-child(1){padding-top: 10px; margin-top: 80px;}
.counter-grid .counter-card:nth-child(2){margin-top: 45px;}
.counter-grid .counter-card p{font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 400; line-height: normal;}
.counter-grid .counter-card:nth-child(1) p{width: 78%; margin: 0 -80px 0 0;}
.counter-grid .counter-card:nth-child(2) p{margin-top: -12px;}
.counter-grid .counter-card:nth-child(3) p{position: relative; left: 60%; top: -35px; width: 50%; margin-right: 20px;}

/*  */
.text-design-1{position: relative;}
.text-design-1 .txt{width: auto; font-size: clamp(18px, 1.5vw, 26px); display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 8px;}
.text-design-1 .flow-line{position: absolute; width: calc(100% - 15px); height: 1px; background-color: rgba(255, 255, 255, 0.8); top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.text-design-1 .flow-line::before, .text-design-1 .flow-line::after{content: ""; position: absolute; opacity: 0; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.text-design-1 .flow-line::before{width: 25px; height: 66px; border-left: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); top: -65px; left: -22px; border-end-start-radius: 25px;}
.text-design-1 .flow-line::after{width: 25px; height: 66px; border-right: 1px solid rgba(255, 255, 255, 0.8); border-top: 1px solid rgba(255, 255, 255, 0.8); bottom: -65px; right: -22px; border-start-end-radius: 25px;}
.text-design-1 .txt span{position: relative; flex: 0 0 100%;}
.text-design-1 .txt span:nth-child(1){margin-bottom: 11px;}
.text-design-1 .txt span:nth-child(1)::before{content: ""; position: absolute; top: -22px; left: -32px; width: 13px; height: 13px; background-color: #fff; border-radius: 100%;}
.text-design-1 .txt span:nth-child(2){margin-top: 11px;}
.text-design-1 .txt span:nth-child(2)::after{content: ""; position: absolute; bottom: -22px; right: -32px; width: 13px; height: 13px; background-color: #fff; border-radius: 100%;}
/*  */
.text-design-1.active .flow-line{opacity: 1; transition-delay: 0.6s;}
.text-design-1.active .flow-line::before{opacity: 1; transition-delay: 0.8s;}
.text-design-1.active .flow-line::after{opacity: 1; transition-delay: 1s;}


/* profile-design */
.specialists-slider .swiper-slide{padding: 20px 20px; margin-block: 20px; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.specialists-slider .profile-design{display: flex; gap: 0 15px; padding: 20px 20px 25px; border-radius: 5px; position: relative; background: transparent; z-index: 1; box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.00); transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.specialists-slider .profile-design *{transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.specialists-slider .profile-design.border-mask::before{
    border-radius: inherit;
    background: linear-gradient(-180deg, rgba(15, 157, 143, 1) 0%, rgba(15, 157, 143, 0) 100%);
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.specialists-slider .profile-design figure{flex: 0 0 auto; width: 90px; height: 90px; border-radius: 100%; outline: 4px solid #069284; overflow: hidden;}
.specialists-slider .profile-design .content{flex: 0 1 calc(100% - 90px);}
.specialists-slider .profile-design .title{position: relative; font-size: clamp(1rem, 1.1vw, 1.1rem); padding-bottom: 12px;}
.specialists-slider .profile-design .title::after{content: ""; width: 40%; height: 2px; background-color: #fff; background-color: #fff; position: absolute; left: 0; bottom: 3px;}
.specialists-slider .profile-design .education{font-size: 0.8rem;}
.specialists-slider .profile-design .exp{font-size: 0.75rem;}
.specialists-slider .profile-design .txt-btn-icon{font-size: 0.8rem;}
.specialists-slider .profile-design .txt-btn-icon svg{font-size: 0.7rem;}
/* .specialists-slider .profile-design:hover::before, */
.specialists-slider .swiper-slide.swiper-slide-active + .swiper-slide.swiper-slide-next .profile-design::before{background: linear-gradient(-180deg, rgba(15, 157, 143, 1) 0%, rgba(15, 157, 143, 1) 100%);}
.specialists-slider .swiper-slide.swiper-slide-active + .swiper-slide.swiper-slide-next{transform: scale(1.1) translateY(-8px); margin-block: 0px;}
.specialists-slider .swiper-slide.swiper-slide-active + .swiper-slide.swiper-slide-next .profile-design{padding: 30px 20px 35px;}

/* content-highlight-2 */
.content-highlight-2{font-size: clamp(18px, 1.6vw, 25px); line-height: normal;}
.content-highlight-2 p > span{font-size: clamp(21px, 3.8vw, 45px); background: linear-gradient(271.3deg, #FFFFFF 89.16%, #00DEC8 102.38%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.content-highlight-2 p span:nth-child(2){font-size: clamp(32px, 4.3vw, 80px); background: linear-gradient(180deg, #009C8E 5%, #017A6E 86%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* awards-slider */
.awards-slider .column{}
.awards-slider .column figure img{width: 100%;}
.awards-slider .column figcaption .title{font-family: 'Times New Roman'; font-size: clamp(20px, 28vw, 30px); background: linear-gradient(90deg, #FAC522 0%, #FFFA8A 39.9%, #FAC522 52.88%, #FFFA8A 69.71%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* .awards-slider .column .content{font-size: 0.95rem; position: relative; padding: 0 0px; flex: 0 0 40%;}
.awards-slider .column .content hr{border: none; background: linear-gradient(90deg, #027368 1.92%, #FFFFFF 50%, #027367 100%); height: 1px;}
.awards-slider .column .content::before{content: ""; background: url(../images/vector/award-leaves-img.svg) no-repeat center / contain; height: 105px; width: 70px; position: relative;}
.awards-slider .column .content::after{content: ""; background: url(../images/vector/award-leaves-img.svg) no-repeat center / contain; height: 105px; width: 70px; position: relative; transform: rotateY(180deg);} */
/*  */
.awards-slider-wrap div[class*="swiper-button"].circle{right: 0; left: auto;}
.awards-slider-wrap div[class*="swiper-button"].circle:hover{background-color: #fff; color: #063E4F;}
.awards-slider-wrap div[class*="swiper-button-prev"].circle{margin-top: 16px;}
.awards-slider-wrap div[class*="swiper-button-next"].circle{margin-top: 46px;}

/* video-grid */
.video-grid{display: grid; grid-template-columns: repeat(5, 243px); gap: 20px; overflow-x: auto;}
.video-grid .column{position: relative; height: 420px; border-radius: 5px; overflow: hidden;}
.video-grid .column *{transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.video-grid .column img{width: 100%; height: 100%; transform: scale(1);}
.video-grid .column .btn{position: absolute; right: 25px; bottom: 15px; background-color: #027167; width: 35px; height: 35px; padding: 0; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; padding-left: 1px; transform: scale(1); transform-origin: center;}
.video-grid .column .btn img{max-width: 70%;}
.video-grid .column:hover > img{transform: scale(1.04);}
.video-grid .column .btn:hover{transform: scale(1.1);}
.video-grid .column .btn:hover img{max-width: 76%;}

/* branches-slider */
.branches-slider{margin-right: -400px;}
.branches-slider .column figure{border-top-right-radius: 55px; overflow: hidden;}
.branches-slider .column .content .title{font-size: clamp(20px, 1.5vw, 35px);}
.branches-slider .column .content{font-size: 0.92rem;}
/* .branches-slider .column .content a:hover{color: var(--primary-color);} */

/* testimonials-grid */
.testimonials-grid{position: relative; z-index: 1;}
.testimonials-grid .flow-line-1{position: absolute; width: calc(100% + 20px); height: 1px; background-color: rgba(255, 255, 255, 0.8); top: -6%; left: 50%; transform: translate(-50%, 0%); transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.testimonials-grid .flow-line-1 span{display: inline-block; width: 16px; height: 16px; border-radius: 100%; background-color: #fff; position: absolute;}
.testimonials-grid .flow-line-1 span:nth-child(1){top: -66px; left: -28px;}
.testimonials-grid .flow-line-1 span:nth-child(2){right: -28px; bottom: -66px;}
.testimonials-grid .flow-line-1::before,
.testimonials-grid .flow-line-1::after{content: ""; position: absolute; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.testimonials-grid .flow-line-1::before{width: 25px; height: 66px; border-left: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); top: -65px; left: -22px; border-end-start-radius: 25px;}
.testimonials-grid .flow-line-1::after{width: 25px; height: 66px; border-right: 1px solid rgba(255, 255, 255, 0.8); border-top: 1px solid rgba(255, 255, 255, 0.8); bottom: -65px; right: -22px; border-start-end-radius: 25px;}
/*  */
.testimonials-grid::after{content: ""; position: absolute; left: -18%; bottom: -6%; width: 60%; height: 90%; background: url(../images/vector/quote-lg-vector-primary.svg) no-repeat center / contain; opacity: 0.5; z-index: -1;}
/*  */
.testimonials-grid .block{position: relative; height: 100%; border-radius: 15px; overflow: hidden; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.testimonials-grid .block .btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 38px; height: 38px; background-color: #fff; color: var(--primary-color); display: inline-flex; justify-content: center; align-items: center; padding: 5px; border-radius: 100%; box-shadow: 0 0 4px 0 rgba(39, 39, 39, 0.4), 0 0 0 6px rgba(255, 255, 255, 0.4);}
.testimonials-grid .block .btn:hover{box-shadow: 0 0 4px 0 rgba(39, 39, 39, 0.4), 0 0 0 9px rgba(255, 255, 255, 0.4);}
.testimonials-grid .block img{width: 100%; height: 100%;}
.testimonials-grid .block.content{height: 100%; padding: 25px 35px; border-radius: 5px; background-color: #fff; border: 1px solid #0F9D8F; box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0);}
.testimonials-grid .block.content .title{font-size: clamp(18px, 1.4vw, 22px);}
.testimonials-grid .block.content:hover{box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.15);}

/* faq-wrapper */
.faq-box{background: url(../images/bg/fqa-bg.png) no-repeat center / cover, linear-gradient(270deg, #01A797 21.63%, #087770 75.96%);}
.faq-box.box-light{background: none;}

/* .faq-box.box-light{background: url(../images/bg/question-vector-img.svg) no-repeat left center / contain, transparent;} */

/* footer */
footer{padding-block: 85px 20px; background: #07746D;}
footer .wrapper{position: relative; z-index: 1;}
footer .wrapper::after{content: ""; position: absolute; bottom: -1%; left: 50%; transform: translate(-50%, 0%); width: calc(100% + 80px); height: calc(100% + 35px); border-radius: 25px; border: 1px solid rgba(255, 255, 255, 0.6); z-index: -1;}
footer figure.logo{margin-top: -15px;}
/* grid-wrapper */
footer .grid-wrapper{grid-template-columns: fit-content(260px) auto;}
/* widget */
footer .widget .title{position: relative; color: #59E900; font-size: clamp(18px, 1.6vw, 20px); padding-bottom: 6px;}
footer .widget .title .line{position: absolute; left: 0; bottom: 0; width: 75px; height: 1px; background-color: #fff;}
footer .widget .title .line::after{content: ""; position: absolute; left: 0; bottom: -4px; width: 35px; height: 1px; background-color: #fff;}
/* link-style */
footer .link-style{display: inline-flex; flex-wrap: wrap; gap: 11px 15px;}
footer .link-style li a{display: block;}
footer .link-style li a:hover{color: #00FFE6; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
/* social-media-link */
.social-media-link{display: inline-flex; column-gap: 5px;}
.social-media-link li a{display: block; font-size: 15px; background-color: transparent; color: #fff; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 28px; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.social-media-link li a:hover{background-color: #fff; color: initial;}
/* info-list */
footer .info-list > li{font-size: 14px; position: relative; padding-left: 33px; word-wrap: break-word;}
footer .info-list > li .icon{position: absolute; top: 2px; left: 0; width: 24px; height: 24px; line-height: 22px; background-color: #006056; border-radius: 100%; text-align: center;}
footer .grid-wrapper .grid-items{grid-template-columns: 1fr 1.21fr 1fr; gap: 0;}
footer .grid-wrapper .grid-items .item{ padding: 0 12px; border-right: 1px solid rgba(255,255,255,0.2);}
footer .grid-wrapper .grid-items .item:last-child {border-right: none;}
footer .grid-wrapper .grid-items .item .address{font-size: 14px; line-height: 1.7; min-height: calc(1.8em * 3);margin-bottom: 15px;}

/* copyright-line */
footer .copyright-line{font-size: 12px;}
footer .copyright-line .line{display: inline-block; width: 1px; height: 20px; margin: 0 8px; background: linear-gradient(180deg, #019385 0%, #FFFFFF 38.94%, #FFFFFF 59.62%, #019889 100%); }
.font-nanum-pen-script{font-family: "Nanum Pen Script", cursive; color: #59E900; font-size: clamp(18px, 1.5vw, 27px); font-weight: 400;}

/*  */
.chatbot{text-align: center; width: 70px; height: 70px; line-height: 70px; border-radius: 100%; background: #0F9D8F; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); position: fixed; right: 25px; bottom: 25px; z-index: 20;}
.chatbot .chat-icon{position: absolute; top: -40px; left: -20px; font-size: 1rem;}

/*  */
#typingText::after {content: "|"; animation: blink 0.1s infinite;}
@keyframes blink {
  50% {opacity: 0;}
}








/* ------ Responsive ------ */
/* min-width */
@media only screen and (min-width: 992px){
    header .navbar .nav-item + .nav-item{margin-inline: 10px;}
    .navbar-nav .dropdown.mega-menu {position: static;}
    .navbar .dropdown-menu.megamenu {left: 4%;right: 0;width: 92%; /*-webkit-transform: translate3d(0%, 16px, 0);transform: translate3d(0%, 16px, 0); padding: 0 0;*/ margin: 0; border-radius: 0;}

    .navbar-collapse.offcanvas{flex-direction: row;}

    .list-style-1 li, .cta-section-lg .content{font-size: 1.1rem;}
}

@media only screen and (min-width: 1200px){
    header .navbar .nav-item + .nav-item{margin-inline: 16px;}
}

@media only screen and (min-width: 1280px){}

@media only screen and (min-width: 1400px){}

@media only screen and (min-width: 1440px){
    footer .container{max-width: 1370px;}
}

@media only screen and (min-width: 1920px){
    .page-banner-section{height: auto;}
    .page-banner-section img{height: auto;}
}

@media only screen and (min-width: 2200px){
    .banner-section{height: 90svh; padding-top: 130px;}
}

@media only screen and (min-width: 2500px){
    .banner-section{height: 80svh; padding-top: 130px;}
}

/* max-width */
@media only screen and (max-width: 1440px){
    footer .wrapper::after{width: calc(100% + 20px);}
}

@media only screen and (max-width: 1399px){
    .banner-section{height: 100svh;}
    .banner-section .outline{width: calc(100% - 15px * 2.2);}
    .banner-slider .content-box .image-box figure{margin-top: -95px; margin-left: -15px;}
    
    footer .grid-wrapper{grid-template-columns: auto;}
}

@media only screen and (max-width: 1199px){
    .banner-section{height: 100vh;}
    .banner-slider .content-box .image-box .text-box{transform: translateY(-60%);}
    .banner-swiper-pagination{padding-left: 30px !important;}

    .counter-grid{justify-content: center;}
    .counter-grid .counter-card{padding: 20px 30px 35px;}

    footer .grid-wrapper{grid-template-columns: fit-content(260px) auto;}
    footer .grid-wrapper .grid-items{grid-template-columns: 1fr;}
}

@media only screen and (max-width: 991px){
    .offcanvas, .offcanvas.show:not(.hiding), .offcanvas.showing{transform: translateX(0%); transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
    /* .offcanvas:not(.show){transform: translateX(100%); display: none;} */
    .navbar-collapse.offcanvas{ align-items: start; width: 96%; left: 2%; top: 8%; bottom: auto; background-color: #fff; padding: 40px 20px 20px; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: fadeIn 0.3s ease-in-out forwards;}
    .navbar-collapse.offcanvas .btn-close{position: absolute; top: 10px; right: 20px;}
    .navbar-collapse.offcanvas .navbar-nav{width: 100%;}

    header{ padding-right: 0 !important;}
    header .navbar .nav-item .nav-link{color: #000; padding: 0.8rem 0;}
    header .navbar .nav-item .nav-link.active::before{left: 0; background: linear-gradient(90deg, #01766A 5%, #FFFFFF 100%);}
    header .navbar .btn-border-animation{color: #000;}

    .banner-section{height: 80vh;}
    .banner-slider .content-box .image-box figure .image{right: -60px; max-height: calc(100% + 10px);}
    .banner-slider .content-box .image-box figure{margin-top: -78px;}

    .counter-grid{grid-template-columns: auto auto; gap: 0 25px;}
    .counter-grid .counter-card:nth-child(1){margin-top: 0;}

    .grid-items {grid-template-columns: repeat(2, 1fr);}
    .grid-items .item:nth-child(2) {border-right: none;}

    
    footer .grid-wrapper{grid-template-columns: auto;}
}

@media only screen and (max-width: 767px){
    .btn{font-size: 0.9rem; padding: 0.3rem 1.4rem;}

    header .navbar .navbar-brand{margin: 0 0 0 10px;}
    header .navbar .navbar-brand img{width: 180px;}

    .banner-section {height: 70vh;}
    .banner-section .outline{height: calc(100% - 80px); bottom: 20px;}
    .banner-slider .content-box .image-box figure{margin-top: -60px; margin-left: 20px;}

    .social-media{right: 35px; bottom: 6%;}

    .counter-grid{grid-template-columns: auto;}
    
    .grid-items {grid-template-columns: 1fr;}
    .grid-items .item {border-right: none;border-bottom: 1px solid rgba(255,255,255,0.2);}
    .grid-items .item .address {min-height: auto;}
    
}

@media only screen and (max-width: 575px){
    .navbar-collapse.offcanvas{ align-items: start; width: 96%; left: 0%; right: 0;}
    .navbar-collapse.offcanvas .navbar-nav{padding: 0 10px;}

    .banner-section .outline {width: calc(100% - 15px * 1.5);}
}