a {
    text-decoration: none !important;
}

#main_index {
    overflow: hidden !important;
    padding-bottom: 0px !important;
}

/*nav*/

.navbar_type8 {
    height: 120px;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    transition: all 0.25s ease-in-out;
    padding: 0 8%;
}

#main_index .navbar_type8 {
    border-bottom: none;
}

.dark_nav {
    background-color: #fff !important;
}

.navbar_type8 .logo {
    margin-left: 0;
    flex: 0 1 25%;
}

.navbar_type8 .nav_tab {
    padding-right: 0.5vw;
    flex: 0 1 100%;
    gap: .7vw;
}

.navbar_type8 .nav_tab .nav_item {
    text-transform: unset;
    padding: 7px 0;
}

.navbar_type8 .logo img {
    width: 100%;
    padding: 13px;
    object-position: left;
    left: 0.2vw;
    transition: all 0.25s ease-in-out;
}

.navbar_type8.dark_nav .logo img {
    padding: 5px 0;
}

.navbar_type8 .nav_tab .nav_item a {
    font-size: 1vw;
    font-weight: 600;
    color: #00788a;
    padding: 8px 1.5vw;
    transition: all 0.35s ease-in-out;
}

.navbar_type8 .nav_tab .nav_item:last-child a {
    color: #fff;
    background-color: #45c3d3;
    padding: 8px 1.5vw;
}

.navbar_type8 .nav_tab .nav_item:hover a {
    color: #000;
}

.navbar_type8 .nav_tab .nav_item:last-child:hover a {
    color: #fff;
}

.navbar_type8 .nav_tab .nav_item::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 95%;
    bottom: 0;
    width: 0;
    height: 4px;
    border-radius: 25px;
    background: #00788a;
    border-bottom: 4px solid #00788a;
    transform: translateX(-50%);
    transition: all 0.35s ease-in-out;
    z-index: -1;
}

.navbar_type8 .nav_tab .nav_item:last-child::before {
    width: 100%;
}

.navbar_type8 .nav_tab .nav_item:hover::before {
    width: 80%;
}

.navbar_type8 .nav_tab .nav_item:last-child:hover::before {
    display: none;
}

@media screen and (max-width: 1200.5px){
}

@media screen and (max-width: 991.5px){

}

@media screen and (max-width: 767.5px){

}

/*banner*/
.index_wrapper_2{
    margin-top: -120px;
}

.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner {
    position: relative;
    top: 25vw;
    left: 10.5vw;
    transform: translate(0, -50%);
    width: 50%;
}

.hp_banner_title {
    font-size: 55px;
    font-weight: 700;
    color: #00788a;
    margin-bottom: 0vw;
    line-height: 1.2;
    position: relative;
}

.hp_banner_title2 {
    font-size: 55px;
    font-weight: 700;
    color: #45c3d3;
    margin-bottom: 1vw;
    line-height: 1.2;
    position: relative;
    padding: 0vw 8vw 0vw 0vw;
}

.hp_banner_subtitle {
    font-size: 17px;
    font-weight: 500;
    color: #88a8a9;
    margin-bottom: 0vw;
    line-height: 1.8;
    position: relative;
    padding: 0vw 10vw 0vw 0vw;
}

.button-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.n_bannerViewMore {
    position: relative;
    display: inline-block;
}

.n_bannerViewMore img.arrow-icon {
    width: 115px !important;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.n_bannerViewMore:hover img.arrow-icon {
    animation: swing 1s;
}

.n_bannerViewMore img.arrow-front {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px !important;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
}

.n_bannerImg {
    position: absolute;
    width: 38%;
    top: 9vw;
    right: 6vw;
    z-index: 0;
    overflow: hidden !important;
}

@media screen and (max-width: 1200.5px){
    .hp_banner_title {
        font-size: 30px;
        font-weight: 800;
        color: #00788a;
        margin-bottom: 0vw;
        line-height: 1.2;
        position: relative;
    }
    
    .hp_banner_title2 {
        font-size: 30px;
        font-weight: 800;
        color: #45c3d3;
        margin-bottom: 1vw;
        line-height: 1.2;
        position: relative;
        padding: 0vw 8vw 0vw 0vw;
    }
    
    .hp_banner_subtitle {
        font-size: 15px;
        font-weight: 500;
        color: #88a8a9;
        margin-bottom: 0vw;
        line-height: 1.8;
        position: relative;
        padding: 0vw 10vw 0vw 0vw;
    }
    
    .n_bannerViewMore img.arrow-icon {
        width: 80px !important;
        height: auto;
        display: block;
        transition: transform 0.3s ease;
    }
}

@media screen and (max-width: 991.5px){
    .index_wrapper_2{
        margin-top: 0px;
    }
}

@media screen and (max-width: 767.5px){
    .hp_banner_title {
        font-size: 23px;
        font-weight: 800;
        color: #00788a;
        margin-bottom: 0vw;
        line-height: 1.2;
        position: relative;
    }
    
    .hp_banner_title2 {
        font-size: 23px;
        font-weight: 800;
        color: #45c3d3;
        margin-bottom: 1vw;
        line-height: 1.2;
        position: relative;
        padding: 0vw 2vw 0vw 0vw;
    }
    
    .hp_banner {
        position: relative;
        top: 25vw;
        left: 10.5vw;
        transform: translate(0, -50%);
        width: 85%;
    }
    
    .hp_banner_subtitle {
        font-size: 13px;
        font-weight: 500;
        color: #88a8a9;
        margin-bottom: 0vw;
        line-height: 1.8;
        position: relative;
        padding: 0vw 0vw 0vw 0vw;
    }
    
    .n_bannerViewMore img.arrow-icon {
        width: 60px !important;
        height: auto;
        display: block;
        transition: transform 0.3s ease;
    }
    
    .n_bannerImg {
        position: absolute;
        width: 55%;
        top: 48vw;
        right: 17vw;
        z-index: 0;
        overflow: hidden !important;
    }
}

/*hp_whyChooseUs*/

#n_why {
    padding: 3vw 27vw 1vw 9vw;
    /* background-color: rgba(230, 230, 230, 0.3); */
    margin-top: -17vw;
    z-index: 2;
    position: relative;
}

.n_whyBox {
    display: flex;
    /* align-items: center; */
    color: #303030;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 1.25rem;
}

.n_whyBox:hover {
    color: #fff;
    background: #45c3d3;
    border-radius: 10px;
}

.n_whyBoxLast {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 1.25rem;
}

.n_whyBoxLast:hover {
    color: #195190;
}

.n_whyBox i,
.n_whyBoxLast i {
    font-size: 3rem;
}

.n_whyBox i:hover,
.n_whyBoxLast i:hover {
    color: #195190;
}

.n_whyBox .n_whyContent, .n_whyBoxLast .n_whyContent {
    margin-left: 1.75rem;
    color: #fff;
    font-size: 1vw;
    font-weight: 500;
}

.n_whyContentTitle {
    font-size: 1vw;
    font-weight: 700;
    color: #00788a;
}

.n_whyContentText {
    font-size: 0.85vw;
    font-weight: 500;
    color: #00788a;
}

.n_whyBox:hover .n_whyContentTitle {
    color: #fff;
}

.n_whyBox:hover .n_whyContentText {
    color: #fff;
}

.n_whyBox img,
.n_whyBoxLast img {
    width: 42px;
    height: 42px;
    margin-bottom: 0px;
}

.n_whyBox:hover img {
    animation: 1s swing;
    filter: brightness(0) invert(1);
}

@media screen and (max-width: 1200.5px){
    #n_why {
        padding: 3vw 14vw 1vw 9vw;
        /* background-color: rgba(230, 230, 230, 0.3); */
        margin-top: -17vw;
        z-index: 2;
        position: relative;
    }
    
    .n_whyBox .n_whyContent, .n_whyBoxLast .n_whyContent {
        margin-left: 0.75rem;
        color: #fff;
        font-size: 1vw;
        font-weight: 500;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    #n_why {
        padding: 3vw 5vw 1vw 5vw;
        /* background-color: rgba(230, 230, 230, 0.3); */
        margin-top: 6vw;
        z-index: 2;
        position: relative;
    }
    
    .n_whyContentTitle {
        font-size: 18px;
        font-weight: 700;
        color: #00788a;
    }
    
    .n_whyContentText {
        font-size: 15px;
        font-weight: 500;
        color: #00788a;
    }
}

/*hp_services*/

.hp_services {
    position: relative;
    padding: 6vw 10.5vw 2vw 10.5vw;
}

.hp_services .title_big {
    font-size: 36px;
    font-weight: 700;
    color: #45c3d3;
    line-height: 1.2;
    margin-bottom: 0px;
}

.hp_services .title_big span {
    color: #00788a;
}

.hp_services .profile-btn {
    display: flex;
    justify-content: flex-end;
}

.n_servicesViewMore {
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: #00788a;
    text-transform: capitalize;
    transition: filter 0.3s ease-in-out, color 0.3s ease-in-out;
    margin-top: 2vw;
    text-decoration: none !important;
    display: inline-block;
    padding: 0vw;
    text-align: center;
    line-height: 3vw;
    position: relative;
	z-index: 5;
}

.n_servicesViewMore:hover {
    color: #00788a;
}

.n_servicesViewMore img.arrow-icon {
    margin-left: 10px !important;
    width: 30px !important;
    height: auto !important;
    display: inline-block !important;
    transition: transform 0.3s ease;
}

.n_servicesViewMore:hover img.arrow-icon {
    transform: rotate(45deg); 
}

.n_servicesViewMore .item img {
    width: 100% !important;
    height: auto !important;
    z-index: -1;
}

.n_servicesViewMore .arrow-icon {
    width: 30px;
    height: auto;
    transform: rotate(0deg);
}

/*services*/

.service_cat_slider .cust_ser_content {
    font-size: 28px;
    font-weight: 800;
    text-align: left;
    color: #00788a;
    position: relative;
    padding-right: 30px; 
}

.service_cat_slider .cust_ser_content::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 30px;  
    height: 30px;
    background: url("/assets/56aafb304cb9454cce24.png") no-repeat center;
    background-size: contain;
    transform: translateY(-50%);
}

.service_cat_slider .cust_ser_innerbox {
    position: absolute;
    left: 2rem;
    bottom: 1rem;
    width: calc(100% - 2rem);
}

.service_cat_slider .cust_ser_contentbox {
    position: absolute;
    top: 0;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0;
    /*background: linear-gradient(45deg, rgba(0, 0, 0, 0.6), transparent);*/
    background: transparent;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.3), transparent);
    transition: 0.25s all linear;
}

.service_cat_slider .cust_ser_imagebox img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    transition: 0.25s all linear;
    border-radius: 15px;
}

.service_cat_slider .cust_ser_button {
    font-size: 0.8rem;
    font-weight: 400;
    text-align: left;
    color: #fff;
    margin-bottom: 0;
    text-decoration: underline;
    display: none !important;
}

@media screen and (max-width: 1200.5px){
    .hp_services .title_big {
        font-size: 25px;
        font-weight: 700;
        color: #45c3d3;
        line-height: 1.2;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .hp_services {
        position: relative;
        padding: 6vw 5vw 3vw 5vw;
    }
    
    .hp_services .profile-btn {
        display: flex;
        justify-content: flex-start;
    }
    
    .service_cat_slider {
        padding: 0vw 3vw 0vw 3vw;
    }
    
    .service_cat_slider .slick-prev::before, .service_cat_slider .slick-next::before {
        color: #000;
        display: none !important;
    }
}

/*hp_about*/

.hp_about {
    position: relative;
    padding: 2.5vw 0vw 2vw 0vw;
}

.hp_about_img {
    width: 113%;
    max-width: 150%;
    margin-top: 0vw;
    margin-left: -1vw;
}

.hp_about .aboutRight {
    padding: 8vw 0vw 0vw 5.5vw;
}

.hp_about .title_small {
    font-size: 15px;
    font-weight: 400;
    color: #a6bed1;
    margin-bottom: 10px;
}

.hp_about .title_big {
    font-size: 36px;
    font-weight: 700;
    color: #45c3d3;
    line-height: 1.2;
    margin-bottom: 0px;
}

.hp_about .title_big span {
    color: #00788a;
}

.hp_about .content_all {
    font-size: 14px;
    font-weight: 500;
    color: #777;
    margin-bottom: 20px;
    line-height: 1.8;
    padding: 1vw 0vw 0vw 0vw;
}

.hp_about .profile-btn {
    display: flex;
    justify-content: flex-start;
}

.n_aboutViewMore {
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: #00788a;
    text-transform: capitalize;
    transition: filter 0.3s ease-in-out, color 0.3s ease-in-out;
    margin-top: 0vw;
    text-decoration: none !important;
    display: inline-block;
    padding: 0vw;
    text-align: center;
    line-height: 3vw;
    position: relative;
	z-index: 5;
}

.n_aboutViewMore:hover {
    /*background: linear-gradient(to right, #8604a4, #18169f);*/
    color: #00788a;
}

.n_aboutViewMore img.arrow-icon {
    margin-left: 10px !important;
    width: 30px !important;
    height: auto !important;
    display: inline-block !important;
    transition: transform 0.3s ease;
}

.n_aboutViewMore:hover img.arrow-icon {
    transform: rotate(45deg); 
}

.n_aboutViewMore .item img {
    width: 100% !important;
    height: auto !important;
    z-index: -1;
}

.n_aboutViewMore .arrow-icon {
    width: 30px;
    height: auto;
    transform: rotate(0deg);
}

@media screen and (max-width: 1200.5px){
    .hp_about .title_big {
        font-size: 25px;
        font-weight: 700;
        color: #45c3d3;
        line-height: 1.2;
        margin-bottom: 0px;
    }
    
    .hp_about br {
        display: none;
    }
    
    .hp_about .aboutRight {
        padding: 3vw 5vw 3vw 0vw;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .hp_about_img {
        width: 100%;
        max-width: 150%;
        margin-top: 1vw;
        margin-left: 0vw;
    }
    
    .hp_about .aboutRight {
        padding: 5vw 8vw 6vw 8vw;
    }
}

/*hp_wording*/

.hp_wording {
    padding: 7vw 0 3vw 0;
    position: relative;
    z-index: 1;
}

.hp_slogan_marquee {
    font-size: 35px;
    font-weight: 400;
    height: 0vw;
    /*overflow: hidden;*/
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    letter-spacing: 1px;
    margin-bottom: 0vw;
    background: transparent;
}

.hp_slogan_keyword {
    display: flex;
    white-space: nowrap;
    animation: marqueeLeft 40s linear infinite;
}

.hp_slogan_keyword span {
    display: inline-block;
    padding-right: 0px;
    font-size: 75px;
    font-weight: 400;
    color: #e6eeef;
    margin-bottom: 0vw;
}

@keyframes marqueeLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.hp_slogan_item {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    font-size: 40px; 
    color: #fff;
    font-weight: 600;
}

.hp_slogan_icon {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

.hp_slogan_keyword {
    position: relative;
    display: inline-block;
}

/*.hp_slogan_icon_link {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 10;*/
/*}*/

/*.hp_slogan_icon {*/
/*    width: 150px; */
/*    height: auto;*/
/*}*/

.hp_slogan_item {
    display: inline-block;
    padding: 20px 0;
}

.hp_slogan_icon_link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    z-index: 10;
}

.hp_slogan_button {
    width: 160px; 
    height: auto;
    display: block;
    animation: button-rotate 42s linear infinite; 
}

@keyframes button-rotate {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.hp_slogan_arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;  
    height: auto;
    transform: translate(-50%, -50%);
    pointer-events: none; 
    z-index: 20; 
    animation: arrow-slide 5s infinite;
}

@keyframes arrow-slide {
    0%   { transform: translate(-50%, -50%) translateX(0); }
    50%  { transform: translate(-50%, -50%) translateX(8px); }
    100% { transform: translate(-50%, -50%) translateX(0); }
}

@media screen and (max-width: 1200.5px){
    .hp_slogan_button {
        width: 100px; 
        height: auto;
        display: block;
        animation: button-rotate 42s linear infinite; 
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .hp_slogan_keyword span {
        display: inline-block;
        padding-right: 0px;
        font-size: 50px;
        font-weight: 400;
        color: #e6eeef;
        margin-bottom: 0vw;
    }
}

/*hp_skincare*/

.hp_skincare {
    position: relative;
    padding: 5vw 11vw 2vw 11vw;
}

.hp_skincare .col-lg-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

.hp_skincare .skincareBorder {
    padding: 8px 5px;
}

.hp_skincare .icon1 {
    text-align: left;
    margin-top: 0vw;
    background-color: #fff;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
    padding: 25px 25px 20px 25px;
    border-radius: 20px;
    height: 12.5vw;
    transition: background-color 0.3s ease;
}

.hp_skincare .icon1:hover {
    background-color: #45c3d3; 
}

.hp_skincare .icon-container img {
    display: block;
    margin: 0 auto;
    width: 40%;    
    height: auto;
}

.hp_skincare .icon1 img {
    position: relative;
    top: 15px;
    width: 34%;  
}

.hp_skincare .icon1:hover img {
    animation: 1s swing;
    filter: brightness(0) invert(1);
}

.hp_skincare .text1 {
    margin-top: 5px; 
    margin-bottom: 5px;
}

.hp_skincare .font-icon {
    font-size: 16px;
    font-weight: 800;
    color: #00788a;
    position: relative;
    padding-bottom: 0vw;
    padding-top: 1vw;
    text-align: left;
    line-height: 1.3;
}

.hp_skincare .icon1:hover .font-icon {
    color: #fff;
}

.icon1 {
    position: relative;
}

.skincareArrow {
    position: absolute;
    top: 12px;
    right: -45px;
    display: block;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
}

.skincareArrow img {
    width: 28px;        
    height: auto;
}

.icon1:hover .skincareArrow {
    opacity: 1;
}

@media screen and (max-width: 1200.5px){
    .hp_skincare {
        position: relative;
        padding: 5vw 5vw 5vw 5vw;
    }
    
    .hp_skincare br {
        display: none;
    }
    
    .hp_skincare .icon1 {
        text-align: left;
        margin-top: 0vw;
        background-color: #fff;
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
        padding: 25px 25px 20px 25px;
        border-radius: 20px;
        height: 17vw;
        transition: background-color 0.3s ease;
    }
    
    .hp_skincare .font-icon {
        font-size: 14px;
        font-weight: 800;
        color: #00788a;
        position: relative;
        padding-bottom: 0vw;
        padding-top: 2vw;
        text-align: left;
        line-height: 1.3;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .hp_skincare .col-lg-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .hp_skincare {
        position: relative;
        padding: 12vw 5vw 5vw 5vw;
    }
    
    .hp_skincare .icon1 {
        text-align: left;
        margin-top: 0vw;
        background-color: #fff;
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
        padding: 25px 25px 20px 25px;
        border-radius: 20px;
        height: 40vw;
        transition: background-color 0.3s ease;
    }
    
    .hp_skincare .font-icon {
        font-size: 14px;
        font-weight: 800;
        color: #00788a;
        position: relative;
        padding-bottom: 0vw;
        padding-top: 4vw;
        text-align: left;
        line-height: 1.3;
    }
}

/*hp_team*/

.hp_team {
    position: relative;
    padding: 6vw 0vw 2vw 0vw;
}

.hp_team::before {
    content: "";
    position: absolute;
    left: 0;
    top: 30vw;
    bottom: 0;
    width: 100%;
    height: 70%;
    background-image: url("/assets/afd6b86f91af8ab69663.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 0;
}

.hp_team_img {
    width: 100%;
    max-width: 150%;
    margin-top: 0vw;
    margin-left: 0vw;
}

.hp_team .title_big {
    font-size: 36px;
    font-weight: 700;
    color: #45c3d3;
    line-height: 1.2;
    margin-bottom: 25px;
}

.hp_team .title_big span {
    color: #00788a;
}

.hp_team .profile-btn {
    display: flex;
    justify-content: center;
}

.n_teamViewMore {
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: #00788a;
    text-transform: capitalize;
    transition: filter 0.3s ease-in-out, color 0.3s ease-in-out;
    margin-top: 3vw;
    text-decoration: none !important;
    display: inline-block;
    padding: 0vw;
    text-align: center;
    line-height: 3vw;
    position: relative;
	z-index: 5;
}

.n_teamViewMore:hover {
    /*background: linear-gradient(to right, #8604a4, #18169f);*/
    color: #00788a;
}

.n_teamViewMore img.arrow-icon {
    margin-left: 10px !important;
    width: 30px !important;
    height: auto !important;
    display: inline-block !important;
    transition: transform 0.3s ease;
}

.n_teamViewMore:hover img.arrow-icon {
    transform: rotate(45deg); 
}

.n_teamViewMore .item img {
    width: 100% !important;
    height: auto !important;
    z-index: -1;
}

.n_teamViewMore .arrow-icon {
    width: 30px;
    height: auto;
    transform: rotate(0deg);
}

@media screen and (max-width: 1200.5px){
    .hp_team .title_big {
        font-size: 25px;
        font-weight: 700;
        color: #45c3d3;
        line-height: 1.2;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .hp_team {
        position: relative;
        padding: 1vw 5vw 3vw 5vw;
    }
}

/*hp_review*/

.index_wrapper_9 {
    position: relative;
    padding: 4vw 0vw 2vw 0vw;
}

.hp_review {
    padding: 3vw 0vw 0vw 2vw;
}

.hp_review_image {
    width: 120%;
    max-width: 150%;
    margin-top: 0vw;
    margin-left: 0vw;
}

.row.innerRow_10 {
    background: #fafcfb;
    width: 78%;
    margin: 0 auto;
    margin-top: 7vw;
    margin-left: 4vw;
    border-radius: 15px;
}

.hp_review .title_big {
    font-size: 36px;
    font-weight: 700;
    color: #45c3d3;
    line-height: 1.2;
    margin-bottom: 0px;
}

.hp_review .title_big span {
    color: #00788a;
}

.hp_testimonial_type3 {
    overflow: hidden;
    margin-top: -4vw;
    margin-left: -2vw;
}

.hp_testimonial_type3 .testimonial_box .testimonial_card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.hp_testimonial_type3 .testimonial_box .testimonial_card .img {
    position: absolute;
    top: -45px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    display: none;
}

.hp_testimonial_type3 .testimonial_box .testimonial_card i {
    color: #0c275b;
    display: none;
}

.index_wrapper_6 .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: none !important;
}

.hp_testimonial_type3 .testimonial_box .testimonial_card .text_area .text {
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
}

.hp_testimonial_type3 .testimonial_box .testimonial_card .name {
    text-align: left;
    margin-left: -15vw;
}

.hp_testimonial_type3 .testimonial_box .testimonial_card .name h6 {
    color: #45c3d3;
    font-size: 16px;
    font-weight: 600;
}

.hp_testimonial_type3 .all_font_sm {
    color: #777;
    font-size: 14px !important;
    font-weight: 500;
}

.hp_testimonial_type3 .mt-5, .hp_testimonial_type3 .my-5 {
    margin-top: 2rem !important;
}

.hp_testimonial_type3 i.fas.fa-chevron-left.slick-arrow {
    top: 18vw !important;
    left: 30vw !important;
    transform: translate(0%, -50%);
    font-size: 20px;
    z-index: 1;
}

.hp_testimonial_type3  i.fas.fa-chevron-right.slick-arrow {
    top: 18vw !important;
    left: 32vw !important;
    transform: translate(0%, -50%);
    font-size: 20px;
    z-index: 1;
}

.hp_testimonial_type3 .fa-chevron-left {
    width: 40px;
    height: 40px;
}

.hp_testimonial_type3 .fa-chevron-left::before {
    content: "";
    background: url("/assets/a08b2eac333a404bbd31.png") no-repeat center;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -30px;
    left: -60px;
}

.hp_testimonial_type3 .fa-chevron-right {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    font-family: initial; 
    color: transparent;  
}

.hp_testimonial_type3 .fa-chevron-right::before {
    content: "";
    background: url("/assets/9928b827747ac45d028b.png") no-repeat center;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -30px;
    left: -45px;
}

.hp_testimonial_type3 .slick-dots {
    position: relative;
    display: none !important;
}

@media screen and (max-width: 1200.5px){
    .hp_review .title_big {
        font-size: 25px;
        font-weight: 700;
        color: #45c3d3;
        line-height: 1.2;
        margin-bottom: 0px;
    }
    
    .hp_testimonial_type3 .fa-chevron-left {
        width: 25px;
        height: 25px;
    }
    
    .hp_testimonial_type3 .fa-chevron-left::before {
        content: "";
        background: url("/assets/a08b2eac333a404bbd31.png") no-repeat center;
        background-size: contain;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 102px;
        left: -60px;
    }
    
    .hp_testimonial_type3 .fa-chevron-right {
        width: 25px;
        height: 25px;
        display: inline-block;
        position: relative;
        font-family: initial; 
        color: transparent;  
    }
    
    .hp_testimonial_type3 .fa-chevron-right::before {
        content: "";
        background: url("/assets/9928b827747ac45d028b.png") no-repeat center;
        background-size: contain;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 102px;
        left: -45px;
    }
    
    .hp_testimonial_type3 {
        overflow: hidden;
        margin-top: -8vw;
        margin-left: 0.5vw;
    }
    
    .hp_testimonial_type3 .testimonial_box .testimonial_card .text_area .text {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: left;
    }
    
    .hp_testimonial_type3 .testimonial_box .testimonial_card .name {
        text-align: left;
        margin-left: -12vw;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .hp_review_image {
        width: 100%;
        max-width: 150%;
        margin-top: 0vw;
        margin-left: 0vw;
    }
    
    .row.innerRow_10 {
        background: #fafcfb;
        width: 100%;
        margin: 0 auto;
        margin-top: 7vw;
        margin-left: 0vw;
        border-radius: 15px;
    }
    
    .hp_review {
        padding: 6vw 0vw 0vw 3vw;
    }
    
    .hp_testimonial_type3 .testimonial_box .testimonial_card .name {
        text-align: left;
        margin-left: -26vw;
    }
    
    .index_wrapper_9 {
        position: relative;
        padding: 4vw 5vw 2vw 5vw;
    }
    
    .hp_testimonial_type3 .testimonial_box .testimonial_card .text_area {
        margin-top: 35px;
        margin-bottom: 30px !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .hp_testimonial_type3 .fa-chevron-left::before {
        content: "";
        background: url("/assets/a08b2eac333a404bbd31.png") no-repeat center;
        background-size: contain;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 185px;
        left: 80px;
    }
    
    .hp_testimonial_type3 .fa-chevron-right::before {
        content: "";
        background: url("/assets/9928b827747ac45d028b.png") no-repeat center;
        background-size: contain;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 185px;
        left: 102px
    }
}

/*hp_location*/

.hp_location {
    padding: 4vw 5vw 6vw 5vw;
    background: #fff;
}

.hp_location .title_big {
    font-size: 36px;
    font-weight: 700;
    color: #45c3d3;
    line-height: 1.2;
    margin-bottom: 25px;
}

.hp_location .title_big span {
    color: #00788a;
}

.location_slider_wrap {
    position: relative;
    padding-right: 80px; /* space for arrows */
}

.location_card {
    border: 4px solid #45c3d3;
    border-radius: 30px;
    padding: 32px 30px 20px 30px;
    background: #fff;
    height: 100%;
    margin: 0 12px;
}

.location_card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #0a6f7d;
    margin-bottom: 0px;
}

.location_card .item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.location_card .item img {
   font-size: 18px; 
}

.location_card .icon {
    font-size: 18px;
    line-height: 1.4;
}

.location_card p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin: 0;
    margin-bottom: 12px;
}

.location_slider .slick-list {
    padding: 15px 0;
}

/*.location_slider .slick-prev,*/
/*.location_slider .slick-next {*/
/*    width: 46px;*/
/*    height: 46px;*/
/*    background: #0a6f7d;*/
/*    border-radius: 50%;*/
/*    right: -65px;*/
/*    left: auto;*/
/*    z-index: 5;*/
/*}*/

/*.location_slider .slick-prev {*/
/*    top: 42%;*/
/*}*/

/*.location_slider .slick-next {*/
/*    top: 52%;*/
/*}*/

/*.location_slider .slick-prev:before,*/
/*.location_slider .slick-next:before {*/
/*    font-size: 20px;*/
/*    color: #fff;*/
/*    opacity: 1;*/
/*}*/

.hp_location .slick-prev::before, .hp_location .slick-next::before {
    text-shadow: 0 0 0px black !important;
}

.hp_location .slick-next:before {
    content: "";
    background: url("/assets/d26c57dca93f17ef81a7.png") no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
}

.hp_location .slick-next {
    right: -4vw;
}

.hp_location .slick-next:before, .hp_location .slick-prev:before {
    opacity: 1;
}

.hp_location .slick-prev:before {
    content: "";
    background: url("/assets/e93e211f50505902a01b.png") no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
}

.hp_location .slick-prev,
.hp_location .slick-next {
    width: 40px !important;     
    height: 40px !important;     
    z-index: 2;
}

.hp_location .slick-next {
    top: 9vw;
    right: -4vw;
}

.hp_location .slick-prev {
    top: 12vw;
    left: 83.3vw;
    z-index: 10;
}

.location_link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.location_link:hover .location_text,
.location_link:hover p {
    color: #0a6f7d;
}

.location_card .item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.location_card img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.content_location,
.content_phone {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.6;
}

.location-card .location-icon, .location-card .phone-icon, .location_card .location-icon, .location_card .phone-icon {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain;
    display: inline-block;
    margin-bottom: 0px;
}

/*branch*/
 
.location_tabs {
    margin: 20px 0 40px;
    margin: 0 auto;
    margin-bottom: 1vw;
}

.tab_btn {
    border: none;
    padding: 10px 22px;
    margin: 0 6px;
    background: #f3f3f3;
    font-weight: 600;
    cursor: pointer;
    color: #0a6f7d;
}

.tab_btn.active {
    background: #0a6f7d;
    color: #fff;
}

.tab_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;     
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    background: #f5f5f5;
    cursor: pointer;
    transition: background 0.3s;
}

.tab_btn.active {
    background: #00788a;
    color: #fff;
}

.tab_btn:hover {
    background: #00788a;
    color: #fff;
}

.tab_icon {
    width: 20px;
    height: 20px;
    transition: filter 0.3s ease; 
}

.tab_btn.active .tab_icon {
    filter: brightness(0) invert(1);
}

h3.location_title {
    font-size: 18px;
    font-weight: 700;
    color: #00788a;
    margin-bottom: 10px;
}

@media screen and (max-width: 1200.5px){
    .hp_location .title_big {
        font-size: 25px;
        font-weight: 700;
        color: #45c3d3;
        line-height: 1.2;
        margin-bottom: 25px;
    }
    
    .hp_location br {
        display: none;
    }
    
    .hp_location .slick-prev,
    .hp_location .slick-next {
        width: 30px !important;     
        height: 30px !important;     
        z-index: 2;
    }
    
    .hp_location .slick-next {
        top: 12vw;
        right: -4vw;
    }
    
    .hp_location .slick-prev {
        top: 16vw;
        left: 80.3vw;
        z-index: 10;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .tab_btn.active {
        background: #00788a;
        color: #fff;
        margin-bottom: 4vw;
    }
    
    .hp_location .slick-prev {
        top: 35vw;
        left: 68vw;
        z-index: 10;
    }
    
    .hp_location .slick-next {
        top: 25vw;
        right: -10vw;
    }
}

/*hp_contact*/

.hp_contact {
    position: relative;
    padding: 5vw 14vw 2vw 9vw;
    background-color: #00788a;
}

.hp_contact .title_big {
    font-size: 39px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.hp_contact .title_big span {
    color: #45c3d3;
}

.hp_contact .profile-btn {
    display: flex;
    justify-content: flex-end;
}

.n_contactViewMore {
    border: none;
    font-size: 15px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    text-transform: capitalize;
    transition: filter 0.3s ease-in-out, color 0.3s ease-in-out;
    margin-top: 0vw;
    text-decoration: none !important;
    display: inline-block;
    padding: 0vw;
    text-align: center;
    line-height: 3vw;
    position: relative;
	z-index: 5;
}

.n_contactViewMore:hover {
    color: #fff;
}

.n_contactViewMore img.arrow-icon {
    margin-left: 10px !important;
    width: 30px !important;
    height: auto !important;
    display: inline-block !important;
    transition: transform 0.3s ease;
}

.n_contactViewMore:hover img.arrow-icon {
    transform: rotate(45deg); 
}

.n_contactViewMore .item img {
    width: 100% !important;
    height: auto !important;
    z-index: -1;
}

.n_contactViewMore .arrow-icon {
    width: 30px;
    height: auto;
    transform: rotate(0deg);
}

@media screen and (max-width: 1200.5px){
    .hp_contact .title_big {
        font-size: 25px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .hp_contact .profile-btn {
        display: flex;
        justify-content: flex-start;
    }
    
    .hp_contact {
        position: relative;
        padding: 5vw 5vw 5vw 5vw;
        background-color: #00788a;
    }
}

/*footer*/

.footerListServices {
    background-color: #fff;
    color: #00788a;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.footerListServices a {
    color: #00788a;
    text-decoration: none;
}

.footerListServices .input-container input, .footerListServices .input-container label {
    width: 100%;
    height: 3rem;
    color: #00788a;
}

.footerListServices .input-container input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #00788a;
    outline: none;
    transition: 0.2s ease-in-out;
    box-sizing: border-box;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    caret-color: #00788a;
    padding-right: 40px;
}

.footerListServices .input-container .submit {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #00788a;
    border: none;
    color: white;
    z-index: 10;
    padding: 15px;
}

.footerListServices .line {
    width: 100%;
    padding: 0 15px;
    background-color: #00788a;
    height: 1px;
    margin-bottom: 15px;
}

.fa-facebook-f:before {
    content: "";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #fff;
    background: #00788a;
    border-radius: 50%;
}

.fa-instagram:before {
    content: "";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #fff;
    background: #00788a;
    border-radius: 50%;
}

.fa-youtube:before {
    content: "";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #fff;
    background: #00788a;
    border-radius: 50%;
}

.footerListServices .logo img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    width: auto;
    max-height: 70px;
}

.footerListServices .title {
    min-height: 80px;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-bottom: 1rem;
}

.footerMove {
    margin-top: 3vw;
}

@media screen and (max-width: 1200.5px){
}

@media screen and (max-width: 992.5px){
}

@media screen and (max-width: 767.5px){
    .fancybox__leftCol,
    .fancybox__rightCol {
        max-height: 100vh;
        overflow-y: auto;
        scroll-behavior: smooth;
        padding: 24px;
        box-sizing: border-box;
    }
    
    .fancybox__rightCol {
        background: #000;
        border-left: 1px solid rgba(0,0,0,0.08);
    }
    
    .fancybox__carousel {
        touch-action: pan-y;
    }
    
    .fancybox__image {
        max-height: none !important;
        height: auto;
        border-radius: 14px;
        box-shadow: 0 10px 30px rgba(0,0,0,.15);
    }
    
    .fancybox__content {
        padding: 10px;
    }

    .fancybox__rightCol h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .fancybox__rightCol strong {
        display: block;
        margin: 16px 0 8px;
    }
    
    .fancybox__rightCol ul {
        padding-left: 18px;
        line-height: 1.6;
    }
    
    .fancybox__leftCol::-webkit-scrollbar,
    .fancybox__rightCol::-webkit-scrollbar {
        width: 8px;
    }
    
    .fancybox__leftCol::-webkit-scrollbar-thumb,
    .fancybox__rightCol::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.25);
        border-radius: 10px;
    }
    
    .fancybox__leftCol::-webkit-scrollbar-track,
    .fancybox__rightCol::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .fancybox__image:hover {
        transform: scale(1.02);
        transition: transform .3s ease;
    }
}

@media screen and (max-width: 767.5px) {
    .index_wrapper_2 .item>img{
    	min-height:115vw!important;
    	object-fit:cover;
    	object-position: 50% 50%;
    }
}

#gallery_1{
    overflow:hidden;
}
#main_gallery .page_title{
    margin:2rem 0!important;
    display: none;
}
#main_gallery .gallery{
    margin-top:1rem;
}
#main_gallery .grid-item{
    margin:1rem 0;
}
#main_gallery .grid-item img{
    padding:1rem 0;
}
#main_gallery .grid-item span{
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main_gallery .grid-sizer:hover a img, .grid-item:hover a img{
    transform:scale(1.05);
}
#gallery_1{
    /*position: relative;*/
    /*padding-top: 440px;*/
    /*height:440px;*/
}

/*#gallery_1::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -9%;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image: url("/assets/7700f2d124c342de3686.jpg");*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*}*/

@media screen and (max-width: 1300.5px){
    /*#gallery_1::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: -5%;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/
}

@media screen and (max-width: 1200.5px){
    #gallery_1 {
        position: relative;
        padding-top: 340px;
    }
}

@media screen and (max-width: 992.5px){
    /*#gallery_1 {*/
    /*    position: relative;*/
    /*    padding-top: 250px;*/
    /*}*/
    
    /*#gallery_1::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: -11%;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/
}

@media screen and (max-width: 767.5px){
    /*#gallery_1 {*/
    /*    position: relative;*/
    /*    padding-top: 150px;*/
    /*}*/
    
    /*#gallery_1::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: -14%;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background-image: url("/assets/7700f2d124c342de3686.jpg");*/
    /*    background-size: contain;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: center;*/
    /*}*/
}