*{padding: 0;margin: 0}
a,a:hover{color: inherit;text-decoration: none;}
a:focus, button:focus{outline: none;}

@font-face{font-family: Uni-Sans-SemiBold;
src:url(../fonts/Uni-Sans-SemiBold_0.ttf);}

@font-face{font-family: Uni-Sans-Light;
src:url(../fonts/Uni-Sans-Light_0.ttf);}

@font-face{font-family: Uni-Sans-Regular;
src:url(../fonts/Uni-Sans-Regular_0.otf);}

@font-face{font-family: Uni-Sans-Bold;
src:url(../fonts/Uni-Sans-Bold_0.ttf);}

body{font-family: Uni-Sans-Light;overflow-x: hidden;}
.form-control{font-family: Uni-Sans-Regular;}
form .btn-custom{    font-family: Uni-Sans-Bold;}

.main-banner{background-position: top;background-size: cover;background-repeat:no-repeat;background-color:#31669a}
header{    border-bottom: 1px solid rgba(78, 138, 204, 30%);}
.header-contat{font-size: 1.25rem;position: relative;font-family: Uni-Sans-SemiBold;}
.header-contat span{padding: 0 0.5rem}
.bannner-heading h2{font-family: Uni-Sans-Regular;line-height: 3rem;}
.bannner-heading h2 span{font-size: 2.75rem;font-family: Uni-Sans-Bold;color: #FFF628}
.admission-open, .couses-title{background: #FFF628}
.admission-open h1{font-size: 2.375rem;font-family: Uni-Sans-Bold}
.carousel .carousel-indicators li{    opacity: 1;
    background: #E0E0E0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: none;}
.carousel .carousel-indicators li.active{background: #155599}
.awards-achievment{background: #F7F7F7}
.page-tite h2{color: #155599;font-family: Uni-Sans-Bold}
.awards-item{background: #E4E4E4}
.awards-title h3{font-family: Uni-Sans-Bold;}
.awards-desc p{color: #0009;font-family: Uni-Sans-Regular;}
.page-tite h5{font-size: 1.375rem;    line-height: 1.8rem;}
.couses-title h3{font-size: 1.5625rem;font-family: Uni-Sans-SemiBold;}
.courses-items .accordion .card-header{padding: 0;margin: 0;border: none;background: none} 
.courses-items .accordion .card{border: none;padding: 0 20px;}
.courses-items .accordion .card-header button{padding: 9px 0;width: 100%;text-align: left;font-family:Uni-Sans-SemiBold;color: #000;position: relative;font-size: 1.5rem;text-decoration: none !important;transition: 0.5s all ease}
.courses-items .accordion .card-header button:after{content: "+";position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: 0.5s all ease}
.courses-items .accordion .card .card-body{padding: 0}
.courses-items .accordion .card-header button[aria-expanded="true"]:after{content: "-";transform: translateY(-50%) rotate(180deg);}
.courses-items .accordion .card-header button[aria-expanded="true"]{color: #306599}
.courses-items .accordion .card .card-body ul li{    font-family: Uni-Sans-Regular;
    font-size: 19px;
    color: #000;padding: 6px 0;}
.courses-items .accordion .card .card-body ul li:not(:last-child){    border-bottom: 1px solid #eaeaea;}
.courses-items .accordion .card .card-body ul li:first-child{padding-top: 0}
.courses-_list > .row > .col-lg-12{}
.courses-_list {
    box-shadow: 0px 4px 20px 9px #EDEDED;
    border-radius: 15px;    padding: 2.5rem 2rem 2rem;background: #fff;
}

.girl-showing-portfolio:before{content: "";position: absolute;bottom:0;left: 0;background: url(../images/girl-showing-port-bac.webp)no-repeat;width: 100%;height: 687px;background-size: cover;}


.port-item{border-radius:  17px;font-size: 1.07rem; }
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:nth-child(odd) .port-item{background: #FBF329}
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:nth-child(even) .port-item{background: #00B1D2;color: #fff;}
.banner-slider .carousel-indicators{    bottom: -20px;}
.gallery-item a{position: relative;display: block;}
.gallery-item h2{position: absolute;bottom: 15px;font-family: Uni-Sans-Regular;left: 25px;    text-shadow: 0 0 6px black;}
.view_more h2, .campus-walk-etstimonial .row h2, .student-details h5{font-family:Uni-Sans-SemiBold}
.campus-walk-etstimonial .row h2{color: #155599}
.testimonials{background: #155599}
#testimonial .carousel-indicators{    margin-bottom: 0;
    top: auto;
    bottom: auto;
    margin-top: 25px;position: relative;}

#testimonial .carousel-indicators li.active{background: #FBF329}
.student-details p{font-size: 13px;font-family: Uni-Sans-Regular;}
.testimonials .col-lg-6:first-child{border-right: 1px solid #fff}
.owl-theme.owl-clients .owl-dots .owl-dot span{width: 15px;
    height: 15px;}
.owl-theme.owl-clients .owl-dots{    margin-top: 25px !important;}
.owl-theme.owl-clients .owl-dots .owl-dot.active span{background: #155599}
.footer-top{background: #1D1D1D}
.adres h5{line-height: 1.8rem}
.footer-top h5{font-size: 1.1rem}
.footer-top h3{font-family:Uni-Sans-SemiBold}
.social-icons span:not(:last-child){margin-right: 0.5rem}
.footer-bottom{background: #3C3C3C}



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



.student-words p{font-size:1.125rem }

.life-at-piet .row .col-lg-4{display: flex;flex-direction: column;justify-content: space-between;}

.gallery-item a:after{content: "";position: absolute;top: 0;right: 10px;background: url(../images/search-icon.png) no-repeat; width: 43px;height: 42px;transition: 0.7s all ease;transform: translateY(-100%);}
.gallery-item a:hover:after{transform: translateY(20px)}
.gallery-item a:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0;background: #155599;opacity: 70%;transition: 0.7s all ease;}
.gallery-item a:hover:before{height: 100%}


.page-tite h2{font-size: 3.4375rem;}

.awards-achievment .row .col-lg-3:not(:nth-last-child(-n+4)){margin-bottom: 1.7rem}
.courses-_list > .row > .col-lg-6{flex: 0 0 49.5%;max-width: 49.5%;}


}

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

.courses-_list:before{    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 268px;
    height: 275px;
    background: url(../images/courses-left-ar.png) no-repeat;
    z-index: -1;
    transform: translateX(-50%);}

.courses-_list:after{content: "";position: absolute;right: 0;top: -50px;background: url(../images/courses-right-ar.png) no-repeat;width: 343px;height: 757px;z-index: -1;
    transform: translateX(50%);}
.awards-title h3{font-size: 1.875rem;    line-height: 2rem;}

}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.awards-title h3{    font-size: 1.5rem;}
.gallery-item h2{    font-size: 1.7rem;}

}


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

.logo-contact .logo{    margin-bottom: 1rem;}
.header-contat{font-size: 0.95rem;}
.gifl-form .row.align-items-end .col-lg-6:first-child{order: 3;margin-top: 2rem;}
.bannner-heading h2{    font-size: 1.8rem;}
.admission-open{padding: 1rem 0 !important}
.admission-open h1{font-size: 1.475rem;}
.carousel .carousel-indicators li, .owl-theme.owl-clients .owl-dots .owl-dot span{    width: 12px;
    height: 12px;}
.page-tite h2{    font-size: 1.8rem;}
.awards-item{text-align: center;}
.awards-achievment .row .col-lg-3, .girl-showing-portfolio .row .col-lg-7 .row .col-md-4{    margin-bottom: 1.7rem;}
.page-tite h5 {
    font-size: 1.075rem;
    line-height: 1.4rem;
}
.courses-_list{    padding: 2.5rem 1.5rem 2rem;}
.couses-title h3{    font-size: 1.1625rem;}
.courses-items .accordion .card-header button{    font-size: 1.1rem;}
.courses-items .accordion .card .card-body ul li {
    font-family: Uni-Sans-Regular;
    font-size: 15px;}
.courses-_list > .row > .col-md-6{margin-bottom: 1.7rem}


.gallery-item h2{font-size: 1.7rem}
#testimonial{    padding: 2rem 0;}
.footer-top h3{    font-size: 1.25rem;    margin-top: 2.5rem;}


}

@media only screen and (min-width: 320px) and (max-width: 480px){
.gallery-item{ margin-bottom: 1.7rem}

}

@media only screen and (min-width: 481px) and (max-width: 767px){
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:nth-last-child(-n+2), .awards-achievment .row .col-lg-3:nth-last-child(-n+2){margin-bottom: 0}

.gallery-item h2 {
    font-size: 1.4rem;
}



}

@media only screen and (min-width: 481px) and (max-width: 991px){
.custom-flexx{display: flex;align-items: center;justify-content: space-between;margin-top: 1rem}
.custom-flexx div{width: 47%;}
.life-at-piet .row .col-lg-4:not(.custom-flexx) .gallery-item:not(:last-child){margin-bottom: 1rem} 

}


@media only screen and (max-width: 991px){
.girl-showing-portfolio .row > .col-lg-5{display: none;} 
.girl-showing-portfolio:before{height: 100%}
.girl-showing-portfolio{    padding: 2rem 0;}
.whta-makes-diifeeent .page-tite{margin-bottom: 1.5rem}
/*iframe {
    height: auto;
}*/
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.admission-open h1 {
    font-size: 1.775rem;}

.awards-title h3{    font-size: 1.55rem;}
.awards-achievment .row .col-lg-3:not(:nth-last-child(-n+2)){    margin-bottom: 1.7rem;}
.footer-top .row.justify-content-around.no-gutters{justify-content: space-between !important;}
.footer-top h3{    font-size: 1.35rem;}

}

@media only screen and (min-width: 768px){
.girl-showing-portfolio .row .col-lg-7 .row .col-md-4:not(:nth-last-child(-n+3)){margin-bottom: 3rem}




}