/* ==========================================================================================================
Back-To-School
========================================================================================================== */
.Back-To-School .image-news {
  height: 250px;
  
}
.Back-To-School .image-news>img {
object-fit: cover;  
}

.Back-To-School .card {
  border: none;
  background-color: unset;
}
.Back-To-School .card-title {
  min-height: 48px  ;
}


.Back-To-School .card-body {
  padding: 1rem 0rem;
}

.owl-stage .cloned .active {
  background-color: red;
}

.owl-stage {
  margin: auto;
}


.Back-To-School .carousel-wrap .owl-nav {

  height: 0px;
  top: 0px;
  bottom: 10px;
  position: absolute;
  top: -112px;
  right: 83px;
}
@media only screen and (max-width: 766px) {
  .Back-To-School .carousel-wrap .owl-nav {
  top: -69px;
   
}
.Back-To-School .owl-item{
  margin-right: 55px;
}
}
@media only screen and (max-width: 599px) {
  .Back-To-School .owl-item{
    margin-right: 0px;
  }
}
.arrow-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  background-color: var(--secondary-color);
}

.arrow-circle :hover {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--third-color);
}

.arrows {
  color: var(--third-color);
  font-size: 28px;
  padding-top: 10px;
  
}
/* .arrows:hover {
  margin-top: 0px;
} */

.arrows:hover {
  color: var(--secondary-color);
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}

.owl-dots button.owl-dot.active {
  background-color: var(--third-color);
}

.owl-dots button.owl-dot:focus {
  outline: none;
}
.overlay-50 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
/* span {
  font-size: 70px;
  position: relative;
  top: -5px;
} */

/* ==========================================================================================================
single page
========================================================================================================== */
main.main-body{
  background-color: var(--fifth-color);
}
.thumbnail_image{
  padding-top: 140px;
}

.arrow-left{
  display: flex;
  justify-content: end;
  align-items: start;
  /* margin-right: 35px; */
}
.left-arrow{
  font-size: 30px;
}
.title_content .title-entry{
  color: var(--fourth-color);
}


/* ==========================================================================================================
our-news-andevents
========================================================================================================== */
.our-news-andevents {
  /* background-color: var(--bg-sections); */
  /* padding-bottom: 25%; */
}
.our-news-andevents .image-news {
  height: 370px;
  
}
.our-news-andevents .image-news>img {
object-fit: cover;  
}
.our-news-andevents .card-title{
  color: var(--primary-color);
  font-family: Poppins;
  font-weight: 600;
  text-align: left;
  padding-left: 22px;
  min-height: 48px;
}
.our-news-andevents .card-text{
  
  padding-left: 22px;
  text-align: left;
  color: #333333;
}
.our-news-andevents .card{
  position: relative;
}
.our-news-andevents .card {
  border: none;
  background-color: unset;
}

.our-news-andevents .card-body {
  padding: 1rem 0rem;
}

.our-news-andevents .owl-stage .cloned .active {
  background-color: red;
}

.our-news-andevents .owl-stage {
  margin: auto;
}

/* .carousel-wrap .owl-nav {
  text-align: end;
  margin-right: 90px;
  height: 0px;
} */
/* .our-news-andevents .carousel-wrap .owl-nav { */
  /* text-align: end; */
  /* margin-right: 90px; */
  /* height: 0px;
  top: 0px;
  bottom: 10px;
  position: absolute;
  top: -112px;
  right: 83px; */
/* } */
.our-news-andevents .carousel-wrap .owl-nav {
  /* text-align: end; */
  /* margin-right: 90px; */
  height: 0px;
  /* top: 0px; */
  bottom: -32px;
  position: absolute;
  /* top: -13px; */
  right: 257px;
}
.our-news-andevents .arrow-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  background-color: var(--secondary-color);
}

.our-news-andevents .arrow-circle :hover {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--six-color);
}

.our-news-andevents .arrows {
  color: var(--six-color);
  font-size: 20px;
  padding-top: 15px;
}

.our-news-andevents .arrows:hover {
  color: var(--secondary-color);
}

.our-news-andevents .owl-dots {
  text-align: left;
  padding-top: 25px;
}

.our-news-andevents .owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}

.our-news-andevents .owl-dots button.owl-dot.active {
  background-color: var(--third-color);
}

.our-news-andevents .owl-dots button.owl-dot:focus {
  outline: none;
}

.overlay-our-news-andevents {
  width: 75%;
  position: absolute;
  left: 0;
  right: 0;
  transition: all .3s;
  display: flex;
  justify-content: start;
  align-items: flex-end;
  background: #FDECB6;
}
.overlay-our-news-andevents>p {
  font-size: 18px;
  padding: 1rem !important;
  margin-bottom: 0 !important;
  font-weight: 700 !important;
  width: 100% !important;
}
.our-news-andevents .owl-item.active.center .card-title{
  color: #F9B621;
 
}
/* .our-news-andevents .owl-item.active.center .card{
  box-shadow: 6px 10px 18px #888888;
} */
.our-news-andevents .owl-item .card-img-top{
  border-radius: 10px 10px 10px 0px; 
  width: 100%;
  height: 100%;
 
}
.overlay-our-news-andevents { 
  bottom: 0%;
  z-index: 5;
  
}
 .btn-danger-bg { 
  background-color: #F9B621;
  color: var(--white);
}

.our-news-andevents .col-md-7.relative {
  position: absolute;
  right: -8%;
}
@media screen and (min-width:1200px) 
{
  .our-news-andevents .owl-item .card-img-top{
    width: 90%!important;   
  }

}

/* ==========================================================================================================
main our-news-and events --> pagination
========================================================================================================== */
.page-id-392 span.page-numbers.current:before {
  content: '';
  height: 30px;
  width: 30px;
  background: red;
  position: absolute;
  left: 62%;
  top: -14%;
  z-index: -1;
  border-radius: 5px;
  transform: rotate(45deg);
}

.page-id-392 span.page-numbers.current {
    position: relative;
    z-index: 999;
    color: #fff !important;
}

.page-id-392 span.page-numbers.current span {
    position: relative;
    z-index: 999;
    color: #fff;
}

.page-id-392 nav.elementor-pagination {
  border-top: 1px solid #707070;
}
.page-id-392 .elementor-pagination{
  padding-top: 35px;
}
.page-id-392 .elementor-392 .elementor-element.elementor-element-10c24d44 .elementor-post__read-more {
 
  border: 1px solid;
  padding: 9px;
  border-radius: 5px;
}
.page-id-392 .elementor-392 .elementor-element.elementor-element-10c24d44 .elementor-post__read-more:hover{
  color: #FFFFFF ;
  background-color: #EC1D24 ;
  border: none;
}

/* ==========================================================================================================
british our-news-and events --> pagination
========================================================================================================== */
.page-id-1070 span.page-numbers.current:before {
  content: '';
  height: 30px;
  width: 30px;
  background: red;
  position: absolute;
  left: 62%;
  top: -14%;
  z-index: -1;
  border-radius: 5px;
  transform: rotate(45deg);
}

.page-id-1070 span.page-numbers.current {
    position: relative;
    z-index: 999;
    color: #fff !important;
}

.page-id-1070 span.page-numbers.current span {
    position: relative;
    z-index: 999;
    color: #fff;
}

.page-id-1070 nav.elementor-pagination {
  border-top: 1px solid #707070;
}
.page-id-1070 .elementor-pagination{
  padding-top: 35px;
}
.page-id-1070 .elementor-1070 .elementor-element.elementor-element-10c24d44 .elementor-post__read-more {
 
  border: 1px solid;
  padding: 9px;
  border-radius: 5px;
}
.page-id-1070 .elementor-1070 .elementor-element.elementor-element-10c24d44 .elementor-post__read-more:hover{
  color: #FFFFFF ;
  background-color: #EC1D24 ;
  border: none;
}
.color-danger{
  color: #D93831;
}
/* ==========================================================================================================
Activity widget
========================================================================================================== */
.british-activity .activity-img {
  height: 250px;
  transition: all .2s;
  
}
.british-activity .activity-img>img {
  object-fit: cover;  
}


.british-activity .activity-title{
  color: var(--primary-color);
  font-family: var(--main-font-family);
  font-size: 18px;
}
.british-activity .activity-content{
  color: var(--black);
}

/* ==========================================================================================================
light box popup
========================================================================================================== */
 .british-activity-popup{
  width: 90%;
  position: relative;
  text-align: center;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.close-btn{
  position: absolute;
  top: 10px;
  right: 2%;
}
a.popup-modal-dismiss.btn>i {
  font-size: 40px;
  color: var(--six-color);
}

.padding-all{

  padding: 15px 50px 50px 100px ;
}
.line-height{
  line-height: 2;
}
/* ==========================================================================================================
.owl-nav.disabled
========================================================================================================== */
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block!important;
}