@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
body {font-family: 'roboto', sans-serif;font-size: 18px;overflow-x: hidden; color: #1e1e1e;}

h1{ font-size: 40px; font-weight: 700; font-family:"Manrope", serif; color: #000; text-transform: uppercase;}
h2{ font-size: 34px; font-weight: 700; font-family:"Manrope", serif; color: #2760CF; margin-bottom: 30px;  text-transform: uppercase;}
h3{ font-size: 28px; font-weight: 600; font-family:"Manrope", serif; color: #000; margin-bottom: 20px;}
h4{ font-size: 24px; font-weight: 600; font-family:"Manrope", serif; color: #8fb5ff; margin-bottom: 15px;}
h5{ font-size: 20px; line-height: 27px; font-weight: 500; font-family:"Manrope", serif; color: #000;}

.upper-header{background-color: #fafafa; border-bottom: 1px solid #B6B6B6; padding: .3rem 1rem;}
.upper-header .row{align-items: center;}
.upper-header li{padding: 0px 5px;}
.upper-header li:last-child{padding-left: 15px;}
.upper-header select{border: none;}

.custom-navbar .nav-link{color: #000!important; font-size: 14px; padding: 0px 10px!important; font-weight: 700;}
.navbar li a:hover {color: #5b93ff;}
.banner-inner-content{padding: 10% 0% 35%;}
.banner-inner-content h1{font-weight: bold;text-shadow: 0px 0px 5px #000;}
.custom-btn{background: #2760cf;color: #fff;padding: 10px 20px;margin-top: 15px;display: inline-block;}
.custom-btn:hover{background: #10419f;text-decoration: none;color: #fff}
.book-now-top{ background: #2760CF; color: #fff; padding: 4px 20px; display: inline-block; margin-left: 20px; border-radius: 50px; font-size: 16px;}
.book-now-top:hover{color: #fff;text-decoration: none;background-color: #1e1e1e;}
.social-media{display: flex;margin: 0px;padding: 0px;}
.social-media a {color: #1e1e1e;}

.btn {
    margin-bottom: 15px;
  }

.aboutBlk h2, .aboutBlk .title{font-weight: bold;font-size: 30px;border-left: 4px solid #2760cf; padding-left: 15px;}
.aboutBlk h2 span{display: block;    font-size: 18px;  color: #2760cf;    font-family: Viner Hand ITC;}
.booking-list{display: flex;flex-wrap: wrap;margin: 0px;padding: 0px;list-style: none;}
.booking-list li{width: 50%;position:relative;padding-left: 23px;color:#2760cf}
.booking-list li::before{content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #2760cf;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;}
    .heading span{color: #2760cf; font-size: 18px;}
    .aboutImgBlk{position: relative;}
    .aboutImg2{position: relative; left: 30%; top: -53px;}
    .aboutImg3{  position: relative; top: -100px;}
    .lession{background: url(../images/lession-bg.png);background-repeat: no-repeat;background-size: cover;}
    .lessionBlk{display: flex;flex-wrap: wrap;margin: 0px;padding: 0px;list-style: none;}
    .lessionBlk li{    width: 30%;   margin: 16px;    background: #fff;     box-shadow: 0px 0px 5px #ddd;}
    .lessionContent{padding: 15px;text-align: center;}
    .lessionBoxHeading{display: flex;text-align:left; justify-content: space-between;  font-size: 22px; margin-bottom: 10px;text-transform: uppercase;}
.lessionBoxHeading .price{width:28%}
    /*.book-now{background: #db1212; color: #fff;  padding: 10px 20px;margin-top: 10px;display: inline-block; border:0; border-radius: 6px;}
    .book-now:hover{color: #fff;background: #2760cf;text-decoration: none;}*/
    .book-now{background: #2760CF; border:none !important; color: #fff;  padding: 10px 20px;margin-top: 10px;display: inline-block; border-radius: 10px;}
    .book-now:hover{color: #fff !important; background: #bed6ff !important; text-decoration: none;}
    .price{color: #db1212;}
    .price .fa{color: #222;}
    .lession .heading{text-align: center;}
    .lession .heading strong{display: block;font-size: 30px; font-family: poppins;}
    .instectorHeading{font-size: 24px;font-weight: bold;}

    .call-us{background:#2760CF; padding: 85px 0px; color: #fff;}
    .call-us-heading{font-size: 28px;font-weight: 500;margin-bottom: 10px; line-height: 32px;}
    .call-sec-list{ display: flex;text-align: center; margin: 0px 0px 20px; padding: 0px; list-style: none;}
    .number{font-size: 54px;font-weight: bold;}
    .call-sec-list li{width: 23%; border: 1px solid #fff; background: #fff; color: #2760CF; margin: 1%; padding: 15px; border-radius: 10px; min-height: 138px;}
    /*.call-sec-list li{width: 23%; border: 1px solid #fff; background: transparent; margin: 1%; padding: 15px; border-radius: 20px; box-shadow: 0 -5px 0px #fff inset;}
    .call-sec-list li:hover{background: #fff; color: #2760CF; transition: .2s ease-in-out all; transform: translateY(-10px);}*/
    .call-sec-list li:hover{background: #fff; color: #2760CF; border: 1px solid #2760CF;}
    .phone-number{font-size: 30px;font-weight: bold; margin: 30px 0px;}

    .galleryHeading{font-size: 30px;font-weight: bold;  text-align: center;  margin-bottom: 30px;}
    .galleryList{padding: 0px;margin: 0px;list-style: none;display: flex; flex-wrap: wrap; }
    .galleryList li{width: 25%;overflow: hidden;}
    .galleryList li img{width: 100%;}

    .our-gallery .container-fluid{padding: 0px;}
    .news{text-align: center;}
    .newsMainheading{ font-size: 30px;text-transform: uppercase; margin-bottom: 15px; font-weight: 500;}
    .newsMainheading span{color: #2760cf;}
    .news-para{width: 80%;margin: 0 auto;}
    .newsList{margin: 0px;padding: 0px;list-style: none;display: flex;}
    .newsList li{width: 48%;margin: 2%;}
    .newsImg img{width: 100%; height:275px;}
    .newscontent{width: 80%;margin: 0 auto;
        padding: 10px;
        text-align: left;
        border-left: 5px solid #2760cf;
        background: #fff;
        position: relative;
        top: -50px;
        box-shadow: 0px 0px 7px #c7c4c4;}
        .newsInfo{margin-bottom: 10px;}
        .newsInfo i{color: #2760cf;}
        .newsHeading{    font-size: 18px;
            
            font-weight: bold;
            margin-bottom: 10px;}
            /*.read-more{text-align: right;display: block;font-weight: bold;}*/
/*footer*/
footer{background: #f7f8ff; color: #1e1e1e !important;padding: 75px 0;}             
/*footer{ background:#FAFAFA; color: #1e1e1e;padding: 75px 0;} */  
.footerList{display: flex;list-style: none;padding: 0px;margin: 0px;}  
.footerList li{width:24%;margin: 20px;}    
.footerColumnList{    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 30px;
    padding-left:0px;}   
.footerColumnList li{width: 100%;margin: 0px;position: relative;}
/* .footerColumnList li:after{content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #2760cf;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: -24px;} */
.footerHeading{font-size: 22px; position: relative; margin-bottom: 30px; font-weight: 600;}
/* .footerHeading:after{position: absolute;
    width: 100px;
    border: 3px solid #2760cf;
    content: '';
    left: 0px;
    top: 40px;} */
    .footerList li img{margin-bottom: 50px;}
   /* .footerColumnList li a{color: #fff;}
    .footerList li a{color: #fff;}*/
    .footerList li a{color: #1e1e1e !important;}
    .footerList li p i{color: #2760cf;}
    .socialList {display: flex;}
    .socialList li{margin: 5px;width: 40px!important;height: 40px; border-radius: 50%;text-align: center; line-height: 40px; color: #1e1e1e;}
   .instectorList{list-style: none;padding: 0px;margin: 0px;}
   .instectorList li{margin-bottom: 15px;position: relative;padding-left: 25px;}
   /* .instectorList li::before{ 
    content: "\f0da";
       font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #2760cf;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0px;} */
    .lessionImgBox img{width: 100%;}
    /* .custom-navbar{padding: 30px 15px;} */
    .group-lession{background: url(../images/group-banner.jpg)no-repeat;}
    .inner-banner .banner-inner-content{padding: 10% 0% 23%;}
    .benifit{background: url(../images/benifit-bg.jpg);background-repeat: no-repeat;background-size: cover;}
    .breadcrumb ul{display: flex;list-style: none;padding: 0px;margin: 0px;}
    .breadcrumb a{color:#222}
    .breadcrumb .fa{padding: 0px 8px;}
    .breadcrumb a.active{color: #2760cf;}
    .lessionsblk .row{align-items: center;}
    /*.lessionsblk h2{margin-bottom: 20px; color: #1e1e1e; font-size: 32px;}*/
    .lessionImgBlk{ border-right: 20px solid #2760cf; position: relative;}
    /* .lessionImgBlk:before{content: '';position: absolute;border: 12px solid #2760cf;width: 140px;top: -23px;right: -20px;}
    .lessionImgBlk:after{content: '';position: absolute;border: 12px solid #2760cf;width: 140px;bottom: -23px;right: -20px;} */
.priceBlk {background: #e4f0f3;}
.groupLessionList {
    display: flex;
    list-style: none;
    width: 100%;
    padding: 0px;
    justify-content: center;
}
.priceBlk .heading span{display: block;}
.priceBlk .heading strong{font-family: poppins; font-size: 30px;}
.priceBlk .heading {
    text-align: center;
    display: block;
    width: 100%;
}
.groupLessionList li{background: #fff;
text-align: center;

width: 33.33%;
margin: 30px;
border-radius: 7px;
box-shadow: 0px 0px 8px #ddd;}
.groupLessionList li span{
    font-family: poppins;
font-weight: bold;
padding: 30px 0px;
display: block;}
.bg-blue {
    background: #2760cf;
    color: #fff;
    padding: 10px;
    font-size: 22px;
    font-family: poppins;
    font-weight: bold;
}

.groupLessionList li strong{padding: 40px 0px;display: block;font-family: poppins;}
.meeting .row{display: flex;align-items: center;}
.meetingImgBlk{padding: 0; border: 0; border-radius: 10px; height: 500px;}
.meetingImgBlk img{max-width: 100%; height: 100%; border-radius: 10px;  object-fit: cover; width: 100%; border: 8px solid #fff; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px; border: 8px solid #fff;}
/*.meetingImgBlk{padding: 0; box-shadow: none; border: 0; border-radius: 20px; height: 500px;}
.meetingImgBlk img{max-width: 100%; height: 100%; border-radius: 20px;  object-fit: cover; width: 100%;}*/
.meeting-content p{font-size: 30px;}
.meeting-content strong{display: block;}
.benifitList {display: flex;padding: 0px;list-style: none;width: 100%}
.benifitHeading {font-size: 30px;
font-family: poppins;
font-weight: bold;
color: #fff;
margin-bottom: 50px;}
.benifitList li{width:25%;text-align: center;color: #fff}
.benifitList li span{padding-top: 15px}
.bookNowHeading{font-size: 28px; font-weight: bold; margin-bottom: 40px; font-family: "Manrope", serif; position: relative; text-transform: uppercase;}
/*.bookNowHeading{font-size: 30px;
font-weight: bold;
margin-bottom: 40px;
position: relative;}*/
.bookNowHeading:before{content: '';
position: absolute;
border: 3px solid #2760cf;
width: 64px;
top: 47px;}

.private-lession{background: url(../images/private-banner.jpg);}
.kindergarten{background: url(../images/kindergarten-banner.jpg);}

.faq-heading{    font-size: 30px;
    font-family: poppins;
    font-weight: bold;
    margin-bottom: 30px;}
.faq .card{margin-bottom: 10px;}
.faq .card .btn-link{color: #222;    font-size: 20px;}
.beginner-banner{background: url(../images/ski-beginners-banner.jpg);background-repeat: no-repeat;background-size: cover;}
.price-banner{background: url(../images/price-banner.jpg);background-repeat: no-repeat;background-size: cover;}
.priceList{padding: 0px;list-style: none;}
.priceList li{box-shadow: none;
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 15px;
    margin: 0px;
    border-radius: 0px;}
    .priceList li strong{padding: 0px;}   
    .priceList li span{padding: 0px;}
    .lession-name{font-size: 24px;margin-bottom: 15px;font-weight: bold;font-family: poppins;}
    .ski-price-list{list-style: none;padding: 0px;}
    .priceBlk img{    width: 100%; padding: 0; background: #fff; border-radius: 20px; box-shadow: none;}
    .priceBlk .row{align-items: center;}
    .priceBlk p{font-size: 20px;position: relative;padding-left: 25px;}
    .priceBlk p:before{ 
           content: "\f0da";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #2760cf;
        font-size: 18px;
        padding-right: 0.5em;
        position: absolute;
        top: 0px;
        left: 0px;}
        .breadcrumb {margin-bottom: 0px; background: no-repeat; border-bottom: 1px solid #dadada; padding-bottom: 3rem;}
   .pr-heading{ font-size: 30px; font-family: poppins; font-weight: bold; margin-bottom: 20px;}     
   .programe-list{padding: 0px;list-style: none;}
   .programe-list li{position: relative;
    padding-left: 25px;
    line-height: 36px;
    font-size: 18px;}
   .programe-list li:before{ 
    content: "\f0a9";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 color: #2760cf;
 font-size: 18px;
 padding-right: 0.5em;
 position: absolute;
 top: 0px;
 left: 0px;}
 .display-5{font-size: 24px;font-weight: bold;}

.miss {
	font-size: 1.5rem!important;
	font-weight: 600;
    color: #2760CF;
    text-transform: uppercase;
}
/*.wpcf7-form label {
    text-transform: uppercase !important;
}*/

 .date {
    background: #2760cf;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    color: #fff;
}
.blogImg {
    position: relative;
}
.blogImg img{width: 100%;}

.blogContent {
    /*text-align: center;
    position: relative;
    top: -71px;
    background: #fff;
    box-shadow: 0px 0px 7px #ddd;*/
    padding: 15px;
    margin: 25px;
}
.blog-read-more {
    border: 1px solid #222;
    color: #222;
    padding: 10px 30px;
    margin: 10px 0px 20px;
    display: inline-block;
}
.IpContent a{color: #222;text-decoration: none;}
.contact-banner{background: url(../images/contact-banner.jpg);background-size: cover;}
.info{list-style: none;}
.contact-area .address-items li { display: block; margin-bottom: 30px;}
.info{padding: 0px;}
.contact-area .address-items li .icon, .contact-area .address-items li span { display: table-cell; vertical-align: middle; font-size: 18px;}
.contact-area .address-items h4 {border-bottom: 1px solid #e7e7e7;font-weight: 600; padding-bottom: 15px; text-transform: capitalize;}
.contact-area .address-items li .icon i { color: #2760cf; display: inline-block; font-size: 50px;  padding-right: 15px;}
.btn-custom { background: #2760cf; color: #fff!important;  border-radius: 30px;   padding: 10px 40px;  display: inline-block;}
.contact-area a { color: #222;}
.who-we-are{background: url(../images/who-we-are.jpg);background-size: cover;}
.wwa-heading{font-size: 30px; font-family: poppins;  margin-bottom: 13px;  font-weight: bold;  text-transform: uppercase;}
.IpContent a{color: #222;text-decoration: none;}
.instructors-banner{background: url(../images/instructors-banner.jpg);background-repeat: no-repeat;background-size: cover;}
.bg_back {background: url("https://livignoskischool.com/wp-content/uploads/2025/03/bg_blue_snow.png");}

.category a {
    color: #000;
    position: relative;
    padding: 10px 0px 10px 25px;
    border-bottom: 1px solid #ddd;
    display: block;
}
.category a:hover{
    text-decoration: none;
    color: #10419f;
}
.category a:before {
    content: "\f0a9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0px;
}
.brbHeading {
    font-size: 30px;
    margin-bottom: 15px;
}
.latest-post li {
    display: flex;
	margin-bottom: 10px;
}
.lpImgBlog {
    width: 120px;
    margin-right: 10px;
    height: 100px;
}
.lpImgBlog img{width: 100%;}
.contact-banner{background: url(../images/contact-banner.jpg);background-size: cover;}
.info{list-style: none;}
.contact-area .address-items li { display: block; margin-bottom: 30px;}
.info{padding: 0px;}
.contact-area .address-items li .icon, .contact-area .address-items li span { display: table-cell; vertical-align: middle; font-size: 18px;}
.contact-area .address-items h4 {border-bottom: 1px solid #e7e7e7;font-weight: 600; padding-bottom: 15px; text-transform: capitalize;}
.contact-area .address-items li .icon i { color: #bed6ff !important; display: inline-block; font-size: 40px;  padding-right: 15px;}
.btn-custom { background: #2760cf; color: #fff!important;  border-radius: 30px;   padding: 10px 40px;  display: inline-block;}
.contact-area a { color: #222;}
.IpContent{width:70%;}
.ti-widget[data-layout-id='19'][data-set-id='light-background'] .ti-review-item>.inner, .ti-widget[data-layout-id='19'][data-set-id='light-background'] .ti-review-item>.ti-inner{ border-color: transparent!important;
    background: transparent!important;}
.read-more-link{color:#2760cf}
.top_cont { margin:10px 0px;}
.top_cont p { font-size:19px; padding:10px 0px;}
.top_cont span { font-size:21px; font-weight:600; display:block;}

.new-section {padding: 60px 0 50px; background: #fbfbfb;}
.new-section ul {list-style: none; display: flex; flex-wrap: wrap; justify-content: center;gap: 20px;text-align: center;padding:0}
.new-section ul li {width: 31.33%; box-shadow: 0.125rem 0.125rem 0.3rem 0 rgb(0 0 0 / 10%); background: #fff; border: solid 1px #2760cf;padding:5px 0;}
.new-section ul li img {width: 45%;}
.new-section ul li p {font-size: 18px; color: #2760cf; font-weight: 600;}
.new-section ul li a:hover {text-decoration: none;}
@media(max-width:980px){
	.new-section{padding: 40px 0 30px}
	.new-section ul{gap: 10px;}
	.new-section ul li {width: 31.33%;}
	.new-section ul li p {font-size: 14px;}
}
@media(max-width: 1024px){
    /* .navbar-brand{width: 200px}
    .navbar-brand img{width: 100%;} */
    .custom-navbar .nav-link{padding: 0px 8px!important}
    .social-media li:last-child {display: block !important; }
}
@media(max-width:991px){
    .footerList{flex-direction: column;}
    .footerList li{width: 50%;}
    .aboutImg1{width: 30%;}
    .aboutImg2{left: 0;top: 20px;width: 30%;}
    .aboutImg3{top:0px;width: 30%;}
    .aboutImgBlk{display: flex;}
    .lessionImgBox img{width: 100%;}
    .lessionBlk li{margin: 12px;}
    .lessionBoxHeading{flex-direction: column;}
    .instectorList li{padding-left: 20px;}
    .call-us{background-position: top right;}
    .lessionImgBlk{margin-top: 40px;}
   .lessionImgBlk img{width: 100%;}
   .meetingImgBlk img{width: 100%;}

}
@media(max-width:767px){
    
    .lessionBlk{flex-direction: column;}
    .newsList{flex-direction: column;}
    .footerList{flex-direction: column;padding: 15px;}
    .aboutImg2 { position: relative;  left: 0;  top: 9px; width: 100%;}
    .aboutImg1{width: 100%;}
    .aboutImg1 img{width: 100%;}
    .aboutImg2 img{width: 100%;}
    .aboutImg3{width: 100%;top: 20px;}
    .aboutImg3 img{width: 100%;}
    .lessionBlk li{    width: 90%;  margin: 15px auto;}
    .lessionImgBox img{width: 100%;}
    .galleryList.galleryList{flex-direction: column;}
    .galleryList li{width: 100%;}
    .newsList li{width: 100%;}
    .footerList li{width: 100%;margin: 0px;}
    .social-media{/*justify-content: space-around;*/ margin-left: 0px !important;}

    .instectorList li{padding-left: 20px;}
    .groupLessionList {flex-direction: column;}
    .groupLessionList li{width: 90%;margin: 20px auto;}
    .benifitList{flex-direction: column;}
    .benifitList li{width: 100%;padding-bottom: 40px;}
   .lessionImgBlk{margin-top: 50px;}
   .upper-header .text-right{text-align: right!important;}
   /* .navbar-brand{width: 250px;}
   .navbar-brand img{width: 100%;} */
   .navbar-nav .nav-item{border-bottom: 1px solid #2760cf;padding: 5px 0px !important;}

   .faq .card .btn-link{text-align: left;font-size: 18px;}
   .faq-heading{font-size: 24px;margin-top: 20px;}
   .custom-order-2{position: relative;order: 2;}
   .lessionsblk h2{font-size: 24px;margin-top: 50px;}
}

.blogContent h2 strong{font-size: 22px!important;color: #212529;}
.blogContent h3 {font-size: 20px!important;color: #212529;}


/*Vocso Css start*/
.paddingCommon{ padding: 75px 0;}
.paddingCommonTop{ padding-top: 75px;}
.paddingCommonBottom{ padding-bottom: 75px;}
.footer-logo{ mix-blend-mode: multiply;}

.newsImg img{ max-width: 100%; display: block; border-radius: 20px;}
.newsContent h3, .newsContent h3 a{ font-size: 20px; font-weight: 600; margin: 30px 0; color: #1e1e1e;}
.newsContent h3 a:hover{ color: #2760CF; text-decoration: none; }
/*.newsContent .read-more{ font-size:16px; text-align: left; display: inline-block; font-weight: 400; border: 1px solid #1e1e1e; background: transparent; padding: 7px 25px; color:#1e1e1e; border-radius: 50px;}
.newsContent .read-more:hover{ border: 1px solid transparent; background: #1e1e1e; text-decoration: none; color:#fff; }*/
.call-us .book-now { font-size: 20px; padding: 7px 30px; background: #fff; border-radius: 50px; border: 1px solid transparent; margin-top: 0; color: #2760cf;transition: .2s ease-in-out all;}
.call-us .book-now:hover { background: transparent; border:  1px solid #fff; color: #fff;}
.phoneBtn{ font-size: 20px; padding: 10px 30px; background: transparent; border-radius: 50px; border: 1px solid #fff; margin-top: 0; color: #fff;transition: .2s ease-in-out all;}
.phoneBtn:hover{ background: #fff;border: 1px solid transparent; color: #2760cf; text-decoration: none;}
.callUSBtn span{ text-transform: uppercase; font-size: 18px; padding:0 10px;}

.home-swiper-gallery .swiper-slide{ height: 500px; border-radius: 20px;}
.home-swiper-gallery .swiper-slide img{ width: 100%; object-fit: cover; height: 100%; border-radius: 20px;}

.instectorBlock{ background-color: #f7f8ff;}
.expBlock{ background-color: #fff; border: 2px solid #2760CF; border-radius:10px; padding:35px; margin-bottom: 10px; display: flex; gap: 4%; min-height: 220px;}
.expBlock:hover{transition: .3s ease-in-out all; /*box-shadow: 0 -5px 0px #1e1e1e inset;*/ border: 2px solid #000; } 
.expBlock h3{ margin-bottom: 0; font-size: 20px; margin-top: 10px;}
.expHeadLeft{ width: 29%; }
.expHeadRight{ width: 70%; }
.expHeadRight p{ margin-bottom: 0;}

.abtBlockImg { height: 600px; overflow: hidden; border-radius: 20px;}
.abtBlockImg img {height: 100%; object-fit: cover; border-radius: 20px;} 
.abtBlockImg:hover img {transform: scale(1.1); transition: .3s ease-in-out all;}

.skiServicesOuter{ display: flex; width: 100%; gap:25px; }
.skiServicesOuter div{ flex:1;  border-radius: 20px; box-shadow: 0 -5px 0px #1e1e1e inset; border:1px solid #1e1e1e; padding:35px 20px; background: #fff;}
.skiServicesOuter div:hover{ box-shadow: 0 -5px 0px #0e3d9a inset; border:1px solid #2760cf; background: #2760cf; transform: translateY(-10px); transition: .2s ease-in-out all;}
.skiServicesOuter div h3{ font-size: 20px; flex: 1; margin-bottom: 0;}
.skiServicesOuter div a{ display: flex; width: 100%; align-items: center; text-decoration: none;}
.skiServicesOuter div:hover a h3{ color: #fff;}
.skiServicesOuter div:hover a img{ filter:brightness(50%) contrast(400%) invert(100%);}

.benefitBookingOnline{ background: #2760CF; color: #fff; padding: 40px 0;}
.bookingOnlineOuter{display: flex !important; width: 100% !important; gap:25px !important; flex-direction: row;}
.benefitBookingOnline h2{ font-size: 28px; color: #fff; position: relative; text-align: center;}
/*.benefitBookingOnline h2:before{ width: 32%; height: 1px; background-color: #fff; content: ''; left: 0; top: 50%; position: absolute;}
.benefitBookingOnline h2:after{ width: 32%; height: 1px; background-color: #fff; content: ''; right: 0; top: 50%; position: absolute;}*/

.bookingOnlineOuter div{ flex:1;}
.bookingOnlineOuter div h3{ font-size: 26px; color: #fff; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-weight: 500; display: inline; margin-left: 10px; text-align: center;}

.lan-sel i.fa{margin-left: 5px;}

.custom-menu-class .menu{display: flex; list-style: none; margin: 0; }

.homeLessons{ display: flex!important; width: 100%; gap:30px; }
.homeLessons div, .homeLessons div a{ position: relative; flex: 1; display: flex; align-items: center; font-size: 24px; font-weight: 600; border-bottom: 3px solid #BEBEBE; line-height: 30px; color:#1e1e1e; padding-bottom: 10px;}
.homeLessons div:hover .homeLessons div:hover a {color:#2760CF; text-decoration: none;}
.homeLessons div:hover:after {width: 100%; position: absolute; height: 5px; background-color: #2760cf; left: 0; bottom: -3px; content: '';}
.homeLessons div a span{ padding-right: 30px;}
.homeLessons div a img{ order: 2; }
.homeLessons div a{border-bottom: none!important;  text-decoration: none;}
.homeLessons div a:hover{ text-decoration: none; color:#2760CF;}

.navbar-dark .navbar-nav .nav-link:hover, .custom-navbar .nav-link:hover{color: #2760CF!important;}

.shrink .navbar-dark .navbar-nav .nav-link, .shrink.custom-navbar .nav-link{color:#fff!important;}
.shrink .navbar-dark .navbar-nav .nav-link:hover, .shrink.custom-navbar .nav-link:hover{color:#8ed1fc!important;}
.shrink .navbar-brand{ filter:brightness(50%) contrast(400%) invert(100%); }

.newsImg, .swiper-slide{ overflow: hidden; border-radius: 20px;}
.newsImg:hover img, .swiper-slide:hover img {transform: scale(1.1); transition: .3s ease-in-out all;}

.homeMainBanner.paddingCommon{ padding-bottom: 35px; }
.shortDescription{font-size: 16px; padding-top: 16px;}

.homebannerratings{display: flex; width: 100%; gap: 40px; margin-top: 40px;}

.customerTotal{border-right: 1px solid #9B9B9B;  padding-right: 35px;}
.customerTotal div, .customerRating div{ display: flex; gap: 20px;}
.customerTotal span, .customerRating span { font-size: 26px; font-weight: 700; line-height: 26px;}
.customerTotal span small, .customerRating span small { font-size: 16px; font-weight: 400; display: block;}

.footer-bottom{padding: 30px 0px 0 0; clear: both; position: relative;}
.footer-bootom-text{font-size: 16px;}
.socialList li a{border:1px solid #1e1e1e; color: #1e1e1e; display: block; border-radius: 50%;}
.socialList li a:hover{border:1px solid #2760cf; color:#2760cf}

.serviceMobile{display: none;}
.navbar-toggler { padding: 0!important; }
.our-gallery{ overflow-x: hidden ;}

.homeMainBanner.paddingCommon.innerHeader{padding-bottom: 0;}
.homeMainBanner.paddingCommon.innerHeader h1{margin-bottom: 10px;}

#bookingKitContainer_inner { max-width: 1560px!important;}

.upper-header .col-lg-6, .footer-bottom .col-lg-6{ max-width: 50%!important; width: 100%!important; display: block !important;  flex: 0 0 50%!important;}

#bookingKitContainer .bk-events-images{    max-width: 310px; height: 230px;overflow: hidden; border-radius: 10px; object-fit: cover;}
#bookingKitContainer .bk-events-images img.bk-events-bigImage {  width: 100%; height: 100%; max-width: 100%;  object-fit: cover;}

.meeting .accordion{background-color: #fff!important; border-radius: 6px!important; margin-top: 10px!important;}
.meeting .accordion.active, .meeting .accordion:hover, .meeting button.accordion:focus { background-color: #2760cf!important;  background: #2760cf!important; border: none!important; outline: none!important; color: #fff!important;}

.lessionImgBlk{padding: 0; box-shadow: none; border: 0; border-radius: 20px; height: 500px;}
.lessionImgBlk img{max-width: 100%; height: 100%; border-radius: 20px;  object-fit: cover; width: 100%;}

.faq .accordion .card-header{background-color: #fafafa!important; border-radius:0px!important; margin-top: 0px!important;}
.faq .accordion.active .card-header, .faq .accordion .card-header:hover, .faq button.accordion:focus .card-header{ background-color: #2760cf!important;  background: #2760cf!important; border: none!important; outline: none!important; color: #fff!important;}
.faq .card-body{color: #1e1e1e!important;}
.faq .accordion .card:hover .btn-link{ color:#fff; text-decoration: none;}

#bookingKitContainer .bk-calendar-picker-boosted { padding: 7px 20px 7px 10px!important; border-radius: 4px!important;}

.button_text_buy_now a:hover{background:#242424; color:#fff; text-decoration:none!important;}

.book-now-top-mobile{display: none;}

.qr_code img {
    width: 100%;
}


/*Add Css start*/
/*footer*/
footer a {color: #1e1e1e !important;}
.footer-logo{ mix-blend-mode: multiply;}
.shortDescription{font-size: 16px; padding-top: 16px;}
.footer-bottom{padding: 30px 0px 0 0; clear: both; position: relative;}
.footer-bootom-text{font-size: 16px; color: #1e1e1e !important;}
.socialList li a{border:1px solid #1e1e1e; color: #1e1e1e; display: block; border-radius: 50%;}
.socialList li a:hover{border:1px solid #2760cf; color:#2760cf}

/*header*/
.upper-header .col-lg-6 { max-width: 50%!important; width: 100%!important; display: block !important;  flex: 0 0 50%!important;}
.book-now-top-mobile{display: none;}
.navbar-dark .navbar-nav .nav-link:hover, .custom-navbar .nav-link:hover{color: #2760CF!important;}
.shrink .navbar-dark .navbar-nav .nav-link, .shrink.custom-navbar .nav-link{color:#fff!important;}
.shrink .navbar-dark .navbar-nav .nav-link:hover, .shrink.custom-navbar .nav-link:hover{color:#bed6ff!important;}
.shrink .navbar-brand{ filter:brightness(50%) contrast(400%) invert(100%); }
.en-site a, .en-site a:hover {color: #1e1e1e !important; font-size: 16px; margin-right: 20px;}
.innerHeader {background: url("https://livignoskischool.com/wp-content/uploads/2025/03/right_blue_snow.png"); background-repeat: no-repeat; background-size: 30%; background-position: 90% 40%;}
.nav_lan li { list-style: none !important;}
.dropdown-menu{border: none; border-radius: none !important;}
.nav_lan .dropdown-menu{min-width: 100px !important; margin: 0; border: none; border-radius: none !important; z-index: 9999;}
.navbar li:hover {color: #2760CF; background-color: transparent;}
.nav_lan li a {color: #000;}
.nav_lan li:last-child {padding-left: 5px !important;}
.dropdown-item:hover {background-color: transparent;}
#menu-main-menu .dropdown-menu li a {padding: 10px !important;}
@media only screen and (max-width: 1024px) {
    .nav_lan li:last-child {display: block !important; min-width: 100px;}
    .nav_lan li:last-child img {margin-right: 15px;}
}
@media only screen and (max-width: 991px) {
    .navbar-nav .nav-item {border-bottom: 1px solid #ccc; padding: 10px 0px !important;}
    .dropdown-menu .nav-item{border: none; border-radius: none !important; padding:0 !important;}
}
@media only screen and (max-width: 768px) {
    .social-media li:last-child {display: none !important;}
  }
@media only screen and (max-width: 600px) {
    .social-media li:last-child span{display: none !important; }
}


/*global*/
.button_text_buy_now {margin-top: 25px;}
.button_text_buy_now a, .book-now-top, .by_button_text, .read-more, .button_text a, .home_lessons_btn, [type="submit"] {color: #fff; background: #2760CF; border-radius: 7px; padding: 10px 30px; padding-bottom: 10px; margin: 0; font-weight: 500; box-sizing: border-box; text-align: center; border: none !important;}
.button_text_buy_now a:hover, .book-now-top:hover, .by_button_text:hover, .read-more:hover, .button_text a:hover, .home_lessons_btn:hover, [type="submit"]:hover {color: #000 !important; background: #bed6ff !important; text-decoration: none !important;}
.home_lessons_btn {background: #fff !important; margin-bottom: 10px;}
.home_lessons_btn a {padding: 0 10px !important; color: #000 !important;}
.home_lessons_btn a:hover {text-decoration: none !important;}

.pt_50 {padding-top: 50px;}
.list_icon-snowflake ul li:before {content: '\2744'; color: #2760CF; margin-right: 8px;}
.list_icon-snowflake ul li {list-style-type: none;}
/*home*/
.abtBlockImg { height: 600px; overflow: hidden; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px;}
.abtBlockImg img {height: 100%; object-fit: cover; border-radius: 10px !important; width: 100%; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px;
  border: 8px solid #fff;} 
.abtBlockImg:hover img {transform: scale(1.1); transition: .5s ease-in-out all;}
.home h1 {
  text-transform: inherit;
}
@media only screen and (max-width: 1024px) {
  .abtBlockImg {
    height: 600px !important;
    border-radius: 10px !important;
  }
}

/*blog*/
.newsImg, .swiper-slide{ overflow: hidden; border-radius: 10px;}
.newsImg:hover img, .swiper-slide:hover img {transform: scale(1.1); transition: .5s ease-in-out all;}
.newsImg img{ max-width: 100%; display: block; border-radius: 10px;}
.newsContent h3, .newsContent h3 a, .newsContent h1{ font-size: 22px; font-weight: 600; color: #1e1e1e; margin: 20px 0; text-transform: none;}
.newsContent h3 a:hover, .newsContent a h1:hover{ color: #8fb5ff; text-decoration: none; }
.newsContent p {margin-bottom: 25px;}
/*.newsContent .read-more{ font-size:16px; text-align: left; display: inline-block; font-weight: 400; border: 1px solid #1e1e1e; background: transparent; padding: 7px 25px; color:#1e1e1e; border-radius: 50px;}
.newsContent .read-more:hover{ border: 1px solid transparent; background: #1e1e1e; text-decoration: none; color:#fff; }*/
.call-us .book-now { font-size: 20px; padding: 7px 30px; background: #fff; border-radius: 50px; border: 1px solid transparent; margin-top: 0; color: #2760cf;transition: .2s ease-in-out all;}
.call-us .book-now:hover { background: transparent; border:  1px solid #fff; color: #fff;}
.phoneBtn{ font-size: 20px; padding: 10px 30px; background: transparent; border-radius: 50px; border: 1px solid #fff; margin-top: 0; color: #fff;transition: .2s ease-in-out all;}
.phoneBtn:hover{ background: #fff;border: 1px solid transparent; color: #2760cf; text-decoration: none;}
.callUSBtn span{ text-transform: uppercase; font-size: 18px; padding:0 10px;}
.blog h1 {
    color: #2760cf;
    font-family: 'roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: inherit !important;
    margin-bottom: 0;
    line-height: 27px;
}

/*page*/
.homeMainBanner.paddingCommon.innerHeader{padding-bottom: 0;}
.homeMainBanner.paddingCommon.innerHeader h1{margin-bottom: 10px;}
@media only screen and (max-width: 1024px) {
    .homeMainBanner h1 {font-size: 34px !important;}
  }
@media (max-width: 767px) {
  .homeMainBanner h1 {font-size: 24px !important;}
  h2 {font-size: 22px !important;}
}

/*pagination blog*/
.pagination a {margin: 0 6px; color: #1e1e1e;}
.pagination .current {font-weight: 600; color: #2760CF; margin: 0 6px;}

/*ski in livigno*/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; margin-bottom: 5px; margin-top: 2px; background-color: rgb(255, 255, 255);}
.accordion, .panel {border-radius: 10px;}
/* Style the accordion panel. Note: hidden by default */
.panel {padding: 0 18px; display: none; overflow: hidden; margin-bottom: 10px;}
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.meeting .active, .accordion:hover, button:focus {outline: none;}
.meeting .active, .accordion:hover, .faqAccordion:hover {background: #2760cf !important; color: #fff;}
.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}
.meeting .active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/*ski rental*/
.rental_offer h2 {font-size: 26px !important;}
.rental_offer a {width: 60%; display: block; margin: 0 auto; text-decoration: none;}
@media (max-width: 992px) {
	.rental_item .div_line_right {
	   border-right: 1px dashed #fff;
	}
}
@media (max-width: 576px){  
    .rental_item .div_line_right {
       padding: 0;
       margin-top: 16px;
    }
	.rental_offer h2 {
       font-size: 18px !important;
       padding-top: 16px;
	}
}
/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    /*background-color: white;*/
    display: none;
    overflow: hidden;
  }
  
  .faqAccordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
  }
  
  .faq_one_col .active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
  }
  .faqAccordion {
    color: #444;
    padding: 18px;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 10px;
    width: 100%;
    text-align: left;
    transition: 0.4s;
    margin-bottom: 5px;
    margin-top: 2px;
    overflow-anchor: none;
    border: 1px solid #ccc;
  }

/*price*/
#bookingKitContainer .headColor {
  text-transform: none;
  align-content: center;
}
#bookingKitContainer .bk-events-images img.bk-events-bigImage {
  border-radius: 10px;
}
.alphaBg {
  background-color: #2760CF !important;
  fill: #2760CF !important;
}
#bookingKitContainer h4.textColor {
  color: #8fb5ff !important;
}
#bookingKitContainer .bk-events-informations .bk-read-more-container {
  display: none;
}
#bookingKitContainer .voucherButton {
  background-color: #8fb5ff !important;
  color: #ffffff !important;
  font-size: 14px !important;
  border-radius: 3px !important;
}
#bookingKitContainer .bk-events-price .pricePrefixNoMarginTop {
  font-size: 16px !important;
  color: #000;
  display: inline !important;
  margin-right: 10px;
}

@media (max-width: 767px){
  #bookingKitContainer h2 {
    font-size: 16px !important;
  }
}

@media (max-width: 992px) and (min-width: 700px){
  #bookingKitContainer .bk-events-item, #bookingKitContainer.bk-event-by-date-content {
    grid-template-columns: 1fr 1fr !important;
    -ms-grid-columns: 1fr 32px 1fr;
    -ms-grid-rows: 1fr;
    grid-column-gap: 32px !important;
    grid-template-rows: 1fr !important;
    grid-auto-flow: row;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 3px solid #d7dbe3 !important;
    border-bottom-color: rgb(215, 219, 227) !important;
  }
  #bookingKitContainer .bk-events-images {
    grid-column: 1 / 2 !important;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  #bookingKitContainer .bk-events-informations {
    -ms-grid-column: 3;
    grid-column: 2 !important;
    -ms-grid-row: 1;
    grid-row: 1 !important;
    border-right: none !important;
    border-right-color: currentcolor !important;
    float: left !important;
    margin-top: 12px;
  }
  #bookingKitContainer .bk-events-price {
    -ms-grid-column: 3;
    grid-column: 2 !important;
    -ms-grid-row: 4;
    grid-row: 2 !important;
    border-top: 1px dashed #848ea2;
    font-size: 22px;
    text-transform: uppercase;
    text-align: right;
    padding-top: 28px;
    float: left !important;
    display: block;
  }
  #bookingKitContainer .bk-events-buttons {
    -ms-grid-columns: 1fr 8px 1fr;
    -ms-grid-column: 3;
    grid-column: 2 !important;
    -ms-grid-row: 5;
    grid-row: 3 !important;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 8px;
    margin-top: 26px !important;
  }
	#bookingKitContainer .voucherButton {
  font-size: 12px !important;
}
}
/*private lesson*/
@media (min-width: 992px) {
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50% !important;
    max-width: 50%;
  }
}
/*home new*/
.benefitBookingOnline h3 {
  text-align: center;
  color: #fff;
}
.homebannerratings {display: flex; width: 100%; gap: 40px; margin-top: 40px;}
.customerTotal {padding-right: 25px; color: rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255);}
.customerRating span {color: rgb(255, 255, 255);}

.home_benefit_item {display: flex; flex-direction: column;}
.home_benefit_item img {display: block; margin: 10px auto;}
.home_benefit_item h3{display: block;}

@media only screen and (max-width: 1440px) {
  .bookingOnlineOuter div h3 {
    font-size: 22px !important;
  }
}

@media only screen and (max-width: 1350px) {
    .customerTotal {
    border: none;
  }
}
@media only screen and (max-width: 1200px) {
  .column_rev {order: 2;}
  .about .about_img {margin-top: 50px;}
}

@media only screen and (max-width: 1024px) {
  .customerTotal span small, .customerRating span small {
    vertical-align: middle !important;
  }
  .bookingOnlineOuter div h3 {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 992px) {
  .home .homeMainBanner {
    /* background: url('https://livignoszkolanarciarska.pl/wp-content/uploads/2020/10/home-banner-1.jpg'); */
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 20px 120px;
    background-position: 60% 50%;
  }
  .mobile {
    margin-top: -80px;
  }
  .homeMainBanner h1 {
    font-size: 28px !important;
    padding-top: 30px;
    /* text-transform: uppercase; */
  }
  .homebannerratings {
    align-items: start !important;
  }
  .bookingOnlineOuter div {
    flex: content;
  }
}
@media only screen and (max-width: 768px) {
  .home .homeMainBanner h1,
  .home .homeMainBanner h2 {
    font-size: 20px !important;
    color: black;
  }
  .home_offer_top_item {
    align-items: start !important;
  }
  .home_offer_top_item a {
    min-height: auto !important;
    padding: 20px 10px !important;
    text-align: left !important;
  }
  .home_offer_top_item img {
    display: inline;
    width: 10%;
  }
  .home_offer_top_item .kids_icon {
    width: 6%;
  }
  .home_offer_top_item h5 {
    display: inline;
    margin-left: 30px;
    font-size: 18px !important;
  }
  .h_baner {
    order: 2;
    margin-bottom: -430px;
  }
  .home_offer_top {
    order: 1;
    margin-bottom: 30px !important;
    padding-top: 0 !important;
  }
  .homebannerratings {
    width: 68% !important;
  }
  .benefitBookingOnline h2 {
    padding-top: 30px;
  }
  .bookingOnlineOuter {margin: 0 !important;}
}

@media only screen and (max-width: 700px) {
  .home_lessons {
    width: 70%;
  }
  .skiServicesOuter div {
    flex: inherit;
  }
}

@media only screen and (max-width: 470px) {
  .home_lessons {
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .h_baner {
    margin-bottom: -500px;
  }
}

/***new***/
.home_baner_n h1 {
  text-transform: initial;
  color: #000;
  padding-top: 0px;
  font-size: 42px;
  margin-bottom:20px;
}
.home_baner_n h4{
    color:#2760CF;
}
.customerRating span {
  color: inherit;
}
.customerTotal {
  padding-right: 25px;
  color: inherit;
  border-right: 1px solid #000;
}

.home_offer_top_item {
  padding: 5px;
  align-items: center;
  display: flex;
}
.home_offer_top_item a {
  text-align: center;
  width: 100%; 
  text-decoration: none !important; 
  background: #fff;
  border: 2px solid #2760CF;
  border-radius: 10px;
  padding: 35px 10px 0;
  min-height: 196px;
}
.home_offer_top_item a:hover {
    background: #fff;
    border: 2px solid #000;
}
.home_offer_top_item h5{
  margin-top: 15px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
}


/*snowboard school*/
.bg_cta_blue {
  background-image: url("https://livignoskischool.com/wp-content/uploads/2025/03/bg_blue_snow.png");
}
.cta_white .row {
  border: 2px solid #2760CF;
  border-radius: 8px;
  padding: 50px 30px;
}
@media only screen and (max-width: 768px) {
  .cta_blue h3 {
    padding-top: 75px;
  }
  .cta_blue .row {
    padding: 50px 10px !important;
  }
}
/*work with us*/
.attractions .button_text a:hover {
    background: #fff !important;
  }
  .number_step {
    justify-content: center;
    background-color: #2760CF;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .work_steps_item {
    background: #fff;
    background-size: cover;
    border: 2px solid #2760CF;
    padding: 15px;
    border-radius: 10px;
    min-width: 245px;
    margin: 10px;
  }
  .work_steps_item h3 {
    font-size: 24px;
  }
  .steps {
      background-position: 90% 0% !important;
  }
  .cta_blue .row {
    background-image: url("https://livignoskischool.com/wp-content/uploads/2025/03/bg_blue_snow_white.jpg");
    border-radius: 8px;
    padding: 50px 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 75%;
  }
  .cta_blue h3 {
    color: #fff;
  }
  .cta_blue .button_text a {
    background: #fff;
    color: #000;
  }
  
  @media only screen and (max-width: 768px) {
    .instructors .pt_50 {
      padding-top: 0;
    }
  }

  /***404***/
.bg_page {background-image: url('https://livignoskischool.com/wp-content/uploads/2025/03/friends-on-winter-holidays.jpg'); margin-top: -80px; background-size: cover; background-position: 50% 20%; background-repeat: no-repeat;} 
#notfound {position: relative; height: auto !important; padding: 180px 0; margin: 0 10%; text-align: center;}
.bg_overlay {background-color: #33333363;}
#notfound h1 {font-size: 90px; color: #fff;}
#notfound h2 {font-size: 60px; color: #fff;}
#notfound p {font-size: 28px; color: #fff; margin-bottom: 65px;}

@media (max-width: 767px) {
  .nav_lan .dropdown-toggle::after {
    right: 0px !important;
  }
  .nav_lan ul {
      padding-left: 0;
  }
}