/*
Theme Name: IBS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.button-white{ color: #fff;background: linear-gradient(38deg,rgba(151, 168, 196, 0.38) 0%, rgba(172, 187, 210, 0.38) 100%); border: 1px solid #fff !important;; }
.text-gradient {
 color: #E069A3; 
 background-image: linear-gradient(45deg, #E069A3 , #649DFA 100%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}
.text-gradient-xanh {
 color: #444a53; 
 background-image: linear-gradient(45deg, #444a53 , #649ffb 100%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}
.bg-gradient-style1{ background-image: linear-gradient(90deg, #e16aa3 0%, #649ffb 100%); }
.bg-gradient-style2{ background-image: linear-gradient(-90deg, #e16aa3 0%, #649ffb 100%); }
.bg-gradient-xanh-hong {    background-image: linear-gradient(360deg, #e16aa3 0%, #649ffb 100%);}
.bg-gradient-hong-xanh {    background-image: linear-gradient(180deg, #e16aa3 0%, #649ffb 100%);}
.be-vietnam-pro-thin {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.be-vietnam-pro-extralight {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.be-vietnam-pro-light {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.be-vietnam-pro-regular {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.be-vietnam-pro-medium {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.be-vietnam-pro-semibold {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.be-vietnam-pro-bold {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.be-vietnam-pro-extrabold {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.be-vietnam-pro-black {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.be-vietnam-pro-thin-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.be-vietnam-pro-extralight-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.be-vietnam-pro-light-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.be-vietnam-pro-regular-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.be-vietnam-pro-medium-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.be-vietnam-pro-semibold-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.be-vietnam-pro-bold-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.be-vietnam-pro-extrabold-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.be-vietnam-pro-black-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.spectral-extralight {
  font-family: "Spectral", serif;
  font-weight: 200;
  font-style: normal;
}

.spectral-light {
  font-family: "Spectral", serif;
  font-weight: 300;
  font-style: normal;
}

.spectral-regular {
  font-family: "Spectral", serif;
  font-weight: 400;
  font-style: normal;
}

.spectral-medium {
  font-family: "Spectral", serif;
  font-weight: 500;
  font-style: normal;
}

.spectral-semibold {
  font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
}

.spectral-bold {
  font-family: "Spectral", serif;
  font-weight: 700;
  font-style: normal;
}

.spectral-extrabold {
  font-family: "Spectral", serif;
  font-weight: 800;
  font-style: normal;
}

.spectral-extralight-italic {
  font-family: "Spectral", serif;
  font-weight: 200;
  font-style: italic;
}

.spectral-light-italic {
  font-family: "Spectral", serif;
  font-weight: 300;
  font-style: italic;
}

.spectral-regular-italic {
  font-family: "Spectral", serif;
  font-weight: 400;
  font-style: italic;
}

.spectral-medium-italic {
  font-family: "Spectral", serif;
  font-weight: 500;
  font-style: italic;
}

.spectral-semibold-italic {
  font-family: "Spectral", serif;
  font-weight: 600;
  font-style: italic;
}

.spectral-bold-italic {
  font-family: "Spectral", serif;
  font-weight: 700;
  font-style: italic;
}

.spectral-extrabold-italic {
  font-family: "Spectral", serif;
  font-weight: 800;
  font-style: italic;
}

.mw-1300{ max-width:1300px; }
/*home*/
.header-main .show-for-medium li.html.custom{ display: block!important;}
.header-main .show-for-medium li.html.custom a{ width: 35px; height: 35px; text-align: center; border-radius: 5px; }

.home_2 .h2, .hometit .h2{ font-size: 32px}
.home_2 .fs20, .hometit .fs20{ font-size: 18px}
@media only screen and (max-width: 600px) {
  .home_2 .h2, .hometit .h2{ font-size: 28px}    
}
.hometit.tit36vw{ color: #414141 }
.hometit.tit36vw .h2{ font-size: 34px;}
.hometit.tit36vw .fs20{ font-size: 28px;  }

.home_2:before,.home_2:after, .wr-home2:before{ content:''; height:5px; position: absolute; width: 100%; background-image: linear-gradient(90deg, #f8ddea 0%,#e477ab 30%, #649ffb 100%); }
.home_2:after{ bottom:0; }
.home_2:before{ top:0; }
.wr-home2:before{display: none;}
.home32_tit1 .hometit{ background: url(/wp-content/uploads/2025/07/space1.png) center top no-repeat;     background-size: 2px 80px; padding-top: 110px;}
.thumb img, .border-radius-15{ border-radius: 15px;}
.border-radius-5{ border-radius: 5px;}
.border-radius-10{ border-radius: 10px;}
.border-radius-25{ border-radius: 25px;}
.border-radius-50{ border-radius: 50px;}
.wr-swip-ba{ padding-top:30px; padding-bottom: 30px; background: linear-gradient(to right, #ffecf5 0%, #fff 100%);}

.wr-sw-thietbi,.bg-sec-pink{ background: linear-gradient(55deg, #fceaf4 0%, rgb(255 255 255 / 85%) 100%); padding: 20px !important; border-radius: 20px; }
.wr-sw-thietbi .swiper-button{ position: absolute; top: 45%;}
.wr-sw-thietbi .swiper-prev{left: 50px;}
.wr-sw-thietbi .swiper-next{right: 50px;}
#row-sw-thietbi{ margin-top: -140px;}
.form-style2 .form-control{ border-radius: 50px; }
.form-style1 .form-control{background-color: #e6cbe5; text-transform: unset; text-align: left; padding-left: 25px; font-weight: 500;}
.form-style1 select, .form-style1 .form-control{ color: #444a53;}
.form-style1, #popupform_foot.form-style1{ padding: 2rem; max-width: 450px; background: linear-gradient(180deg, #fff 0%, #e7c8e2 100%); }
.bgsecform .section-content.relative{ height: 100%; position: unset!important}
.wr-secform{ position: absolute; left: 0; bottom: 35px; }

.form-style .form-control{background-color: #fff; text-transform: unset; text-align: left; padding-left: 25px; font-weight: 500;}
.form-style select, .form-style .form-control{ color: #444a53;}

.bgsecform{ background: none}
.itemmap { background-color: var(--cl-black); border-radius: 25px; overflow: hidden; border: 1px solid #d5d5d5;}
.phone-footer a {
/*    font-size: 20px;
    padding: 10px 30px;
*/
    color: #fff;
    text-align: center;
    border-radius: 30px;
    background: #26292b;
   
}
/*.phone-footer a span.position-relative{ -max-width:110px; padding-left:10px; }*/
.phone-footer a span.position-relative:before {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    left: 0;
    top: 10%;    
    background: #6d7075;
}
.large-3 .phone-footer a{  -width: 224px;
    display: inline-block; font-size: 14px;}
.phone-footer a i {
    margin-right: 10px;
    color: var(--cl-hover);
}
.phone-footer a:hover {
    background: var(--primary-color);
}
.lk-footer a:hover i{ color: var(--primary-color);}
#footer .row.large-columns-1{ }
.title-footer{ padding-bottom: 15px;}
#sbform{ padding: 15px;}
.sbtit span{ font-size: 25px; }

/*MAT*/
.wr-sw-mat-mh1{background-color: rgb(255 236 245 / 80%); padding: 20px 15px; }
.row-sw-mat-mh1 .swiper-button{ position: absolute;    top: 45%; }
.row-sw-mat-mh1 .swiper-next {    right: -50px; }
.row-sw-mat-mh1 .swiper-prev {    left: -50px; }
.txt-mat-mh4 {padding: 15px; }
.txt-mat-mh4 span.button{     font-size:37px; background:var(--color); width: 50px; height:50px;
    min-height: 50px;letter-spacing:0; margin-right: 10px;    text-align: center;  
    padding: 0 16px;
    line-height: 50px;}
.mat-mh7 .col.small-2{ font-size: 47px; }


.header-bottom .header-bottom-nav li:first-child  {padding-left:0px;}
.header-bottom .header-bottom-nav li {padding: 0px 4px;}
.header-bottom .header-bottom-nav li a {}
.header-bottom .header-bottom-nav li:hover a,
.header-bottom .header-bottom-nav li.active a{border-bottom:2px solid #fff;}
.header-bottom .header-bottom-nav li a i {-color: var(--color)}

.nav-dropdown-default {padding: 0px;min-width: 290px;}
.nav-dropdown  li:first-child  {padding-left:7px !important;}
.nav-dropdown  li {border-bottom: 2px solid #ddd;padding: 0px 5px;}
.nav-dropdown  li:last-child{border-bottom: 0px;}
li.current-dropdown>.nav-dropdown{left: 0px;}
.header-bottom .nav-column.nav-dropdown-default>li>a,
.header-bottom .nav-dropdown.nav-dropdown-default>li>a {padding:10px;display:block;border-bottom:0px;font-weight:400;color:#000;font-family: var(--family) !important;}
.nav-column.nav-dropdown-default>li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a{color: var(--color) !important}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {display: none;}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{padding:0;}
.nav-column.nav-dropdown-default>li>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a{font-weight:normal !important;text-transform:none !important;font-size:15px;font-weight:500}
.nav-dropdown .nav-dropdown-col>ul{
    border: 1px solid var(--color);margin-top:-30px;box-shadow: 2px 2px 5px #828282;display:none;
    position: absolute;left: 100%;z-index: 9;background: white;min-width: 250px;
}

.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col .menu-item-has-children {margin-top: 0px;}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.nav-column.nav-dropdown-default li.menu-item-has-children ul{
    border: 1px solid var(--color);margin-top: -40px;box-shadow: 2px 2px 5px #828282;
    display:none; position: absolute;left: 100%;z-index: 9; background: white;min-width: 240px;
}

.btn-book-sec{ position: absolute;    bottom: 0;    left: 0;    z-index: 10; }
.btn_click {
    background: linear-gradient(181deg, #ffaad3, #9a2b60);
    box-shadow: inset 0px 3px 4px rgb(255 255 255 / 50%);
    border: 0;
    font-weight: 400;
}
.nav-column.nav-dropdown-default li.menu-item-has-children:hover >ul,
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}


.detail_post_cgia {
    position: relative;
    z-index: 1;
    background: #fff;
    margin-bottom: 12px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 10px;
    border-radius: 10px;
    max-width: 100%;
  color:#000;
  
}

.detail_post_cgia .item.img {
    width: 30%;
    text-align: right;
  margin-right: 10px;
}
.detail_post_cgia .item.cl_33.ml-3.d-flex.flex-column {
    width: 70%;
}
.detail_post_cgia .boxbs_dungten .button_footer a {
    font-size: 9px;
    width: 100%;
}

.detail_post_cgia .item.cl_33 span {
  color:#000; 
}

.thankyou h2 {margin: 20px 0 25px;font-size: 24px;font-weight: 400;text-transform: uppercase;line-height: 2;color: #ffdb7c;position: relative;padding-bottom: 15px;}
.thankyou p {font-size: 17px;margin-bottom: 0;color:#fff;}
.thankyou p a:hover {color: #fff;}
.thankyou p a {display: inline-block;padding: 8px 15px 7px;background: var(--color-hover);border-radius: 10px;margin: 12px 8px 0;}

.bottom-contact-mobile{ background: #fff;position: fixed; z-index: 9999; right: 0; top: 25%; border-radius: 10px }
.bottom-contact-mobile .d-flex{ flex-direction:column; }
.bottom-contact-mobile .name-popup{ margin-bottom:5px; margin-top:5px; }

.bottom-contact-mobile .name-popup a {color: var(--color-hover);width: 100%;display: block;padding: 0px 5px;font-size: 14px;text-align: center;font-family:var(--family-bold) !important;}
.bottom-contact-mobile .name-popup img {display: block;text-align: center;margin: 5px auto; max-width: 40px;}

.phone-mb-contact img {-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phone-vr-circle-fill 1s infinite ease-in-out;}

@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}


.chat-messenger {
    position: fixed;
    bottom: 90px;
    right: 15px;
    z-index: 9999
}
@media only screen and (max-width: 1300px){ 
  .fs40 {
      font-size: 34px;
  }
}
@media only screen and (max-width: 900px) {
  .home-slide-4dv .col{ width:100%!important; max-width:100%!important }
  .home-slide-4dv .owl-nav{ display:flex; justify-content:center; }
}
@media only screen and (max-width: 560px) {
		.row-collapse>.col{ padding-left: 15px!important; padding-right: 15px!important;}
    .itemmap .col.medium-9{ padding-left: 0px!important; padding-right: 0px!important;}
    .itemmap .medium-3{ padding-top: 50px!important; }
     #footer .col.medium-6{ text-align: center;}
     .form-footer{ max-width: 320px; margin: 0 auto;}
     .section.container{ padding-left: 15px; padding-right: 15px;}
     .home_2:before{ display: none!important;}
     .wr-home2:before{ display: block; top:-30px; }
     .home_8 .nav{ justify-content: center; }
     #row-sw-mat-mh1 > .col{ padding-left: 0; padding-right: 0;}
     .txt-mat-mh4{margin-left: 0!important;margin-right: 0!important; margin-top: -16vh!important; }
     .mat-mh7 .hometit.tit36vw{ text-align: center;}
     .mat-mh7 .col.small-2{ font-size: 40px; padding: 0!important; }
     .bottom-contact-mobile {width: 100%;bottom: 0;top:auto;border-radius: 15px 15px 0 0;}
     .bottom-contact-mobile .name-popup{ width:33%; }
    .bottom-contact-mobile .d-flex{ flex-direction:row; }

    .silder-doctor-all .avatar {
      margin-bottom: 15px;
      padding: 0 20%;
    }

}
@media only screen and (min-width: 769px) {
  .wr-swip-ba{  padding: 50px 0 50px 50px !important; border-radius: 50px 0 0 50px; }
  .wr-sw-thietbi{ padding: 50px 100px!important; border-radius: 30px; }
  #row-sw-thietbi{ margin-top: -204px;}

}

@media only screen and (min-width: 900px) {
  .txt-mat-mh4 {padding-top: 50px; }
  .home_4 .row-large>.col,
  #footer .row-large>.col{ padding: 0 15px!important;}
  .home_4 .row.row-large{ max-width: 1280px;}
  /* .bgsecform{ background:url(/wp-content/uploads/2025/07/bg7.png) no-repeat center; background-size: cover;} */
  .wr-secform{ top: 0; bottom: auto; height: 100%;}
  .home_8 .tab-panels .col img{ width: 100%; }
  .wr-sw-mat-mh1{ border-radius: 35px; padding: 50px 30px;}
  .mat-mh1:before{ height: 50%!important;}
  .mat-mh7 .hometit .fs20:before{ content: ''; position: absolute; left: -20px; top: 0; height: 100%; width: 8px; background: #919191;  }
  
}
@media only screen and (min-width: 1030px) {
  .hometit .h2{ font-size: 2.6vw}
  .home_2 .fs20, .hometit .fs20{ font-size: 1.3vw}
  .hometit.tit36vw .h2{ font-size: 3.646vw}
  .hometit.tit36vw .fs20{ font-size: 2.4vw}
  .sl-sw-ba:before{content: ''; width: 100px; height: 100%; background: linear-gradient(90deg, transparent 0%, #fff 100%); position: absolute; right: 0; top: 0;z-index: 2; }
  .sl-sw-feedback:before{content: ''; width: 100px; height: 100%; background: linear-gradient(-90deg, transparent 0%, #fff 100%); position: absolute; left: 0; top: 0;z-index: 2; }

}
.btn-zoom-in-zoom-out a, .button_zoom_in_out{ animation: zoom-in-zoom-out 2s ease infinite; }
@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }
  50% {
    scale: 150%;
  }
  100% {
    scale: 100%;
  }
}

@keyframes spread {
    0% {
        box-shadow: 0 0 0 0 #00b0b3
    }

    1% {
        box-shadow: 0 0 0 2px rgb(255 255 255 / 90%)
    }

    3% {
        box-shadow: 0 0 0 4px rgb(255 255 255 / 80%)
    }

    5% {
        box-shadow: 0 0 0 6px rgb(255 255 255 / 70%)
    }

    7% {
        box-shadow: 0 0 0 8px rgb(255 255 255 / 60%)
    }

    9% {
        box-shadow: 0 0 0 10px rgb(255 255 255 / 50%),0 0 0 0 #fff0
    }

    11% {
        box-shadow: 0 0 0 12px rgb(255 255 255 / 40%),0 0 0 4px rgb(255 255 255 / 20%)
    }

    13% {
        box-shadow: 0 0 0 14px rgb(255 255 255 / 30%),0 0 0 6px rgb(255 255 255 / 20%)
    }

    15% {
        box-shadow: 0 0 0 16px rgb(255 255 255 / 20%),0 0 0 8px rgb(255 255 255 / 20%)
    }

    17% {
        box-shadow: 0 0 0 18px rgb(255 255 255 / 10%),0 0 0 10px rgb(255 255 255 / 20%)
    }

    19% {
        box-shadow: 0 0 0 20px #fff0,0 0 0 18px #fff0
    }

    21% {
        box-shadow: 0 0 0 0 #b06428
    }

    23% {
        box-shadow: 0 0 0 2px rgb(255 255 255 / 90%)
    }

    25% {
        box-shadow: 0 0 0 4px rgb(255 255 255 / 80%)
    }

    27% {
        box-shadow: 0 0 0 6px rgb(255 255 255 / 70%)
    }

    29% {
        box-shadow: 0 0 0 8px rgb(255 255 255 / 60%)
    }

    31% {
        box-shadow: 0 0 0 10px rgb(255 255 255 / 50%),0 0 0 0 #fff0
    }

    33% {
        box-shadow: 0 0 0 12px rgb(255 255 255 / 40%),0 0 0 4px rgb(255 255 255 / 20%)
    }

    35% {
        box-shadow: 0 0 0 14px rgb(255 255 255 / 30%),0 0 0 6px rgb(255 255 255 / 20%)
    }

    37% {
        box-shadow: 0 0 0 16px rgb(255 255 255 / 20%),0 0 0 8px rgb(255 255 255 / 20%)
    }

    39% {
        box-shadow: 0 0 0 18px rgb(255 255 255 / 10%),0 0 0 10px rgb(255 255 255 / 20%)
    }

    41% {
        box-shadow: 0 0 0 20px #fff0,0 0 0 18px #fff0
    }

    43% {
        box-shadow: 0 0 0 0 #fff0
    }

    100% {
        box-shadow: 0 0 0 0 #fff0
    }
}

.absolute-footer{ display: none;}