@font-face {font-family: "Myriad Pro"; src: url(//db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.eot); src: url(//db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.woff) format("woff"), url(//db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/3dd6e9888191722420f62dd54664bc94.svg#Myriad Pro) format("svg"); }
@font-face {font-family: "Ink Free";
src: url(//isph.edu.vn/wp-content/themes/isph/fonts/0801c08e5412f54e4b4e9ad146d83a12.eot); src: url(//isph.edu.vn/wp-content/themes/isph/fonts/0801c08e5412f54e4b4e9ad146d83a12.eot?#iefix) format("embedded-opentype"), url(//isph.edu.vn/wp-content/themes/isph/fonts/0801c08e5412f54e4b4e9ad146d83a12.woff2) format("woff2"), url(//isph.edu.vn/wp-content/themes/isph/fonts/0801c08e5412f54e4b4e9ad146d83a12.woff) format("woff"), url(//isph.edu.vn/wp-content/themes/isph/fonts/0801c08e5412f54e4b4e9ad146d83a12.ttf) format("truetype"), url(//isph.edu.vn/wp-content/themes/isph/fonts/0801c08e5412f54e4b4e9ad146d83a12.svg#Ink Free) format("svg"); }
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap");
:root{
--primary-color: #262262;
--secondary-color:  #f8991d;
--success-color:  #8ac541;
--alert-color: #eb1f25;
--gray-color: #8B8F92;
--violet-color:  #8E2A88;
font-size: 17.6px;
}
body {
text-align: justify;
}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], input[type=submit], textarea, select{
font-size: 1.1rem;
border-radius: 6px;
}
.wpforms-field-label {
color: #262262;
}
.button, button, fieldset, input, select, textarea {
margin-bottom: 0;
}
.white {color: var(--primary-color) !important;}
.wpcf7-form-control-wrap{
margin-bottom: 1em;
}
p, ul, table {font-size: 1.25em}
h4 {font-size: 1.25em}
h3 {font-size: 1.8em}
h2 {font-size: 2.4em}
h1 {font-size: 3em}
h2, h3{
margin-bottom: 0.2em;
}
blockquote, dl, figure, form, ol, p, pre, ul {
margin-bottom: 1em;
}
a, .dark .widget a, .dark a {
color: var(--secondary-color);
}
iframe {border: none;}
.heading-border-bottom-color h1, .heading-border-bottom-color h2, .heading-border-bottom-color h3, .heading-border-bottom-color h4, .border-bottom-color p {
width: fit-content;
position: relative;
margin-bottom: 0.8em;
}
.header-button-1 a, .header-button-2 a{
font-size: 0.85rem;
font-weight: bold;
}
.heading-border-bottom-color h1:after, .heading-border-bottom-color h2:after, .heading-border-bottom-color h3:after, .heading-border-bottom-color h4:after, .border-bottom-color p:after{
content: "";
background: url(//isph.edu.vn/wp-content/uploads/2022/03/Asset-8@2x-80.jpg) no-repeat 0 0;
display: inline-block;
height: 5px;
width: calc(100%);
background-size: 100% 100%;
position: absolute;
bottom: -10px;
left: 0;
}
.heading-border-bottom-color-fix {
position: relative;
text-align: center;
}
.heading-border-bottom-color-fix h1:after, .heading-border-bottom-color-fix h2:after, .heading-border-bottom-color-fix h3:after, .heading-border-bottom-color-fix h4:after {
content: "";
background: url(//isph.edu.vn/wp-content/uploads/2022/03/Asset-8@2x-80.jpg) no-repeat 0 0;
display: inline-block;
height: 5px;
width: 300px;
background-size: 100% 100%;
position: absolute;
bottom: -10px;
left: calc(50% - 150px);
}
.button {
font-weight: normal;
padding-left: 30px;
padding-right: 30px;
}
.button-bold-primary{
font-weight: bold;
color: var(--primary-color) !important;
}
.box-text {
font-size: 1em;
}
.box-text-larger p{
font-size: 2rem;
line-height: 1.2;
color: var(--primary-color);
}
.banner h2 {font-size: 58px}
.bg-primary{background: var(--primary-color) !important;}
.bg-secondary{background: var(--secondary-color) !important;}
.bg-success{background: var(--success-color) !important;}
.bg-alert{background: var(--alert-color) !important;}
.bg-gray{background: #8B8F92 !important;}
.bg-violet{background: #8E2A88 !important;}
.p-margin-none p, p.p-margin-none{margin: 0 !important}
#top-link {
color: #f18b03;
}
#top-link:hover{
background: #f18b03;
color: #fff;
}
.menu-item-col-1 {
background: #ededed;
}
.menu-item-col-2 {
}
.menu-item-col-3 {
background: #88C342;
color: #fff;
}
.menu-item-col-1:before{
content: "";
width: 0;
height: 100%;
border-top: 260px solid #ededed;
border-right: 30px solid transparent;
position: absolute;
right: -30px;
bottom: 0;
z-index: 99;
color: #262262;
}
.menu-item-col-3:before{
content: "";
width: 0;
height: 100%;
border-bottom: 260px solid #88C342;
border-left: 30px solid transparent;
position: absolute;
left: -30px;
bottom: 0;
}
.menu-item-col-1 .col-inner, .menu-item-col-3 .col-inner {
padding: 20px;
}
.menu-item-col-3 a {
color: #fff;
}
.nav-dropdown-has-border .nav-dropdown {
border: none;
} .text-center > .title-section, .text-center > h2 {
justify-content: center;
}
.nav-dark .header-button .plain.is-outline:hover {
color: var(--secondary-color);
border-color: var(--secondary-color);
}
.top-bar-nav {
font-size: 80%;
}
.aboutus-video-thumb {
border-radius: 0 0 0 100px;
overflow: hidden;
}
.aboutus-video-thumb .button.open-video.icon{
background: rgba(254, 254, 254, 0.5);
}
.aboutus-video-thumb .icon-play {
color: #f18b03;
}
.testimonial-content { margin-bottom: 20px;
}
.news-title-row{
border-bottom: 2px solid var(--primary-color);
overflow: hidden;
}
.news-title-row h3{ 
background: var(--primary-color);
font-weight: bold;
line-height: 70px;
color: #fff;
float: left;
width: 300px;
text-align: center;
font-size: 1.5em;
margin-bottom: 0;
}
.news-title-row p{
line-height: 70px;
float: right;
font-weight: bold;
margin-bottom: 0;
}
.gallery-slide .ux-logo-link.block{
padding: 0 !important;
}
.gallery-slide .ux-logo-link.block img {
width: 100%;
}
.wpcf7 .col {
padding-bottom: 0;
}
.testimonials .icon-box-img {
padding-top: 10px;
padding-right: 30px;
}
.testimonials .icon-box-left {
display: flex;
align-items: center;	
}
.testimonials .icon-box-left .icon-box-text {
margin-top: 30px;
}
.testimonials .icon-box-left .icon-box-text p{
margin-bottom: 0;
}
.quick-facts .button {
width: 120px;
font-size: 16px;
font-weight: normal;
padding: 0;
margin: 0 3px 6px 3px;
min-height: 1em;
line-height: 1.8em;
color: #262262;
}
.quick-facts .margin-top-10px {
margin-top: -15px;
}
.quick-facts .text-center .button:first-of-type {
margin-left: 3px !important;
}
.quick-facts .text-center .button:last-of-type{
margin-right: 3px !important;
}
.edit-h2 h2{
display:block;
}
.edit-h2 h2:before{
display:none;
}
.welcome-text h2{
line-height:1.2;
display:block;
margin-bottom:0;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 58px;
}
.line-txt-paint{
position:relative;
}
.line-txt-paint h2:after{
content: "";
background: url(//isph.edu.vn/wp-content/uploads/2022/03/Asset-8@2x-80.jpg) no-repeat 0 0;
background-size: 100% 100%;
width: 22%;
height: 4px;
position: absolute;
right: 40%;
left: 40%;
bottom: -20px;
z-index: 1;
}
.welcome-text h3 {
line-height: 1.2;
display: block;
margin-bottom: 0;
font-family: 'Raleway Medium', arial; 
font-size:42px; 
font-weight:100;
}
.welcome-text p{
margin-top:20px;
font-size:30px;
font-weight:500;
font-family: "Quicksand";
text-align: justify;
text-align-last: center;
}
.five-point h2{
display:inline-block;
}
.five-point h2:before{
display:none;
}
.odd-number h2{
background-color: #F8991D;
border-radius: 100%;
width: 110px;
padding: 0px;
line-height: 110px;
color: white;
font-size: 7em;
margin-bottom:10px;
font-family: "Quicksand";
font-weight:700;
}
.odd-number h3{
color: #F8991D;
font-size: 50px;
line-height:1.2;
margin-bottom:10px;
font-weight:600;
}
.odd-number p{
color: #282560;
font-size: 35px;
line-height: 1.2;
margin-bottom:25px;
}
.odd-number a{
font-size: 25px;
font-weight: 200;
border-radius: 80px;
min-height: 45px;
line-height: 1.6;
}
.even-number h2{
background-color: white ;
font-family: "Quicksand";
border-radius: 100%;
width: 110px;
padding: 0px;
line-height: 110px;
color: #F8991D !important;
font-size: 7em;
margin-bottom:10px;
font-weight:700;
}
.even-number h3{
font-size: 50px;
line-height:1.2;
margin-bottom:10px;
font-weight:600;
}
.even-number p{
font-size: 35px;
line-height: 1.2;
margin-bottom:25px;
}
.even-number a{
font-size: 25px;
font-weight: 200;
border-radius: 80px;
min-height: 45px;
line-height: 1.6;
color: #F8991D !important;
background-color:white;
}
.even-number-green span{
color: #89c144 !important;
}
.even-number-blue span{
color: #45A0D8 !important;
}
.title-section, h2 {
align-items: center;
font-size:58px;
font-family: 'Montserrat', sans-serif;
font-weight:500;
}
.testimonials .testimonial-content .lead-1{
font-family: 'Quicksand', sans-serif;
font-size: 9em;
margin-bottom: 0;
height: 45px;
line-height: 0.7;
font-weight: bold;
color: #F8991D !important;
}
.testimonials .testimonial-content .lead{
font-family: 'Ink Free';
text-align:justify;
}
.testimonials .col{
padding-bottom:0 !important;
}
.testimonial-content p {
margin-bottom:0;
}
.img-border-tl .img-inner {
border-top-left-radius:80px;
}
.img-border-bl .img-inner {
border-bottom-left-radius:80px;
}
.img-border-br .img-inner {
border-bottom-right-radius:80px;
}
.contact-sub .col{
padding-bottom:10px;
}
.contact-sub .icon-box{
padding-bottom:10px;
padding-left:100px;
align-items: center;
}
.contact-sub .icon-box h2{
font-family: 'Quicksand', sans-serif;
font-size: 42px;
font-weight:600;
}
.img-box-service .box-image{
display: flex;
flex-direction: column-reverse;
justify-content: flex-start;
}
.img-box-service a{
font-family: 'Quicksand', sans-serif;
line-height:1 !important;
}
.section-footer{display: block}
.section-footer p {
margin-bottom: 0.5em;
}
.section-footer:before{
content: "";
top: -15px;
position: relative;
background: url(//isph.edu.vn/wp-content/uploads/2022/03/Asset-8@2x-80.jpg) no-repeat 0 0;
display: inline-block;
height: 10px;
width: 100%;
background-size: 100% 100%;
}
.flickity-prev-next-button {
position: absolute;
top: 40%;
bottom: 40%;
width: 0;
}
.testimonials .previous:after
{
content: "";
background: url(//isph.edu.vn/wp-content/uploads/2022/03/Asset-8@2x.png) no-repeat 0 0;
display: inline-block;
height: 80px;
width: 42px;
position: relative;
top: 10px;
left: -10px;
background-size: 100% 76%;
}
.testimonials .next:after
{
content: "";
background: url(//isph.edu.vn/wp-content/uploads/2022/03/Asset-7@2x-1.png) no-repeat 0 0;
display: inline-block;
height: 80px;
width: 42px;
position: relative;
top: 10px;
right: 25px;
background-size: 100% 76%;
}
.slide-banner-head .slider-nav-light .flickity-page-dots .dot {
border-color: #282560;
}
.bg-transparent {
background-color:transparent !important;
}
.txt-journey a{ 
font-size: 25px;
line-height: 1;
font-weight: 600;
cursor:pointer;
color:white;
}
.icon-box-timeline .icon-box-text p {
font-size:22px;
font-weight:600;
}
.icon-box-timeline .icon-box-img .icon:after {
content:"";
background-image:url(//isph.edu.vn/wp-content/uploads/2022/04/Asset-3vltml-2.png);
background-repeat: no-repeat;
background-size: contain;
width: 140%;
height: 140%;
position: absolute;
top: -8px;
left: -9px;
background-color: #28245f;
border-radius:100%;
z-index: -1;
}
.icon-box-timeline .icon-box-img .icon:before{
content:"";
background-color:white;
width: 4px;
height: 196%;
position: absolute;
top: -100px;
left: 22px;
}
.row-hr:before{
content:"";
background-color:white; width:100%;
height:4px;
position:absolute;
top:-133px;
left:0;
z-index:-1;
} .early-year{
top:7%;
left:3%;
}
.early-year p {
float:left;
padding-left:26px;
}
.secondary-school p{
float:left;
padding-left:26px;
}
.sixth-form{
bottom:7%;
right:10%;
}
.sixth-form p{
float:right;
padding-right:10px;
}
.student-rp {
background-color:#cff3ff;
border-top-right-radius:40px;
border-top-left-radius:40px;
border-bottom-left-radius:10px;
border-bottom-right-radius:30px;
padding:15px;
}
.parent-rp {
background-color:#ffef92;
border-top-right-radius:40px;
border-top-left-radius:40px;
border-bottom-left-radius:10px;
border-bottom-right-radius:30px;
padding:15px;
}
.staff-rp {
background-color:#CEFFAE;
border-top-right-radius:40px;
border-top-left-radius:40px;
border-bottom-left-radius:10px;
border-bottom-right-radius:30px;
padding:15px;
}
.student-rp::after{
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
transform: skewX(-15deg);
content: "";
position: absolute;
bottom: 130px;
left: 115px;
border-width: 40px 30px 0 0;
border-style: solid;
border-color: #cff3ff transparent;
}
.parent-rp::after{
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
transform: skewX(-15deg);
content: "";
position: absolute; 
left: 115px;
bottom: 130px;
border-width: 40px 30px 0 0;
border-style: solid;
border-color: #ffef92 transparent;
}
.staff-rp::after{
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
transform: skewX(-15deg);
content: "";
position: absolute;
bottom: 130px;
left: 115px;
border-width: 40px 30px 0 0;
border-style: solid;
border-color: #CEFFAE transparent;
}
.curriculum .lg-x15{
left: 16.5%;
}
.curriculum .lg-x85{
right: 16.5%;
}
.quick-facts .alt-font{
font-weight:600;
}
.quick-facts .button {
width: 140px;
font-size: 20px;
margin: 0 2px 1px 1px;
}
.quick-facts .text-center .button:first-of-type {
margin-left: 0px !important;
}
.footer-wrapper .absolute-footer {
display:none;
}
.txt-our-curriculum h2, .txt-our-curriculum h1{
font-size:80px;
color: #f8991d;
font-weight:600;
font-family: 'Montserrat', sans-serif;
}
.txt-our-curriculum p{font-size:30px;}
.black-txt p{
color:black;
}
.btn-f1{
background-color:#8e2b88 !important;
}
.btn-f2{
background-color:#f8991d !important;
}
.btn-f2 span{
color:white !important;
}
.btn-f3{
background-color:#88c143 !important;
}
.btn-f4{
background-color:#e4292b !important;
}
.btn-f4 span{
color:white !important;
}
.no-font > h2, h2.no-font{
font-family: 'Montserrat', sans-serif; 
}
.img-box-curri h4, .img-box-curri h3{
font-size:30px;
}
.img-box-curri p{
font-weight: 500;
padding-left: 20px;
padding-right: 20px;
}
.img-box-curri .txt-tiny{
font-size:15px;
position: relative;
bottom: 11px;
}
.img-box-curri img {
object-fit:contain;
}
.home .box-curri .button{
height:55px;
}
.box-curri {z-index: 2}
.box-curri .button{
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
height:50px;
font-size:20px;
font-weight:400;
}
.txt-ourr h2{
font-family: 'Montserrat', sans-serif;
font-weight:600;
}
.txt-ourr p{
font-size:25px;
}
.btn-l1{
background-color:#E5282B !important;
}
.btn-l2{
background-color:#88C143 !important;
}
.btn-l3{
background-color:#1294FF !important;
}
.img-learn-2::after{
content:"";
width: 92%;
height: 181px;
background-image: url(//isph.edu.vn/wp-content/uploads/2022/04/Asset-18vltml.png);
background-repeat: no-repeat;
bottom: -65px;
right: -115px;
position: absolute;
z-index:-1;
}
.img-learn-2.col-image-right::after {
right: inherit;
left: -115px;
}
.img-learn img{
border:none;
}
.img-learn-3::after{
content: "";
width: 100%;
height: 181px;
background-image: url(//isph.edu.vn/wp-content/uploads/2022/07/dot-tim.png);
background-repeat: no-repeat;
background-size: contain;
bottom: -65px;
left: -70px;
position: absolute;
z-index: -1;
}
.bnr-cricle{
background-color: transparent !important;
}
.icon-box-sbj h3{
font-size:29px;
}
.icon-box-sbj .icon-box-img{
margin-bottom:0;
} .bnr-cricle{
position:relative;
}
.bg-white-crl::after{
content:"";
background-image:url(//isph.edu.vn/wp-content/uploads/2022/04/Asset-3vltml.png);
background-repeat: no-repeat;
background-size: contain;
width: 222px;
height: 222px;
position: absolute;
top: -20px;
right: -20px;
z-index: 0;
}
.bg-white-crl:hover:after{
transform: rotate(360deg);
transition: 2s;
}
.btn-custom a{
font-size:20px ;
min-height: 35px ;
}
.tb-our-curr {
padding:20px;
border: 2px solid #f8991d;
}
.tb-our-curr td {
border-bottom:0;
border-left:0;
}
.tb-our-curr .br-0{
border-right:0;
}
.tb-our-curr tr, td ,th{
border: 2px solid #f8991d;
color:white;
font-size:25px;
text-align:center;
padding:20px
}
.tb-our-curr .fl-l{
text-align:left;
padding-left:15px;
}
.tb-our-curr th {
color:#272660;
background-color: #f8991d;
font-weight:400;
}
.tb-our-curr th:first-child {
text-align:right
} .nav-dropdown-default{background-color: rgba(255,255,255,0.9);}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
border-bottom:0;
}
.nav-dropdown>li.nav-dropdown-col, .nav-dropdown>li.image-column {
width: 240px;
min-width: 240px;	
}
.nav-dropdown li>a, .nav-dropdown-default li>a {
font-size: 1rem !important;
font-weight: 600 !important;
color: var(--primary-color);
}
.nav-size-large>li>a{font-size: 1.15em;}
.nav .menu-item-design-default{
margin:0;
}
.nav .menu-item-design-container-width{
margin:0;
}
.header-nav > li > ul {text-transform: uppercase}
.header-nav ul ul{text-transform: none}
.header-main .nav > li > a{
line-height:19px;
text-transform: none;
} .menu-item.nav-dropdown-col .sub-menu.nav-column li>a:after{
display:none;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
border-color: #140808 hsl(0deg 71% 7% / 0%) hsla(0,19%,87%,0);
border-width: 12px 8px 0px 14px;
bottom: -12px;
left: 20px;
}
.nav-dropdown-has-arrow li.has-dropdown.menu-primary:after{border-top-color: var(--primary-color);} 
.nav-dropdown-has-arrow li.has-dropdown.menu-secondary:after{border-top-color: var(--secondary-color);} 
.nav-dropdown-has-arrow li.has-dropdown.menu-alert:after{border-top-color: var(--alert-color);} 
.nav-dropdown-has-arrow li.has-dropdown.menu-success:after{border-top-color: var(--success-color);} 
.nav-dropdown-has-arrow li.has-dropdown.menu-gray:after{border-top-color: var(--gray-color);} 
.nav-dropdown-has-arrow li.has-dropdown.menu-violet:after{border-top-color: var(--violet-color);} 
.header-nav ul ul:not(.nav-dropdown){
padding-left: 15px;
}
.header-nav ul ul a {
padding-top: 5px;
padding-bottom: 5px;
}
.header-nav > li > ul > li.menu-item-has-children > a {
width: 70%;
float: left;
color: var(--primary-color);
} 
.header-nav > li > ul > li.menu-item-has-children > .icon {
width: 20%;
text-align: center;
}
.header-nav .has-dropdown .icon-angle-down, .header-nav .has-dropdown .icon-angle-up {
font-size: 20px;
margin-left: 0.2em;
opacity: .6;
}
.header:not(.transparent) .header-nav-main.nav > li:hover > a {color: #fff}
.header-nav .sub-menu>li {
display: block;
width: 100%;
clear: both;
}
.header-nav .sub-menu>li.active, .header-nav .sub-menu>li:hover{
background: rgb(38 34 98 / 30%);
overflow: hidden;
}
.header-nav .menu-secondary .sub-menu li.active, .header-nav .menu-secondary .sub-menu>li:hover{background: rgb(248 153 29 / 30%);}
.header-nav .menu-alert .sub-menu li.active, .header-nav .menu-alert .sub-menu>li:hover{background: rgb(235 31 37 / 30%);}
.header-nav .menu-success .sub-menu li.active, .header-nav .menu-success .sub-menu>li:hover{background: rgb(138 197 65 / 30%);}
.header-nav .menu-gray .sub-menu li.active, .header-nav .menu-gray .sub-menu>li:hover{background: rgb(139 143 146 / 30%);}
.header-nav .menu-violet .sub-menu li.active, .header-nav .menu-violet .sub-menu>li:hover{background: rgb(142 42 136 / 30%);}
.nav-dropdown>li.nav-dropdown-col {
white-space: inherit;
} .view-fop .alt-font{
font-weight:600;
}
.child-journey .alt-font{
margin-bottom:15px;
}
.after_dot .col-inner::after {
content: "";
width: 100%;
height: 181px;
background-image: url(//isph.edu.vn/wp-content/uploads/2022/07/Asset-3@4x.png);
background-repeat: no-repeat;
background-size: contain;
right: -115px;
bottom: -65px;
position: absolute;
z-index: -1;
}
.after_dot_red .col-inner::after {
content: "";
width: 100%;
height: 250px;
background-image: url(//isph.edu.vn/wp-content/uploads/2022/08/six-form-02.png);
background-repeat: no-repeat;
background-size: contain;
left: 80px;
bottom: -140px;
position: absolute;
z-index: -1;
}
.col-image-right {
float: right;
}
.row-image-right{
flex-direction: row-reverse;
}
.col-text-align-right > *{
text-align: right !important;
}
.col-text-align-right .button {
float: right !important;
margin-right: 0;
}
.col-text-align-right {
text-align: right
} .section-show h2{
}
.box-google-maps {
border:  10px solid #f29f3d;
}
.box-google-maps > p {
margin: 0;
font-size: 0;
}
.row-box-icon-border-admis .col-inner{
background: #fff;
z-index: -2;
border-radius: 40px;
padding: 20px;
box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);
}
.icon-box-border-admis {
padding: 20px;
background: #fff;
border: 10px solid transparent;
border-radius: 30px;
background-clip: padding-box;
box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);
}
.icon-box-border-admis:before {
content: '';
position: absolute;
top: 20px; right: 20px; bottom: 20px; left: 20px;
z-index: -1;
border-radius: 30px;
background: linear-gradient(to right, #0170F7, #1B1C59);
}
.icon-box-border-admis-2:before{background: linear-gradient(to right, #00D5FF, #0024AA);}
.icon-box-border-admis-3:before{background: linear-gradient(to right, #00BFFF, #00C463);}
.icon-box-border-admis .icon-box-img {
margin-top: -45%;
border-radius: 50%;
box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);
}
.icon-box-border-admis .button.is-link:before {
content: "\f04e";
font-family: 'FontAwesome';
}
.icon-box-border-admis .button.is-link:after {
content: "\f04a";
font-family: 'FontAwesome';
}
.no-bef:before{
display:none;
} .row-admis-guide-step .box{
background-color: #fff;
border-radius: 30px 30px 0 0;
margin-top: 30%;
display: inline-block;
}
.row-admis-guide-step .box-image{
margin-top: -25%;
}
.row-admis-guide-step .col-inner > .button{
margin-bottom: 0;
}
.admis-guide-step-title:before{
content: "";
background-image: linear-gradient(white 60%, rgba(255,255,255,0) 0%);
background-position: right;
background-size: 2px 25px;
background-repeat: repeat-y;
display: inline-block;
width: 2px;
height: 3em;
}
.row-admis-guide-step{position: relative;} .portfolio-box .box-text{
padding-left: 0;
padding-right: 0;
}
.portfolio-box .box-image{
border: 1px solid;
}
.portfolio-box .portfolio-box-category .show-on-hover{
opacity: 1;
pointer-events: inherit;
transform: scale(1) translateZ(0) translateY(0)!important;
}  .box-section-content {
top: 0;
left: 0;
width: 100%;
display: block;
position: absolute;
background-color: rgba(254, 254, 254, 0.2) !important;
height: 100%;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
display: none;
}
.box-section-content > *{
height: 80%;
overflow: auto;
top: 10%;
}
.box-section-content > *::-webkit-scrollbar {
width: .4em;
}
.box-section-content > *::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.box-section-content > *::-webkit-scrollbar-thumb {
background-color: #f18b03;
outline: 1px solid slategrey;
border-radius: 99px;
}
.box-section-content a {
color: #262262;
}
.box-section-content .button-close{
color: #e5282b;
background: transparent;
text-align: center;
line-height: 2em;
font-size: 1em;
position: absolute;
top: 20px;
right: 30px;
height: fit-content;
z-index: 9;
display: block;
} .page-id-1788 .section-footer-top{
background-color: #eaeae9;
}  .section-welcome-principal:before{
content: "";
background: url(//isph.edu.vn/wp-content/themes/isph/images/section-welcome-principal-before.png) bottom no-repeat;
width: 100%;
height: 100px;
position: absolute;
top: 0;
}
.section-welcome-principal:after{
content: "";
background: url(//isph.edu.vn/wp-content/themes/isph/images/section-welcome-principal-after.png) bottom no-repeat;
width: 100%;
height: 400px;
position: absolute;
bottom: 0;
}
.avatar-page-welcome .box-image{
background: url(//isph.edu.vn/wp-content/themes/isph/images/shadow-image-01.png) no-repeat;
}  .section-corevalue-detail:before, .section-corevalue-detail:after {
content: "";
background: url(//isph.edu.vn/wp-content/themes/isph/images/section-welcome-principal-before.png) bottom no-repeat;
width: 100%;
height: 300px;
position: absolute;
top: 0;
}
.section-corevalue-detail:after{bottom: 0; top: inherit;}
.section-corevalue-detail h2{
font-size: 5em;
background: #f29f3d;
width: fit-content;
padding: 0px 40px 50px;
margin: 0 auto;
}
.section-corevalue-detail h2:after{ }
.icon-box-corevalue .icon-box-text {
background-color: #dde1f5;
border-radius: 60px;
color: var(--primary-color);
padding: 20px;
box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);
position: relative;
}
.icon-box-corevalue .icon-box-text:before{
content: "";
background-image: radial-gradient( circle at top center, var(--success-color), transparent 80% );
width: 140px;
height: 70px;
display: block;
position: absolute;
top: 0;
left: calc(50% - 70px);
}
.icon-box-corevalue .icon-box-img {
background-color: var(--success-color);
padding: 20px 30px 60px;
border-radius: 60px;
margin-bottom: -50px;
z-index: -1;
}
.icon-box-corevalue .icon-box-img .icon {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.icon-box-corevalue-violet .icon-box-img {background-color: var(--violet-color);}
.icon-box-corevalue-violet .icon-box-text:before{background-image: radial-gradient( circle at top center, var(--violet-color), transparent 70% );}  .txt-our-curriculum .small-text h3{font-size: 1.5rem;}
.txt-our-curriculum .small-text p {font-size: 1rem;}  .quote {position: relative;}
.quote:before{
font-family: "FontAwesome";
content: "\f10d";
position: absolute;
left: -1.3em;
top: 0;
}
.quote:after{
font-family: "FontAwesome";
content: "\f10e";
margin-left: 15px;
}
.wpcf7-spinner {display: none !important;} .slide-360 p{height: 600px}
.landingpage-header-main {
min-height: 90px;
}
.landingpage-header-main p{
margin:  0;
}
.why-box {
margin-top: 35px;
background: #ffc050;
padding: 30px 8px;
border-radius: 20px;
border: 1px solid #333;
line-height: 1.6em
}
.why-box .icon-box-img {margin-top: -65px;}
.why-box h2 {font-weight: normal}
.why-box h3 {font-size: 1.3em;}
.box-enquire-now > .col-inner{
box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
border-radius: 0 0 20px 20px;
}
.box-enquire-now .icon-box{
background: url(//isph.edu.vn/wp-content/themes/isph/images/bg-enquire-now.jpg) no-repeat;
background-size: cover;
padding: 50px 20px 20px;
color: #fff;
border-radius: 0 0 30px 30px;
}
.box-enquire-now .icon-box h3 {color: #fff;}
.box-enquire-now .wpcf7 {
padding: 80px 30px 50px;
}
.box-enquire-now .wpcf7-submit {
border-radius: 99px
}
.box-enquire-now .wpcf7-textarea {
min-height: 200px
}
.box-challenge p{
font-size: 1em;
line-height: 1.2;
}
.box-challenge h5{
font-size: 1.5em;
border: 1px solid;
border-radius: 50%;
width: 1.5em;
line-height: 1.5em;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 15px;
}
.wpcf7-form-control-wrap.your-nationality {
margin-bottom: 0;
}
.select2.narrow {
width: 100%;
}
.select2-container--default .select2-selection--single {
border-color: #ddd !important;
} .wrap.select2-selection--single {
height: 100%;
}
.select2-container .select2-selection--single .select2-selection__rendered{
word-wrap: break-word !important;
text-overflow: inherit !important;
white-space: normal !important;
}
.select2-container .select2-selection--single {
height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 10px 0;
}
.why-choose h2 {
font-family: "Montserrat";
font-weight: 300;
}
.icon-box-journey {
margin-top: 100px;
}
.icon-box-journey .icon-box-img {
width: 160px !important;
height: 80px;
}
.icon-box-journey .icon-box-img .icon {
position: absolute;
top: -80px;
}
.sqs-image-shape-container-element{padding: 0 !important} .blog-single.page-wrapper {padding: 0}
.entry-body {
padding: 50px 0;
position: relative;
}
.entry-body.has-parallax .section-bg.bg-loaded {
background-image: url(//isph.edu.vn/wp-content/themes/isph/images/bg-entry.jpg);
background-position: top;
}
.entry-body .entry-header-text {
z-index: 2;
}
.entry-body .entry-header-text h1 {color: var(--secondary-color);}
.entry-body .navigation-post {
z-index: 99;
width: 100%;
}
.next-prev-nav.bb, .next-prev-nav.bt, .next-prev-nav .flex-col+.flex-col{
border: none;
}  .portfolio-single-page{
background: url(//isph.edu.vn/wp-content/themes/isph/images/bg-staff-detail.jpg) no-repeat;
padding: 80px 0;
background-position: center;
}
.portfolio-single-page h1, .portfolio-single-page h2, .portfolio-single-page h3, .portfolio-single-page h4, .portfolio-single-page h5, .portfolio-single-page h6, .portfolio-single-page p, .portfolio-single-page table, .portfolio-single-page ul, .portfolio-single-page ol {
color: var(--primary-color) !important;
margin-bottom: 10px;
}
.portfolio-single-page .portfolio-image img,  .avatar .box-image{
background: url(//isph.edu.vn/wp-content/themes/isph/images/shadow-staff.png) no-repeat;
padding: 0 0 8% 6%;
background-size: cover;
margin-top: 8px;
}
.portfolio-single-page .entry-excerpt {
margin-bottom: 10px;
}
.portfolio-single-page hr {
border-top: 2px solid var(--primary-color);
opacity: .6;
margin-bottom: 25px;
}  .box-blog-post .box-text .button {margin: 0}
.box-blog-post .post-meta {
line-height: 36px;
}
.box-blog-post .post-title {
font-size: 1.25rem;
margin-bottom: 1em;
}
.box-blog-post .from_the_blog_excerpt {
margin-bottom: 1em;
}
.journey-eyc .col .col-inner {
padding: 30px;
} .video.mb {margin: 0} .pum img.size-full.alignnone {margin-bottom: 0} 
.pum-theme-default-theme .pum-container {
border: 2px solid var(--primary-color);
padding: 0;
}
.pum-theme-default-theme .pum-content + .pum-close,.pum-theme-lightbox .pum-content + .pum-close {
position: absolute;
height: 40px;
width: 40px;
left: auto;
right: 0px;
bottom: auto;
top: 0px;
padding: 0px;
color: var(--secondary-color);
font-family: inherit;
font-weight: 400;
font-size: 18px;
line-height: 36px;
border: 1px none #ffffff;
border-radius: 0px;
box-shadow: 1px 1px 3px 0px rgb(2 2 2 / 23%);
text-shadow: 0px 0px 0px rgb(0 0 0 / 23%);
background-color: rgba( 38, 34, 98, 0.80 );
}
.pum-theme-lightbox .pum-container {
border: none;
} .row-vision > .col > .col-inner{
display: flex;
align-items: center;
}
.section .p-margin-none p{
font-size: 0;
}
.section-content img.size-full.alignnone, .section-content img.size-full {
margin: 2em auto ;
}
.post-image-left-radius-80 .box-image .image-cover{
border-top-left-radius: 80px;
}
.post-image-bottom-radius-80 > .post-item:first-child .box-image .image-cover {
border-bottom-left-radius: 80px;
}
.post-image-bottom-radius-80 > .post-item:last-child .box-image .image-cover {
border-bottom-right-radius: 80px;
}
.portfolio-box-title {font-size: 1.2em}
.portfolio-box-category.is-xsmall{
font-size: .8em;
}
.button-color {
background: url(//isph.edu.vn/wp-content/themes/isph/images/button-color.png) no-repeat;
background-size: cover;
background-position: center;
border-radius: 20px;
background-color: transparent !important;
}
.box-career .col-inner {
border-radius: 20px;
overflow: hidden;
}
.box-career .box-title {
background-color: #fff;
overflow: hidden;
padding: 10px 20px;
text-align: center;
font-size: 1.3em;
}
.box-career .box-title > *{
color: var(--success-color);
margin-bottom: 0;
}
.box-career .box-content {
background-color: var(--success-color);
padding: 20px;
}
.box-career .box-content * {
color: #fff;
}
.button-float-right {
position: fixed;
bottom: 20px;
right: 15px;
margin: 0;
z-index: 99;
}
.button-float-left {
position: fixed;
bottom: 20px;
left: 15px;
margin: 0;
z-index: 99;
}
.button-register {
padding: 0;
border-radius: 99px;
padding: 12px;
}
.button-register span{
display: none;
}
.button-register:before {
content: "";
background: url(//isph.edu.vn/wp-content/themes/isph/images/icon-registration-form.png) no-repeat;
background-size: 100%;
width: 32px;
height: 32px;
display: block;
}
.dark .nav-pagination > li > .current, .dark .nav-pagination > li > span:hover{
background: #fff;
border: #fff;
color: #2f2c65;
font-weight: bold;
}
#top-bar .top-bar-nav a.nav-top-link, #top-bar .nav-center.mobile-nav a.nav-top-link{
padding: 0 30px;
background: #8ac541;
border-radius: 99px;
line-height: 36px;
font-size: 1em;
font-weight: bold;
margin: 0 8px;
}
#top-bar .nav-center.mobile-nav a.nav-top-link {
padding: 0 20px;
font-size: 0.5em;
line-height: 26px;
}
#top-bar .show-for-medium.flex-grow {
position: relative;
overflow-x: auto;
max-height: 100%;
height: 60px;
}
#top-bar .nav-center.mobile-nav {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: max-content;
}
.entry-content {z-index: 100000000;}
.post {margin: 0;}
.col-logo-cam {
p, h3 {font-size:14px; text-align: left; margin-bottom: 0;}
.icon-box-text {
padding-left: 5px !important;
}
.icon-box.icon-box-left {
display: flex !important; 
margin-bottom: 0 !important;
}
.icon-box-img {
margin-bottom: 0 !important;
}
}
.img-logo-long {margin-top: 10px;}
.menu-footer {
.ux-menu-link__text {
font-size: 20px;
color: #fff;
}
}
.top-bar-nav li.html {
position: relative;
min-height: 36px;
}
.top-bar-nav li.html .gtranslate_wrapper {
position: absolute;
white-space: nowrap;
} @media (min-width: 850px) {
.menu-footer {
flex-direction: row;
gap: 15px;
.ux-menu-link__link {border-bottom: 0 !important;}
}.
}
@media only screen and (min-width: 49em){
.column-2 {
column-count: 2;
column-gap: 30px;
}
#logo {
max-width: 34%;
}
.nav>li>a {
color: #fff;
}
.header-main .nav > li > a {
line-height: 20px;
padding: 15px 15px;
}
.menu-item-has-children>ul.sub-menu {
display: none;
left:0;
width: 300px;
}
.menu-item-has-children>ul.sub-menu ul.sub-menu {
background: rgb(255 255 255 / 80%);
width: 260px;
}
li.current-dropdown >ul.sub-menu {
display: block;
}
ul.sub-menu:before{
content: "";
bottom: 15px;
position: absolute;
background: url(//isph.edu.vn/wp-content/uploads/2022/03/Asset-8@2x-80.jpg) no-repeat 0 0;
display: inline-block;
height: 4px;
width: calc(100% - 30px);
left: 15px;
background-size: 100% 100%;
}
.header-nav > li:hover > a, .header-nav > li.active > a{color: #fff;}
.menu-primary:hover, .menu-primary.active {background: var(--primary-color);}
.menu-secondary:hover, .menu-secondary.active{background: var(--secondary-color);}
.menu-success:hover, .menu-success.active {background: var(--success-color);}
.menu-alert:hover, .menu-alert.active {background: var(--alert-color);}
.menu-gray:hover, .menu-gray.active {background: var(--gray-color);}
.menu-violet:hover, .menu-violet.active {background: var(--violet-color);}
.menu-item-home > a{
font-size: 0 !important;
border-right: 2px solid var(--primary-color);
margin-right: 25px;
padding: 0 15px !important;
}
.stuck .header-main .nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
.admis-guide-step-title > *:before, .admis-guide-step-title > *:after {
content: "";
background-image: linear-gradient(to right, white 60%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 25px 2px;
background-repeat: repeat-x;
display: inline-block;
width: calc(50% - 60px);
height: 2px;
right: calc(50% + 90px);
bottom: 20px;
position: absolute;
}
.admis-guide-step-title > *:after{
left: calc(50% + 90px);
} .box-enquire-now{
margin-top: -170px; 
z-index: 9;
}
.row-box-icon-border-admis > .col{
padding-left: 50px;
padding-right: 50px;
}
.box-enquire-now .wpcf7-form-control-wrap {
margin-bottom: 2.5em;
}
.box-enquire-now .your-nationality {margin-bottom: 1.5em}
.button-color {
margin-right: 4em;
}
.button-color:last-child{margin-right: 0}
}
@media only screen and (max-width: 48em) { .welcome-text h2{
font-size:30px !important;
}
.txt-our-curriculum h2{
font-size:40px;
}
.txt-our-curriculum p {
font-size: 22px;
}
.welcome-text h3 {
font-size:24px;
font-weight: 500;
}
.welcome-text p{
font-size: 1.3em;
text-align: center;
text-align-last: center;
}
.odd-number h2{font-size: 54px;
width: 80px;
line-height: 80px;
}
.odd-number h3{font-size: 32px;}
.odd-number p{font-size: 25px;
padding:0;
}
.even-number h2{font-size: 54px;
width: 80px;
line-height: 80px;
}
.even-number h3{font-size: 32px;}
.even-number p{font-size: 25px;
padding:0;
}
.contact-sub .icon-box {
padding-left: 0px;
}
.img-border-tl .img-inner {
border-top-left-radius: 0px;
}
.img-border-bl .img-inner {
border-bottom-left-radius: 0px;
}
.img-border-br .img-inner {
border-bottom-right-radius: 0px;
}
.title-section, h2 {
font-size: 30px;
}
.testimonials .next:after
{
display:none;
}
.testimonials .previous:after
{
display:none;
}
.student-rp::after{
bottom: -30px;
}
.parent-rp::after{
bottom: -30px;
}
.staff-rp::after{
bottom: -30px;
}
.testimonials .testimonial-content .lead {
font-size: 1.2em;
}
.curriculum .lg-x15{
left: 8%;
}
.curriculum .y30 {
top: 34%;
}
.curriculum .lg-x85{
right: 8%;
}
.language-isph .language-1 .text p{
margin-top:5px;
}
.language-isph .language-1 .y90 {
bottom: 25%;
}
.language-isph .language-2 .button{
width: 85px;
font-size: 14px;
}
.testimonial-content{
position:relative;
}
.form-and-contact p{
text-align:left;
}
.no-font span{
font-size:32px;
}
.img-learn-2::after{
display:none;
}
.tb-rpsv .col-inner{
overflow-x:scroll;
}
.tb-our-curr tr, td ,th{
font-size:22px;}
.bg-white-crl::after{
width: 125%;
height: 125%;
top: -16px;
right: -18px;
}
.icon-box-sbj h3 {
font-size: 18px;
}
.special-sub .col{
overflow:hidden;
}
.bnr-cricle .banner-layers {
overflow:hidden !important;
}
.txt-ourr p {
font-size: 19px;
}
.line-txt-paint h2:after{
width: 100%;
left: 0;
}
.col-text-align-right > * {
text-align: left !important;
}
.col-text-align-right .button {
float: left !important;
}
.mobile-nav > li > a > i.icon-menu{ 
color: var(--primary-color); 
font-size: 1.5em;
}
.nav>li>a {
color: #333;
font-size: 1rem;
}
.nav-vertical > li > ul > li > a {text-transform: uppercase;}
.nav-vertical li li.menu-item-has-children>a, .nav-vertical li li>a{
font-size: 1rem;
font-weight: normal;
}
.nav-vertical li li.menu-item-has-children:not(:first-child) {
margin: 0;
}
.nav-vertical .ux-sidebar-menu-icon {display: none;}
.nav-vertical i {
font-size: 1.3em;
}
.search-form input[type=search] {height: 3.3em}
.txt-our-curriculum h1 {font-size: 50px;}
.txt-our-curriculum p{font-size: 1.2em;}
.aboutus-video-thumb {
border-radius: 0 0 0 60px;
}
.news-title-row h3 {
width: 150px;
}
.quick-facts .button {
width: 80px;
font-size: 12px;
}
.admis-guide-step-title:after{
content: "";
background-image: linear-gradient(white 60%, rgba(255,255,255,0) 0%);
background-position: right;
background-size: 2px 25px;
background-repeat: repeat-y;
display: inline-block;
width: 2px;
height: 3em;
position: absolute;
bottom: -3em;
}
.row-box-icon-border-admis .col-inner {margin-bottom: 70px}
.after_dot_red .col-inner::after {
width: 50%;
left: 0
}
footer .icon-box.icon-box-left{
display: block;
}
footer .icon-box.icon-box-left .icon-box-img {
margin-bottom: 20px;
}
footer .icon-box.icon-box-left .icon-box-text {
padding-left: 0;
} .landingpage-header-main {
text-align: center;
padding: 20px !important;
}
.section-footer .icon-box-left .icon-box-img+.icon-box-text {padding: 0}
.section-footer .icon-box.icon-box-left .icon-box-img{margin-bottom: 20px; display: block}
.icon-box-center-mobile {
display: block;
}
.icon-box-center-mobile .icon-box-img {
margin: 0 auto 20px;
}
.icon-box-center-mobile .icon-box-text {
padding-left: 0 !important;
}
.icon-box .why-choose h2 {text-align: center}
.icon-box .why-choose h2 span{
font-size: 120% !important;
}
.box-challenge p {font-size: 0.8em}
}