/*
Theme Name: Christmas Event
Theme URI: https://www.theclassictemplates.com/products/free-christmas-event-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Celebrate the holiday season with our Festive Christmas Event WordPress Theme, designed to bring the magic of Christmas to your website. Ideal for Christmas markets, holiday parties, winter festivals, and seasonal events, this theme offers a warm, inviting design with festive color schemes, holiday-themed icons, and snowflake animations that set a perfect wintery mood. Featuring easy event management, customizable layouts, responsive design, and integrated ticket booking, it makes organizing events seamless. The built-in countdown timer adds excitement, while social sharing and multilingual support help you reach a wider audience. Plus, it’s SEO-optimized to improve your online visibility. Create a stunning website and spread the joy of the season with our Christmas Event WordPress Theme.
Template: classic-events
Version: 0.1.1
Tested up to: 6.7
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: christmas-event
Tags: blog, holiday, entertainment, right-sidebar, left-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-logo, post-formats, full-width-template, featured-images, custom-colors, editor-style, wide-blocks, block-styles, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

Christmas Event WordPress Theme has been created by classictemplate (theclassictemplates.com), 2024.
Christmas Event WordPress Theme is released under the terms of GNU GPL

Christmas Event WordPress Theme is child theme of Classic Events WordPress Theme, Copyright 2024 classictemplate (theclassictemplates.com)
Christmas Event WordPress Theme is distributed under the terms of the GNU GPL
*/

body{
  margin:0;
  padding:0;
  line-height:20px;
  font-size:15px;
  color:#aaaaaa;
  font-family: 'Roboto', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background: #ffffff;
  overflow-x: hidden !important;
}
#error-page{
  margin-top: 0 !important;
}
a, a:hover{
  text-decoration: none;
  color:#DC143C;
}
h1,h2,h3,h4,h5,h6{
  font-weight: 600;
  color:#000;
}
p{
  color:#9d9c9c;
}
/*block css*/
.postsec-list .wp-block-button a:hover, 
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background-color: #30584c;
  color: #fff !important;
}
.postsec-list .wp-block-button.is-style-outline a, .site-main .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid #DC143C;
  color: #fff !important;
}
.postsec-list .wp-block-button__link, .site-main .wp-block-button__link{
  background: #DC143C;
  color:#fff !important;
  border-radius: 30px;
}
.postsec-list .wp-block-button a:hover, .site-main .wp-block-button a:hover{
  background:#30584c;
  border:1px solid #30584c !important;
  color: #fff !important;
}
a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, button.wc-block-components-checkout-place-order-button{
  background-color: #DC143C;
  color:#fff;
}
button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color: #262626;
  color:#fff;
}
/*braedcrumb*/
.breadcrumb a{
  background-color: #DC143C;
  color:#fff !important;
  padding: 10px;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  align-self: center;
  margin-left: 15px;
}
.breadcrumb a:first-child{
  margin-left: 0;
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover{
  background-color: #30584c;
  color:#fff;
}
.breadcrumb .current-breadcrumb{
  padding: 10px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.breadcrumb {
    margin-bottom: 10px;
}

/* = top header css
-------------------------------------- */
h1.site-title, p.site-title{
  font-size: 35px;
  margin-bottom: 0;
  color:#fff;
}
h1.site-title a, p.site-title a{
  color: #fff;
  font-size: 27px;
  font-weight: 600;
}
h1.site-title a:hover {
  text-decoration: unset;
}
.social-icons i:hover, #footer .social-icons i:hover{
  color: #DC143C;
}

/*scroll to top*/
.page-links .post-page-numbers.current, .page-links a:hover, #button, .tagcloud a:hover, .wp-block-tag-cloud a:hover{
  background: #DC143C;
  color:#fff;
  display: inline-block;
}
.nav-links .page-numbers{
  background-color: #30584c;
}
.page-links a, .page-links span,  #footer,.page-template-template-home-page .bhead.sticky-head, .bhead.sticky-head{
  background-color: #30584c;
}
#footer a:hover, .header .site-mail p:hover, .header .social-icons i:hover, .post-comment:hover a, .post-comment:hover i, .post-date:hover a, .post-date:hover i{
  color:#DC143C;
}
.widget_calendar #today a, #footer aside h5, .page-links a, .page-links span, .page-header span a, .woocommerce ul.products li.product a, .wc-block-components-button__text{
  color:#fff !important;
}
.wc-block-components-button__text{
  opacity: 1 !important;
}
/* = header css
-------------------------------------- */
.woocommerce a.added_to_cart,.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
  color: #fff !important;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 15px;
  display: inline-block;
  background-color: #DC143C;
  text-decoration: none;
  margin-top: 5px;
}
.woocommerce a.added_to_cart {
  margin-top: 10px;
  padding: 12px;
}
.pagemore a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover,.woocommerce a.added_to_cart:hover {
  background: #30584c;
  color: #fff;
}
.woocommerce input#coupon_code{
  padding: 10px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
  width: 100px;
}
.woocommerce ul.products li.product .onsale, .copywrap{
  background-color: #DC143C;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]{
  color:#fff;
}
.logo{
  text-align: left;
}
/* = menus css */
.main-nav li ul{
  border: none;
}
.main-nav a {
  color: #fff;
}
.page-template-template-home-page .main-nav a:hover{
  color: #DC143C;
}
.main-nav ul ul li.current-menu-item.page_item a{
  color: #000000 !important;
}
.main-nav ul ul li.current-menu-item.page_item a:hover{
  color: #ffffff !important;
}
.main-nav li ul{
  border-top: 3px solid #DC143C;
}
.main-nav ul ul li:hover, .serach_inner{
  background-color: #DC143C;
}
.main-nav ul ul li a:hover{
  color: #ffffff;
}
.main-nav ul ul li li a:hover{
  color: #000000;
}
.main-nav ul ul li li a:hover{
  color: #ffffff;
}
.main-nav ul ul li a{
  color: #000000;
}
.page-template-template-home-page .main-nav .current-menu-item.page_item:after{
  background-color: #DC143C;
}
body.admin-bar .search-close {
  top: 55px;
}
body.admin-bar .sticky-head .serach_inner{
  margin-top: 0 !important;
}
body.admin-bar .sticky-head .search-close {
  top: 30px;
}

/*Clearing floats css*/
.page-links a, .page-links span{
  color: #DC143C;
  border: 1px solid #DC143C;
}
.page-links .post-page-numbers.current, .page-links a:hover, .tags a{
  background-color: #DC143C;
  color: #fff;
}
#sidebar ol.wp-block-latest-comments{
  padding-left: 0;
}
#sidebar form .wp-block-search__button{
  background-color: #DC143C;
  color: #ffffff;
  border: none;
}
#sidebar form input.wp-block-search__input{
  margin-bottom: 0;
}
#sidebar .wp-block-search__label, #sidebar .widget-title {
  font-size: 30px;
  font-weight: 600;
  color: #000 !important;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
}
/* = slider section css
-------------------------------------- */

#slider-cat{
  background-image: url(images/slider-img.png);
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 99;
  height: 650px;
  background-color: rgba(0, 0, 0, 0.5);
  background-size: cover;
}
#slider-cat .text-content h1, #slider-cat .text-content .slider-content{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
#slider-cat .text-content h1{
  -webkit-line-clamp: 2;
}
#slider-cat .text-content .slider-content{
  -webkit-line-clamp: 4;
}
#slider-cat{
  height: 730px;
}
.text-content .slider-text{
  color: #DC143C;
  font-size: 12px;
}
.slide-btn a, .page-template-template-home-page .contact-us a{
  background-color: #DC143C;
}
#slider-cat .imagebox img{
  margin: 0 auto;
  border: 10px solid #ffffff !important;
}
#slider-cat .heading-color{
  color: #DC143C;
}
.page-template-template-home-page .logo:after{
  content: "";
  position: absolute;
  z-index: 1;
  width: 570px;
  height: 210px;
  top: 0;
  left: 0;
  right: auto;
  background-image: url(images/logo-shape1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#slider-cat::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 770px;
  height: 435px;
  left: auto;
  right: 0;
  bottom: 0;
  background-image: url(images/slider-side-img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#slider-cat .owl-prev i:hover, #slider-cat .owl-next i:hover{
  color: #DC143C;
}
.page-template-template-home-page .contact-us a:hover, .slide-btn a:hover{
  color: #DC143C !important;
}
#slider-cat .dot-image{
  position: relative;
}
#slider-cat .dot-image:after{
  content: "";
  position: absolute;
  z-index: 2;
  width: 40px;
  height: 40px;
  top: 44em;
  right: 100px;
  background-image: url(images/circle1.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#slider-cat .dot-image:before{
  content: "";
  position: absolute;
  z-index: 2;
  width: 100px;
  height: 50px;
  top: 38em;
  left: 100px;
  background-image: url(images/circle2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.header-top .search-box i:hover{
  border: 0 solid !important;
}
.search-box i, .page-template-template-home-page .search-box i:hover{
  color: #B5995A;
}
#slider-cat .owl-prev{
  left: 0;
}
#slider-cat .owl-next{
  right: 95%;
}
#slider-cat .owl-prev, #slider-cat .owl-next{
  top: 90%;
}
.mainhead.sticky-head, .page-template-template-home-page .mainhead.sticky-head{
  background-color: #DC143C;
}
.page-template-template-home-page .mainhead.sticky-head .contact-us a, #sidebar ul li::before{
  color: #DC143C;
} 
.page-template-template-home-page .mainhead.sticky-head #mySidenav .current-menu-item a,
.page-template-template-home-page .mainhead.sticky-head .main-nav a:hover{
  color: #000000;
}
#footer .copywrap{
  border-top: 2px solid #ffffff;
}

/* = services css
-------------------------------------- */
#about_section .services-text{
  color: #DC143C;
  font-size: 14px;
  font-weight: 600;
}
#about_section .services-title{
  font-size: 28px;
  font-weight: 700;
}
#about_section .blog_bx{
  width: 63%;
  margin: 0 auto;
}
#about_section .cat-box{
  position: relative;
}
#about_section .cat-box:hover .articles h3{
  background-color: #DC143C;
}
#about_section .cat-box:hover .thumb_img{
  border: 5px solid #DC143C;
}
#about_section .cat-box .articles{
  text-align: center;
}
#about_section .cat-box .articles h3{
  background-color: #B5995A;
  color: #ffffff;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-block;
  padding: 16px 80px;
  position: absolute;
  left: 50%;
  bottom: -7%;
  transform: translateX(-50%);
}
#about_section .cat-box .thumb_img{
  border: 5px solid transparent;
  height: 400px;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  background-color: #e3e0e0;
}
#about_section .cat-box img.thumb_img{
  background-color: transparent;
}
#about_section .info-btn a{
  background-color: #DC143C;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 12px 28px;
}
.mainhead,
.copywrap, 
span.page-numbers.current, 
.nav-links .page-numbers:hover,
.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit{
  background-color: #DC143C;
}
.page-template-template-home-page .mainhead{
  background: transparent !important;
}
.contact-us a{
  background-color: #ffffff;
  color: #DC143C;
}
.header, 
.wc-block-components-totals-coupon__button.contained, 
.woocommerce button.button.alt, 
.slider-img-color, 
.postsec-list .search-form input.search-submit, 
input.search-submit, 
.page-links a, 
.page-links span, 
.tagcloud a:hover, 
.breadcrumb a, 
nav.woocommerce-MyAccount-navigation ul li, 
.woocommerce a.button, 
a.wc-block-components-checkout-return-to-cart-button, 
button.wc-block-components-checkout-place-order-button, 
#commentform input#submit, 
.main-nav .current_page_item a::before, 
.page-template-template-home-page .contact-us a, 
#about_section .abt-image .post-color{
  background-color: #DC143C;
}
.breadcrumb a{
  background-color: #DC143C;
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover,.nav-links .page-numbers{
  background: #000 !important;
}
.page-template-template-home-page #mySidenav .current-menu-item a,
#sidebar .widget a:hover,
.woocommerce ul.products li.product a, 
.woocommerce-page .entry-summary a, blockquote a, 
.postsec-list .wp-block-button.is-style-outline a, 
.page-template-template-home-page p.site-title a:hover, 
.page-template-template-home-page h1.site-title a:hover, 
.page-template-template-home-page .header .contact-us a i, 
#slider-cat .text-content h1 a:hover, 
#slider-cat .text-content p.slider-smalltitle, 
#slider-cat .sliderbtn a i, #slider-cat .text-content .slider-text, 
#service_section .abt-btn .contact-us.btn1 a i, 
#service_section .abt-btn .contact-us.btn2 a:hover i, 
.listarticle h2 a:hover, #sidebar ul li::before, 
#sidebar .widget a:active, 
#footer h6, #about_section .abt-slide-title a:hover, 
#about_section h2 a:hover, 
#sidebar .widget-title, 
.ftr-4-box h5, 
.edit-link a, 
.wc-block-components-button__text, 
.woocommerce-MyAccount-content a, 
.wp-block-quote a, 
.wc-block-cart__submit-container a, 
.logged-in-as a, 
.sliderbox span, 
.info-box a:hover, 
.social-icons i:hover, 
.nav-links a, 
#comments a, 
#about_section .abt-title, 
.entry-content a, 
.postmeta a:hover, 
#sidebar aside .page_item a:hover{ 
  color: #DC143C;
}
.page-template-template-home-page #mySidenav .current-menu-item ul li:hover a,
#footer li a:hover,
#footer a:hover, 
#footer h6, .page-template-template-home-page .contact-us a:hover, .slide-btn a:hover{
  color: #ffffff;
}
#footer h6{
  text-align: left;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 10px;
}
#footer td, #footer th {
  color: #fff;
  border: 1px solid #ffffff;
}
#footer form input[type="search"]{
  border-color: #ffffff !important;
  color: #ffffff;
}
#footer input.search-submit{
  background-color: #ffffff;
  color: #DC143C;
  padding: 10px !important;
}
#footer input.search-field::placeholder{
  color: #ffffff;
}

/*footer*/
.postsec-list .search-form input.search-submit, .widget_calendar caption, .widget_calendar #today, span.page-numbers.current, .nav-links .page-numbers:hover, #footer, #sidebar input.search-submit, form.woocommerce-product-search button{
  background-color: #DC143C;
}
.postsec-list .search-form input.search-submit, #sidebar input[type="text"], #sidebar input[type="search"], #footer input[type="search"]{
  border-color: #DC143C;
}
#sidebar ul li::before{
  color: #DC143C;
}
#sidebar .widget{
  border-bottom: 3px solid #DC143C;
}
nav.woocommerce-MyAccount-navigation ul li, .woocommerce-message, span.page-numbers.current, .nav-links .page-numbers:hover{
  border-color: #DC143C;
}
#sidebar .widget a:hover, #sidebar .widget a:active, .listarticle h2 a, .woocommerce-message::before{
  color: #DC143C;
}
#sidebar .widget-title{
  color: #000;
  text-align: left;
}
#sidebar .widget .tagcloud a:hover{
  color: #000 !important;
}
nav.woocommerce-MyAccount-navigation ul li{
  background-color: #DC143C;
}
.header .site-mail i{
  background-color: #30584c;
}
/*responsive*/
@media screen and (max-width: 1000px){
  .main-nav li ul{
    border-top: 0px solid #DC143C !important;
  }
  .mainhead.sticky-head .logo {
    text-align: center;
    margin-bottom: 15px;
  }
  .admin-bar .main.sticky-head {
    top: 0;
  }
  .page-template-template-home-page .toggle-nav button, .page-template-template-home-page .contact-us a, .page-template-template-home-page .search-box i{
    background-color: #DC143C;
    color: #ffffff !important;
  }
  .page-template-template-home-page .toggle-nav button, .page-template-template-home-page .contact-us a{
    border: none;
  }
  .mainhead.sticky-head .toggle-nav button,
  .page-template-template-home-page .mainhead.sticky-head .contact-us a,
  .mainhead.sticky-head .search-box i {
    background-color: #fff !important;
    color: #DC143C;
  }
  .slide-btn a, .contact-us a {
    font-size: 12px;
    padding: 6px 20px;
  }
  .page-template-template-home-page #mySidenav .main-nav ul{
    position: initial;
  }
  .page-template-template-home-page .logo:after, #slider-cat::after {
    content: none;
  }
  .search-box i{
    font-size: 12px;
  }
  .toggle-nav button{
    font-size: 12px;
    padding: 6px 20px;
    background-color: #ffffff !important;
  }
  .imagebox img {
    height: 250px !important;
    width: 250px !important;
  }
  #mySidenav{
    background-color: #30584c;
  } 
  .toggle-nav button, .contact-us a{
    color:#DC143C;
    border-radius: 8px;
    border:1px solid #fff;
  }
  .main-nav li{
    border-color: #fff;
  }
  .page-template-template-home-page .bhead, .bhead{
    background-color: #30584c;
  }
  .sidenav .close-button{
    margin-bottom: 20px !important;
    margin-top: 20px;
  }
  .main-nav a:hover{
    background:none;
    color:#fff !important;
  }
}
@media screen and (max-width: 767px){
  #sidebar{
    margin-top: 30px;
  }
  .logo {
    text-align: center;
  }
  #slider-cat .dot-image:after, #slider-cat .dot-image:before{
    display: none;
  }
  #slider-cat .text-content p{
    display: block;
    text-align: center;
  }
  .page-template-template-home-page .mainhead{
    background-color: #DC143C !important;
  }
  .slide-btn a, .contact-us a{
    font-size: 12px;
    padding: 6px 20px;
  }
  #slider-cat .owl-prev, #slider-cat .owl-next {
    top: 95%;
    transform: translateX(-50%);
  }
  #slider-cat .owl-prev{
    left: 45%;
  }
  #slider-cat .owl-next{
    left: 55%;
  }
  #slider-cat {
    height: 600px;
  }
  .page-template-template-home-page .toggle-nav button, .page-template-template-home-page .contact-us a, .page-template-template-home-page .search-box i{
    background-color: #ffffff !important;
    color: #DC143C;
  }
  #about_section .blog_bx{
    width: 100%;
  }
  #about_section .services-title{
    font-size: 20px;
    line-height: 25px;
  }
  #about_section .cat-box .thumb_img{
    height: 250px;
  }
  #about_section .cat-box .articles h3{
    padding: 16px 60px;
    bottom: -10%;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  #slider-cat .dot-image:after, #slider-cat .dot-image:before{
    display: none;
  }
  #slider-cat .owl-prev{
    right: auto;
  }
  #slider-cat .owl-next {
    right: 92%;
  }
  #slider-cat .owl-prev, #slider-cat .owl-next {
    top: 90%;
  }
  #slider-cat {
    height: 500px;
  }
  .logo{
    text-align: left;
  }
  .admin-bar .sticky-head{
    top: 45px;
  }
  #about_section .blog_bx{
    width: 95%;
  }
  #about_section .services-title{
    font-size: 25px;
  }
  #about_section .cat-box .thumb_img{
    height: 280px;
  }
  #about_section .cat-box .articles h3{
    bottom: -11%;
    padding: 16px 50px;
  }
}
@media screen and (min-width: 992px) and (max-width:1199px){
  .logo{
    text-align: center;
  }
  .slide-btn a, .contact-us a {
    font-size: 14px;
    padding: 9px 20px;
  }
  .page-template-template-home-page .logo:after{
    width: 300px;
    height: 113px;
  }
  .imagebox img {
    height: 300px !important;
    width: 300px !important;
  }
  #slider-cat .sliderbox{
    top: 58%;
  }
  #slider-cat::after{
    width: 450px;
    height: 360px;
  }
  #slider-cat {
    height: 600px;
  }
  #slider-cat .owl-prev, #slider-cat .owl-next{
    top: 95%;
  }
  #slider-cat .dot-image:after{
    top: 38em;
    right: 50px;
  }
  #about_section .blog_bx{
    width: 95%;
  }
  #about_section .services-title{
    font-size: 25px;
  }
  #about_section .cat-box .thumb_img{
    height: 280px;
  }
  #about_section .cat-box .articles h3{
    bottom: -11%;
    padding: 16px 50px;
  }
}
@media screen and (min-width: 1200px) and (max-width:1399px){
  .logo{
    text-align: center;
  }
  #slider-cat {
    height: 610px;
  }
  .page-template-template-home-page .logo:after{
    width: 340px;
    height: 128px;
  }
  .imagebox img {
    height: 320px !important;
    width: 320px !important;
  }
  #slider-cat .owl-prev, #slider-cat .owl-next{
    top: 95%;
  }
  #slider-cat::after{
    width: 535px;
    height: 450px;
    background-size: 120% 100%;
  }
  #slider-cat .dot-image:after{
    top: 38em;
    right: 65px;
  }
}
@media screen and (min-width: 1400px) and (max-width:1599px){
  .logo{
    text-align: center;
  }
  .page-template-template-home-page .logo:after{
    width: 400px;
    height: 150px;
  }
  #slider-cat {
    height: 640px;
  }
  #slider-cat .owl-prev, #slider-cat .owl-next{
    top: 90%;
  }
  .imagebox img {
    height: 350px !important;
    width: 350px !important;
  }
  #slider-cat::after{
    width: 615px;
    height: 460px;
  }
  #slider-cat .dot-image:after{
    top: 40em;
    right: 65px;
  }
}
@media screen and (max-width: 999px){
  .blog-content{
    width: 80%;
  }
}
@media screen and (min-width: 1900px){
  #slider-cat::after{
    height: 450px;
  }
}