.banner_container {position: relative;width: 100%;padding-top: 2rem;flex-wrap: wrap;background:url('../images/banner_bg.jpg') repeat-x center top;background-size: cover;}
.banner_container .left_side {width: 42%;display: flex;align-content: flex-start;flex-wrap: wrap;margin-top: 12.75rem;}
.blue_bg {background: var(--purple);width: 67%;height: 167px;top: 50%;transform: translate(0%, -50%);position: absolute;right: auto;left: 0;}

.banner_container .container{display: flex;flex-wrap: wrap;align-items: start;}
.logo_menu_cont .container{display: flex;flex-wrap: wrap;align-items: center;}

.banner_container .left_side h1 {width: 100%;font-size: 3.5rem;line-height: 3.95rem;color: var(--white);z-index: 1;font-weight: normal;position: absolute;}
.banner_container .left_side h1 span{font-size: 2.75rem;font-weight: 100;width: 100%;display: block;}
.banner_container .left_side p {font-size: 2.75rem;line-height: 3.35rem;color: var(--blue);width: 100%;margin:10rem 0 .5rem;position: relative;z-index: 1;font-weight: 100;}
.banner_container .img_side { width: 58%; justify-content: flex-end; display: flex; flex-wrap: wrap;z-index: 2; }
.banner_container .img_side .btn{min-width: 250px;}
.banner_container .btn{margin-right: 1rem;}
.fixed_btn{position: absolute;bottom:60px;right: 0;z-index: 3;}

.banner_container .left_side h1:after {content: '';background: url('../images/glow.png') no-repeat 0 0;height: 370px;display: flex;top: -111px;left: 0;position: absolute;width: 100%;z-index: -1;}
.banner_container .btn_sec{position: relative;z-index: 9;}

.event_details_container, .body_container{flex-wrap: wrap;}


.main_about_container{padding:2.5rem 0 0;background: var(--light_blue);}
.main_about_container p{font-size: 1rem;line-height: 1.45rem;color: var(--black);text-align: center;width: 72%;margin: 0 auto;}
.main_about_container .full_img{width: 100%;position: relative;padding-top: 56.25%;display: flex;margin: 1.5rem 0;}
.main_about_container .full_img img{position:absolute;left:0;top:0;right:0;bottom:0;object-position:center;width:100%;height:100%;object-fit: cover;}
.about_container{width: 100%;display: inline-flex;flex-wrap: wrap;justify-content: space-between;margin:2.25rem 0 0 0;align-items: flex-end;}
.about_container .img_side {width: 59%;position: relative;padding-top: 50.5%;display: flex;}
.about_container .img_side img{position:absolute;left:0;top:0;right:0;bottom:0;object-position:center;width:100%;height:100%;}
.about_container .about_description{width: 39%;display: flex;flex-wrap: wrap;}
.about_container .about_description p{width: 100%;display: flex;text-align: left;}

.about_container .about_description ul {width: 100%;display: flex;flex-wrap: wrap;background: rgba(23, 23, 85, 0.11);padding:2rem 1.5rem .5rem;border-radius: 1.5rem;margin-bottom: 2rem;
box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);}

.about_container .about_description ul li{background: url('../images/check_mark.svg') no-repeat 0 5px;padding: 0 0 0 2rem;font-size: 1rem;line-height: 1.5rem;color: var(--black);margin-bottom: 1rem;font-weight: 100;width: 100%;}
.about_container .about_description ul li strong{font-size: 1.125rem;font-weight: normal;}

.package_container{background: var(--white);padding:3.5rem 0 1rem 0;}
#packages{width: 100%;display: flex;flex-wrap: wrap;padding:1.5rem 0 2.5rem;margin-bottom: 1rem;}
#packages .splide__track{width: 100%;}
#packages .splide__slide .img_sec{width: 100%;position: relative;padding-top: 100%;display: flex;box-shadow: 0 3px 4px rgb(0 0 0 / 30%);}
#packages .splide__slide .img_sec img{position:absolute;left:0;top:0;right:0;bottom:0;object-position:center;width:100%;height:100%;border:0;}
#packages .splide__list{padding: 0 .15rem 2rem!important;}

main .splide__arrow--next {right: 0;background: none;width: 42px;height: 42px;}
main .splide__arrow--prev{background: none;width: 42px;height: 42px;}
main .splide__arrows {position: absolute;bottom: 0;width: 18%;display: flex;justify-content: space-between;margin: 0 auto;right: 0;left: 0;}
main .splide__pagination__page {background: #D9D9D9;height: 15px;width: 15px;}
main .splide__pagination__page.is-active {background: var(--purple);}
main .splide__pagination {bottom: 1rem;}
main .splide button[disabled], html input[disabled] {cursor: default;opacity: .5;}

.package_container .btn_sec{justify-content: center;}

.review_container{ background: linear-gradient( #171755 , #fff);padding:2.5rem 0 4rem;}
.review_container h2{color: var(--white);}
#review{width: 100%;display: flex;flex-wrap: wrap;padding:1.5rem 0 2.5rem;margin-bottom: 1rem;}
#review .splide__track{width: 100%;}
#review .splide__slide .img_sec{width: 100%;position: relative;padding-top: 100%;display: flex;box-shadow: 0 3px 4px rgb(0 0 0 / 30%);}
#review .splide__slide .img_sec img{position:absolute;left:0;top:0;right:0;bottom:0;object-position:center;width:100%;height:100%;border:0;}
#review .splide__list{padding: 0 .15rem 2rem!important;}

main #review .splide__pagination__page {background: #ffffff;}
main #review .splide__pagination__page.is-active {background: var(--purple);}


.video_container{width: 100%;display: inline-flex;flex-wrap: wrap;margin-top: 1.5rem;}
.video_container ul{width: 100%;display: flex;flex-wrap: wrap;gap: 19px;margin-bottom: 2rem;}
.video_container ul li{width: 32%;display: flex;}
.video_container ul li a{width: 100%;display: flex;position: relative;height: 600px;}
.video_container ul li a:after{content: '';background: rgb(0 0 0 / 27%);width: 100%;height: 100%;position: absolute;top:0;left: 0;border-radius: 30px;}
.video_container ul li a .main_img{border-radius: 30px;position: absolute;top:0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.video_container ul li a .play {position: absolute;top: 45%;left: 0;right: 0;z-index: 1;margin: 0 auto;}
.video_container p {font-size: 1rem;line-height: 1.45rem;color: var(--black);text-align: center;width: 62%;margin: 0 auto;}

.about_container_full {width: 100%;display: inline-flex;flex-wrap: wrap;margin:1.5rem 0 2.5rem 0;}


.box_container{background:var(--white);padding: 2rem 0 1rem;}
.box_container p {font-size: 1rem;line-height: 1.45rem;color: var(--black);text-align: center;width: 75%;margin: 0 auto;}
.boxes_section {width: 100%;display: inline-flex;flex-wrap: wrap;justify-content: center;gap: 60px 90px;margin:4rem 0 1.5rem;}
.boxes_section .box {width: 27%;display: flex;flex-wrap: wrap;background: var(--white);border-radius: 30px;padding:2.5rem 2rem;box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);min-height: 400px;align-content: start;justify-content: center;}
.boxes_section .box  h3{font-size: 1.35rem;line-height: 1.75rem;color: var(--black);text-align: center;width: 100%;font-weight: 400;margin: 1.25rem 0 .85rem;}
.box_container .box p {width: 94%;}
.box_container .btn_sec{justify-content: center;}


.bottom_ads_container{background:url('../images/bot_bnr_bg.jpg') no-repeat center center;padding: 2rem 0 1rem;min-height: 347px;align-items: center;    background-size: cover;}
.bottom_ads_container .left_side{width: 60%;display: flex;flex-wrap: wrap;justify-content: center;}
.bottom_ads_container .left_side h3 {font-size: 3rem;line-height:3.75rem;color:var(--purple);text-align: center;width: 100%;font-weight:200;margin: 0 0 1.5rem;display: flex;flex-wrap: wrap;justify-content: center}
.bottom_ads_container .left_side h3 strong{width: 100%;font-weight: 600;font-size: 2.5rem;}

.main_faqs_container{background:var(--light_blue);padding: 2.5rem 0;}
.faqs_container {width: 70%;flex-wrap: wrap;position: relative;margin: 2.5rem auto .5rem;display: flex;}
.faqs_container .faqs {width: 100%;margin-bottom: 2rem;position: relative;display: flex;padding-bottom: 0rem;flex-wrap: wrap;}
.faqs_container .faqs:last-child{border: none;margin-bottom: 0;}
.faqs_container .accordion {color: var(--white);cursor: pointer;padding: .3rem 0 .3rem 1.5rem;width: 100%;border: none;text-align: left;outline: none;font-size: 1.25rem;transition: 0.4s;font-weight: 100;
align-items: center;display: flex;justify-content: space-between;background: linear-gradient(0, rgba(23,23,85,1) -150%, rgba(75,184,197,1) 100%);line-height: 1.5rem;border-radius: 40px;z-index: 1;position: relative;height: 45px;}
.faqs_container .accordion strong{font-weight: 100;}
.faqs_container .accordion:after {margin:0 .85rem 0 0;float: right;}
.faqs_container .panel {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;font-size: 1rem; line-height: 1.5rem;color:var(--black);background: #FCFFF8;border-radius: 0 0 30px 30px;margin: -1rem 0 0 ;width: 100%;}
.faqs_container .panel p{margin: 1rem 0 0;}
.faqs_container .accordion:hover:after, .faqs_container .accordion.active:after{border-color:#fff}
.faqs_container .accordion:after { content: "+"; background: var(--red); width: 22px; height: 22px; color: #fff; text-align: center; font-size: 1.5rem; line-height: 1.5rem; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; }
.faqs_container .active:after { content: 'x'; font-size: 1rem;    line-height: .9rem;}
.faqs_container .text_row{width: 100%;display: flex;flex-wrap: wrap;padding: 1.5rem 1.5rem 1rem;}
.faqs_container .text_row p{width: 100%;font-size: 1rem; line-height: 1.5rem;margin-top: 0.5rem;font-family: var(--kanit);}
.faqs_container .text_row p.sub_heading{font-weight: bold;text-transform: uppercase;font-weight: bold;}
.faqs_container .text_row p strong{margin-right: 1rem;}
.faqs_container .text_row p a{color: var(--black);text-decoration: underline;}


@media (max-width:1160px){
.banner_container .left_side h1 {font-size: 3.15rem;line-height: 3.5rem;}
.banner_container .left_side p {font-size: 2.25rem;}
.banner_container .btn:last-child{margin: 0;}
.video_container ul li a{height: 550px;}
.video_container p{width: 72%;}

}

@media (max-width:1080px){
.banner_container .left_side {margin-top: 11.35rem;}
.banner_container .left_side h1 {font-size: 3rem;line-height: 3.5rem;}
.banner_container .left_side h1 span {font-size: 2.5rem;}
.banner_container .btn {margin-right: 1rem;font-size: 1rem;}
.banner_container .left_side p{margin-top:9.25rem;margin-bottom: 0;}
.box_container .box p {width: 100%;}
.boxes_section .box{min-height: 360px;}
.faqs_container .accordion{font-size: 1.1rem;}
}


@media (max-width:1023px){
.banner_container{padding-top: 1rem;}
.blue_bg {height: 127px;top: 46%;width: 70%;}
.banner_container .left_side h1 {font-size: 2.35rem;line-height: 3.5rem;}
.banner_container .left_side h1 span {font-size: 1.85rem;line-height: 2rem;}
.banner_container .left_side p {margin-top: 7.5rem;margin-bottom: 0;font-size: 1.8rem;}
.banner_container .left_side {margin-top: 6rem;}
.banner_container .btn_sec {margin: .5rem 0;flex-wrap: wrap;}
.banner_container .btn {width: 80%;margin: 0 0 1rem 0;}
.main_about_container p{width: 90%;}
.about_container .about_description ul li{line-height: 1.75rem;}
.about_container .about_description{width: 100%;}
.about_container h2 { text-align: left; width: 100%;margin-bottom:.5rem; }
.about_container .img_side {width: 90%;padding-top: 76.25%;margin: 0 auto;max-width: 666px;}
.about_container .img_side img{object-fit: cover;}
.about_container .about_description ul{ padding: 2rem 2rem 1rem;}
main .splide__arrows {bottom: -4px;width: 31%;}
.package_container {padding: 2.5rem 0 1rem 0;}
.review_container{padding-bottom: 2rem;}
.video_container ul {gap: 14px;}
.video_container ul li a {height: 400px;}
.video_container ul li a .play{max-width: 4rem;}
.video_container p {width: 90%;}
.box_container p{width: 90%;}
.boxes_section {gap: 60px 30px;margin: 2rem 0 1.5rem;}
.boxes_section .box {width: 30%;padding: 2rem 1.5rem;min-height: auto;}
.bottom_ads_container .left_side {width: 70%;}
.bottom_ads_container .left_side h3 {font-size: 2.5rem;line-height: 3rem;margin-bottom: .75rem;}
.bottom_ads_container .left_side h3 strong {font-size: 2.15rem;}
.bottom_ads_container{min-height: 250px;}
.faqs_container {width: 90%;margin: 1rem auto .5rem;}
}


@media only screen and (max-width:767px){
.banner_container {background:url('../images/bnr_bg_mob.jpg') no-repeat 0 0;background-size: cover;padding-bottom: 1.5rem;}
.banner_container .left_side h1:after{display: none;}
.logo_menu_cont .container {padding: 0 30px;}

.blue_bg {height: 156px;top: 188px;width: 100%;transform: none;}
.banner_container .left_side h1 {font-size: 1.5rem;line-height: 2.05rem;width: 50%;position: relative;}
.show-desktop{display: none;}

.banner_container .img_side{position: absolute;right: 0;}
.banner_container .left_side h1 span {font-size: 1.25rem;line-height: 1.5rem;}
.banner_container .left_side {margin-top: 8rem;width: 100%;}
.banner_container .left_side p {margin-top: 1.5rem;font-size: 1.5rem;}
.fixed_btn {right: -12%;max-width: 47%;z-index: 9;top: 280px;}
.banner_container .btn_sec{justify-content: center;}
.banner_container .btn, .banner_container .btn:last-child{margin-top:.5rem;}
.about_container .about_description ul li {line-height: 1.5rem;width: 96%;}
main .splide__arrows {bottom: -4px;width: 95%;}
.video_container ul {gap: 17px;overflow: auto;flex-wrap: nowrap;}
.video_container ul li {width: 93%;display: flex;flex: none;}
.video_container ul li a {height: 500px;}
.video_container p {width: 96%;}
.box_container p {width: 96%;}
.package_container{padding-top: 1.5rem;}
#packages{padding: 0 0 2rem;}
.boxes_section {gap: 0px 25px;margin: 1rem 0 1.5rem;flex-wrap: nowrap;justify-content: start;overflow: auto;padding: 2rem .95rem;}
.boxes_section .box {width: 90%;padding: 2rem 1.5rem;min-height: auto;flex: none;}


.main_about_container p {text-align: center;line-height: 1.55rem;width: 96%;}
.main_about_container .full_img{padding-top: 70%;margin: .5rem auto 1.5rem 0;}
.about_container .img_side { width: 100%; margin: 0 auto;padding-top: 86%; }
.about_container .about_description {width: 100%;}
.about_container{margin: 1.5rem 0 1rem 0}
.workshop_cont ul.packages_details li h3 { font-size: 1.85rem; line-height: 2.25rem; }
.main_faqs_container h2 {margin-bottom: 1.5rem;font-size: 1.5rem;line-height: 1.85rem;background-size: 100% 100%;}
.main_faqs_container{padding: 2rem 0 }
.faqs_container {width: 100%;}
.faqs_container .accordion {font-size: 1rem;line-height: 1.4rem;height: auto;}
.main_faqs_container .image_side{display: none;}
.faqs_container .accordion strong{width: 86%;}
.faqs_container .accordion:after{line-height: .8rem;}
.faqs_container .active:after{line-height: .8rem;}
.bottom_ads_container .left_side {width: 100%;}
.bottom_ads_container .left_side h3 {font-size: 3rem;line-height:3.5rem;margin-bottom: 1.75rem;}
.bottom_ads_container .left_side h3 strong {width: 90%;line-height: 3rem;font-size: 2.5rem;}
.bottom_ads_container {min-height: 700px;background: url('../images/bot_ads_bg.jpg') no-repeat bottom center;align-items: start;}


}