#banner {
  background-repeat: no-repeat;
  background-position: 0 0;
}

.small-banner .btn-link:before, .small-banner .btn-link:after {
  content: "";
}

#banner .banner-wrapper .btn-primary {
  background: #fde85e;
  box-shadow: 0 2px 14px 5px rgba(253, 232, 94, 0.3);
  font: 700 13px/35px "TajawalBold", sans-serif;
  border-radius: 11px;
  padding: 0 18px;
  height: 35px;
  text-decoration: none !important;
}
#banner .banner-wrapper .btn-primary:active, #banner .banner-wrapper .btn-primary:focus, #banner .banner-wrapper .btn-primary:hover {
  background: #d4c459;
}
@media (min-width: 576px) {
  #banner .banner-wrapper .btn-primary {
    color: #30323f;
    height: 42px;
    border-radius: 9px;
    font: 700 14px/42px "TajawalBold", sans-serif;
    box-shadow: 4px 10px 27px 0 rgba(38, 42, 53, 0.09);
  }
}

#banner {
  background-image: url("../../images/mobile-banner.png");
  min-height: 226px;
  background-size: 100%;
}
@media (min-width: 768px) {
  #banner {
    background-image: url("../../images/banner.png");
    min-height: 326px;
    background-position: center center;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  #banner {
    min-height: 456px;
  }
}
@media (min-width: 1400px) {
  #banner {
    min-height: 526px;
  }
}
#banner .download-image {
  float: left;
  margin-top: 15px;
}
#banner .banner-wrapper {
  display: flex;
  height: 100%;
  align-items: center;
}
#banner .banner-wrapper .holder {
  width: 100%;
}
#banner .banner-wrapper .banner-title {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px 30px;
  font-size: 26px;
  font-family: "TajawalBold", sans-serif;
  margin-bottom: 40px;
  display: inline-block;
}
#banner .banner-wrapper .btn-primary {
  border: none;
}
#banner .banner-wrapper .btn-outline-secondary {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 14px 5px rgba(253, 232, 94, 0.3);
  font: 700 13px/35px "TajawalBold", sans-serif;
  border-radius: 11px;
  padding: 0 18px;
  height: 35px;
  text-decoration: none !important;
  border: none;
}
#banner .banner-wrapper .btn-outline-secondary:active, #banner .banner-wrapper .btn-outline-secondary:focus, #banner .banner-wrapper .btn-outline-secondary:hover {
  background: #d4c459;
}
@media (min-width: 576px) {
  #banner .banner-wrapper .btn-outline-secondary {
    color: #30323f;
    height: 42px;
    border-radius: 9px;
    font: 700 14px/42px "TajawalBold", sans-serif;
    box-shadow: 4px 10px 27px 0 rgba(38, 42, 53, 0.09);
  }
}

.small-banner {
  background: url("../../images/mobile-small-banner.png") 0 0 no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 5px 15px 0 rgba(141, 176, 211, 0.5);
  font-size: 13px;
  line-height: 17px;
  border-radius: 8px;
  margin-bottom: 45px;
}
@media (min-width: 576px) {
  .small-banner {
    background: url("../../images/small-banner.png") 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 83px;
  }
}
.small-banner .text-banner {
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 27px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .small-banner .text-banner {
    padding-top: 35px;
    padding-right: 38px;
    padding-bottom: 27px;
    padding-left: 0;
  }
}
.small-banner .text-banner p {
  margin-bottom: 10px;
}
.small-banner .btn-link {
  font-family: "TajawalBold", sans-serif;
  color: #30323f;
  position: relative;
}
.small-banner .btn-link:after {
  width: 6px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/text-arrow.png") 0 0 no-repeat;
  background-size: contain;
  margin-right: 4px;
}
@media (min-width: 576px) {
  .small-banner .btn-link:after {
    width: 8px;
    height: 12px;
    margin-right: 8px;
  }
}

#wrapper .default-btn {
  color: #30323f;
}

.text-banner-section {
  background: url("../../images/text-banner-bg.png") 0 0 no-repeat;
  background-size: cover;
  color: #ffffff;
  margin: 0 -25px 37px;
  padding: 22px 25px;
}
@media (min-width: 992px) {
  .text-banner-section {
    padding: 59px 15px 52px;
    margin: 0 -15px 80px;
  }
}
.text-banner-section .img-banner {
  width: 268px;
  height: 183px;
  margin: 0 auto 19px;
}
@media (min-width: 576px) {
  .text-banner-section .img-banner {
    height: 394px;
    max-width: 591px;
    width: 100%;
    margin: 0;
  }
}
.text-banner-section .img-banner img {
  box-shadow: none;
  border-radius: 6px;
}
@media (min-width: 768px) {
  .text-banner-section .text-part {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.text-banner-section .slogan-banner {
  font: 600 17px/19px "TajawalBold", sans-serif;
  margin-top: 7px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .text-banner-section .slogan-banner {
    font: 600 40px/44px "TajawalBold", sans-serif;
    max-width: 449px;
    margin-bottom: 27px;
    margin-top: 0px;
  }
}

.small-banner-image .banner-image-wrap {
  max-height: 95px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 10px 0 rgba(141, 176, 211, 0.2);
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .small-banner-image .banner-image-wrap {
    margin-bottom: 80px;
    max-height: 179px;
  }
}
.small-banner-image .text-banner {
  background: #ffffff;
  padding: 10px 17px 0 10px;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 576px) {
  .small-banner-image .text-banner .tag-text {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .small-banner-image .text-banner {
    padding: 29px 56px;
  }
}
.small-banner-image .heading-default {
  max-width: 326px;
}
@media (max-width: 576px) {
  .small-banner-image .heading-default {
    font-size: 16px;
    font-family: "TajawalBold", sans-serif;
  }
}
@media (min-width: 576px) {
  .small-banner-image .image-banner img {
    height: 100%;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_mixins.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_varibales.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/banner.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/rtl-ar/_direction.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAqDA;EACI;EACA;;;AAIA;EAEI;;;AASR;EACI,YCpDc;EDqDd;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGI,YC9DQ;;ADiEZ;EAfJ;IAgBQ,OClFO;IDmFP;IACA;IACA;IACA;;;;AEnFR;EAEI;EACA;EACA;;AAEA;EANJ;IAOQ;IACA;IAEA;IACA;;;AAGJ;EAdJ;IAeQ;;;AAGJ;EAlBJ;IAmBQ;;;AAGJ;EACI,OC1BQ;ED2BR;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA,aCrCG;EDsCH;EACA;;AAGJ;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGI,YDlDA;;ACqDJ;EAhBJ;IAiBQ,ODtED;ICuEC;IACA;IACA;IACA;;;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;IACA;IACA;IACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;IACA;IACA;IACA;;;AAGJ;EACI;;AAIR;EAEI,aChHO;EDiHP,ODvHO;ECwHP;;AAEA;EF3GJ,OE4G4B;EF3G5B,QE2GiC;EACzB;EACA;EACA;EACA;EACA;;AAEA;EARJ;IF3GJ,OEoHgC;IFnHhC,QEmHqC;IACzB;;;;AAQZ;EACI,OD7IO;;;ACkJf;EFlHQ;EACA,iBEkHwB;EAC5B,ODvJI;ECwJJ;EACA;;AAEA;EANJ;IAOQ;IACA;;;AAGJ;EF9IA,OE+IwB;EF9IxB,QE8I+B;EAC3B;;AAEA;EAJJ;IFpJA,QEyJkC;IFxJlC,WEwJ2B;IFvJ3B;IEwJQ;;;AAGJ;EACI;EACA;;AAKJ;EADJ;IAEQ;IACA;IACA;IACA;;;AAIR;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;IACA;;;;AAOR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAIR;EACI,YDtNA;ECuNA;EACA;;AAEA;EACI;IACI;;;AAIR;EAXJ;IAYQ;;;AAIR;EACI;;AAEA;EAHJ;IAIQ;IACA,aCjOG;;;ADuOH;EADJ;IAEQ%22%7D */