@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');
:root {
    --primary1: 33, 86, 133;  /*  #215685; */
    --primary2: 51, 51, 51; /* #333333; */
    --color_base: 117,117,117; /* 757575 */
    --color_black: 0, 0, 0;
    --color_white: 255, 255, 255;
    --baseFont: "Roboto", sans-serif;
    --baseFont2: "Montserrat", sans-serif;
    --timesFont:  "Times New Roman", Times, serif;
    --imgPrimary1: invert(26%) sepia(10%) saturate(6313%) hue-rotate(178deg) brightness(95%) contrast(83%);
    --imgPrimary2: invert(15%) sepia(0%) saturate(1901%) hue-rotate(134deg) brightness(90%) contrast(82%);
    --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
    --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
    --padding: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem);
    --paddingSm: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem);
}
.bg{
    background: linear-gradient(to right,  #225787 0%,#317abb 100%);
}
.bg02{
    background: linear-gradient(to right,  #43abfb 0%,#50ced2 100%);
    transition: all .3s linear;
}
.bg02:hover{
    background: linear-gradient(to right,  #50ced2 0%,#43abfb 100%);
}
.clr-1{color: rgb(var(--primary1)) !important;}
.clr-2{color: rgb(var(--primary2)) !important;}
.bg-primary1{background-color: rgb(var(--primary1));}
.bg-primary2{background-color: rgb(var(--primary2));} .tes-mirror-scope-body {
    font-family: var(--baseFont);
    color: rgb(var(--color_base));
}
a,
a:hover,
a:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
button:focus {
    outline: none;
}
.content p:last-child {
    margin-bottom: 0;
}
.content h3{
    font-size: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.4375rem);
    margin: 30px 0 15px;
}
.content ul{
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}
.padding {
    padding:var(--padding) 0;
}
.padding-sm{
    padding: var(--paddingSm) 0;
}
h2.title{
    color: rgb(var(--primary2)); font-size: clamp(1.875rem, 1.4375rem + 2.1875vw, 4.0625rem); font-weight: 300; margin-bottom: 1rem;
    line-height: normal;
}
h2.title span{
    font-weight: 900;
}
.spl-title{font-family: var(--baseFont2); font-size: clamp(1rem, 0.9375rem + 0.3125vw, 1.3125rem);
color: #1b6399;
letter-spacing: 8px;
position: relative;
padding: 0 60px;
display: inline-block;
margin-bottom: 20px;
}
.spl-title::before,.spl-title::after{
    content: "";
    display: block;
    width: 32px;
    height: 10px;
background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/dot-icon.png');
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
background-size: cover;
top: 50%;
}
.spl-title::before{
    transform: translateY(-50%);
    left: 0;
}
.spl-title::after{
    right: 0;
    transform: translateY(-50%) rotate(180deg);
}
h2.title-sm{
    font-size: clamp(0.9375rem, 0.8125rem + 0.625vw, 1.5625rem);
}
.btn-custom{
    text-transform: uppercase;
    border-radius: 0;
    line-height: 1.3;
    color: rgb(var(--color_white));
    margin-top: 1rem;
    padding: 8px 16px;
    text-decoration: none;
    font-family: var(--baseFont2);
    font-weight: 700;
    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.btn-custom:hover, .btn-custom:focus,.btn-custom:active{outline: none;
    color: rgb(var(--color_white)) !important;
}
#wrapper{max-width: 1920px; margin: 0 auto;}
.container{max-width: 1400px;}
/* header */
.header{
    z-index: 99;
    background-color: transparent;
    max-width: 1920px;
    padding: 30px 0;
}
.header *{transition: all .3s linear;}
.header .navbar-brand{
    transition: all .3s linear;
    display: inline-block;
}
.menu-icon a{color: rgb(var(--color_white));}
.main-menu ul {margin: 0; padding: 0; list-style: none;}
.main-menu ul li{border-bottom: 1px solid #286ba7;}
.main-menu ul li a{color: rgba(var(--color_white),0.7); padding: 10px 30px 10px 0; position: relative;}
.main-menu ul li a .toggle-icon{position: absolute; right: 0; top: 10px;}
.main-menu ul li a:hover, .main-menu ul li a:focus{color: rgb(var(--color_white));}
.offcanvas-header{justify-content: flex-end;}
.offcanvas-header .btn-close{opacity: 0.7; --bs-btn-close-bg:none; width: auto; justify-content: flex-end; box-shadow: none; padding-right: 30px;}
.offcanvas-header .btn-close:hover,.offcanvas-header .btn-close:focus{opacity: 1;}
/* banner */
#banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
#banner .item {
    overflow: hidden;
}
#banner .item .pic,
#banner .item .video-wrap {
    position: relative;
}
#banner,
#banner .item,
#banner .item .pic,
#banner .item .video-wrap {
    height: 100vh;
    max-height: 1080px;
}
#banner .item .pic img {
    height: 100%;
    object-fit: cover;
}
#banner .item .btn-wrap{position: absolute; left: 0;  margin: 0 auto; bottom:20px; text-align: center; padding-left:20px;}
#banner .item .btn-wrap .btn-custom{position: absolute; width: 30px;border: none !important; height: 30px; bottom: 0; background: transparent; padding:0;}
#banner .item .btn-wrap:focus{border: none;}
#banner .item .btn-wrap .volume-off{  z-index: 1;}
#banner .item .btn-wrap .volume-off i{color: rgb(var(--color_base));}
#banner .item .btn-wrap .btn:first-child:active{border: none !important;}

/* #banner .item .pic:after,
#banner .item .video-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color_black), 0.70);
	background-color: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 2;
} */
#banner .item .banner-text{
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: calc(50% + 50px);
    transform: translateY(-50%);
    z-index: 3;
    max-width: 500px;
    width:75%;
    margin: 0 auto;
    text-align: center;
}
#banner .item.has-video .video-icon {
    margin: 0 auto 15px;
    width: 150px;
    height: 150px;
}
#banner .item.has-video .video-icon.active{opacity: 0; visibility: hidden;}
#banner .item .banner-text h1{font-size: clamp(2.5rem, 1.9375rem + 2.8125vw, 5.3125rem); font-weight: 900; margin-bottom: 0;}
#banner .item .banner-text .text{font-size: clamp(0.9375rem, 0.8875rem + 0.25vw, 1.1875rem); font-weight: 300;}
#banner .item .banner-text .text span{font-weight: 700;}
#banner .owl-carousel.style1 .owl-nav button.owl-prev,
#banner .owl-carousel.style1 .owl-nav button.owl-next {
    top: calc(50% + 50px);
}
#banner .owl-carousel.style1 .owl-nav button.owl-prev {
    left: 60px;
}
#banner .owl-carousel.style1 .owl-nav button.owl-next {
    right: 60px;
}
#banner-video {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.owl-carousel.style1 .owl-nav button.owl-prev,
.owl-carousel.style1 .owl-nav button.owl-next {
    position: absolute;
    top: calc(50% - 25px);
    transform: translateY(-50%);
    opacity: 0.5;
}
.owl-carousel.style1 .owl-nav button.owl-prev i,
.owl-carousel.style1 .owl-nav button.owl-next i {
    font-size: clamp(1.2rem, 0.94rem + 1.3vw, 2.5rem);
}
.owl-carousel.style1 .owl-nav button.owl-prev {
    left: -35%;
}
.owl-carousel.style1 .owl-nav button.owl-next {
    right: -35%;
}
.owl-carousel.style1 .owl-nav button.owl-prev:hover,
.owl-carousel.style1 .owl-nav button.owl-next:hover {
    opacity: 1;
}
.owl-carousel.style1 .owl-dots{position: absolute; left: 0; right: 0; bottom: 30px; margin: 0 auto; text-align: center;}
.owl-carousel.style1 .owl-dots button.owl-dot{border: 7px solid transparent;}
.owl-carousel.style1 .owl-dots button.owl-dot span{background-color: #949494; width: 7px; height: 7px; border-radius: 50%; display: block;}
.owl-carousel.style1 .owl-dots button.owl-dot.active span{background-color: rgb(var(--color_white))}
/* middle-block */
.middle-block .main-text{font-size: clamp(1.875rem, 0.625rem + 6.25vw, 8.125rem); font-weight: 900; line-height: normal;}
.middle-block .sub-text{font-family: var(--baseFont2); font-size: clamp(1.125rem, 0.85rem + 1.375vw, 2.5rem); line-height: normal;}
/* statics-block */
.statics-block .statics-item .icon{max-width: 65px; margin-right: 20px;}
.statics-block .statics-item .info{border-left: 1px solid #9f9f9f; padding: 10px 20px;}
.statics-block .statics-item .info .numbers{color: rgb(var(--primary2)); font-size: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem); font-weight: 700; line-height: normal;}
.statics-block .statics-item .info .numbers::after{content: "+"; display: inline-block;}
.statics-block .col-4:nth-child(2) .statics-item .info .numbers::after{display: none;}
.statics-block .statics-item .info .text{font-size: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem); font-weight: 700; line-height: normal;}
/* story-block */
.banner-pic{position: relative; padding-top: 48%;}
.banner-pic img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.story-block p{font-size: clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem);}
/* values-block */
.values-block .spl-title::before,.values-block .spl-title::after{
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/dot-icon2.png');
}
.values-list{margin: 0; padding: 0; list-style: none;}
.values-list li{display: flex; align-items: center; margin-bottom: 20px;}
.values-list li .icon{width: 65px; margin-right: 1rem;}
.values-list li .text{font-size: clamp(0.875rem, 0.7875rem + 0.4375vw, 1.3125rem); color: rgb(var(--color_white));
font-weight: 500;
line-height: 1.2;
max-width: 60%;
text-align: left;
}
.values-list li:nth-child(2){margin-left: 28px;}
.values-list li:nth-child(3){margin-left: 56px;}
.values-list li:nth-child(4){margin-left: 28px;}
.values-list li:nth-child(5){margin-left: 0;}
/*life-block */
.life-block .tagline{color: rgb(var(--primary1)); font-weight: 900; font-size: clamp(1rem, 0.9375rem + 0.3125vw, 1.3125rem); margin-bottom: 1.5rem;}
.life-block p{font-size: clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem); margin-bottom: 0;}
.box-item {text-decoration: none; color: inherit; display: block;}
.box-item .pic{border-radius: 15px; overflow: hidden;}
.box-item .pic::after{content: ""; width: 100%; height: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgb(var(--color_black)) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 1;
    transition: all .1s linear;
}
.box-item:hover .pic::after{
    background-image: none;
    background: linear-gradient(to bottom,  #43abfb 0%,#50ced2 100%);
    opacity: 0.8;
}
.box-item .info{position: absolute;
    text-align: center;
    color: rgb(var(--color_white));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    justify-content: flex-end;
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 12px;
}
.box-item .info h4{
    font-size: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem);
    font-family: var(--baseFont2);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
}
.box-item .info p{
    font-size: 9px;
    margin-bottom: 0;
    line-height: normal;
}
.head-teacher h2.title{margin-bottom: var(--padding);}
.head-teacher .message{font-size: clamp(1rem, 0.875rem + 0.625vw, 1.625rem); color: rgb(var(--color_white));
text-align: justify;
position: relative;
margin-bottom: 50px;
}
.head-teacher .message::before,.head-teacher .message::after{
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    width: 60px;
    height: 44px;
}
.head-teacher .message::before{
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/quote01.png');
    left: -60px;
    top: -40px;
}
.head-teacher .message::after{
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/quote02.png');
    right: -60px;
    bottom: -40px;
}
.teacher-info{color: rgb(var(--color_white));}
.teacher-info .pic{margin-right: 1rem; border-radius: 50%; max-width: 70px;}
.teacher-info .pic img{border-radius: 50%;}
.teacher-info .name h4{font-size: clamp(1.125rem, 0.9rem + 1.125vw, 2.25rem); font-weight: 700; line-height: normal; margin-bottom: 0;}
.teacher-info .name .post{font-size: 13px; line-height: normal;}
.teacher-info .line{ width: 100%; background: linear-gradient(to right,  #43abfb 0%,#50ced2 100%); height: 2px; margin: 0 1.5rem;}
.teacher-info .text{ background: linear-gradient(to right,  #43abfb 0%,#50ced2 100%); font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); line-height: normal; padding: 10px; font-family: var(--baseFont2); font-weight: 700;}
.teacher-info a{background: linear-gradient(to right,  #43abfb 0%,#50ced2 100%); color: rgb(var(--color_white)); font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); line-height: normal; padding: 10px; font-family: var(--baseFont2); font-weight: 700;}
/* parents-block */
.parents-block h2.title{margin-bottom: var(--padding); text-align: center;}
.parents-block .parents-list{ border-radius: var(--paddingSm); border: none; padding: 20px 30px 50px; text-align: center; box-shadow: rgba(17, 17, 26, 0.1) 0px 0 16px, rgba(17, 17, 26, 0.1) 0px 0 24px;margin: 15px;}
.parents-block .parents-list .pic{border-radius: 50%; width: 110px; margin: 0 auto 10px;}
.parents-block .parents-list .pic img{border-radius: 50%;}
.parents-block .parents-list .name{font-size: clamp(1.5625rem, 1.2rem + 1.8125vw, 3.375rem); line-height: 1; font-weight: 300; color: rgb(var(--primary2));}
.parents-block .parents-list .child-name{font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem); line-height: 1.2; font-weight: 300; color: rgb(var(--primary2)); margin-bottom: 1rem;}
.parents-block .parents-list p{ text-align: justify; text-align-last: center; font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); color: #949494; line-height: 1.1; margin-bottom: 8px;}
.parents-block .parents-list .rating{max-width: 200px; margin: 0 auto;}

.parents-block .owl-carousel.style1 .owl-dots{bottom: -30px;}
.parents-block .owl-carousel.style1 .owl-dots button.owl-dot.active span{background-color: rgb(var(--primary1));}


/* our-facilities */
.our-facilities{}
.our-facilities p {
    font-size: clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem);
    text-align: justify;
    text-align-last: center;
    margin-bottom: 0;
    min-height: 44px;
}
.our-facilities .btn-custom{padding: 8px 30px;}
.note{font-size: 10px; color: #ff00ff; font-style: italic; margin-top: 5px; font-weight: 600;}
/* footer */
.home footer #top{padding-top: 50px;}
footer #top{background-color: #d3f4fc;
position: relative;
padding-top: 0;
}
footer #top::before{
    content: "";
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/footer-bg-strip.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 56px;
    position: absolute;
    left: 0;
    right: 0;
    top: -56px;
    z-index: -1;
}
footer #top .f-block h3{
    font-size: clamp(1.125rem, 0.9125rem + 1.0625vw, 2.1875rem);
    margin-bottom: 0;
    font-family: var(--baseFont2);
    font-weight: 900;
    color:rgb(var(--primary2));
}
footer #top .f-block p{
    font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
    color:rgb(var(--primary2));
}
footer #top .f-block a{
    font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
    color:rgb(var(--primary2));
    text-decoration: underline;
}
.footer #top .footer-links li{margin-bottom: 10px;}
.footer #top .footer-links li:last-child{margin-bottom: 0;}
.footer #top a:hover{
    color: rgb(var(--primary1));
    text-decoration: none;
}
.footer .social-media a{margin: 0 12px 0 0; display: block;}
.footer #bottom .container-fluid{ background-color: #d3f4fc;}
.logo-group .logo-wrap{margin: 0 10px; }
/* inner page styles */
/* innber-banner */
.inner-banner {position: relative; overflow: hidden;}
.inner-banner::after{content: ""; width: 100%; height: 320px; display: block;
    background: linear-gradient(to top, transparent 0%, rgb(var(--color_black)) 100%);
    position: absolute;
    left: 0;
    top: 0;
}
.inner-banner img{object-fit: cover; background-position: center top;}
.main-container p{font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem); line-height: normal; margin-bottom: 30px; text-align: justify; text-align-last: center;}
.main-container h3{font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); font-family: var(--baseFont2); font-weight: 700;}
.main-container h3 span{font-weight: 500;}
.affiliated-block img{max-width: 90%;}
.spl-link{color: rgb(var(--color_white)); font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
    font-family: var(--baseFont2); font-weight: 700;
    text-decoration: none;
    background-color: #006296;
    border-radius: 20px;
    padding: 20px;
    line-height: normal;
    display: inline-block;
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.1;
    transition: all .3s linear;
}
.spl-link:hover,.spl-link:focus{
    background-color: #2981b7;
    color: rgb(var(--color_white)) !important;
}
.bototm-menu {text-align: center; padding-bottom:calc(var(--padding) / 1.5)}
.bototm-menu p{font-size: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem); }
.bototm-menu .menu-links{display: flex; flex-wrap: wrap; justify-content: center;}
.bototm-menu .menu-links .spl-link{border-radius: 10px; padding: 15px;
    font-size: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem);
     width: calc(33.33% - 24px); margin: 12px; display: flex; justify-content: center; align-items: center;
     min-height: 70px;
    }
.home .bototm-menu{display: none;}
.block-group,.governors-block{padding-top: calc(var(--padding)/2); padding-bottom: calc(var(--padding)/2);  }
.main-container .block-group p{font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
    text-align: justify;
    text-align-last:left
}
.bullet-style01{
    margin: 0;
    padding: 0;
    list-style: none;
}
.bullet-style01.bold li{
    font-weight: 700;
}
.bullet-style01 li{
    position: relative;
    font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
    line-height: normal;
    padding-left: 20px;
    margin-bottom: 1rem;
}
.bullet-style01 li::before{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: rgb(var(--primary1));
    left: 0;
    top: 52%;
    transform: translateY(-50%);
}
.img-group .img-wrap{border-radius: calc(var(--padding) / 2); overflow: hidden;}
.img-group .img-wrap img{width: 100%;}
.img-group .img-wrap *{transition: all .2s linear;}
.img-group .img-wrap:hover img{transform: scale(1.1);}
.governors-block .governors-item .governors-pic{width: 150px; height: 150px;}
.governors-block .governors-item .governors-name{color: rgb(var(--primary1));
    font-weight: 700;
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem); line-height: normal;
}
/* pic-style01 */
.pic-style01 *{transition: all .3s linear;}
.pic-style01 {position: relative; margin-bottom: var(--padding); display: block;}
.pic-style01 .pic-wrap{position: relative; border-radius: 20px; padding-top: 80%; overflow: hidden;}
.pic-style01 .pic-wrap img{ border-radius: 20px; position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%;}
.pic-style01:hover .pic-wrap img{transform: scale(1.1);}
.pic-style01 .pic-title{font-size: clamp(1rem, 0.85rem + 0.75vw, 1.75rem); border-radius: 10px; padding: 15px; font-weight: 700; text-decoration: none;   color: rgb(var(--color_white)); background-color: #006296; position: absolute; width: 76%; margin: 0 auto; bottom: -30px; position: absolute; left: 0; right: 0; text-align: center;}
.pic-style01:hover .pic-title{ background-color: #2981b7; color: rgb(var(--color_white)) !important; }
/* pic-style02 */
.pic-style02{ border-radius: 20px;  overflow: hidden;}
.pic-style02 *{transition: all .3s linear;}
.pic-style02:hover img{transform: scale(1.1);}
/* accordion */
.accordion{}
.accordion .accordion-item{margin-bottom: 1.5rem; border:none; }
.accordion .accordion-button::after{display: none;}
.accordion .accordion-button{ background-color: #fef286; color: rgb(var(--primary2)); padding: 0; font-size: clamp(1rem, 0.925rem + 0.375vw, 1.375rem);}
.accordion .accordion-button.collapsed{ background-color: #5691bd; color: rgb(var(--color_white)); }
.accordion .accordion-item .accordion-collapse{}
.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius: 0;}
.accordion-item:first-of-type .accordion-button,.accordion-item:last-of-type .accordion-button.collapsed{border-radius: 0; box-shadow: none;}
.accordion-button:focus{box-shadow: none;}
.accordion-button .icon{width: 50px; min-width: 50px; height: 50px; margin-right: 40px; display: flex; justify-content: center; align-items: center; position: relative; background-color: #fae13f;}
.accordion-button.collapsed .icon{background-color: #3376ac;}
.accordion-button .icon::after{content: ""; width: 15px; height: 15px; top: 50%; transform:translateY(-50%) rotate(45deg); right: -7px; background-color: #fae13f; position: absolute;}
.accordion-button.collapsed .icon::after{background-color: #3376ac;}
.accordion .accordion-button .icon::before{content: "\f068"; font-family: "FontAwesome"; position: absolute;}
.accordion .accordion-button.collapsed .icon::before{ content: "\2b"; font-family: "FontAwesome";}
.accordion .accordion-body p{font-size: 1rem; text-align: left !important; text-align-last: left !important; margin-bottom: 1rem !important;}
/* title-wrap */
.main-container .apply-block p{text-align: left; text-align-last:left; font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); margin-bottom: 20px;}
.title-wrap .number{font-size: clamp(4.375rem, 3.5rem + 4.375vw, 8.75rem); font-weight: 900; line-height: 1; margin-right: 15px;}
.apply-block .pic{border-radius: 20px;}
.apply-block .pic img{border-radius: 20px;}
.apply-block .content-left{padding-right: 3.5rem;}
.apply-block .content-left p{text-align: justify;}
.apply-block .content-right{padding-left: 3.5rem;}
.apply-block .text-right h2.title{text-align: right;}
.apply-block .text-right p{text-align: justify; text-align-last: right;}
.apply-block .pic-style01 .pic-title{font-size: clamp(0.875rem, 0.8125rem + 0.3125vw, 1.1875rem); width: 85%; padding: 10px 5px; bottom: -20px;}
.text-justify{text-align: justify !important;}
.apply-block.style02 p{font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);}

.how-to-accordion .accordion-button{font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);}
.how-to-accordion .accordion-body p{color: rgb(var(--color_base)); font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);}


/* table-cust */
.table-cust tr td{ font-family: var(--baseFont2); text-align: center; border:none; border-left: 5px solid rgb(var(--color_white)); border-right: 5px solid rgb(var(--color_white));}
.table-cust tr th>div{background-color: rgb(var(--primary1)); color: rgb(var(--color_white));  border-radius: 5px; padding: 10px; min-height: 70px; display: flex; justify-content: center; align-items: center;}
.table-cust thead tr th{ font-family: var(--baseFont2); text-align: center;  font-weight: 700; padding: 0; border: 5px solid rgb(var(--color_white));}
.table-cust tr th{border: 8px solid rgb(var(--color_white));}
.table-cust tr td{color: #1d1d1b; font-size: clamp(0.875rem, 0.8125rem + 0.3125vw, 1.1875rem); font-weight: 600; padding-top: 15px; padding-bottom: 15px;}
.table-cust tbody tr:nth-child(odd) td{background-color: #ededed;}
.table-cust tbody tr:nth-child(even) td{background-color: #2a81b7;}
.spl-link-wrap {position: relative;}
.spl-link-wrap .spl-link{min-width: 65%;}
.spl-link-wrap .time-wrap{position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -35px;
}
.spl-link-wrap .time-wrap .time{
    font-size: clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem);  background-color: #fce900;
    color: #006397;
    display: inline-block;
    font-family: var(--baseFont2);
font-weight: 700;
border-radius: 10px;
padding: 10px 20px;
}
.pic-item {border-radius: var(--padding);}
.pic-item img{border-radius: var(--padding);}
/* filter-wrap */
.filter-wrap .form-select{font-family: var(--baseFont2); font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem); font-weight: 700;
    color: rgb(var(--primary1));
    border: none;
}
.filter-wrap .form-select:focus{
    box-shadow: rgb(var(--primary1));
}
.filter-wrap .form-select{
    background-image:url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/down-arrow.svg');
}
.filter-wrap .filter-date{
    font-family: var(--baseFont2);
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);
    font-weight: 700;
    color: rgb(var(--primary1));
    border: none;
    padding: .375rem 2.25rem .375rem .75rem;
    background-image:url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/down-arrow.svg');
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}
.filter-wrap .filter-date:focus{
    outline: none;
}
/* filter-group */
.filter-group {border-radius:25px; border: 3px solid rgb(var(--primary1)); margin-bottom: 30px;}
.filter-group .filter-label{background-color: rgb(var(--primary1)); font-family: var(--baseFont2); font-size: clamp(1rem, 0.925rem + 0.375vw, 1.375rem); font-weight: 700;  border-radius: 20px; display: flex; justify-content: space-between; align-items: center; min-height: 48px;}
.filter-group .filter-label .date{color: rgb(var(--color_white)); padding-left: 50px;}
.filter-group .filter-label .date span{color: #fce900;}
.filter-group .filter-label .all-day{background-color: #fce900; line-height: normal; text-align: center;  padding: 12px; border-radius: 20px; color: rgb(var(--primary1)); min-width: 200px;}
.filter-value .block{padding: 0 20px;}
.filter-value .block .block-item{display: flex; justify-content: space-between; padding: 15px 0; align-items: center; border-bottom: 1px solid rgb(var(--primary1));}
.filter-value .block .block-item:last-child{border-bottom: none;}
.filter-value .block .block-item .text{font-size: clamp(1rem, 0.925rem + 0.375vw, 1.375rem);}
.filter-value .block .block-item .text span{color: rgb(var(--primary1)); font-weight: 900; font-style: italic; text-decoration: underline;}
.filter-value .block .block-item .tag{background-color: #fce900; line-height: normal; text-align: center;  padding: 8px; border-radius: 15px; color: rgb(var(--primary1)); min-width: 100px; font-family: var(--baseFont2);
    font-size: 10px;
    font-weight: 700;
}
.more-link{color: rgb(var(--primary1)); font-family: var(--baseFont2); font-weight: 700; font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); text-decoration: underline;}
.print-calendar *{transition: all .3s linear;}
.print-calendar {border-radius: 20px; padding: 20px; text-align: left; background-color: rgb(var(--primary1));}
.print-calendar .text h4{color: rgb(var(--color_white)); margin-bottom: 5px; font-family: var(--baseFont2); font-weight: 700; font-size: clamp(1rem, 0.875rem + 0.625vw, 1.625rem);}
.print-calendar span{color: #fce900; text-decoration: underline;  font-size: clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem);}
.print-calendar:hover{background-color: #2981b7 !important;}
/* bg-shape */
.shape-outer{position: absolute; left: 0; right: 0; margin: 0; width: 100%; height: 100%; top:-75px;}
.bg-shape {position: relative; overflow: hidden; inset: 0;}
.bg-shape img{object-fit: cover; background-position: center top; opacity: 0.35;}
/* content-group */
.content-group{position: relative;
}
/*slider-for */
.slider-for{width: 800px;  margin:0 auto 30px; margin-top: calc(var(--padding) /2);}
.slider-for .item{position: relative;}
.slider-for .item .pic-wrap-large{position: relative; padding-top: 56.25%; border-radius: 20px;}
.slider-for .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; border: 0;
    width: 60px;
    height: 60px;
    background-color: rgb(var(--color_white));
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;}
.slider-for .slick-prev.slick-arrow{left: -100px; }
.slider-for .slick-next.slick-arrow{right: -100px;}
.slider-for .item .pic-wrap-large img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;  border-radius: 20px;}
.slider-nav{margin-bottom:  var(--padding);}
.slider-nav .nav-item .pic-wrap-thumb {margin: 0 10px; position: relative;  padding-top: 56.25%; border-radius: 20px;}
.slider-nav .nav-item .pic-wrap-thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;  border-radius: 20px;}
.slider-for .slick-prev.slick-arrow:before, .slider-for .slick-next.slick-arrow:before{
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 15px;
    height: 25px;
    display: block;
    background-size: cover;
}
.slider-for .slick-prev.slick-arrow:before {
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/left-arrow.svg');
}
.slider-for .slick-next.slick-arrow:before {
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/right-arrow.svg');
}
/* video-pic */
.video-pic *{transition: all .3s linear;}
.video-pic {position: relative; padding-top: 56%; overflow: hidden; display: block; border-radius: 20px;}
.video-pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.video-pic .icon{width: 120px; height: 120px; display: block; inset: 0; margin: auto; position: absolute;}
.video-pic.style02 .icon{width: 200px; height: 200px;}
.video-pic:hover .icon{transform: scale(1.1);}
.main-container .para p{text-align: justify; text-align-last: center;}
/* teacher-quote */
.teacher-quote{position: relative;  font-family: var(--baseFont2);  color: rgb(var(--primary1));}
.teacher-quote .quote-inner{position: relative; display: inline-block; padding:0 120px; font-size: clamp(1.125rem, 0.95rem + 0.875vw, 2rem);
    font-weight: 700;
    line-height: normal;
     text-align: justify !important;
      text-align-last: center !important;
}
.teacher-quote .quote-inner::before,.teacher-quote .quote-inner::after{content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: absolute;
    width: 73px;
    height: 67px;
}
.teacher-quote .quote-inner::before{
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/quote03.png');
    left: 0;
    top: -10px;
}
.teacher-quote .quote-inner::after{
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/quote04.png');
    right: 0;
    bottom: -40px;
}
.teacher-quote .info{
    margin-top: calc(var(--padding) / 2);
}
.teacher-quote .info .name{
    font-size: clamp(1.375rem, 1.1125rem + 1.3125vw, 2.6875rem);
    line-height: normal;
    font-weight: 900;
    font-style: italic;
}
.teacher-quote .info .post{
    font-size: clamp(1.125rem, 0.95rem + 0.875vw, 2rem);
    line-height: normal;
    font-weight: 700;
}
/* history-block */
.history-block {border-radius:var(--paddingSm);}
.history-block  .history-item{position: relative; padding-left: 35px; margin: var(--paddingSm) 0;
    display: flex;
    flex-direction: column;
    height: calc(100% - calc(var(--paddingSm)* 2));
}
.history-block  .history-item::before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgb(var(--color_white));
    position: absolute;
    left: 0;
    top: 0;
}
.history-block  .history-item .year{color: rgb(var(--color_white)); font-size: clamp(1.4375rem, 1.15rem + 1.4375vw, 2.875rem); font-weight: 900; position: relative; line-height: normal;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.history-block  .history-item .year::before{content: ""; width: 10px; height: 90%; display: block;
background-color: #ffea00;
position: absolute;
left: -35px;
top: 15px;
}
.history-block  *{transition: all .3s linear;}
.history-block  .history-item .pic{border-radius: 20px; overflow: hidden; position: relative; padding-top: 60%; margin-bottom: 20px;}
.history-block  .history-item .pic img{border-radius: 20px; position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;}
.history-block  .history-item .text{color: rgb(var(--color_white)); font-size: clamp(0.875rem, 0.7625rem + 0.5625vw, 1.4375rem); line-height: normal; margin-bottom: 20px;
    text-align: justify;
}
.history-block  .history-item .see-more{border-radius: 30px; background-color: #ffea00; color: rgb(var(--primary1)); text-transform: uppercase;
    padding: 8px 20px;
    font-family: var(--baseFont2);
    font-weight: 700;
    display: inline-block;
    margin-right: auto;
}
.history-block  .history-item .see-more:hover,.history-block  .history-item .see-more:focus{
    background-color: rgb(var(--color_white));
}
.history-data{position: absolute; inset: 0; width: 100%; height: calc(100% - calc(var(--paddingSm)* 2)); visibility: hidden; opacity: 0; z-index: 2;
    background-color: rgb(var(--primary1)); padding: var(--paddingSm) calc(var(--padding) / 1.4); margin: var(--paddingSm) 0;}
.history-data.active{visibility: visible; opacity: 1;}
.history-data::before{content: "";
    display: block;
    width: 1px;
    height: calc(100% - calc(var(--paddingSm)* 2));
    background-color: rgb(var(--color_white));
    position: absolute;
    left: 0;
    top: var(--paddingSm);
    bottom: var(--paddingSm);
}
.history-data::after{
    content: "";
    width: 20px; height: 140px; display: block;
    background-color: #ffea00;
    position: absolute;
    left: 0;
    top: calc(var(--paddingSm) *2);
}
.history-data p{
    font-size: clamp(0.875rem, 0.7625rem + 0.5625vw, 1.4375rem);
color: rgb(var(--color_white));
text-align: justify;
text-align-last: left;
}
.history-data ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.history-data ul li{
    font-size: clamp(0.875rem, 0.7625rem + 0.5625vw, 1.4375rem);
color: rgb(var(--color_white));
line-height: normal;
text-align: left;
font-weight: 500;
text-align-last: left;
position: relative;
padding-left: 20px;
margin-bottom: 15px;
}
.history-data ul li::before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: white;
    position: absolute;
    left: 0;
    top: 7px;
}
.history-data .pic{border-radius: 30px; overflow: hidden; position: relative; padding-top: 60%;}
.history-data .pic img{border-radius: 30px; position: absolute; left: 0; top: 0; object-fit: cover;   width: 100%;
    height: 100%;}
.history-data .year{color: rgb(var(--color_white)); font-size: clamp(5rem, 3.75rem + 6.25vw, 11.25rem);
    font-weight: 900; position: relative; line-height: normal;
    margin-left: calc(var(--paddingSm) *1.5);

}
.history-block .history-item .year{
    min-height: 137px;
    display: flex;
    align-items: center;
}
.history-data .year123{
    color: rgb(var(--color_white));
    font-size: clamp(2.5rem, 2rem + 2.5vw, 5rem);
    font-weight: 900; position: relative; line-height: normal;
    margin-left: calc(var(--paddingSm) *1.5);
}
.history-data .year::before{content: ""; width: 30px; height: 100%; display: block;
background-color: #ffea00;
position: absolute;
left: -50px;
top:50%;
transform: translateY(-50%);
}
.history-data .year123::before{content: ""; width: 30px; height: 100%; display: block;
    background-color: #ffea00;
    position: absolute;
    left: -50px;
    top:50%;
    transform: translateY(-50%);
    }


.history-data .back-btn{position: absolute;
    right: 0;
    top: 0;
color: rgb(var(--color_white));
text-transform: uppercase;
font-size: clamp(0.875rem, 0.7625rem + 0.5625vw, 1.4375rem);
display: flex;
align-items: center;
}
.history-data .back-btn span{
    display: block;
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/back-icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    width: 17px;
    height: 30px;
    margin-right: 10px;
}
.history-data .back-btn:hover, .history-data .back-btn:focus{
    color: #ffea00;
}
.facility-data .year{
    font-size: clamp(2.5rem, 1.9375rem + 2.8125vw, 5.3125rem);
}
/* uniform-slider */
.uniform-slider{color: rgb(var(--primary1));}
.uniform-slider .title{font-size: clamp(1.5625rem, 1.2rem + 1.8125vw, 3.375rem); line-height: 1;
    font-weight: 900;
    margin-bottom: 20px;
    padding-left: 20px;
}
.uniform-slider .season{position: relative;
    padding-left: 20px;
    font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
    font-weight: 900;
    line-height: normal;
    margin-bottom: 30px;
    display: inline-block;
}
.uniform-slider .season::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: rgb(var(--primary1));
    position: absolute;
    left: 0;
    top: 5px;
}
.uniform-slider ul{
    padding-left: 20px;
}
.student-group{
    display: flex;
    justify-content: space-between;
}
.student-pic{
    width: 47%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0 16px, rgba(17, 17, 26, 0.1) 0px 0 24px;
}
.student-pic img{
    border-radius: 20px;
}
.uniform-slider .text-md-end .title{padding-left:0; padding-right: 20px;}
.uniform-slider .text-md-end .season{padding-left:0; padding-right: 20px;}
.uniform-slider .text-md-end .season::before{left:auto; right: 0;}
.uniform-slider .text-md-end ul{padding-left:0; padding-right: 20px;}
.uniform-slider .slick-arrow{position: absolute; top: -10px; font-size: 0; border: 0;
    width: 60px;
    height: 60px;
    background-color: rgb(var(--color_white));
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; z-index: 2;}
.uniform-slider .slick-prev.slick-arrow{left: 0; }
.uniform-slider .slick-next.slick-arrow{right: 0;}
.uniform-slider .slick-prev.slick-arrow:before, .uniform-slider .slick-next.slick-arrow:before{
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 15px;
    height: 25px;
    display: block;
    background-size: cover;
}
.uniform-slider .slick-prev.slick-arrow:before {
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/left-arrow.svg');
}
.uniform-slider .slick-next.slick-arrow:before {
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/right-arrow.svg');
}
.committe-block h2.title{
    font-size: clamp(1.5625rem, 1.2rem + 1.8125vw, 3.375rem); line-height: 1;
    font-weight: 900;
    margin-bottom: 20px;
    padding-left: 20px;
}
.committe-block ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.committe-block ul li{
    font-size: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);
    color: rgb(var(--primary1));
}
.committe-block ul li strong{
    font-weight: 900;
}
.committe-block ul li span{
    display: block;
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);
    line-height: normal;
}
.committe-block02 ul li{
    color: rgb(var(--baseFont));
}
.committe-block02 ul li{
    margin-bottom: 1rem;
}
.committe-block02 ul li:last-child{
    margin-bottom: 0;
}

/* address-block */
.address-block{
    color: rgb(var(--primary1));
    margin-bottom: 40px;
    margin-top: 10px;
}
.contact-title{font-size: clamp(1.375rem, 1.1125rem + 1.3125vw, 2.6875rem);
    line-height: normal;
    font-weight: 900;
    color: rgb(var(--primary1));
}
.address-block .address{
    font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); font-family: var(--baseFont2);
    line-height: normal;
}
.call-info{
    text-decoration: none;
    color: rgb(var(--primary1));
    font-size: clamp(1rem, 0.825rem + 0.875vw, 1.875rem);
    font-weight: 900;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.call-info .icon{
    width: 120px;
    margin-right: 15px;
    display: block;
    border-radius: 30px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0 16px, rgba(17, 17, 26, 0.1) 0px 0 24px;
}
.contact-left p{
    text-align: left !important;
    text-align-last: left !important;
    color: rgb(var(--primary1));
    font-family: var(--baseFont2);
}
.contact-left p a{
    text-decoration: underline;
    font-weight:900;
    color: rgb(var(--primary1));
}
.form-block{
    border-radius: 30px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0 16px, rgba(17, 17, 26, 0.1) 0px 0 24px;
    margin-top: 10px;
}
.form-block .form-control,.form-block .form-select{
    border-radius: 12px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0 16px, rgba(17, 17, 26, 0.1) 0px 0 24px;
    font-size: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
    color: rgb(var(--color_base));
}
.form-block .form-select{
    background-image: none;
    background-image: url('https://tes.edu.kw/wp-content/themes/tes/styles/../images/down-arrow.svg');
    background-repeat: no-repeat;
}
.form-block .form-control{padding: 10px 20px;}
.form-block .form-select{padding: 10px 40px 10px 20px;}
.form-block .form-control:focus,.form-block .form-select:focus{
border-color: rgb(var(--primary1));
}
.form-block .btn{
    background-color: rgb(var(--primary1));
    color: rgb(var(--color_white));
    border-radius: 12px;
    font-weight: 500;
    padding: 12px 20px;
    font-size: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
}
.form-block .btn:focus{
    background-color: rgb(var(--primary1));
    color: rgb(var(--color_white));
}
.contact-msg p{  font-size: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
    text-align: justify !important;
    text-align-last:right;
    margin-bottom: 0;
}
.curriculum-icon{
    border-radius: 20px;
    padding: 20px;
    text-align: left;
    background-color: rgb(var(--primary1));
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0 16px, rgba(17, 17, 26, 0.1) 0px 0 24px;
}
.curriculum-icon .icon{
    width: 62px;
}
.curriculum-icon .text h4 {
    color: rgb(var(--color_white));
    margin-bottom: 0;
    font-family: var(--baseFont2);
    font-weight: 700;
    font-size: clamp(0.9375rem, 0.8375rem + 0.5vw, 1.4375rem);
}
.curriculum-icon span {
    color: #fce900;
    text-decoration: underline;
    font-size: 1rem;
}
.curriculum-icon:hover {
    background-color: #2981b7 !important;
}