:root {
  --greentLight: #16a085;
  --greentLightAlt: #1abc9c;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  /*text-transform: capitalize;*/
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: 'Roboto', sans-serif; */
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  transition: 0.3s;
}
button { transition: 0.3s; }

/* Let's get this party started */
body::-webkit-scrollbar {
  width: 10px;
}
/* Track */
body::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* Handle */
body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: var(--greentLight);
}
body::-webkit-scrollbar-thumb:window-inactive {
  background: var(--greentLightAlt);
}


/* START => Header */
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
header a {
  text-transform: capitalize;
}
.reset__btns {
  border: 0 !important;
  outline: unset !important;
  box-shadow: unset !important;
  background-color: transparent !important;
}

.main-menu {
  position: relative;
  background-color: rgba(0, 0, 0, .3);
  box-shadow: 0 2px 10px rgba(160, 28, 69, 0.22);
  z-index: 9;
  transition: 0.3s;
}
.main-menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  transition: 0.3s;
}
.brand-logo img {
  max-height: 90px ;
  padding: 5px;
  transition: 0.3s;
}
.main-menu.fixed .brand-logo img {
  max-height: 50px;
  padding: 0px;
}
.brand-logo strong {
  color: var(--greentLightAlt);
  font-size: 40px;
}
.brand-logo strong span {
  color: var(--greentLight);
}
.menu-tabs>ul>li {
  position: relative;
}
.menu-tabs>ul>li>a {
  padding: 30px 20px;
  display: inline-block;
  color: #fff;
  font-weight: 300;
  font-size: 1rem;
  display: block;
}
.main-menu.fixed .menu-tabs>ul>li>a {
  padding: 20px;
  color: var(--greentLightAlt);
  font-size: 14px;
}
.main-menu.fixed .menu-tabs>ul>li>a:hover,
.menu-tabs>ul>li>a:hover,
.menu-tabs>ul>li.active>a {
  color: var(--greentLight);
}
.p-relative {
  position: relative;
}
.toggle-dropdown {
  position: relative;
  padding-right: 5px;
}
.cert::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 5px;
  position: relative;
  top: 3px;
  transition: .3s;
}
.currents::after {
  content: "\f106";
}
.dropdown-m {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  min-width: 15rem;
  border-top: 3px solid var(--greentLightAlt);
  z-index: 99;
  display: none;
}
.dropdown-m.show {
  display: block;
}
.dropdown-m li {
  margin: auto;
  border-bottom: 1px solid #eee;
}
.dropdown-m li:last-child {
  border-bottom: unset;
}
.dropdown-m li a {
  padding: 8px 5px;
  display: block;
  color: #555;
  font-weight: 300;
  font-size: 14px;
}
.dropdown-m li a:hover {
  background-color: var(--greentLight);
  color: #fff;
}

.remove-x {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #F00;
  cursor: pointer;
}

.mega__menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: var(--greentLightAlt);
  width: 90%;
  margin: auto;
  border-top: 3px solid var(--greentLight);
  /* border-bottom: 1px solid var(--greentLight);
    border-left: 1px solid var(--greentLight);
    border-right: 1px solid var(--greentLight); */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: none;
}
.mega__menu::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0px 15px 15px 15px;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: var(--greentLight);
  z-index: 9;
}
.mega__menu strong.h6 {
  color: var(--greentLight);
}
.mega__menu ul {
  padding-left: .5rem;
  max-height: 230px;
  overflow: hidden;
  overflow-y: scroll;
}
.mega__menu ul::-webkit-scrollbar {
  width: 3px;
}
.mega__menu ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(160, 28, 70, 0.2);
}
.mega__menu ul::-webkit-scrollbar-thumb {
  background-color:var(--greentLight);
  outline: 0;
}

.mega__menu ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.mega__menu ul li a {
  color: #eee;
  font-size: 12px;
  display: block;
  padding: 3px 0;
}
.mega__menu ul li a:hover {
  color: var(--greentLight);
  transform: translateX(5px);
}
.close-menu,
.btn__mobile {
  display: none;
}
/* //END => Header */

/* START => Home Sliders */
.sec-slider {
  position: relative;
}
.sec-slider .home-slider {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.home-slider,
.home-slider .owl-stage-outer,
.home-slider .owl-stage,
.home-slider .owl-item,
.home-slider .item {
  height: 100vh;
}
.home-slider .item {
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
}
.home-slider .item::after {   /* Edit New */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}
.home-slider .item-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.btn-style1 {
  display: inline-block;
  background: var(--greentLightAlt);
  color: #FFF;
  padding: 15px 20px;
  margin: auto;
  margin-top: 30px;
  border-radius: 30px;
  text-align: center;
  transition: all .5s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.btn-style1:hover {
  background: var(--greentLight);
  color: #FFF;
}
.home-slider .owl-nav {
  position: absolute;
  bottom: 50px;
  lefT: 200px;
  z-index: 9;
}
.home-slider.owl-theme .owl-nav [class*=owl-] {
  padding: 5px 20px !important;
  color: #FFF;
  background-color: var(--greentLight);
  outline: none;
  transition: all .5s;
}
.home-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--greentLightAlt);
  border: 0;
  outline: unset;
  box-shadow: unset;
}

.home-slider.owl-theme .owl-dots {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translate(-50%, -50%);
  border: 0 !important;
  outline: unset !important;
  box-shadow: unset !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.home-slider.owl-theme .owl-dots .owl-dot {
  display: block;
}
.home-slider.owl-theme .owl-dots .owl-dot:focus,
.home-slider.owl-theme .owl-dots .owl-dot:hover {
  border: 0 !important;
  outline: unset !important;
  box-shadow: unset !important;
}
.home-slider.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 25px;
  border: 2px solid var(--greentLightAlt);
  background-color: #fff;
}
.home-slider.owl-theme .owl-dots .owl-dot.active span,
.home-slider.owl-theme .owl-dots .owl-dot:focus span,
.home-slider.owl-theme .owl-dots .owl-dot:hover span {
  border: 0 !important;
  outline: unset !important;
  box-shadow: unset !important;
  background-color: var(--greentLight);
}

.home-slider .item .item-txt {
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
  /* transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); */
  width: 600px;
  z-index: 1;
}
.home-slider .item .item-txt h2 {  /* Edit New */
  color: #fff;
  text-transform: capitalize;
  text-shadow: 0px 1px 3px #8a8a8a;
  font-size: 2.5rem;
  /* font-family: 'Nunito Sans', sans-serif !important; */
  font-weight: 500;
}
.home-slider .item .item-txt p {  /* Edit New */
  letter-spacing: 1px;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  text-shadow: 0px 1px 3px #8a8a8a;
  text-transform: capitalize;
  /* font-family: 'Nunito Sans', sans-serif !important; */
  font-weight: 400 !important;
}

.box-requests {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 8;
  /*width: 550px;*/
  width: 450px;
  background-color: #fff;
  padding: 2.5rem .5rem 1rem .5rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.box-requests .title {
  text-align: center;
  font-weight: 500;
  display: block;
  margin-bottom: 2rem;
  color: #444;
  font-size: 14px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--greentLight);
  color: #fff;
  padding: .5rem .5rem;
  border-radius: 30px;
  width: 84%;
}
.box-requests form .row > div {
  padding: 0 .3rem;
}
.selectric {
  border: 0;
}
.selectric .button {
  right: 5px;
  top: 10px;
  width: 38px;
  height: 30px;
  line-height: initial;
}
.selectric .label,
.box-requests form .form-control {
  height: 30px;
  line-height: 2;
  padding: 0 .6rem;
  margin: auto;

  background-color: transparent;
  border: 1px solid #d4d4d4;
  outline: none;
  font-size: 14px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 3px;
  color: #454545;
  position: relative;
  z-index: 2;
}
.box-requests form .btn-submit {
    margin: auto;
    display: block;
    border: 0;
    outline: unset;
    background-color: var(--greentLightAlt);
    color: #fff;
    padding: 0.2rem 1rem;
    border-radius: 3px;
}
.box-requests form .btn-submit:hover {
  background-color: var(--greentLight);
}
.box-requests form .form-group:not(:last-child) {
  position: relative;
  margin-bottom: 1.5rem;
}
.box-requests form label {
  color: #666;
  position: absolute;
  top: 4px;
  left: 15px;
  z-index: 1;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.box-requests form .selectric .button {
    right: 0px;
    top: 0px;
    width: 38px;
    height: 30px;
    line-height: initial;
}

.box-requests form .selectric-wrapper + label,
.box-requests form label.up {
  z-index: 5;
  position: absolute;
  top: -10px !important;
  left: 5px !important;
  transform: translateY(0) scale(.9);
  background-color: var(--greentLight);
  padding: 0 .2rem;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
}
/* //END => Home Sliders */

/* START => Quran */
.sec-quran {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
  font-family: 'Tajawal', sans-serif;
  padding: 5rem 10rem;
  position: relative;
  z-index: 1;
}
.sec-quran::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.sec-quran p {
  color: #fff;
}
.txt_ar { font-size: 1.3rem; font-weight: 600; }
.txt_en { font-size: 1rem; }
/* //END => Quran */

/* START => programmes */
.item-program {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.8rem;
  text-align: center;
}
.item-program .img {
  display: block;
  height: 300px;
  overflow: hidden;
}
.item-program .img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: .3s ease-in-out;
}
.item-program:hover .img img {
  transform: scale(1.05);
}
.item-program .info {
  /* position: absolute; */
  /* bottom: -50px; */
  /* left: 0; */
  /* width: 100%; */
  text-align: center;
  /* background-color: rgba(0, 0, 0, 0.4); */
  box-shadow: 0 -30px 50px rgb(0, 0, 0, 0.4);
  /* z-index: 1; */
  padding: 0.5rem;
  /* height: 90px; */
  transition: all .5s ease-in-out;
}
.item-program a.title {
  color: #444;
  font-weight: 400;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
}
.item-program a.title:hover {
  color: var(--greentLight);
}
.item-program .info p {
  color: #444;
  margin: 0;
  font-size: 16px;
}
/* //END => programmes */

/* START => Why Us */
.sec-title {
  position: relative;
}
.sec-title strong {
  padding-bottom: .5rem;
}
.blr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  width: 10%;
  height: 5px;
}
.blr::before,
.blr::after {
  content: "";
  position: absolute;
  top: -3px;
  height: 10px;
  width: 10px;
  background-color: var(--greentLight);
  border-radius: 10px;
}
.blr::before { left: -2px; }
.blr::after { right: -2px; }

.blr i {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  background-color: var(--greentLight);
  width: 25px;
  height: 25px;
  line-height: 28px;
  vertical-align: middle;
  color: #fff;
  border-radius: 30px;
  transition: .5s;
}
section:hover .blr i {
  transform: translateX(-50%) rotate(0deg);
}

.items-whyus {
  padding-top: 4rem;
}
.item-whyus {
  text-align: center;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: 7rem;
  min-height: 255px;
  box-shadow: 0 5px 10px rgb(0, 0, 0, .1);
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.item-whyus:hover {
  box-shadow: 0 3px 10px rgb(0, 0, 0, .2);
  transform: scale(1.1);
}
.item-whyus .img {
  width: 60%;
  margin: auto;
  background-color: #fff;
  box-shadow: 0 0 10px #ddd;
  border-radius: 50%;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  padding: 1rem;
}
.item-whyus .img img {
  width: 100%;
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: rotate(0deg) scale(0.8);
}
.item-whyus:hover .img img {
  transform: rotate(360deg) scale(0.9);
}
.item-whyus .info .title {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: .5rem;
  color: var(--greentLight);
}
/* //END => Why Us */

/* START => How It Works */
.sec-howit-works {
  background-color: #f9f9f9;
}
.sec-howit-works .txt {
  text-align: center;
  margin: auto;
  margin-top: 3rem;
  max-width: 800px;
}
.sec-howit-works .txt p {
  color: #666;
}
.btn-moredetails {
  /* background-color: #fff;
  color: var(--greentLight); */
  border: 2px solid var(--greentLightAlt);
  color: var(--greentLight);
  font-weight: 500;
  border-radius: 10px;
  padding: .8rem 1rem;
  display: inline-block;
  margin-top: 1rem;
}
.btn-moredetails:hover {
  background-color: var(--greentLightAlt);
  color: #fff;
  border-color: var(--greentLightAlt);
}
/* //END => How It Works */

/* START => About Us */
.sec-aboutus {
  /* background-color: #f9f9f9; */
}
/* //END => About Us */

/* START => Footer */
footer {
  background-color: var(--greentLight);
}
footer p,
footer li a,
footer .wedget-footer strong {
  color: #fff;
}

footer .wedget-footer strong {
  position: relative;
  padding-bottom: .5rem;
}
footer .wedget-footer strong::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--greentLightAlt);
  width: 100%;
  height: 1px;
}

footer li a {
  display: block;
  padding: .3rem 0;
}
footer li a:hover {
  color: #666;
}
footer li a i {
  width: 20px;
  text-align: center;
}
footer li a i.fa-whatsapp {
  height: 20px;
  line-height: 20px;
  border-radius: 50px;
}


.payments-imgs .img-pym {
  height: 27px;
  margin: auto .2rem;
}
.payments-imgs img {
  height: 100%;
}

.copyrights {
  border-top: 1px dashed #fff;
}
/* //END => Footer */

/* START =>  */
/* //END =>  */


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

.breadcrumb-page {
  background-size: cover;
  background-attachment: fixed;
  padding: 10rem 0 5rem 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.breadcrumb-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.breadcrumb-page strong {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    max-width: 1000px;
    margin: auto;
}
.breadcrumb-page ul li {
  margin: auto .3rem;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
}
.breadcrumb-page ul li span {
  font-size: 1.5rem;
}
.breadcrumb-page ul li a {
  color: #eee;
}

/* START Page => Videos */
#videos-carousel .owl-nav [class*=owl-] {
  padding: 5px 20px !important;
  color: #FFF;
  background-color: var(--greentLight);
  outline: none;
  transition: all .5s;
}
#videos-carousel .owl-nav [class*=owl-]:hover {
  background-color: var(--greentLightAlt);
  border: 0;
  outline: unset;
  box-shadow: unset;
}

.item-video {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.8rem;
}
.item-video a {
  display: block;
}
.item-video .img {
  height: 250px;
}
.item-video .img img {
  transition: 1s;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.item-video:hover .img img {
  transform: scale(1.1);
}
.item-video .img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.pulse-effect {
  display: block;
  width: 50px !important;
  height: 50px !important;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: var(--greentLight);
  animation: shadow-pulse 1s infinite;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
}
@keyframes shadow-pulse {
  0% { box-shadow: 0 0 0 0px rgba(22, 160, 132, 0.4); }
  100% { box-shadow: 0 0 0 30px rgba(22, 160, 132, 0); }
}
.item-video:hover .img i.pulse-effect {
  background-color: var(--greentLightAlt);
  color: #fff;
}

.item-video .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 -30px 50px rgb(0, 0, 0, 0.4);
  z-index: 1;
  padding: 0.5rem;
  transition: all .5s ease-in-out;
  color: #fff;
  font-weight: 500;
  display: block;
  font-size: 1rem;
  margin: 0;
}
.item-video .title:hover {
  color: var(--greentLight);
}
/* //END Page => Videos */

/* START Page => Program Details */
.slides-program .gallery-programmes .swiper-slide {
  border: 1px solid #ddd;
  height: 348px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slides-program .gallery-programmes .swiper-slide img {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  outline: none;
  background-color: var(--greentLightAlt);
  width: 60px;
  height: 60px;
  color: #fff;
  border-radius: 10px;
}
.swiper-button-next.swiper-button-white:hover,
.swiper-button-prev.swiper-button-white:hover {
  background-color: var(--greentLight);
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  font-size: 1.5rem;
}

.programe-details .txt {
  margin-top: 2rem;
}

.contact-us-form-request.box-requests {
  width: auto;
  position: static;
  transform: translate(0);
}
.contact-us-form-request.box-requests .row > div {
  margin-bottom: .5rem;
}
.contact-us-form-request.box-requests textarea {
  height: 100px;
  resize: none;
  line-height: initial;
}
/* //END Page => Program Details */

/* START Page => Pricing */
.box-pricing {
  margin-bottom: 3rem;
  margin-top: 3rem;
}
.title-pricing {
  background-color: var(--greentLight);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 30px;
}
.item-price {
  border: 1px solid #eee;
  margin-left: .4rem;
  margin-right: .4rem;
  max-width: calc(100% / 6);
  flex: 0 0 calc(100% / 6);
  overflow: hidden;
  padding-bottom: .5rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.item-price:hover {
  transform: scale(1.02);
}
.item-price .length-days {
  text-align: center;
  background-color: var(--greentLight);
  color: #fff;
  display: block;
  margin: auto;
  padding: 1rem .5rem;
  font-size: 1rem;
  font-weight: 500;
}
.item-price .per-monthe {
  padding: 1rem 0;
}
.item-price .per-monthe strong.h6 {
  color: #444;
}
.item-price .per-monthe strong.h2 {
  color: var(--greentLight);
  font-weight: bold;
}
.item-price .per-monthe strong.h4 {}
.item-price .price-details {
  background-color: var(--greentLight);
}
.item-price .price-details li {
  padding: .5rem .2rem;
  color: #fff;
  font-size: 13px;
}
.item-price .price-details li:not(:last-child) {
  border-bottom: 1px dashed var(--greentLightAlt);
}
.btn-request-price {
  text-align: center;
  background-color: var(--greentLightAlt);
  color: #fff;
  padding: .5rem;
  font-weight: 500;
  margin: auto;
  margin-top: 1rem;
  display: block;
  width: 150px;
  border-radius: 30px;
}
.btn-request-price:hover {
  background-color: var(--greentLight);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
  transform: translateY(-2px);
  color: #fff;
}
/* //END Page => Pricing */

/* START Page => Courses */
.item-course {
  margin-bottom: 1.8rem;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.item-course .img {
  overflow: hidden;
}
.item-course .img img {}
.item-course .info {
  text-align: center;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  background-color: rgba(22, 160, 132, 0.7);
  padding: 1rem 0;
  border-radius: 30px;
}
.item-course .info a.title {
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 1rem;
}
.item-course .info .btn-readmore {
  display: inline-block;
  padding: 5px 10px;
  background-color: var(--greentLight);
  color: #fff;
  border-radius: 30px;
  font-size: 13px;
  margin-top: .5rem;
  border: 1px solid #fff;
}
.item-course .info .btn-readmore:hover {
  background-color: var(--greentLightAlt);
  color: #fff;
  border: 1px solid var(--greentLightAlt);
}
/* //END Page => Courses */

/* START Page => Courses Details */
.course-details {
  padding: 0.5rem;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}
.course-videos iframe {
  width: 100% !important;
  height: 200px !important;
}
.page-course-details .txt strong {
  font-size: 1rem;
}
.page-course-details .txt p {
  font-size: 14px;
}
/* //END Page => Courses Details */


/* Start => Blogs */
.sec-blogs {}
.sec-blogs .blog-items {
}
.sec-blogs .blog-items .item {
  padding: 5px;
  margin-bottom: 1.5rem;
}
.sec-blogs .blog-items .item .img-blog {
  position: relative;
  overflow: hidden;
}
.sec-blogs .blog-items .item .img-blog a {
  display: block;
  height: 300px;
}
.sec-blogs .blog-items .item .img-blog img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
}
.sec-blogs .blog-items .item .img-blog span.date {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 24px;
  color: #FFF;
  background-color: var(--greentLight);
  padding: 10px;
  border-radius: 0 20px 0 0;
}
.sec-blogs .blog-items .item .txt-info a.title {
  color: var(--greentLight);
  margin: 10px auto;
  display: block;
  font-size: 1rem;
  font-weight: 600;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sec-blogs .blog-items .item .txt-info p {
    color: #666;
    height: 60px;
    overflow: hidden;
}
.sec-blogs .blog-items .item .txt-info a.btn-read-more {
  font-size: 14px;
  background-color: var(--greentLight);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
}
.sec-blogs .blog-items .item .txt-info a.btn-read-more:hover {
  background-color: var(--greentLightAlt);
  color: #fff;
}
.title-blog {
  position: relative;
  border-left: 5px solid var(--greentLight);
  padding-left: 20px;
}
.title-blog p {
  color: #555;
}
.txt-detail-blog p {
    color: #444;
    font-size: 14px;
}


.socail-sharing strong {
  color: #444;
}
.socail-sharing * {
  margin: auto .3rem;
}
.socail-sharing a i {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  transition: .3s;
}
.socail-sharing a:hover i {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}
/* //END => Blogs */

/* Start => About Us */
.txt-about p {
  font-size: 1rem;
  color: #777;
}
/* //END => About Us */


/* START => Page Contact Us */
.page-contact {}

.page-contact .box-contact {
  max-width: 80%;
}
.page-contact .box-contact {
  margin: auto;
  background-color: #fff;
  padding: 30px 50px 50px 50px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.br-0 {
  border-radius: 0 !important;
}
.inf-contact h3 {
  font-weight: bold;
  letter-spacing: 2px;
  color: var(--greentLight);
}
.inf-contact p {
  margin-bottom: 20px;
}
.inf-contact p a {
  color: #666;
  display: block;
}
.inf-contact p a:hover {
  color: var(--greentLight);
}
.inf-contact p a i {
  width: 30px;
  color: var(--greentLightAlt);
}

.page-contact .box-contact form textarea {
  height: 150px;
  resize: none;
}
.page-contact .box-contact form .btn-submit {
  background-color: var(--greentLightAlt);
  color: #fff;
  border: 0;
  box-shadow: unset;
  outline: none;
  display: block;
  width: 100%;
  padding: 1rem;
}
.page-contact .box-contact form .btn-submit:hover {
  background-color: var(--greentLight);
  color: #fff;
}

.social-footer {
  margin-top: 40px;
}
.social-footer li {
  display: inline-block;
}
.social-footer li i {
  color: #FFF;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
}
.fa-facebook-f {
  background-color: #3b5998
}
.fa-twitter {
  background-color: #55acee
}
.fa-google-plus-g {
  background-color: #dd4b39
}
.fa-instagram {
  background-color: #e95950
}
.fa-whatsapp {
  background-color: #4dc247
}
.fa-linkedin-in {
  background-color: #007bb5
}
.fa-youtube {
  background-color: #e95950
}
/* //END => Page Contact Us */


.realted-boxes {
  background-color: #201313;
}
.box-realting {
  text-align: center;
  background-size: cover;
  border-radius: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.title-relating {
  display: block;
  padding: .5rem;
  font-size: 1.2rem;
  font-weight: 500;
  background-color: var(--greentLight);
  color: #fff;
  border-radius: 15px 15px 0 0;
}
.box-realting ul {
  padding: 0;
  margin: 0;
}
.box-realting ul li {
  margin: 0;
}
.box-realting a {
  display: block;
  padding: .8rem;
  color: #333;
  font-weight: 500;
  border-bottom: 1px dotted #bbb;
  background-color: rgba(255, 255, 255, 0.9);
  transition: 0.3s;
}
.box-realting li:last-of-type a {
  border-bottom: 0;
  border-radius: 0 0 15px 15px;
}
.box-realting a:hover {
  color: #fff;
  background-color: rgba(26, 188, 156, 0.8);
  border-bottom: 1px dotted var(--greentLightAlt);
}

.btn-hlep-chat {
  line-height: 60px;
  text-align: center;
  /* background-color: var(--redColorAlt); */
  border: 0;
  outline: 0;
  display: block;
  position: fixed;
  right: 40px;
  bottom: 40px;
  border-radius: 50%;
  z-index: 99999;
  transition: .5s;
}
.btn-hlep-chat img {
  width: 60px;
  height: 60px;
  transition: .5s;
}
.btn-hlep-chat:hover img {
  transform: scale(1.1) rotate(360deg);
}



.notes-pricing {
  border: 1px solid #ddd;
}
.notes-txt strong {
  color: var(--greentLight);
  font-size: 20px;
}
.notes-txt p {
  position: relative;
  font-size: 18px;
}
.notes-txt p i {
  position: absolute;
  left: 0;
  top: 4px;
  color: var(--greentLight);
}






/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*** New Edit: 08-12-2020 | 09:30 pm ***/

.item-program .info p {
    overflow: hidden;
    height: 120px;
}
.item-whyus {
    margin-bottom: 6rem;
}

.brand-logo img {
    max-height: 80px;
    /* position: absolute; */
    top: 0;
}

.fb_dialog.fb_dialog_advanced .fb_dialog_content iframe {
    bottom: 40px !important;
}

/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*** New Edit: 12-12-2020 | 09:30 pm ***/






.box-requests {
    top: 55%;
  }
  
  .top-header {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    background-color: rgba(0, 0, 0, .3);
    padding: 3px 0;
  }
  .top-header .left-top a {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 0rem .5rem;
    border-right: 1px solid rgba(255,255,255,0.5);
  }
  .top-header .left-top a i {
    color: var(--greentLight);
  }
  .top-header .left-top a:hover {
    color: var(--greentLightAlt);
  }
  .social-top {
    border-right: 1px solid rgba(255,255,255,0.5);
    padding: 0rem .5rem;
  }
  .social-top a {
    margin: auto .2rem;
    display: block;
  }
  .social-top a i {
    transition: 0.5s;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
  }
  .social-top a:hover i {
    transform: scale(1.1);
  }
  .social-top a i.fa-facebook-f {
    background-color: #3b5998
  }
  .social-top a i.fa-twitter {
    background-color: #55acee
  }
  .social-top a i.fa-instagram {
    background-color: #e95950
  }
  .social-top a i.fa-whatsapp {
    background-color: #4dc247
  }
  .social-top a i.fa-linkedin-in {
    background-color: #007bb5
  }
  .social-top a i.fa-youtube {
    background-color: #e95950
  }
  .social-top a i.fa-telegram-plane {
    background-color: #0088cc;
  }
  .social-top a i.fa-pinterest-p {
    background-color: #cb2027;
  }
  .social-top a i.fa-envelope {
    background-color: #444;
  }
  
  .langs {
    padding: 0rem .5rem;
    border-right: 1px solid rgba(255,255,255,0.5);
  }
  .langs a {
    color: var(--greentLight);
    font-weight: 700;
  }
  .langs a:hover {
    color: var(--greentLightAlt);
  }
  
  
  .sec-videos .item-video iframe {
    height: 250px;
    width: 100%;
  }
  

.item-price {
  position: relative;
}
.item-price .length-days {
  padding-top: 4rem;
}
.img-discounting {
  background-image: url('../imgs/discount-bg.png');
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
.img-discounting span {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 16px;
    width: 100%;
    transform: rotate(30deg);
    left: 0px;
    font-weight: 600;
    text-align: center;
}



.blog-recent-post {
  margin-top: 30px;
  border-radius: 6px;
  -webkit-filter: drop-shadow(0 0 12.5px rgba(0, 0, 0, 0.04));
  filter: drop-shadow(0 0 12.5px rgba(0, 0, 0, 0.04));
  background-color: #ffffff;
  border: 2px solid #ecf6ff;
  padding: 15px;
}
.blog-recent-post h3 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding-bottom: 35px;
}
.blog-recent-post-item {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.blog-recent-post-item img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
}
.blog-recent-post-item-text {
  padding-left: 10px;
}
.blog-recent-post-item-text a {
  font-size: 14px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: var(--blackColor);
}
.blog-recent-post-item-text a:hover {
  color: var(--greenColor);
}
.blog-recent-post-date {}
.blog-recent-post-date i {}
.blog-recent-post-date span {
  font-size: 11px;
}

.img-blog-side {
    width: 127px;
    height: 80px;
}
.blog-recent-post-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}


@media (max-width: 767px) {
    .top-header {
      flex-direction: column;
    }
    .top-header > div:first-child {
      margin-bottom: .5rem;
    }
    .top-header .left-top a {
      display: inline-block;
      color: #fff;
      font-weight: 500;
      padding: 0rem .5rem;
      border-right: 1px solid rgba(255,255,255,0.5);
      font-size: 12px;
    }
    
    .breadcrumb-page strong {
        font-size: 12px !important;
        max-width: 100%;
    }
    
    .breadcrumb-page {
        padding: 9rem 0 .2rem 0 !important;
    }
    
    .brand-logo img {
        max-height: 60px !important;
    }

}