/* COMMON CSS */

.slide-btn a:hover,
#slider button.owl-dot.active,
#weekend_special button.owl-dot.active,
#about .main_heading span,
#about .category_sidebar h3 span,
#whats_new .main_heading span,
#latest_news ul.slick-dots li.slick-active,
#instagram .main_heading span {
  background: #fa3a47;
}
#whats_new .whats_bottom .content1,
#latest_news .background {
  background: #fc6681;
}
#featured .recent-content {
  background: #f2b8b8;
}
.slide-btn a,
#weekend_special .main_heading,
#latest_video .main_heading,
#latest_news .main_heading,
#featured-topics h3,
#featured-recent h3 {
  color: white;
}
.slider-content span.date,
.slider-content h4,
.slide-btn a:hover,
#slider .slide-cat ul li a,
#weekend_special ul li a,
.special-content h5,
.special-content span.date,
#about .main_heading,
#about .category_sidebar h3,
#whats_new .main_heading,
#whats_new .whats_left h5 a,
#whats_new .whats_bottom h5 a,
#whats_new .whats_left .date,
#whats_new .whats_left .meta,
#whats_new .whats_left .category ul li a,
#about .about_box h6,
#latest_news .right_content h5 a,
#latest_news span.date,
#latest_news span.meta,
#latest_news li.slick-active a,
#latest_news .categry ul li a,
#featured-imagebox .owl-nav button,
#featured-recent .owl-nav button,
#featured .featured-content h5 a,
#featured .category ul li a,
#featured .featured-imagebox span.meta,
#featured .featured-imagebox span.date,
#featured-center ul li a,
#newsletter .newsletter-data h5,
#newsletter_banner .newsletter-data h5,
#instagram .main_heading,
#whats_new .social_media a {
  color: #fff;
}
#slider button.owl-dot,
.slide-btn a,
#weekend_special .main_heading span,
#latest_video .main_heading span,
#latest_news .main_heading span,
#latest_news button.slick-next.slick-arrow,
#latest_news ul.slick-dots li,
#featured-topics h3 span,
#featured-recent h3 span {
  background: #fa3a47;
}
.featured-center .right_content {
  background: white;
}
#whats_new .nav-tabs {
  background: white;
}
.main_heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  font-family: "Righteous";
}

.main_heading span {
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 9px;
}

/* --------- SLIDER--------- */

#slider {
  position: relative;
}
#slider .image1 {
  clip-path: polygon(56% 0, 0 0, 0 100%, 33% 100%, 100% 48%);
  width: 75%;
}
#slider .image2 {
  position: absolute;
  clip-path: polygon(100% 0, 0 0, 100% 80%);
  right: 0px;
  top: 8%;
  width: 57%;
}
#slider .image3 {
  position: absolute;
  top: -27%;
  width: 74%;
  right: 0px;
  clip-path: polygon(67% 64%, 100% 89%, 100% 100%, 0% 100%);
}
#slider .slider-imagebox {
  background: #514147;
}
#slider .slider-imagebox img {
  opacity: 0.9;
}
#slider .image1 .slider-imagebox {
  height: 630px;
}
#slider .image2 .slider-imagebox {
  height: 650px;
}
#slider .image3 .slider-imagebox {
  height: 895px;
  position: relative;
  bottom: -400px;
}
#slider .image1 .slider-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25%;
  right: 30%;
}
#slider .image2 .slider-content {
  position: absolute;
  top: 15%;
  transform: translateY(-15%);
  left: 50%;
}
#slider .image3 .slider-content {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  right: 10%;
  left: 50%;
}
#slider .slide-cat ul {
  list-style: none;
  padding: 0;
}
#slider .slide-cat ul li {
  display: inline-block;
  background: #ea00f4;
  padding: 5px 7px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
}
#slider .slide-cat ul li a {
  font-family: "Poppins";
}
.slider-content h4 {
  font-size: 26px;
  font-weight: 700;
}
.slide-btn a {
  padding: 10px 15px;
  font-weight: bold;
  font-size: 12px;
}
.slider-content span.date {
  font-size: 14px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins";
}
#slider button.owl-dot {
  width: 12px;
  height: 12px;
  margin-right: 10px;
  outline: none;
  border-radius: 50px;
  border: 1px solid transparent;
}
#slider .owl-dots {
  position: absolute;
  top: 22%;
  left: 23%;
  transform: rotate(90deg);
}
#slider .slide-cat ul li:nth-child(2) {
  background: #f55329;
}
#slider .slide-cat ul li:nth-child(3) {
  background: #046edc;
}
#slider .slide-cat ul li:nth-child(4) {
  background: #9d7dbf;
}
#slider .slide-cat ul li:nth-child(5) {
  background: #20ad30;
}

/* --------- Weekend Special ------------- */

#weekend_special {
  position: relative;
}
.special-content {
  position: absolute;
  top: 40%;
}
.special-image img {
  border-radius: 10px;
}
.special-content h5 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Poppins";
}
.special-content span.date {
  font-size: 14px;
  line-height: 45px;
  font-weight: 400;
  font-family: "Poppins";
}
#weekend_special ul {
  list-style: none;
  padding: 0;
}
#weekend_special ul li {
  margin-top: 15px;
}
#weekend_special ul li a {
  background: #ea00f4;
  padding: 5px 7px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins";
}
#weekend_special .owl-dots {
  text-align: center;
  margin-top: 20px;
}
#weekend_special button.owl-dot {
  background: #fff;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  outline: none;
  border-radius: 50px;
  border: 1px solid transparent;
}
#weekend_special .cat1 ul li a {
  background: #f65329;
}
#weekend_special .cat2 ul li a {
  background: #046edc;
}
#weekend_special .cat3 ul li a {
  background: #9d7ebf;
}
#weekend_special .cat4 ul li a {
  background: #20ad31;
}

/* --------- About ------------- */

#about .about_box {
  background: #fc6681;
}
#about .about_box img {
  border-top-right-radius: 115px;
  border-bottom-right-radius: 115px;
}
#about .about_content {
  position: absolute;
  bottom: -4px;
  width: 80%;
  text-align: center;
}
#about .about_box span {
  font-size: 14px;
  line-height: 30px;
  color: #cfcece;
  font-weight: 400;
  font-family: "Poppins";
}
#about .about_box h6 {
  font-size: 15px;
  line-height: 10px;
  font-weight: 600;
  font-family: "Poppins";
}
#about .about_box p {
  font-size: 15px;
  line-height: 26px;
  color: white;
  font-weight: 400;
  font-family: "Poppins";
}
#about .category_box {
  box-shadow: 0 0 5px 2px #ccc;
  padding: 15px;
}
#about table {
  margin: 0;
}
#about table li {
  list-style: none;
  display: inline-block;
}
#about table li.left {
  float: left;
}
#about table li.right {
  float: right;
}
#about table td {
  border: 4px solid #abd9f3;
  padding: 10px 20px;
}
#about table li span {
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Poppins";
  border-radius: 5px;
}
#about .color1 span {
  background: #f300ff;
}
#about .color2 span {
  background: #003dff;
}
#about .color3 span {
  background: #f55329;
}
#about .color4 span {
  background: #20ae30;
}
#about .about_counter {
  background-image: linear-gradient(
    90deg,
    #2621f3 0%,
    #e9d7fb 51%,
    #7c74ff 100%
  );
  border-radius: 8px;
}
#about .counter_border {
  border-right: 1px solid white;
  padding: 15px 20px;
  margin-bottom: 25px;
}
#about .owl-item:last-child .counter_border {
  border-right: none;
}
#about .counter_border h4 {
  font-size: 30px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #fa3a47;
  font-weight: 600;
  font-family: "Poppins";
  text-align: center;
}
#about .counter_border p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 22px;
  color: white;
  font-weight: 400;
  font-family: "Poppins";
  text-align: center;
}

/* --------- Latest News ---------- */

#latest_news {
  background: lightgray;
}
#latest_news .latest_slider img {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#latest_news .background {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#latest_news .categry ul {
  list-style: none;
  padding: 0;
}
#latest_news .categry ul li {
  margin-top: 15px;
  display: inline-block;
}
#latest_news .categry ul li a {
  background: #ea00f4;
  padding: 5px 7px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins";
}
#latest_news .right_content h5 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  font-family: "Poppins";
}
#latest_news .right_content p {
  font-size: 12px;
  letter-spacing: 0px;
  color: #010101;
  font-weight: 400;
  font-family: "Poppins";
}
#latest_news span.date {
  font-size: 14px;
  font-weight: 300;
  font-family: "Poppins";
}
#latest_news span.meta {
  font-size: 14px;
  font-weight: 300;
  font-family: "Poppins";
}
#latest_news ul.slick-dots li {
  display: inline-block;
  width: 20px;
  height: 21px;
  text-align: center;
  border-radius: 15px;
  margin-right: 10px;
  cursor: pointer;
}
#latest_news ul.slick-dots li a {
  font-size: 13px;
}
#latest_news ul.slick-dots {
  text-align: center;
  margin-bottom: 0;
  margin-top: 20px;
}
#latest_news button.slick-next.slick-arrow {
  position: absolute;
  right: 42%;
  border: none;
  border-radius: 16px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  outline: none;
  cursor: pointer;
  bottom: 0;
}
#latest_news button.slick-prev.slick-arrow {
  display: none !important;
}
#latest_news .cat1 ul li a {
  background: #f65329;
}
#latest_news .cat2 ul li a {
  background: #20ad31;
}
#latest_news .cat3 ul li a {
  background: #f65329;
}
#latest_news .cat4 ul li a {
  background: #046edc;
}
#latest_news .cat5 ul li a {
  background: #ea00f4;
}
#latest_news .cat6 ul li a {
  background: #f65329;
}

/* --------- Featured ---------- */

#featured .featured-imagebox {
  position: relative;
}
.featured-imagebox img {
  border-radius: 9px;
}
.featured-content {
  position: absolute;
  bottom: 10%;
}
#featured .featured-content h5 {
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
  font-family: "Poppins";
}
#featured .category ul {
  list-style: none;
  padding: 0;
}
#featured .category ul li {
  display: inline-block;
}
#featured .category ul li a {
  background: #003eff;
  padding: 5px 7px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins";
}
#featured .featured-imagebox span.date {
  font-size: 14px;
  font-weight: 300;
  font-family: "Poppins";
}
#featured .featured-imagebox span.meta {
  font-size: 14px;
  font-weight: 300;
  font-family: "Poppins";
}
#featured-imagebox .owl-nav button {
  background: transparent;
  border: none;
  font-size: 22px;
  position: absolute;
  top: 47%;
  outline: none;
}
#featured-imagebox button.owl-next {
  right: 16px;
}
#featured-imagebox button.owl-prev {
  left: 16px;
}

.featured-center img {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.featured-center .right_content {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.featured-center h5 {
  font-size: 14px;
  line-height: 21px;
  color: #524147;
  font-weight: 600;
  font-family: "Poppins";
}
#featured .featured-center span.date {
  font-size: 14px;
  font-weight: 200;
  font-family: "Poppins";
  color: #7d7c7c;
}
#featured-center ul {
  list-style: none;
  padding: 0;
}
#featured-center ul li {
  display: inline-block;
}
#featured-center ul li a {
  background: #003eff;
  padding: 5px 7px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins";
}
#featured-center .cat1 ul li a {
  background: #046fdd;
}
#featured-center .cat2 ul li a {
  background: #9d7ebf;
}
#featured-center .cat3 ul li a {
  background: #f65329;
}

#featured .recent-image img {
  border-radius: 9px;
}
#featured .recent-content p {
  font-size: 12px;
  line-height: 22px;
  color: #020202;
  font-weight: 400;
  font-family: "Poppins";
}
#featured .recent-content span {
  font-size: 16px;
  line-height: 24px;
  color: #5a5959;
  font-weight: 600;
  font-family: "Poppins";
}
#featured-recent .owl-nav button {
  background: transparent;
  border: none;
  font-size: 22px;
  position: absolute;
  top: 47%;
  outline: none;
}
#featured-recent button.owl-next {
  right: 16px;
}
#featured-recent button.owl-prev {
  left: 16px;
}

/* --------- Whats news --------------- */

#whats_new .whats-content {
  position: relative;
}
#whats_new .whats-content img {
  border-radius: 9px;
}
#whats_new .content {
  position: absolute;
  bottom: 18px;
}
#whats_new .whats_left h5 {
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
  font-family: "Poppins";
}
#whats_new .whats_left .category ul {
  list-style: none;
  padding: 0;
}
#whats_new .whats_left .category ul li {
  display: inline-block;
}
#whats_new .whats_left .category ul li a {
  background: #003eff;
  padding: 5px 7px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins";
}
#whats_new .whats_left span.date {
  font-size: 14px;
  font-weight: 300;
  font-family: "Poppins";
}
#whats_new .whats_left span.meta {
  font-size: 14px;
  font-weight: 300;
  font-family: "Poppins";
}
#whats_new .whats_left .cat1 ul li a {
  background: #f65329;
}
#whats_new .whats_left .cat2 ul li a {
  background: #f400ff;
}
#whats_new .whats_bottom img {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
#whats_new .whats_bottom .content1 {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
#whats_new .whats_bottom .content1 h5 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Poppins";
}
#whats_new .whats_bottom .content1 p {
  font-size: 12px;
  letter-spacing: 0px;
  color: #010101;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 20px;
}
#whats_new .whats_bottom .category ul {
  list-style: none;
  padding: 0;
}
#whats_new .whats_bottom .category ul li {
  display: inline-block;
}
#whats_new .whats_bottom .category ul li a {
  background: #003eff;
  padding: 5px 7px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins";
}
#whats_new .whats_bottom .cat1 ul li a {
  background: #f400ff;
}
#whats_new .whats_bottom .cat2 ul li a {
  background: #003eff;
}
#whats_new .whats_bottom .cat3 ul li a {
  background: #f65329;
}
#whats_new .whats_tab {
  background: #ffda48;
}
#whats_new .whats_tab img {
  border-radius: 9px;
}
#whats_new .whats_tab h5 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  font-family: "Poppins";
}
#whats_new .whats_tab h5 a {
  color: #000;
}
#whats_new .whats_tab .date {
  font-size: 14px;
  line-height: 20px;
  color: #7b7b7c;
  font-weight: 500;
  font-family: "Poppins";
}
#whats_new .whats_tab .category ul {
  list-style: none;
  padding: 0;
}
#whats_new .whats_tab .category ul li {
  display: inline-block;
}
#whats_new .whats_tab .category ul li a {
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins";
}
#whats_new .whats_tab .cat1 ul li a {
  color: #20ae31;
}
#whats_new .whats_tab .cat2 ul li a {
  color: #f400ff;
}
#whats_new .whats_tab .cat3 ul li a {
  color: #003eff;
}
#whats_new .whats_tab .cat4 ul li a {
  color: #f65329;
}
#whats_new .whats_tab ul a.active {
  color: #fa3a47;
  background: transparent;
}
#whats_new .whats_tab ul a {
  text-align: center;
  border: none;
  font-size: 16px;
  line-height: 24px;
  color: #7b7b7c;
  font-weight: 700;
  font-family: "Poppins";
}
#whats_new .whats_tab .nav-link {
  padding: 7px 14px;
}
#whats_new .nav-tabs {
  border: none;
  border-radius: 50px;
}
#whats_new .social_media i {
  padding-right: 10px;
}
#whats_new .social_media a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-family: "Poppins";
}
#whats_new .social_media li {
  padding: 10px;
  list-style-type: none;
  text-align: center;
  border-radius: 5px;
}
#whats_new .social_media li.twitter {
  background: #4fd3f1;
}
#whats_new .social_media li.facebook {
  background: #094783;
}
#whats_new .social_media li.youtube {
  background: #f70515;
}
#whats_new .social_media li.pintrest {
  background: #b94bb1;
}
#whats_new .social_media li.linkedin {
  background: #0077b5;
}

/* --------- Latest Videos --------------- */

#latest_video {
  background: lightgray;
}
#latest_video .video-image {
  position: relative;
}
#latest_video .right_bg {
  background: #fec8dc;
}
.video_content h5 {
  font-size: 16px;
  line-height: 30px;
  color: #524147;
  font-weight: 600;
  font-family: "Poppins";
}
#latest_video .video-content h5 {
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Poppins";
  padding: 10px 30px;
  text-decoration: underline;
  text-align: left;
}
#latest_video .video-content {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
}
#latest_video .video-content i {
  width: 60px;
  height: 58px;
  color: #fff;
  padding: 17px 20px;
  font-size: 18px;
  cursor: pointer;
  border: 4px solid #fa2f3c;
  border-radius: 50%;
  background: #fa2f3c;
}
#latest_video .right_bg .video-content i {
  width: 40px;
  height: 40px;
  color: #fff;
  padding: 9px 12px;
  font-size: 14px;
  cursor: pointer;
  border: 4px solid #fa2f3c;
  border-radius: 50%;
  background: #fa2f3c;
}
#latest_video .border {
  margin: 10px 20px;
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
}

/* --------- Instagram ------------------- */

section#instagram {
  padding: 30px 0 0;
}

/* --------- Newsletter ------------------- */

#newsletter {
  position: relative;
}
#newsletter .newsletter-data {
  top: 29%;
  position: absolute;
  width: 100%;
}
#newsletter .newsletter-data h5 {
  font-size: 22px;
  line-height: 36px;
  font-weight: 600;
  font-family: "Poppins";
  text-align: center;
}
#newsletter .newsletter-data .button {
  font-size: 16px;
  line-height: 36px;
  color: #524147;
  font-weight: 400;
  font-family: "Poppins";
  padding: 5px 10px;
  display: inline-block;
  background: #ebddfa;
}
.wpcf7 .ajax-loader {
  display: none;
}

/* --------- Newsletter Banner ------------------- */

section#newsletter_banner {
  padding: 30px 0;
}
#newsletter_banner {
  position: relative;
}
#newsletter_banner .newsletter-data {
  top: 29%;
  position: absolute;
  width: 100%;
}
#newsletter_banner .newsletter-data h5 {
  font-size: 22px;
  line-height: 36px;
  font-weight: 600;
  font-family: "Poppins";
  text-align: center;
}
#newsletter_banner .newsletter-data .button {
  font-size: 16px;
  line-height: 36px;
  color: #524147;
  font-weight: 400;
  font-family: "Poppins";
  padding: 5px 10px;
  display: inline-block;
  background: #ebddfa;
}
