@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap");@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap");.flex-center-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}body{font-family:'Raleway', sans-serif;font-weight:normal;font-style:normal}.img{max-width:100%;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}a,.button{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}a:focus,.button:focus,button:focus{text-decoration:none;outline:none}a:focus{color:#fff;text-decoration:none}a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{text-decoration:none;color:#1F1F1F}a,button{color:#1F1F1F;outline:medium none}h1,h2,h3,h4,h5{font-family:'Raleway', sans-serif;color:#1F1F1F}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}ul{margin:0px;padding:0px}li{list-style:none}p{font-size:16px;font-weight:300;line-height:28px;color:#4D4D4D;margin-bottom:13px;font-family:'Raleway', sans-serif}label{color:#7e7e7e;cursor:pointer;font-size:14px;font-weight:400}*::-moz-selection{background:#444;color:#fff;text-shadow:none}::-moz-selection{background:#444;color:#fff;text-shadow:none}::selection{background:#444;color:#fff;text-shadow:none}*::-webkit-input-placeholder{color:#cccccc;font-size:14px;opacity:1}*:-ms-input-placeholder{color:#cccccc;font-size:14px;opacity:1}*::-ms-input-placeholder{color:#cccccc;font-size:14px;opacity:1}*::placeholder{color:#cccccc;font-size:14px;opacity:1}h3{font-size:24px}.mb-65{margin-bottom:67px}.black-bg{background:#020c26 !important}.white-bg{background:#ffffff}.gray-bg{background:#f5f5f5}.bg-img-1{background-image:url(../img/slider/slider-img-1.jpg)}.bg-img-2{background-image:url(../img/background-img/bg-img-2.jpg)}.cta-bg-1{background-image:url(../img/background-img/bg-img-3.jpg)}.overlay{position:relative;z-index:0}.overlay::before{position:absolute;content:"";background-color:#1f1f1f;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5}.overlay2{position:relative;z-index:0}.overlay2::before{position:absolute;content:"";background-color:#131313;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.2}.section-padding{padding-top:120px;padding-bottom:120px}.pt-120{padding-top:120px}.owl-carousel .owl-nav div{background:transparent;height:54px;left:0px;line-height:54px;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:54px;font-size:25px;color:#fff;background-color:rgba(255,255,255,0.2);border-radius:50%;left:50px;font-size:18px;line-height:54px}.owl-carousel .owl-nav div.owl-next{left:auto;right:50px}.owl-carousel .owl-nav div.owl-next i{position:relative;right:0;top:1px}.owl-carousel .owl-nav div.owl-prev i{position:relative;right:1px;top:0px}.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}.owl-carousel:hover .owl-nav div:hover{color:#fff;background:#009DFF}.mb-20px{margin-bottom:20px}.boxed-btn{background:#fff;color:#131313;display:inline-block;padding:18px 44px;font-family:"Raleway",sans-serif;font-size:14px;font-weight:400;border:0;border:1px solid #009DFF;letter-spacing:3px;text-align:center;color:#009DFF !important;text-transform:uppercase;cursor:pointer}.boxed-btn:hover{background:#009DFF;color:#fff !important;border:1px solid #009DFF}.boxed-btn:focus{outline:none}.boxed-btn.large-width{width:220px}.boxed-btn3{background:#009DFF;color:#fff;display:inline-block;padding:18px 44px;font-family:"Raleway",sans-serif;font-size:14px;font-weight:400;border:0;border:1px solid #009DFF;letter-spacing:3px;text-align:center;color:#fff !important;text-transform:uppercase;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer}.boxed-btn3[disabled],.boxed-btn3.is-disabled,.boxed-btn3[aria-disabled="true"]{background:#b5c9d8;border-color:#94aec2;color:#f2f4f6 !important;cursor:not-allowed;opacity:.85;box-shadow:none}.boxed-btn3:hover{background:#fff;color:#009DFF !important;border:1px solid #009DFF}.boxed-btn3:focus{outline:none}.boxed-btn3.large-width{width:220px}.boxed-btn2{background:transparent;color:#fff;display:inline-block;padding:18px 24px;font-family:"Raleway",sans-serif;font-size:14px;font-weight:400;border:0;border:1px solid #fff;letter-spacing:2px;text-transform:uppercase}.boxed-btn2:hover{background:#fff;color:#131313 !important}.boxed-btn2:focus{outline:none}.line-button{color:#919191;font-size:16px;font-weight:400;display:inline-block;position:relative;padding-right:5px;padding-bottom:2px}.line-button::before{position:absolute;content:"";background:#919191;width:100%;height:1px;bottom:0;left:0}.line-button:hover{color:#009DFF}.line-button:hover::before{background:#009DFF}.book_now{display:inline-block;font-size:14px;color:#009DFF;border:1px solid #009DFF;text-transform:capitalize;padding:10px 25px}.book_now:hover{background:#009DFF;color:#fff}.section_title span{color:#009DFF;font-size:14px;font-weight:400;margin-bottom:15px;display:block}.section_title h3{font-size:46px;font-weight:400;line-height:56px;color:#1F1F1F}@media (max-width: 767px){.section_title h3{font-size:30px;line-height:36px}}@media (min-width: 768px) and (max-width: 991px){.section_title h3{font-size:36px;line-height:42px}}@media (max-width: 767px){.section_title h3 br{display:none}}.mb-100{margin-bottom:100px}@media (max-width: 767px){.mb-100{margin-bottom:40px}}@media (max-width: 767px){.mobile_menu{position:absolute;right:0px;width:100%;z-index:999}}.slicknav_menu .slicknav_nav{background:#fff;float:right;margin-top:0;padding:0;width:95%;padding:0;border-radius:0px;margin-top:5px;position:absolute;left:0;right:0;margin:auto;top:11px;z-index:999}.slicknav_menu .slicknav_nav a:hover{background:transparent;color:#009DFF}.slicknav_menu .slicknav_nav a.active{color:#009DFF}@media (max-width: 767px){.slicknav_menu .slicknav_nav a i{display:none}}@media (min-width: 768px) and (max-width: 991px){.slicknav_menu .slicknav_nav a i{display:none}}.slicknav_menu .slicknav_nav .slicknav_btn{background-color:transparent;cursor:pointer;margin-bottom:10px;margin-top:-40px;position:relative;z-index:99;border:1px solid #ddd;top:3px;right:5px;top:-32px}.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon{margin-right:6px;margin-top:3px;position:relative;padding-bottom:3px;top:-11px;right:-5px}@media (max-width: 767px){.slicknav_menu{margin-right:0px}}.slicknav_nav .slicknav_arrow{float:right;font-size:22px;position:relative;top:-9px}.slicknav_btn{background-color:transparent;cursor:pointer;margin-bottom:10px;position:relative;z-index:99;border:none;border-radius:3px;top:5px;padding:5px;right:5px;margin-top:-5px;top:-31px}.slicknav_btn{background-color:transparent;cursor:pointer;margin-bottom:10px;position:relative;z-index:99;border:none;border-radius:3px;top:5px;padding:5px;right:0;margin-top:-5px;top:-41px}.header-area{position:absolute;left:0;right:0;width:100%;top:0;z-index:9;padding-top:28px}@media (max-width: 767px){.header-area{padding-top:0}}@media (min-width: 768px) and (max-width: 991px){.header-area{padding-top:0}}.header-area .main-header-area{padding:0 150px}@media (max-width: 767px){.header-area .main-header-area{padding:10px 10px}}@media (min-width: 768px) and (max-width: 991px){.header-area .main-header-area{padding:10px 10px}}@media (min-width: 992px) and (max-width: 1200px){.header-area .main-header-area{padding:0 20px}}@media (min-width: 1200px) and (max-width: 1500px){.header-area .main-header-area{padding:0 10px}}.header-area .main-header-area .logo-img{text-align:center}@media (max-width: 767px){.header-area .main-header-area .logo-img{text-align:left}}@media (min-width: 768px) and (max-width: 991px){.header-area .main-header-area .logo-img{text-align:left}}@media (min-width: 992px) and (max-width: 1200px){.header-area .main-header-area .logo-img{text-align:left}}@media (max-width: 767px){.header-area .main-header-area .logo-img img{width:70px}}@media (min-width: 768px) and (max-width: 991px){.header-area .main-header-area .logo-img img{width:70px}}.header-area .main-header-area .book_room{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end}.header-area .main-header-area .book_room .socail_links ul li{display:inline-block}.header-area .main-header-area .book_room .socail_links ul li a{color:#A8A7A0;margin:0 10px;font-size:15px}.header-area .main-header-area .book_room .socail_links ul li a:hover{color:#fff}.header-area .main-header-area .book_room .book_btn{margin-left:30px}.header-area .main-header-area .book_room .book_btn a{background:#009DFF;padding:12px 26px;font-size:14px;font-weight:400;border:1px solid transparent;color:#fff}.header-area .main-header-area .book_room .book_btn a:hover{background:#fff;color:#009DFF;border:1px solid #009DFF}.header-area .main-header-area .main-menu{text-align:center;padding:12px 0}.header-area .main-header-area .main-menu ul li{display:inline-block;position:relative;margin-right:50px}@media (min-width: 992px) and (max-width: 1200px){.header-area .main-header-area .main-menu ul li{margin-right:20px}}@media (min-width: 1200px) and (max-width: 1500px){.header-area .main-header-area .main-menu ul li{margin-right:15px}}.header-area .main-header-area .main-menu ul li a{color:#fff;font-size:16px;text-transform:capitalize;font-weight:600;display:inline-block;padding:0px 0px 10px 0px;font-family:"Raleway",sans-serif;position:relative;text-transform:capitalize}@media (min-width: 992px) and (max-width: 1200px){.header-area .main-header-area .main-menu ul li a{font-size:15px}}@media (min-width: 1200px) and (max-width: 1500px){.header-area .main-header-area .main-menu ul li a{font-size:15px}}.header-area .main-header-area .main-menu ul li a i{font-size:9px}@media (max-width: 767px){.header-area .main-header-area .main-menu ul li a i{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.header-area .main-header-area .main-menu ul li a i{display:none !important}}.header-area .main-header-area .main-menu ul li a::before{position:absolute;content:"";background:#fff;width:100%;height:2px;bottom:0;left:0;opacity:0;transform:scaleX(0);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.header-area .main-header-area .main-menu ul li a:hover::before{opacity:1;transform:scaleX(1)}.header-area .main-header-area .main-menu ul li a.active::before{opacity:1;transform:scaleX(1)}.header-area .main-header-area .main-menu ul li a:hover{color:#fff}.header-area .main-header-area .main-menu ul li .submenu{position:absolute;left:0;top:140%;background:#fff;width:200px;z-index:2;box-shadow:0 0 10px rgba(0,0,0,0.02);opacity:0;visibility:hidden;text-align:left;-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}.header-area .main-header-area .main-menu ul li .submenu li{display:block}.header-area .main-header-area .main-menu ul li .submenu li a{padding:10px 15px;position:inherit;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;color:#000}.header-area .main-header-area .main-menu ul li .submenu li a::before{display:none}.header-area .main-header-area .main-menu ul li .submenu li:hover a{color:#000}.header-area .main-header-area .main-menu ul li:hover>.submenu{opacity:1;visibility:visible;top:100%}.header-area .main-header-area .main-menu ul li:hover>a::before{opacity:1;transform:scaleX(1)}.header-area .main-header-area .main-menu ul li:first-child a{padding-left:0}.header-area .main-header-area.sticky{box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1);position:fixed;width:100%;top:-70px;left:0;right:0;z-index:99;transform:translateY(70px);transition:transform 500ms ease, background 500ms ease;-webkit-transition:transform 500ms ease, background 500ms ease;box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1);padding:10px 150px;background:#000}@media (max-width: 767px){.header-area .main-header-area.sticky{padding:10px 10px}}@media (min-width: 768px) and (max-width: 991px){.header-area .main-header-area.sticky{padding:10px 10px}}@media (min-width: 992px) and (max-width: 1200px){.header-area .main-header-area.sticky{padding:10px 20px}}@media (min-width: 1200px) and (max-width: 1500px){.header-area .main-header-area.sticky{padding:10px 20px}}.header-area .main-header-area.sticky .main-menu{padding:0}.slider_bg_1{background-image:url(../img/banner/banner.png)}.slider_bg_2{background-image:url(../img/banner/banner2.png)}.slider_area .single_slider{height:100vh;background-size:cover;background-repeat:no-repeat}.slider_area .single_slider .slider_text h3{color:#ffffff;font-family:"Raleway",sans-serif;font-size:100px;text-transform:capitalize;letter-spacing:2px;font-weight:400;margin-bottom:4px}@media (max-width: 767px){.slider_area .single_slider .slider_text h3{font-size:33px;letter-spacing:3px}}@media (min-width: 768px) and (max-width: 991px){.slider_area .single_slider .slider_text h3{font-size:30px}}@media (min-width: 992px) and (max-width: 1200px){.slider_area .single_slider .slider_text h3{font-size:35px;letter-spacing:3px}}.slider_area .single_slider .slider_text p{font-size:24px;font-weight:400;color:#ffffff;margin-bottom:0;margin-top:0}@media (min-width: 992px) and (max-width: 1200px){.slider_area .single_slider .slider_text p{font-size:16px}}@media (max-width: 767px){.slider_area .single_slider .slider_text p{font-size:16px}}.about_area{padding-top:200px;padding-bottom:100px}@media (max-width: 767px){.about_area{padding-top:40px;padding-bottom:40px}}@media (min-width: 768px) and (max-width: 991px){.about_area{padding-top:80px;padding-bottom:80px}}@media (min-width: 992px) and (max-width: 1200px){.about_area{padding-top:100px;padding-bottom:100px}}.about_area .about_info p{font-size:16px;line-height:28px;font-size:16px;line-height:28px;margin-top:0;margin-bottom:47px}@media (max-width: 767px){.about_area .about_info a{margin-bottom:30px}}.about_area .about_thumb{-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end}@media (min-width: 768px) and (max-width: 991px){.about_area .about_thumb{-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:flex-start;margin-top:30px}}.about_area .about_thumb img{width:100%}.about_area .about_thumb .img_2{margin-top:40px;margin-left:10px}@media (min-width: 768px) and (max-width: 991px){.about_area .about_thumb2{margin-bottom:30px}}.about_area .about_thumb2 img{width:100%}.about_area .about_thumb2 .img_2{margin-top:40px;margin-left:10px}.about_bg_1{background-image:url(../img/banner/about_banner.png)}.about_info_area{padding-left:387px;margin-top:50px}@media (min-width: 768px) and (max-width: 991px){.about_info_area{padding-left:0px}}@media (max-width: 767px){.about_info_area{padding-left:0px}}@media (min-width: 992px) and (max-width: 1200px){.about_info_area{padding-left:0px}}@media (min-width: 1200px) and (max-width: 1500px){.about_info_area{padding-left:0px}}.about_info_area .single_slider{height:750px;background-size:cover;background-position:center center;background-repeat:no-repeat}@media (max-width: 767px){.about_info_area .single_slider{height:400px}}@media (min-width: 768px) and (max-width: 991px){.about_info_area .single_slider{height:400px}}@media (min-width: 992px) and (max-width: 1200px){.about_info_area .single_slider{height:500px}}.about_main_info{padding-top:100px}@media (max-width: 767px){.about_main_info{padding-top:50px}}.about_main_info .single_about_info{margin-bottom:43px}@media (max-width: 767px){.about_main_info .single_about_info{margin-bottom:30px}}.about_main_info .single_about_info h3{font-size:22px;color:#1F1F1F;margin-bottom:0;margin-bottom:10px;line-height:32px}.about_main_info .single_about_info p{font-size:16px;line-height:28px;font-weight:400;color:#4D4D4D}@media (max-width: 767px){.about_main_info .single_about_info p br{display:none}}@media (min-width: 768px) and (max-width: 991px){.about_main_info .single_about_info p br{display:none}}@media (min-width: 992px) and (max-width: 1200px){.about_main_info .single_about_info p br{display:none}}@media (min-width: 1200px) and (max-width: 1500px){.about_main_info .single_about_info p br{display:none}}.offers_area{padding-bottom:100px}@media (max-width: 767px){.offers_area{padding-bottom:40px}}.offers_area.padding_top{padding-top:200px}@media (max-width: 767px){.offers_area.padding_top{padding-top:40px}}@media (min-width: 768px) and (max-width: 991px){.offers_area.padding_top{padding-top:80px}}@media (min-width: 992px) and (max-width: 1200px){.offers_area.padding_top{padding-top:80px}}@media (max-width: 767px){.offers_area .single_offers{margin-bottom:30px}}.offers_area .single_offers .about_thumb{overflow:hidden}.offers_area .single_offers .about_thumb img{width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.offers_area .single_offers h3{font-size:22px;font-weight:400;color:#1F1F1F;margin-top:32px}@media (min-width: 768px) and (max-width: 991px){.offers_area .single_offers h3{font-size:18px}}@media (min-width: 768px) and (max-width: 991px){.offers_area .single_offers h3 br{display:none}}.offers_area .single_offers ul{margin-top:17px;margin-bottom:30px}.offers_area .single_offers ul li{font-size:16px;color:#4D4D4D;line-height:28px;position:relative;z-index:9;padding-left:23px}.offers_area .single_offers ul li::before{position:absolute;content:"";width:8px;height:8px;background:#4D4D4D;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%}.offers_area .single_offers a{width:100%;text-align:center}.offers_area .single_offers:hover .about_thumb img{width:100%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.video_bg{background-image:url(../img/video/video.png)}.video_area{padding:250px 0;background-size:cover;background-position:center center}@media (max-width: 767px){.video_area{padding:100px 0}}@media (min-width: 768px) and (max-width: 991px){.video_area{padding:100px 0}}.video_area .video_area_inner span{font-size:14px;color:#fff}.video_area .video_area_inner h3{font-size:46px;color:#fff;line-height:56px;font-weight:400;margin-top:12px;margin-bottom:28px}@media (max-width: 767px){.video_area .video_area_inner h3{font-size:30px}}.video_area .video_area_inner a{width:60px;height:60px;background:#fff;line-height:60px;font-size:15px;color:#009DFF;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.video_area .video_area_inner a i{position:relative;left:2px}.features_room{padding-top:93px;display:block;overflow:hidden}@media (max-width: 767px){.features_room{padding-top:40px}}@media (min-width: 768px) and (max-width: 991px){.features_room{padding-top:0}}.features_room .rooms_here .single_rooms{position:relative;width:50%;float:left}@media (max-width: 767px){.features_room .rooms_here .single_rooms{width:100%;margin-bottom:30px}}.features_room .rooms_here .single_rooms::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#ffffff;background:-moz-linear-gradient(top, #fff 0%, #000 77%);background:-webkit-linear-gradient(top, #fff 0%, #000 77%);background:linear-gradient(to bottom, #fff 0%, #000 77%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );z-index:1;opacity:.5}.features_room .rooms_here .single_rooms .room_thumb{position:relative;overflow:hidden}.features_room .rooms_here .single_rooms .room_thumb img{width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.features_room .rooms_here .single_rooms .room_thumb .room_heading{position:absolute;left:0;right:0;bottom:0px;padding:60px 60px 47px 60px}@media (max-width: 767px){.features_room .rooms_here .single_rooms .room_thumb .room_heading{padding:20px}}@media (min-width: 768px) and (max-width: 991px){.features_room .rooms_here .single_rooms .room_thumb .room_heading{padding:20px}}.features_room .rooms_here .single_rooms .room_thumb .room_heading span{font-size:14px;color:#FFFFFF;margin-bottom:9px;display:block;position:relative;z-index:8}.features_room .rooms_here .single_rooms .room_thumb .room_heading h3{font-size:30px;color:#fff;position:relative;z-index:8}@media (max-width: 767px){.features_room .rooms_here .single_rooms .room_thumb .room_heading h3{font-size:20px}}.features_room .rooms_here .single_rooms .room_thumb .room_heading a{color:#fff;text-transform:capitalize;font-weight:600;position:relative;z-index:8;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);opacity:0;visibility:hidden}.features_room .rooms_here .single_rooms .room_thumb .room_heading a:hover{color:#009DFF}.features_room .rooms_here .single_rooms:hover img{width:100%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.features_room .rooms_here .single_rooms:hover .room_heading a{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;visibility:visible}.forQuery{padding-top:200px;padding-bottom:200px}@media (max-width: 767px){.forQuery{padding:60px 0}}@media (min-width: 768px) and (max-width: 991px){.forQuery{padding:100px 0}}@media (min-width: 992px) and (max-width: 1200px){.forQuery{padding:100px 0}}@media (min-width: 1200px) and (max-width: 1500px){.forQuery{padding:100px 0}}.forQuery .Query_border{border:1px solid #BABABA;padding:38px 50px}@media (max-width: 767px){.forQuery .Query_border{padding:20px 20px}}.forQuery .Query_border .Query_text{text-align:left}.forQuery .Query_border p{font-size:30px;color:#1F1F1F;font-weight:400;margin-bottom:0}@media (max-width: 767px){.forQuery .Query_border p{margin-bottom:20px;font-size:18px;text-align:center}}@media (min-width: 768px) and (max-width: 991px){.forQuery .Query_border p{font-size:18px}}.forQuery .Query_border .phone_num{text-align:right}@media (max-width: 767px){.forQuery .Query_border .phone_num{text-align:center}}.forQuery .Query_border .phone_num a{background:#009DFF;color:#fff;padding:12px 53px;border-radius:30px;display:inline-block;font-size:18px;border:1px solid transparent}.forQuery .Query_border .phone_num a:hover{color:#009DFF;border:1px solid #009DFF;background:#fff}.instragram_area{display:block;overflow:hidden}.instragram_area .single_instagram{width:20%;float:left;position:relative;overflow:hidden}@media (max-width: 767px){.instragram_area .single_instagram{width:100%}}@media (min-width: 768px) and (max-width: 991px){.instragram_area .single_instagram{width:50%}}.instragram_area .single_instagram img{width:100%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.instragram_area .single_instagram .ovrelay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);-webkit-transform:translateX(-80%);-moz-transform:translateX(-80%);-ms-transform:translateX(-80%);transform:translateX(-80%);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;opacity:0;visibility:hidden}.instragram_area .single_instagram .ovrelay a{color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);right:0;text-align:center;font-size:34px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.instragram_area .single_instagram:hover .ovrelay{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1;visibility:visible}.instragram_area .single_instagram:hover img{-webkit-transform:scaleX(1.1);-moz-transform:scaleX(1.1);-ms-transform:scaleX(1.1);transform:scaleX(1.1)}#test-form .white-popup-block .popup_inner .gj-datepicker span{color:red}#test-form .white-popup-block input{width:100%;height:50px}.gj-datepicker input{width:100%;height:50px;border:1px solid #ddd;padding:17px;font-size:12px;color:#919191;margin-bottom:20px}.gj-datepicker-md [role="right-icon"]{position:absolute;right:0px;top:0px;font-size:14px;color:#919191;margin-right:15px;top:16px}.gj-picker-md{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(0,0,0,0.87);padding:10px;padding:20px;border:1px solid #E0E0E0}.footer{background:#000}.footer .footer_top{padding-top:145px;padding-bottom:129px}@media (max-width: 767px){.footer .footer_top{padding-top:60px;padding-bottom:30px}}@media (max-width: 767px){.footer .footer_top .footer_widget{margin-bottom:30px}}@media (min-width: 768px) and (max-width: 991px){.footer .footer_top .footer_widget{margin-bottom:30px}}.footer .footer_top .footer_widget .footer_title{font-size:22px;font-weight:400;color:#fff;text-transform:capitalize;margin-bottom:40px}@media (max-width: 767px){.footer .footer_top .footer_widget .footer_title{margin-bottom:20px}}.footer .footer_top .footer_widget p.footer_text{font-size:16px;color:#BABABA;margin-bottom:23px;font-weight:400;line-height:28px}.footer .footer_top .footer_widget ul li a{font-size:16px;color:#BABABA;line-height:42px}.footer .footer_top .footer_widget ul li a:hover{color:#009DFF}.footer .footer_top .footer_widget .newsletter_form{position:relative;margin-bottom:20px}.footer .footer_top .footer_widget .newsletter_form input{width:100%;height:45px;background:#fff;padding-left:20px;font-size:16px;color:#000;border:none}.footer .footer_top .footer_widget .newsletter_form input::placeholder{font-size:16px;color:#919191}.footer .footer_top .footer_widget .newsletter_form button{position:absolute;top:0;right:0;height:100%;border:none;font-size:14px;color:#fff;background:#009DFF;padding:10px;padding:0 22px;cursor:pointer}.footer .footer_top .footer_widget .newsletter_text{font-size:16px;color:#BABABA}.footer .copy-right_text{padding-bottom:30px}.footer .copy-right_text .footer_border{border-top:1px solid rgba(255,255,255,0.2);padding-bottom:30px}.footer .copy-right_text .copy_right{font-size:16px;color:#919191;margin-bottom:0;font-weight:400}@media (max-width: 767px){.footer .copy-right_text .copy_right{font-size:14px}}.footer .copy-right_text .copy_right a{color:#009DFF}.footer .copy-right_text .socail_links{text-align:right}@media (max-width: 767px){.footer .copy-right_text .socail_links{text-align:center;margin-top:30px}}.footer .copy-right_text .socail_links ul li{display:inline-block}.footer .copy-right_text .socail_links ul li a{color:#A8A7A0;margin:0 10px;font-size:15px}.footer .copy-right_text .socail_links ul li a:hover{color:#fff}.breadcam_bg{background-image:url(../img/banner/banner.png)}.breadcam_bg_1{background-image:url(../img/banner/bradcam2.png)}.breadcam_bg_2{background-image:url(../img/banner/bradcam3.png)}.bradcam_area{padding:170px;background-size:cover;background-position:center center;text-align:center;padding:269px 0 159px 0}@media (max-width: 767px){.bradcam_area{padding:150px 0}}.bradcam_area h3{font-size:60px;color:#fff;font-weight:400;margin-bottom:0;text-transform:capitalize}@media (max-width: 767px){.bradcam_area h3{font-size:30px}}.popup_box{background:#fff;display:inline-block;z-index:9;width:681px;padding:60px 40px}.popup_box h3{text-align:center;font-size:22px;color:#1F1F1F;margin-bottom:46px}.popup_box .boxed-btn3{width:100%;text-transform:capitalize}.popup_box .nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border:solid 1px #E2E2E2;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:"Raleway",sans-serif;font-weight:normal;width:100% !important;line-height:50px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;border-radius:0;margin-bottom:30px;height:50px !important;font-size:16px;font-weight:400;color:#919191}.popup_box .nice-select::after{content:"\f0d7";display:block;height:5px;margin-top:-5px;pointer-events:none;position:absolute;right:17px;top:3px;transition:all 0.15s ease-in-out;width:5px;font-family:fontawesome;color:#919191;font-size:15px}.popup_box .nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);height:200px;overflow-y:scroll}.popup_box .nice-select.list{height:200px;overflow-y:scroll}#test-form{display:inline-block;margin:auto;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#test-form .mfp-close-btn-in .mfp-close{color:#333;display:none !important}#test-form button.mfp-close{display:none !important}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000000;opacity:.7}.dropdown .dropdown-menu{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.contact-info{margin-bottom:25px}.contact-info__icon{margin-right:20px}.contact-info__icon i,.contact-info__icon span{color:#8f9195;font-size:27px}.contact-info .media-body h3{font-size:16px;margin-bottom:0;font-size:16px;color:#2a2a2a}.contact-info .media-body h3 a:hover{color:#ff5e13}.contact-info .media-body p{color:#8a8a8a}.contact-title{font-size:27px;font-weight:600;margin-bottom:20px}.form-contact label{font-size:14px}.form-contact .form-group{margin-bottom:30px}.form-contact .form-control{border:1px solid #e5e6e9;border-radius:0px;height:48px;padding-left:18px;font-size:13px;background:transparent}.form-contact .form-control:focus{outline:0;box-shadow:none}.form-contact .form-control::placeholder{font-weight:300;color:#999999}.form-contact textarea{border-radius:0px;height:100% !important}.modal-message .modal-dialog{position:absolute;top:36%;left:50%;transform:translateX(-50%) translateY(-50%) !important;margin:0px;max-width:500px;width:100%}.modal-message .modal-dialog .modal-content .modal-header{text-align:center;display:block;border-bottom:none;padding-top:50px;padding-bottom:50px}.modal-message .modal-dialog .modal-content .modal-header .close{position:absolute;right:-15px;top:-15px;padding:0px;color:#fff;opacity:1;cursor:pointer}.modal-message .modal-dialog .modal-content .modal-header h2{display:block;text-align:center;padding-bottom:10px}.modal-message .modal-dialog .modal-content .modal-header p{display:block}.contact-section{padding:130px 0 100px}@media (max-width: 991px){.contact-section{padding:70px 0 40px}}@media only screen and (min-width: 992px) and (max-width: 1200px){.contact-section{padding:80px 0 50px}}.contact-section .btn_2{background-color:#191d34;padding:18px 60px;border-radius:50px;margin-top:0}.contact-section .btn_2:hover{background-color:#ff5e13}.sample-text-area{background:#fff;padding:100px 0 70px 0}.text-heading{margin-bottom:30px;font-size:24px}b,sup,sub,u,del{color:#ff5e13}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}h1,h2,h3,h4,h5,h6{line-height:1.2em}.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{color:#828bb2}.button-area{background:#fff}.button-area .border-top-generic{padding:70px 15px;border-top:1px dotted #eee}.button-group-area .genric-btn{margin-right:10px;margin-top:10px}.button-group-area .genric-btn:last-child{margin-right:0}.genric-btn{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:.8em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.genric-btn:focus{outline:none}.genric-btn.e-large{padding:0 40px;line-height:50px}.genric-btn.large{line-height:45px}.genric-btn.medium{line-height:30px}.genric-btn.small{line-height:25px}.genric-btn.radius{border-radius:3px}.genric-btn.circle{border-radius:20px}.genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.genric-btn.arrow span{margin-left:10px}.genric-btn.default{color:#415094;background:#f9f9ff;border:1px solid transparent}.genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border:hover{color:#415094;background:#f9f9ff;border:1px solid transparent}.genric-btn.primary{color:#fff;background:#ff5e13;border:1px solid transparent}.genric-btn.primary:hover{color:#ff5e13;border:1px solid #ff5e13;background:#fff}.genric-btn.primary-border{color:#ff5e13;border:1px solid #ff5e13;background:#fff}.genric-btn.primary-border:hover{color:#fff;background:#ff5e13;border:1px solid transparent}.genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid transparent}.genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid transparent}.genric-btn.info{color:#fff;background:#38a4ff;border:1px solid transparent}.genric-btn.info:hover{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border:hover{color:#fff;background:#38a4ff;border:1px solid transparent}.genric-btn.warning{color:#fff;background:#f4e700;border:1px solid transparent}.genric-btn.warning:hover{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border:hover{color:#fff;background:#f4e700;border:1px solid transparent}.genric-btn.danger{color:#fff;background:#f44a40;border:1px solid transparent}.genric-btn.danger:hover{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border:hover{color:#fff;background:#f44a40;border:1px solid transparent}.genric-btn.link{color:#415094;background:#f9f9ff;text-decoration:underline;border:1px solid transparent}.genric-btn.link:hover{color:#415094;border:1px solid #f9f9ff;background:#fff}.genric-btn.link-border{color:#415094;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}.genric-btn.link-border:hover{color:#415094;background:#f9f9ff;border:1px solid transparent}.genric-btn.disable{color:#222,0.3;background:#f9f9ff;border:1px solid transparent;cursor:not-allowed}.generic-blockquote{padding:30px 50px 30px 30px;background:#f9f9ff;border-left:2px solid #ff5e13}.progress-table-wrap{overflow-x:scroll}.progress-table{background:#f9f9ff;padding:15px 0px 30px 0px;min-width:800px}.progress-table .serial{width:11.83%;padding-left:30px}.progress-table .country{width:28.07%}.progress-table .visit{width:19.74%}.progress-table .percentage{width:40.36%;padding-right:50px}.progress-table .table-head{display:flex}.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{color:#415094;line-height:40px;text-transform:uppercase;font-weight:500}.progress-table .table-row{padding:15px 0;border-top:1px solid #edf3fd;display:flex}.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{display:flex;align-items:center}.progress-table .table-row .country img{margin-right:15px}.progress-table .table-row .percentage .progress{width:80%;border-radius:0px;background:transparent}.progress-table .table-row .percentage .progress .progress-bar{height:5px;line-height:5px}.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}.progress-table .table-row .percentage .progress .progress-bar.color-4{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}.single-gallery-image{margin-top:30px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;height:200px}.list-style{width:14px;height:14px}.unordered-list li{position:relative;padding-left:30px;line-height:1.82em !important}.unordered-list li:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #ff5e13;background:#fff;top:4px;left:0;border-radius:50%}.ordered-list{margin-left:30px}.ordered-list li{list-style-type:decimal-leading-zero;color:#ff5e13;font-weight:500;line-height:1.82em !important}.ordered-list li span{font-weight:300;color:#828bb2}.ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#ff5e13;font-weight:500;line-height:1.82em !important}.ordered-list-alpha li span{font-weight:300;color:#828bb2}.ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#ff5e13;font-weight:500;line-height:1.82em !important}.ordered-list-roman li span{font-weight:300;color:#828bb2}.single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}.single-input:focus{outline:none}.input-group-icon{position:relative}.input-group-icon .icon{position:absolute;left:20px;top:0;line-height:40px;z-index:3}.input-group-icon .icon i{color:#797979}.input-group-icon .single-input{padding-left:45px}.single-textarea{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px;height:100px;resize:none}.single-textarea:focus{outline:none}.single-input-primary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-primary:focus{outline:none;border:1px solid #ff5e13}.single-input-accent{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-accent:focus{outline:none;border:1px solid #eb6b55}.single-input-secondary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-secondary:focus{outline:none;border:1px solid #f09359}.default-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.default-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.default-switch input+label{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#ff5e13;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.default-switch input:checked+label{left:19px}.primary-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.primary-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.primary-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.primary-switch input:checked+label:after{left:19px}.primary-switch input:checked+label:before{background:#ff5e13}.confirm-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.confirm-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}.confirm-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.confirm-switch input:checked+label:after{left:19px}.confirm-switch input:checked+label:before{background:#4cd3e3}.primary-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.primary-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.primary-checkbox input:checked+label{background:url(../img/elements/primary-check.png) no-repeat center center/cover;border:none}.confirm-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.confirm-checkbox input:checked+label{background:url(../img/elements/success-check.png) no-repeat center center/cover;border:none}.disabled-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.disabled-checkbox input:disabled{cursor:not-allowed;z-index:3}.disabled-checkbox input:checked+label{background:url(../img/elements/disabled-check.png) no-repeat center center/cover;border:none}.primary-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.primary-radio input:checked+label{background:url(../img/elements/primary-radio.png) no-repeat center center/cover;border:none}.confirm-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.confirm-radio input:checked+label{background:url(../img/elements/success-radio.png) no-repeat center center/cover;border:none}.disabled-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.disabled-radio input:disabled{cursor:not-allowed;z-index:3}.disabled-radio input:checked+label{background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;border:none}.default-select{height:40px}.default-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:20px;padding-right:40px}.default-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:20px}.default-select .nice-select .list .option.selected{color:#ff5e13;background:transparent}.default-select .nice-select .list .option:hover{color:#ff5e13;background:transparent}.default-select .current{margin-right:50px;font-weight:300}.default-select .nice-select::after{right:20px}.form-select{height:40px;width:100%}.form-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:45px;padding-right:40px;width:100%}.form-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.form-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:45px}.form-select .nice-select .list .option.selected{color:#ff5e13;background:transparent}.form-select .nice-select .list .option:hover{color:#ff5e13;background:transparent}.form-select .current{margin-right:50px;font-weight:300}.form-select .nice-select::after{right:20px}.mt-10{margin-top:10px}.section-top-border{padding:50px 0;border-top:1px dotted #eee}.mb-30{margin-bottom:30px}.mt-30{margin-top:30px}.switch-wrap{margin-bottom:10px}.latest-blog-area .area-heading{margin-bottom:70px}.blog_area a{color:#666 !important;text-decoration:none;-webkit-transition:.5s;transition:.5s}.blog_area a:hover,.blog_area a :hover{background:-webkit-linear-gradient(131deg, #009DFF 0%, #009DFF 99%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;-webkit-transition:.5s;transition:.5s}.single-blog{overflow:hidden;margin-bottom:30px}.single-blog:hover{box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1)}.single-blog .thumb{overflow:hidden;position:relative}.single-blog .thumb:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition:.5s;transition:.5s}.single-blog h4{border-bottom:1px solid #dfdfdf;padding-bottom:34px;margin-bottom:25px}.single-blog a{font-size:20px;font-weight:600}.single-blog .date{color:#666666;text-align:left;display:inline-block;font-size:13px;font-weight:300}.single-blog .tag{text-align:left;display:inline-block;float:left;font-size:13px;font-weight:300;margin-right:22px;position:relative}.single-blog .tag:after{content:'';position:absolute;width:1px;height:10px;background:#acacac;right:-12px;top:7px}@media (max-width: 1199px){.single-blog .tag{margin-right:8px}.single-blog .tag:after{display:none}}.single-blog .likes{margin-right:16px}@media (max-width: 800px){.single-blog{margin-bottom:30px}}.single-blog .single-blog-content{padding:30px}.single-blog .single-blog-content .meta-bottom p{font-size:13px;font-weight:300}.single-blog .single-blog-content .meta-bottom i{color:#fdcb9e;font-size:13px;margin-right:7px}@media (max-width: 1199px){.single-blog .single-blog-content{padding:15px}}.single-blog:hover .thumb:after{opacity:.7;-webkit-transition:.5s;transition:.5s}@media (max-width: 1199px){.single-blog h4{transition:all 300ms linear 0s;border-bottom:1px solid #dfdfdf;padding-bottom:14px;margin-bottom:12px}.single-blog h4 a{font-size:18px}}.full_image.single-blog{position:relative}.full_image.single-blog .single-blog-content{position:absolute;left:35px;bottom:0;opacity:0;visibility:hidden;-webkit-transition:.5s;transition:.5s}@media (min-width: 992px){.full_image.single-blog .single-blog-content{bottom:100px}}.full_image.single-blog h4{-webkit-transition:.5s;transition:.5s;border-bottom:none;padding-bottom:5px}.full_image.single-blog a{font-size:20px;font-weight:600}.full_image.single-blog .date{color:#fff}.full_image.single-blog:hover .single-blog-content{opacity:1;visibility:visible;-webkit-transition:.5s;transition:.5s}.l_blog_item .l_blog_text .date{margin-top:24px;margin-bottom:15px}.l_blog_item .l_blog_text .date a{font-size:12px}.l_blog_item .l_blog_text h4{font-size:18px;border-bottom:1px solid #eeeeee;margin-bottom:0px;padding-bottom:20px;-webkit-transition:.5s;transition:.5s}.l_blog_item .l_blog_text p{margin-bottom:0px;padding-top:20px}.causes_slider .owl-dots{text-align:center;margin-top:80px}.causes_slider .owl-dots .owl-dot{height:14px;width:14px;background:#eeeeee;display:inline-block;margin-right:7px}.causes_slider .owl-dots .owl-dot:last-child{margin-right:0px}.causes_item{background:#fff}.causes_item .causes_img{position:relative}.causes_item .causes_img .c_parcent{position:absolute;bottom:0px;width:100%;left:0px;height:3px;background:rgba(255,255,255,0.5)}.causes_item .causes_img .c_parcent span{width:70%;height:3px;position:absolute;left:0px;bottom:0px}.causes_item .causes_img .c_parcent span:before{content:"75%";position:absolute;right:-10px;bottom:0px;color:#fff;padding:0px 5px}.causes_item .causes_text{padding:30px 35px 40px 30px}.causes_item .causes_text h4{font-size:18px;font-weight:600;margin-bottom:15px;cursor:pointer}.causes_item .causes_text p{font-size:14px;line-height:24px;font-weight:300;margin-bottom:0px}.causes_item .causes_bottom a{width:50%;border:1px solid;text-align:center;float:left;line-height:50px;color:#fff;font-size:14px;font-weight:500}.causes_item .causes_bottom a+a{border-color:#eeeeee;background:#fff;font-size:14px}.latest_blog_area{background:#f9f9ff}.single-recent-blog-post{margin-bottom:30px}.single-recent-blog-post .thumb{overflow:hidden}.single-recent-blog-post .thumb img{transition:all 0.7s linear}.single-recent-blog-post .details{padding-top:30px}.single-recent-blog-post .details .sec_h4{line-height:24px;padding:10px 0px 13px;transition:all 0.3s linear}.single-recent-blog-post .date{font-size:14px;line-height:24px;font-weight:400}.single-recent-blog-post:hover img{transform:scale(1.23) rotate(10deg)}.tags .tag_btn{font-size:12px;font-weight:500;line-height:20px;border:1px solid #eeeeee;display:inline-block;padding:1px 18px;text-align:center}.tags .tag_btn+.tag_btn{margin-left:2px}.blog_categorie_area{padding-top:30px;padding-bottom:30px}@media (min-width: 900px){.blog_categorie_area{padding-top:80px;padding-bottom:80px}}@media (min-width: 1100px){.blog_categorie_area{padding-top:120px;padding-bottom:120px}}.categories_post{position:relative;text-align:center;cursor:pointer}.categories_post img{max-width:100%}.categories_post .categories_details{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(34,34,34,0.75);color:#fff;transition:all 0.3s linear;display:flex;align-items:center;justify-content:center}.categories_post .categories_details h5{margin-bottom:0px;font-size:18px;line-height:26px;text-transform:uppercase;color:#fff;position:relative}.categories_post .categories_details p{font-weight:300;font-size:14px;line-height:26px;margin-bottom:0px}.categories_post .categories_details .border_line{margin:10px 0px;background:#fff;width:100%;height:1px}.categories_post:hover .categories_details{background:rgba(222,99,32,0.85)}.blog_item{margin-bottom:50px}.blog_details{padding:30px 0 20px 10px;box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)}@media (min-width: 768px){.blog_details{padding:60px 30px 35px 35px}}.blog_details p{margin-bottom:30px}.blog_details a{color:#ff8b23}.blog_details a:hover{color:#009DFF}.blog_details h2{font-size:18px;font-weight:600;margin-bottom:8px}@media (min-width: 768px){.blog_details h2{font-size:24px;margin-bottom:15px}}.blog-info-link li{float:left;font-size:14px}.blog-info-link li a{color:#999999}.blog-info-link li i,.blog-info-link li span{font-size:13px;margin-right:5px}.blog-info-link li::after{content:"|";padding-left:10px;padding-right:10px}.blog-info-link li:last-child::after{display:none}.blog-info-link::after{content:"";display:block;clear:both;display:table}.blog_item_img{position:relative}.blog_item_img .blog_item_date{position:absolute;bottom:-10px;left:10px;display:block;color:#fff;background-color:#009DFF;padding:8px 15px;border-radius:5px}@media (min-width: 768px){.blog_item_img .blog_item_date{bottom:-20px;left:40px;padding:13px 30px}}.blog_item_img .blog_item_date h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:0;line-height:1.2}@media (min-width: 768px){.blog_item_img .blog_item_date h3{font-size:30px}}.blog_item_img .blog_item_date p{font-size:18px;margin-bottom:0;color:#fff}@media (min-width: 768px){.blog_item_img .blog_item_date p{font-size:18px}}.blog_right_sidebar .widget_title{font-size:20px;margin-bottom:40px}.blog_right_sidebar .widget_title::after{content:"";display:block;padding-top:15px;border-bottom:1px solid #f0e9ff}.blog_right_sidebar .single_sidebar_widget{background:#fbf9ff;padding:30px;margin-bottom:30px}.blog_right_sidebar .single_sidebar_widget .btn_1{margin-top:0px}.blog_right_sidebar .search_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999999;padding-left:20px;border-radius:0;border-right:0}.blog_right_sidebar .search_widget .form-control::placeholder{color:#999999}.blog_right_sidebar .search_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}.blog_right_sidebar .search_widget .input-group button{background:#fff;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0}.blog_right_sidebar .search_widget .input-group button i,.blog_right_sidebar .search_widget .input-group button span{font-size:14px;color:#999999}.blog_right_sidebar .newsletter_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999999;padding-left:20px;border-radius:0}.blog_right_sidebar .newsletter_widget .form-control::placeholder{color:#999999}.blog_right_sidebar .newsletter_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}.blog_right_sidebar .newsletter_widget .input-group button{background:#fff;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0}.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{font-size:14px;color:#999999}.blog_right_sidebar .post_category_widget .cat-list li{border-bottom:1px solid #f0e9ff;transition:all 0.3s ease 0s;padding-bottom:12px}.blog_right_sidebar .post_category_widget .cat-list li:last-child{border-bottom:0}.blog_right_sidebar .post_category_widget .cat-list li a{font-size:14px;line-height:20px;color:#888888}.blog_right_sidebar .post_category_widget .cat-list li a p{margin-bottom:0px}.blog_right_sidebar .post_category_widget .cat-list li+li{padding-top:15px}.blog_right_sidebar .popular_post_widget .post_item .media-body{justify-content:center;align-self:center;padding-left:20px}.blog_right_sidebar .popular_post_widget .post_item .media-body h3{font-size:16px;line-height:20px;margin-bottom:6px;transition:all 0.3s linear}.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{color:#fff}.blog_right_sidebar .popular_post_widget .post_item .media-body p{font-size:14px;line-height:21px;margin-bottom:0px}.blog_right_sidebar .popular_post_widget .post_item+.post_item{margin-top:20px}.blog_right_sidebar .tag_cloud_widget ul li{display:inline-block}.blog_right_sidebar .tag_cloud_widget ul li a{display:inline-block;border:1px solid #eeeeee;background:#fff;padding:4px 20px;margin-bottom:8px;margin-right:3px;transition:all 0.3s ease 0s;color:#888888;font-size:13px}.blog_right_sidebar .tag_cloud_widget ul li a:hover{background:#009DFF;color:#fff !important;-webkit-text-fill-color:#fff;text-decoration:none;-webkit-transition:0.5s;transition:0.5s}.blog_right_sidebar .instagram_feeds .instagram_row{display:flex;margin-right:-6px;margin-left:-6px}.blog_right_sidebar .instagram_feeds .instagram_row li{width:33.33%;float:left;padding-right:6px;padding-left:6px;margin-bottom:15px}.blog_right_sidebar .br{width:100%;height:1px;background:#eee;margin:30px 0px}.blog-pagination{margin-top:80px}.blog-pagination .page-link{font-size:14px;position:relative;display:block;padding:0;text-align:center;margin-left:-1px;line-height:45px;width:45px;height:45px;border-radius:0 !important;color:#8a8a8a;border:1px solid #f0e9ff;margin-right:10px}.blog-pagination .page-link i,.blog-pagination .page-link span{font-size:13px}.blog-pagination .page-item.active .page-link{background-color:#fbf9ff;border-color:#f0e9ff;color:#888888}.blog-pagination .page-item:last-child .page-link{margin-right:0}.single-post-area .blog_details{box-shadow:none;padding:0}.single-post-area .social-links{padding-top:10px}.single-post-area .social-links li{display:inline-block;margin-bottom:10px}.single-post-area .social-links li a{color:#cccccc;padding:7px;font-size:14px;transition:all 0.2s linear}.single-post-area .blog_details{padding-top:26px}.single-post-area .blog_details p{margin-bottom:20px;font-size:15px}.single-post-area .quote-wrapper{background:rgba(130,139,178,0.1);padding:15px;line-height:1.733;color:#888888;font-style:italic;margin-top:25px;margin-bottom:25px}@media (min-width: 768px){.single-post-area .quote-wrapper{padding:30px}}.single-post-area .quotes{background:#fff;padding:15px 15px 15px 20px;border-left:2px solid}@media (min-width: 768px){.single-post-area .quotes{padding:25px 25px 25px 30px}}.single-post-area .arrow{position:absolute}.single-post-area .arrow .lnr{font-size:20px;font-weight:600}.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,0.8)}.single-post-area .navigation-top{padding-top:15px;border-top:1px solid #f0e9ff}.single-post-area .navigation-top p{margin-bottom:0}.single-post-area .navigation-top .like-info{font-size:14px}.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{font-size:16px;margin-right:5px}.single-post-area .navigation-top .comment-count{font-size:14px}.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{font-size:16px;margin-right:5px}.single-post-area .navigation-top .social-icons li{display:inline-block;margin-right:15px}.single-post-area .navigation-top .social-icons li:last-child{margin:0}.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{font-size:14px;color:#999999}.single-post-area .blog-author{padding:40px 30px;background:#fbf9ff;margin-top:50px}@media (max-width: 600px){.single-post-area .blog-author{padding:20px 8px}}.single-post-area .blog-author img{width:90px;height:90px;border-radius:50%;margin-right:30px}@media (max-width: 600px){.single-post-area .blog-author img{margin-right:15px;width:45px;height:45px}}.single-post-area .blog-author a{display:inline-block}.single-post-area .blog-author a:hover{color:#009DFF}.single-post-area .blog-author p{margin-bottom:0;font-size:15px}.single-post-area .blog-author h4{font-size:16px}.single-post-area .navigation-area{border-bottom:1px solid #eee;padding-bottom:30px;margin-top:55px}.single-post-area .navigation-area p{margin-bottom:0px}.single-post-area .navigation-area h4{font-size:18px;line-height:25px}.single-post-area .navigation-area .nav-left{text-align:left}.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}.single-post-area .navigation-area .nav-left .thumb img{-webkit-transition:.5s;transition:.5s}.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:.5s;transition:.5s}.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}@media (max-width: 767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}}.single-post-area .navigation-area .nav-right{text-align:right}.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}.single-post-area .navigation-area .nav-right .thumb img{-webkit-transition:.5s;transition:.5s}.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:.5s;transition:.5s}.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}@media (max-width: 991px){.single-post-area .sidebar-widgets{padding-bottom:0px}}.comments-area{background:transparent;border-top:1px solid #eee;padding:45px 0;margin-top:50px}@media (max-width: 414px){.comments-area{padding:50px 8px}}.comments-area h4{margin-bottom:35px;font-size:18px}.comments-area h5{font-size:16px;margin-bottom:0px}.comments-area .comment-list{padding-bottom:48px}.comments-area .comment-list:last-child{padding-bottom:0px}.comments-area .comment-list.left-padding{padding-left:25px}@media (max-width: 413px){.comments-area .comment-list .single-comment h5{font-size:12px}.comments-area .comment-list .single-comment .date{font-size:11px}.comments-area .comment-list .single-comment .comment{font-size:10px}}.comments-area .thumb{margin-right:20px}.comments-area .thumb img{width:70px;border-radius:50%}.comments-area .date{font-size:14px;color:#999999;margin-bottom:0;margin-left:20px}.comments-area .comment{margin-bottom:10px;color:#777777;font-size:15px}.comments-area .btn-reply{background-color:transparent;color:#888888;padding:5px 18px;font-size:14px;display:block;font-weight:400}.comment-form{border-top:1px solid #eee;padding-top:45px;margin-top:50px;margin-bottom:20px}.comment-form .form-group{margin-bottom:30px}.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px}.comment-form .name{padding-left:0px}@media (max-width: 767px){.comment-form .name{padding-right:0px;margin-bottom:1rem}}.comment-form .email{padding-right:0px}@media (max-width: 991px){.comment-form .email{padding-left:0px}}.comment-form .form-control{border:1px solid #f0e9ff;border-radius:5px;height:48px;padding-left:18px;font-size:13px;background:transparent}.comment-form .form-control:focus{outline:0;box-shadow:none}.comment-form .form-control::placeholder{font-weight:300;color:#999999}.comment-form .form-control::placeholder{color:#777777}.comment-form textarea{padding-top:18px;border-radius:12px;height:100% !important}.comment-form ::-webkit-input-placeholder{font-size:13px;color:#777}.comment-form ::-moz-placeholder{font-size:13px;color:#777}.comment-form :-ms-input-placeholder{font-size:13px;color:#777}.comment-form :-moz-placeholder{font-size:13px;color:#777}.blog_part{margin-bottom:140px}@media (max-width: 576px){.blog_part{margin-bottom:0px;padding:0px 0px 70px}}@media only screen and (min-width: 480px) and (max-width: 767px){.blog_part{margin-bottom:0px;padding:0px 0px 70px}}@media only screen and (min-width: 768px) and (max-width: 991px){.blog_part{margin-bottom:0px;padding:0px 0px 70px}}.blog_part .blog_right_sidebar .widget_title{font-size:20px;margin-bottom:40px;font-style:inherit !important}@media (max-width: 576px){.blog_part .single-home-blog{margin-bottom:140px;margin-top:20px}}@media only screen and (min-width: 480px) and (max-width: 767px){.blog_part .single-home-blog{margin-bottom:140px;margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 991px){.blog_part .single-home-blog{margin-bottom:140px;margin-top:20px}}.blog_part .single-home-blog .card-img-top{border-radius:0px}.blog_part .single-home-blog .card{border:0px solid transparent;border-radius:0px;background-color:transparent;position:relative}.blog_part .single-home-blog .card .card-body{padding:25px 10px 29px 40px;background-color:#fff;position:absolute;left:20px;bottom:-140px;box-shadow:-7.552px 9.326px 20px 0px rgba(1,84,85,0.1);border-radius:10px}@media (max-width: 576px){.blog_part .single-home-blog .card .card-body{padding:15px;left:10px;bottom:-140px}}@media only screen and (min-width: 480px) and (max-width: 767px){.blog_part .single-home-blog .card .card-body{padding:15px;left:10px;bottom:-140px}}@media only screen and (min-width: 992px) and (max-width: 1200px){.blog_part .single-home-blog .card .card-body{padding:20px}}.blog_part .single-home-blog .card .card-body a{color:#009DFF;text-transform:uppercase;-webkit-transition:.8s;transition:.8s}.blog_part .single-home-blog .card .card-body a:hover{background:-webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog_part .single-home-blog .card .dot{position:relative;padding-left:20px}.blog_part .single-home-blog .card .dot:after{position:absolute;content:"";width:10px;height:10px;top:5px;left:0;background-color:#009DFF;border-radius:50%}.blog_part .single-home-blog .card span{color:#8a8a8a;margin-bottom:10px;display:inline-block;margin-top:10px}@media (max-width: 576px){.blog_part .single-home-blog .card span{margin-bottom:5px;margin-top:5px}}@media only screen and (min-width: 480px) and (max-width: 767px){.blog_part .single-home-blog .card span{margin-bottom:5px;margin-top:5px}}@media only screen and (min-width: 768px) and (max-width: 991px){.blog_part .single-home-blog .card span{margin-bottom:5px;margin-top:5px}}@media only screen and (min-width: 992px) and (max-width: 1200px){.blog_part .single-home-blog .card span{margin-bottom:5px;margin-top:5px}}.blog_part .single-home-blog .card h5{font-weight:600;line-height:1.5;font-size:20px;-webkit-transition:.8s;transition:.8s;text-transform:capitalize;margin-bottom:22px}@media (max-width: 576px){.blog_part .single-home-blog .card h5{margin-bottom:10px}}@media only screen and (min-width: 480px) and (max-width: 767px){.blog_part .single-home-blog .card h5{margin-bottom:10px;font-size:16px}}@media only screen and (min-width: 768px) and (max-width: 991px){.blog_part .single-home-blog .card h5{margin-bottom:10px}}@media only screen and (min-width: 992px) and (max-width: 1200px){.blog_part .single-home-blog .card h5{margin-bottom:10px;font-size:18px}}.blog_part .single-home-blog .card h5:hover{-webkit-transition:.8s;transition:.8s;background:-webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:1s}.blog_part .single-home-blog .card ul li{display:inline-block;color:#8a8a8a;margin-right:14px}@media (max-width: 576px){.blog_part .single-home-blog .card ul li{margin-right:10px}}@media only screen and (min-width: 480px) and (max-width: 767px){.blog_part .single-home-blog .card ul li{margin-right:10px}}@media only screen and (min-width: 768px) and (max-width: 991px){.blog_part .single-home-blog .card ul li{margin-right:10px}}@media only screen and (min-width: 992px) and (max-width: 1200px){.blog_part .single-home-blog .card ul li{margin-right:10px}}.blog_part .single-home-blog .card ul li span{margin-right:10px;font-size:12px}
/* ---------------------------------------------------- */
/* Custom styles for St. John the Baptist Parish                   */
/* ---------------------------------------------------- */

.header-area .main-menu ul li a {
    text-transform: capitalize;
}

.section_title span {
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
}

.reservation_form .form-group label,
.reservation_form .form-row label,
.contact_form label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #2f2f2f;
}

.reservation_form .form-control,
.contact_form .form-control {
    border-radius: 6px;
    padding: 12px 16px;
    border-color: #e8e8e8;
}

.reservation_calendar,
.cta_box,
.testimonial_card,
.service_card,
.schedule_card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(23, 35, 79, 0.08);
    padding: 32px;
}

.reservation_calendar {
    border: 1px solid #e0e6ff;
    border-top: 4px solid #4958f3;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
}

.reservation_calendar h4,
.reservation_calendar p,
.reservation_calendar .calendar_legend {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.reservation_calendar .calendar_legend {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.calendar_legend {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 8px 16px;
    border-radius: 12px;
    background: rgba(73, 88, 243, 0.08);
    color: #394163;
}

.calendar_legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.calendar_legend .legend {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #f25f5c;
    box-shadow: 0 0 0 3px rgba(242, 95, 92, 0.2);
    border: 1px solid rgba(242, 95, 92, 0.4);
}

.announcement-form .form-check {
    margin-bottom: 12px;
}

.announcement-form button.btn-block {
    margin-top: 10px;
}

.availability_calendar {
    display: flex;
    flex-direction: column;
    gap: 28px;
    align-items: stretch;
}

.calendar_navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.calendar_nav_button {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid #d6dcff;
    background: #eef1ff;
    color: #3d4ee0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: none;
    cursor: pointer;
}

.calendar_nav_button i {
    line-height: 1;
}

.calendar_nav_button:not(:disabled):hover,
.calendar_nav_button:not(:disabled):focus {
    background: #3d4ee0;
    color: #ffffff;
    box-shadow: 0 12px 22px rgba(61, 78, 224, 0.25);
    transform: translateY(-1px);
    outline: none;
}

.calendar_nav_button:disabled {
    background: #f2f4ff;
    color: #b6bce0;
    border-color: #eaedff;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
}

.calendar_nav_label {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2f3b75;
    text-align: center;
    flex: 1;
}

.calendar_month_container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.calendar_month {
    background: #ffffff;
    border-radius: 18px;
    padding: 28px 28px 32px;
    box-shadow: 0 18px 35px rgba(23, 35, 79, 0.08);
    border: 1px solid rgba(61, 78, 224, 0.08);
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}

.calendar_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 12px;
    table-layout: fixed;
}

.calendar_table th {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #7d85a5;
    letter-spacing: 0.8px;
}

.calendar_table td {
    padding: 0;
    vertical-align: top;
}

.calendar_day {
    position: relative;
    min-height: 110px;
    background: #f8f9ff;
    border-radius: 14px;
    padding: 14px 14px 12px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    height: 100%;
}

.calendar_day .day_number {
    align-self: flex-start;
}

.calendar_day.is_clickable {
    cursor: pointer;
}

.calendar_day.is_disabled {
    cursor: not-allowed;
    color: #a6abc1;
    background: #f2f3f8;
    border-color: #eceef6;
}

.calendar_day.is_disabled .day_number,
.calendar_day.is_disabled .day_label {
    color: inherit;
}

.calendar_day.is_clickable:focus,
.calendar_day.is_clickable:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(73, 88, 243, 0.3);
    transform: translateY(-1px);
}

.calendar_day.is_clickable:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(61, 78, 224, 0.16);
    background: #edf0ff;
    border-color: rgba(61, 78, 224, 0.3);
}

.calendar_day.is_empty {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    pointer-events: none;
}

.calendar_day .day_number {
    font-weight: 700;
    font-size: 18px;
    color: #2f3b75;
    letter-spacing: 0.4px;
}

.calendar_day .day_label {
    margin-top: auto;
    /* align-self: flex-start; */
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 5px 10px;
    border-radius: 999px;
    text-transform: none;
    white-space: nowrap;
    background: rgba(61, 78, 224, 0.12);
    color: #27337a;
    border: 1px solid rgba(61, 78, 224, 0.18);
}

@media (max-width: 768px) {
    .availability_calendar {
        gap: 20px;
    }

    .calendar_navigation {
        flex-wrap: wrap;
        justify-content: center;
    }

    .calendar_nav_label {
        order: 3;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .reservation_calendar {
        padding: 28px 22px;
    }

    .calendar_nav_button {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .calendar_nav_label {
        font-size: 16px;
        letter-spacing: 0.6px;
    }

    .calendar_month {
        padding: 24px 18px 28px;
    }

    .calendar_table {
        border-spacing: 8px;
    }

    .calendar_day {
        min-height: 96px;
        padding: 12px;
        gap: 10px;
    }

    .calendar_day .day_number {
        font-size: 16px;
    }

    .calendar_day .day_label {
        font-size: 10px;
        padding: 4px 9px;
    }
}

.calendar_day.status_available {
    background: #f8f9ff;
    border-color: rgba(73, 88, 243, 0.14);
}

.schedule_card {
    border-top: 4px solid #4ac4a4;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.schedule_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 45px rgba(15, 61, 145, 0.12);
}

.announcement_card {
    position: relative;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
    box-shadow: 0 25px 45px rgba(15, 61, 145, 0.12);
    border-top: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.announcement_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #4ac4a4 0%, #6e8efb 100%);
    z-index: 2;
}

.announcement_card .announcement_media {
    margin: 0;
}

.announcement_card .announcement_media {
    position: relative;
    overflow: hidden;
}

.announcement_card .announcement_media img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.announcement_card:hover .announcement_media img {
    transform: scale(1.05);
}

.announcement_badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.92);
    color: #205072;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
    padding: 6px 14px;
    border-radius: 999px;
    box-shadow: 0 12px 26px rgba(15, 61, 145, 0.18);
    z-index: 3;
}

.announcement_card .announcement_body {
    padding: 28px 30px 32px;
    border: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.announcement_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #7183a6;
}

.announcement_meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.announcement_meta i {
    color: #f15b2a;
}

.announcement_card h3 {
    font-size: 24px;
    margin: 0;
    color: #132d55;
}

.announcement_excerpt {
    margin: 0;
    color: #525a75;
    line-height: 1.6;
}

.announcement_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 70px rgba(15, 61, 145, 0.18);
}

.schedule_card_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #6c6c6c;
}

.filter_buttons .boxed-btn3 {
    margin: 5px 8px;
    background: #f4f3ff;
    color: #3a2b8c;
    border: 1px solid transparent;
}

.filter_buttons .boxed-btn3.active,
.filter_buttons .boxed-btn3:hover {
    background: #a26dff;
    color: #ffffff;
}

.service_card {
    border-top: 4px solid #a26dff;
    height: 100%;
}

.service_icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #f4f3ff;
    color: #a26dff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.service_requirements {
    padding-left: 18px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.service_requirements li {
    margin-bottom: 6px;
}

.cta_box {
    border-top: 4px solid #4ac4a4;
}

.testimonial_card {
    border-top: 4px solid #f88a5b;
    font-style: italic;
}

.testimonial_card h5 {
    font-style: normal;
    font-weight: 700;
}

.single_team_member {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px 25px;
    box-shadow: 0 20px 45px rgba(15, 61, 145, 0.08);
}

.single_team_member .team_thumb img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.gallery_grid .gallery_item {
    position: relative;
    display: block;
    overflow: hidden;
}

.gallery_grid .gallery_item img {
    transition: transform 0.3s ease;
}

.gallery_grid .gallery_item:hover img {
    transform: scale(1.05);
}

.gallery_caption {
    margin-top: 15px;
}

.gallery_caption h4 {
    font-weight: 700;
    margin-bottom: 5px;
}

.single_about_info {
    background: #ffffff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 15px 35px rgba(15, 61, 145, 0.08);
}

.contact_info_list li {
    margin-bottom: 12px;
    font-weight: 500;
}

.contact_info_list i {
    color: #a26dff;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .calendar_table {
        border-spacing: 4px;
    }

    .calendar_day {
        min-height: 80px;
    }

    .reservation_calendar,
    .schedule_card,
    .service_card,
    .testimonial_card,
    .cta_box {
        padding: 24px;
    }

    .announcement_card .announcement_body {
        padding: 24px 24px 28px;
    }

    .announcement_card .announcement_media img {
        height: 200px;
    }
}

@media (max-width: 575px) {
    .announcement_card {
        border-radius: 16px;
    }

    .announcement_card .announcement_media img {
        height: 180px;
    }

    .announcement_card h3 {
        font-size: 22px;
    }

    .announcement_meta {
        font-size: 11px;
    }
}

/* Reservation modal layering fix */
.modal-backdrop{z-index:1040!important;}
.reservation_day_modal{z-index:1050!important;}
.reservation_day_modal .modal-dialog{z-index:1060!important;}

.header-area .book_room .socail_links{display:none;}

/* ----------------------------------------------------------
   Custom footer styling enhancements
   ---------------------------------------------------------- */
.footer {
    background: radial-gradient(circle at top left, #2a2e45 0%, #141824 45%, #0a0d13 100%);
    color: #f4f7ff;
    position: relative;
    overflow: hidden;
}

.footer::before {
    content: "";
    position: absolute;
    top: -25%;
    right: -15%;
    width: 420px;
    height: 420px;
    background: rgba(255, 255, 255, 0.05);
    filter: blur(0px);
    border-radius: 50%;
    opacity: 0.8;
    transform: rotate(25deg);
    pointer-events: none;
}

.footer::after {
    content: "";
    position: absolute;
    left: -10%;
    bottom: -35%;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(94, 110, 255, 0.35) 0%, rgba(94, 110, 255, 0) 65%);
    pointer-events: none;
}

.footer_top {
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 60px;
}

.footer_widget {
    margin-bottom: 40px;
}

.footer_widget::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 20px;
    background: linear-gradient(135deg, #7b5cff 0%, #4ecbff 100%);
    opacity: 0.7;
}

.footer_title {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 18px;
}

.footer_text,
.footer_widget ul li a {
    color: rgba(244, 247, 255, 0.78);
    font-size: 15px;
    line-height: 1.8;
}

.footer_widget ul li {
    margin-bottom: 12px;
}

.footer_widget ul li a {
    position: relative;
    padding-left: 0;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.footer_widget ul li a:hover,
.footer_widget ul li a:focus {
    color: #ffffff;
    padding-left: 6px;
    text-decoration: none;
}

.footer_widget .footer_text a,
.footer_widget .footer_text strong {
    color: #ffffff;
}

.newsletter_form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.newsletter_form input {
    flex: 1 1 220px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: #f4f7ff;
    padding: 12px 18px;
    font-size: 15px;
    transition: border-color 0.3s ease, background 0.3s ease;
}

.newsletter_form input::placeholder {
    color: rgba(244, 247, 255, 0.55);
}

.newsletter_form input:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(126, 140, 255, 0.65);
}

.newsletter_form button {
    flex: 0 0 auto;
    background: linear-gradient(135deg, #7b5cff 0%, #4ecbff 100%);
    border: none;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 28px;
    letter-spacing: 0.03em;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.newsletter_form button:hover,
.newsletter_form button:focus {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(79, 151, 255, 0.35);
}

.newsletter_text {
    color: rgba(244, 247, 255, 0.6);
    margin-top: 14px;
}

.copy-right_text {
    position: relative;
    z-index: 2;
    padding: 22px 0 35px;
    background: transparent;
}

.footer_border {
    border-top: none;
    height: 1px;
    background: rgba(244, 247, 255, 0.18);
    margin-bottom: 24px;
}

.copy_right {
    margin-bottom: 0;
    color: rgba(244, 247, 255, 0.6);
    font-size: 14px;
}

.copy_right a {
    color: #ffffff;
    font-weight: 500;
}

.socail_links ul {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.socail_links ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #f4f7ff;
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.socail_links ul li a:hover,
.socail_links ul li a:focus {
    background: linear-gradient(135deg, #7b5cff 0%, #4ecbff 100%);
    color: #ffffff;
    transform: translateY(-3px);
}

@media (max-width: 991.98px) {
    .footer_top {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .socail_links ul {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .footer_top {
        text-align: center;
    }

    .footer_widget::after {
        margin-left: auto;
        margin-right: auto;
    }

    .socail_links ul {
        justify-content: center;
    }

    .newsletter_form {
        flex-direction: column;
        align-items: stretch;
    }

    .newsletter_form button {
        width: 100%;
    }
}

/* Parish footer refresh */
.parish_footer {
    background: linear-gradient(135deg, #321e6d 0%, #3f2c85 35%, #5936b0 100%);
    color: #f5f6ff;
    position: relative;
    overflow: hidden;
}

.parish_footer::before,
.parish_footer::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    z-index: 0;
}

.parish_footer::before {
    width: 380px;
    height: 380px;
    top: -140px;
    right: -160px;
}

.parish_footer::after {
    width: 240px;
    height: 240px;
    bottom: -120px;
    left: -120px;
}

.parish_footer .footer_top,
.parish_footer .copy-right_text {
    position: relative;
    z-index: 1;
}

.parish_footer .footer_top {
    padding-top: 75px;
    padding-bottom: 0px;
}

.parish_footer .footer_title {
    color: #ffffff;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 22px;
}

.footer_contact p {
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.8;
    margin-bottom: 0;
}

.footer_contact_detail {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
}

.footer_contact_detail i {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
}

.parish_footer a {
    color: #ffffff;
}

.parish_footer a:hover,
.parish_footer a:focus {
    color: #ffe082;
}

.footer_social {
    margin-top: 20px;
    display: flex;
    gap: 14px;
}

.footer_social a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    line-height: 1;
    transition: all 0.3s ease;
}

.footer_social a i {
    display: block;
    line-height: 1;
}

.footer_social a:hover,
.footer_social a:focus {
    background: rgba(220,38,38,.18);
    color: #dc2626;
}

.footer_links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer_links li + li {
    margin-top: 10px;
}

.footer_links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.footer_links a::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 0.85rem;
}

.footer_schedule {
    display: grid;
    gap: 16px;
}

.footer_schedule li {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 16px 18px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.footer_schedule .schedule_label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.75);
    display: block;
}

.footer_schedule li {
    overflow-wrap: break-word;
}

.footer_schedule .schedule_value {
    font-weight: 600;
    font-size: 1rem;
    margin-top: 6px;
    display: block;
}

.footer_schedule .schedule_note {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 6px;
    display: block;
    line-height: 1.6;
}

/* Utility text helpers */
.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.footer_columns [class*="col-"] {
    margin-bottom: 30px;
}

.parish_footer .footer_border {
    background: rgba(255, 255, 255, 0.2);
}

.parish_footer .copy_right {
    color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 767.98px) {
    .parish_footer .footer_top {
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .footer_schedule {
        gap: 12px;
    }
}
.spinner-border {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: text-bottom;
    border: 0.2em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: parish-spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

@keyframes parish-spinner-border {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border {
        animation-duration: 1.5s;
    }
}

/* Reservation modal refresh */
.reservation-modal {
    border-radius: 20px;
    border: none;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 30px 60px -25px rgba(15, 23, 42, 0.35);
}

.reservation-modal__header {
    background: linear-gradient(135deg, #4338ca, #6366f1, #8b5cf6);
    color: #ffffff;
    border-bottom: none;
    padding: 2.25rem 2.75rem;
    align-items: flex-start;
}

.reservation-modal__title-group {
    max-width: calc(100% - 48px);
}

.reservation-modal__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.75;
    margin-bottom: 0.35rem;
}

.reservation-modal__subtitle {
    font-size: 0.95rem;
    margin: 0;
    opacity: 0.85;
    max-width: 32rem;
}

.reservation-modal__close {
    color: #ffffff;
    opacity: 0.9;
    text-shadow: none;
}

.reservation-modal__close:hover,
.reservation-modal__close:focus {
    color: #ffffff;
    opacity: 1;
}

.reservation-modal__body {
    background: linear-gradient(180deg, #eef2ff 0%, #f8fafc 100%);
    padding: 0;
}

.reservation-modal__body-inner {
    padding: 2.5rem 2.75rem 2.75rem;
}

.reservation-modal__progress {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1.25rem;
    margin-bottom: 2rem;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 999px;
    padding: 1rem 1.5rem;
    box-shadow: 0 20px 40px -28px rgba(30, 64, 175, 0.65);
    backdrop-filter: blur(12px);
}

.reservation-modal__progress-item {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    position: relative;
}

.reservation-modal__progress-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -0.65rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.3rem;
    height: 2px;
    background: linear-gradient(90deg, rgba(79, 70, 229, 0.25) 0%, rgba(129, 140, 248, 0.55) 100%);
}

.reservation-modal__progress-number {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4338ca, #6366f1);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: 0 10px 20px -10px rgba(79, 70, 229, 0.75);
}

.reservation-modal__progress-text {
    font-weight: 600;
    color: #1e293b;
    line-height: 1.4;
    font-size: 0.95rem;
}

.reservation-modal__form {
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 25px 55px -35px rgba(15, 23, 42, 0.5);
    padding: 2.5rem 2.25rem 2.25rem;
}

.reservation_modal_sidebar {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(59, 130, 246, 0.08));
    border-radius: 18px;
    padding: 1.75rem;
    border: 1px solid rgba(79, 70, 229, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.reservation_modal_sidebar h6 {
    font-size: 0.75rem;
    letter-spacing: 0.18em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.95rem;
    color: #4338ca;
}

.reservation_modal_sidebar p {
    color: #1f2937;
}

.reservation_modal_sidebar [data-reservation-availability] p.small {
    color: #475569 !important;
}

.reservation_modal_sidebar .reservation_detail_list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
}

.reservation_modal_sidebar .reservation_detail_item {
    background: rgba(255, 255, 255, 0.82);
    border-radius: 16px;
    border: 1px solid rgba(99, 102, 241, 0.12);
    padding: 1rem 1.25rem;
    box-shadow: 0 18px 32px -28px rgba(79, 70, 229, 0.65);
}

.reservation_modal_sidebar .reservation_detail_title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #312e81;
    margin-bottom: 0.35rem;
}

.reservation_modal_sidebar .reservation_detail_meta {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.reservation_modal_sidebar .reservation_detail_meta_item {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    line-height: 1.45;
}

.reservation_modal_sidebar .reservation_detail_meta_label {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #64748b;
    font-weight: 700;
}

.reservation_modal_sidebar .reservation_detail_meta_value {
    font-weight: 600;
    color: #1e293b;
}

.reservation_modal_sidebar .modal_intro {
    margin-bottom: 0.75rem;
    color: #475569;
    font-weight: 600;
}

.reservation_modal_sidebar .modal_no_reservations {
    margin-bottom: 0;
    color: #475569;
    font-weight: 500;
}

.reservation_modal_sidebar .badge {
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    font-size: 0.65rem;
}

.reservation-modal__form .form-control,
.reservation-modal__form .custom-select,
.reservation-modal__form select.form-control {
    border-radius: 12px;
    border-color: rgba(148, 163, 184, 0.6);
    box-shadow: none;
    padding: 0.75rem 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.reservation-modal__form .form-control:focus,
.reservation-modal__form .custom-select:focus,
.reservation-modal__form select.form-control:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.18);
}

.reservation-modal__form .custom-control-label::before,
.reservation-modal__form .custom-control-label::after {
    top: 0.25rem;
}

.reservation-modal__form .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6366f1;
    border-color: #6366f1;
}

.reservation-modal__form .reservation_attachment_box,
.reservation-modal__form .reservation_attachments_info {
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    padding: 1.75rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.reservation-modal__form .reservation_attachment_box h6,
.reservation-modal__form .reservation_attachments_info h6 {
    font-size: 1rem;
    font-weight: 700;
    color: #312e81;
}

.reservation-modal__form .reservation_attachment_box .alert,
.reservation-modal__form .reservation_attachments_info .alert {
    border-radius: 12px;
    border: none;
    box-shadow: none;
}

.reservation-modal__form .reservation_attachment_box .custom-file-input,
.reservation-modal__form .reservation_attachment_box .custom-file-label {
    border-radius: 12px;
}

.reservation-modal__form .boxed-btn3 {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.9rem 1.75rem;
    text-transform: none;
}

.reservation-modal__form .boxed-btn3[data-reservation-start] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    border: none;
    box-shadow: 0 16px 30px -24px rgba(79, 70, 229, 1);
}

.reservation-modal__form .boxed-btn3[data-reservation-start]:hover,
.reservation-modal__form .boxed-btn3[data-reservation-start]:focus {
    background: linear-gradient(135deg, #4338ca, #4f46e5);
}

.reservation-modal__form .form-group > label,
.reservation-modal__form .reservation_time_select label {
    font-weight: 600;
    color: #1e293b;
}

.reservation-modal__form .reservation_form_toggle {
    border-radius: 14px;
    border: 1px dashed rgba(99, 102, 241, 0.4);
    padding: 1rem;
}

.reservation-modal__form .reservation_form_toggle label {
    font-weight: 600;
    color: #4338ca;
}

.reservation-modal__form .reservation_time_select {
    background: rgba(99, 102, 241, 0.06);
    border-radius: 16px;
    padding: 1.5rem;
}

.reservation-modal__form .reservation_time_select .custom-control-label {
    font-weight: 500;
}

.reservation-modal__form textarea.form-control {
    min-height: 120px;
}

.reservation-modal__form .custom-file-label::after {
    border-radius: 0 12px 12px 0;
    background: #4f46e5;
    color: #ffffff;
}

.reservation-modal__form .text-muted {
    color: #475569 !important;
}

@media (max-width: 991.98px) {
    .reservation-modal__body-inner {
        padding: 2.25rem 1.75rem 2.5rem;
    }

    .reservation-modal__form {
        padding: 2rem 1.5rem;
    }

    .reservation-modal__progress {
        border-radius: 28px;
    }
}

@media (max-width: 767.98px) {
    .reservation-modal__header {
        padding: 1.75rem 1.75rem 2rem;
    }

    .reservation-modal__progress {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        border-radius: 24px;
        padding: 1rem 1.25rem;
    }

    .reservation-modal__progress-item {
        width: 100%;
    }

    .reservation-modal__progress-item:not(:last-child)::after {
        display: none;
    }

    .reservation-modal__progress-number {
        width: 34px;
        height: 34px;
        font-size: 0.85rem;
    }
}

@media (max-width: 575.98px) {
    .reservation-modal__title-group {
        max-width: 100%;
    }

    .reservation-modal__subtitle {
        font-size: 0.9rem;
    }

    .reservation-modal__body-inner {
        padding: 2rem 1.25rem 2.25rem;
    }

    .reservation-modal__form {
        padding: 1.75rem 1.25rem;
        border-radius: 18px;
    }

    .reservation_modal_sidebar {
        padding: 1.5rem;
    }
}


/* Navbar logo placement tweaks */
.header-area .logo-img {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-area .logo-img img {
    max-height: 60px;
    width: auto;
}

@media (max-width: 767.98px) {
    .header-area .logo-img img {
        max-height: 48px;
    }
}

/* Header logo alignment overrides */
.main-header-area .logo-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-header-area .logo-img a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.main-header-area .logo-img img {
  max-height: 72px;
  width: auto;
}


/* ===== HEADER HEIGHT IMPROVEMENT ===== */

.main-header-area {
    background-color: black;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Keep content centered */
.main-header-area .row {
    align-items: center;
}

/* Prevent logo stretching */
.logo-img img {
    height: 60px;
    object-fit: cover;
}

/* Optional: smoother spacing */
.book_room {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* HOME ONLY: transparent header at top, white when scrolling */
.home-header.header-area {
    padding-top: 0 !important;
    top: 0 !important;
}

.home-header .main-header-area {
    background: transparent !important;
    position: absolute;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    padding: 28px 150px 0 150px !important;
}

.home-header .main-header-area.sticky {
    background: #ffffff !important;
    position: fixed;
    top: -72px !important;
    padding: 20px 150px !important;
}

.home-header .main-header-area.sticky .main-menu {
    padding: 0 !important;
}

.home-header .main-header-area.sticky .main-menu ul li a {
    color: #000 !important;
}

.home-header .main-header-area.sticky .main-menu ul li a::before {
    background: #000 !important;
}

/* ===== RESERVATION HEADER ===== */
/* Uses schedule-page class — no overrides needed */

/* AUTH PAGES HEADER - SAME AS RESERVATION PAGE */
body.auth-body .header-area {
    padding-top: 0 !important;
    top: 0 !important;
}

body.auth-body .main-header-area .main-menu ul li a {
    color: #000 !important;
}

body.auth-body .main-header-area {
    background: white !important;
    position: absolute;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    padding: 28px 150px;
}

body.auth-body .main-header-area.sticky {
    background: #ffffff !important;
    position: fixed;
    top: -72px !important;
    padding: 20px 150px !important;
}

body.auth-body .main-header-area.sticky .main-menu {
    padding: 0 !important;
}

body.auth-body .main-header-area.sticky .main-menu ul li a {
    color: #000 !important;
}

body.auth-body .main-header-area.sticky .main-menu ul li a::before {
    background: #000 !important;
}

body.auth-body .main-header-area .main-menu ul li a::before {
    position: absolute;
    content: "";
    background: black;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: scaleX(0);
    transition: .3s;
}

body.auth-body .main-header-area .main-menu ul li a:hover::before {
    opacity: 1;
    transform: scaleX(1);
}

/* SMOOTH HEADER TRANSITION */
body.auth-body .main-header-area,
body.reservation-page .main-header-area,
.home-header .main-header-area {
    transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease, top 0.3s ease;
}

/* default (top) */
.signed-text {
    color: white;
    transition: color 0.3s ease;
}

/* when scrolling (sticky state) */
#sticky-header.sticky .signed-text {
    color: #000 !important;
}

/* match nav alignment */
.user-info {
    margin-top: 10px;
}

/* text style */
.signed-text {
    color: white;
    font-size: 14px;
    margin: 0;
    margin-top: -13px; /* 👈 move it higher */
}

/* reserve button spacing */
.reserve-btn {
    margin-left: 10px;
}

.logout-text-link {
    font-size: 12px;
    color: white;
    text-decoration: underline;
    margin-top: -20px; /* 👈 move it higher */
    align-self: flex-start;
}

.slider_text .boxed-btn3,
.slider_text .boxed-btn4 {
    margin-top: 30px;
}

/* =========================
   DEFAULT (HOMEPAGE SCROLL)
   ========================= */

/* When header becomes sticky → default BLACK (for homepage) */
#sticky-header.sticky .signed-text,
#sticky-header.sticky .signed-text strong,
#sticky-header.sticky .logout-text-link {
    color: #000 !important;
}


/* =========================
   RESERVATION PAGE ONLY
   ========================= */

/* Override ONLY for reservation page */
.reservation-page #sticky-header.sticky .signed-text,
.reservation-page #sticky-header.sticky .signed-text strong,
.reservation-page #sticky-header.sticky .logout-text-link {
    color: #fff !important;
}













.admin-calendar-layout {
    display: grid;
    grid-template-columns: minmax(420px, 1.1fr) minmax(320px, 0.9fr);
    gap: 24px;
    align-items: start;
}

.admin-calendar-card,
.admin-calendar-details {
    background: #ffffff;
    border: 1px solid rgba(220,38,38,0.14);
    border-radius: 24px;
    padding: 24px;
}

.admin-calendar-details {
    position: sticky;
    top: 24px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
}

.calendar_legend {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 13px;
    color: #475569;
    font-weight: 600;
}

.calendar_legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.legend {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    display: inline-block;
}

.legend.booked {
    background: #4f46e5;
}

.legend.done {
    background: #94a3b8;
}

.admin-availability-calendar .calendar_navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.admin-availability-calendar .calendar_nav_button {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 14px;
    background: #dc2626;
    color: #fff;
    cursor: pointer;
    transition: 0.2s ease;
}

.admin-availability-calendar .calendar_nav_button:hover {
    background: #b91c1c;
    color: #fff;
}

.admin-availability-calendar .calendar_nav_label {
    font-size: 20px;
    font-weight: 700;
    color: #7f1d1d;
}

.admin-availability-calendar .calendar_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 8px;
}

.admin-availability-calendar .calendar_table th {
    text-align: center;
    color: #64748b;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 8px;
}

.admin-availability-calendar .calendar_day {
    min-height: 82px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid rgba(148,163,184,0.18);
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.2s ease;
}

.admin-availability-calendar .calendar_day.is_empty {
    background: transparent;
    border: 0;
}

.admin-availability-calendar .calendar_day.is_clickable {
    cursor: pointer;
}

.admin-availability-calendar .calendar_day.is_clickable:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(220,38,38,0.16) !important;
    background: rgba(220,38,38,0.08) !important;
    border: 1px solid rgba(220,38,38,0.3) !important;
}

.admin-availability-calendar .calendar_day.status_booked {
    background: linear-gradient(145deg, #eef2ff, #ffffff);
    border-color: rgba(79,70,229,0.32);
}

.admin-availability-calendar .calendar_day.status_done {
    background: linear-gradient(145deg, #f1f5f9, #ffffff);
    border-color: rgba(148,163,184,0.35);
    opacity: 0.85;
}

.admin-availability-calendar .calendar_day.is_selected {
    background: linear-gradient(135deg, #4f46e5, #0ea5e9);
    color: #fff;
    border-color: transparent;
}

.admin-availability-calendar .day_number {
    font-size: 18px;
    font-weight: 700;
}

.admin-availability-calendar .day_label {
    align-self: flex-start;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(79,70,229,0.12);
    color: #312e81;
    font-size: 11px;
    font-weight: 700;
}

.admin-availability-calendar .calendar_day.is_selected .day_label {
    background: rgba(255,255,255,0.24);
    color: #fff;
}

/* Custom hover tooltip — same popup treatment as the customer reservation calendar */
.admin-availability-calendar .calendar_day[data-booking-tooltip]:not(.is_empty) {
    position: relative;
}

.admin-availability-calendar .calendar_day[data-booking-tooltip]:not(.is_empty)::before {
    content: attr(data-booking-tooltip);
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translate(-50%, -85%) scale(0.96);
    opacity: 0;
    pointer-events: none;
    z-index: 50;

    min-width: 210px;
    max-width: 260px;
    padding: 10px 13px;
    border-radius: 14px;

    background: rgba(15, 23, 42, 0.94);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;

    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(10px);

    transition: opacity 0.14s ease, transform 0.14s ease;
}

.admin-availability-calendar .calendar_day[data-booking-tooltip]:not(.is_empty)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -13px;
    transform: translate(-50%, -20%) scale(0.96);
    opacity: 0;
    pointer-events: none;
    z-index: 49;

    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(15, 23, 42, 0.94);

    transition: opacity 0.14s ease, transform 0.14s ease;
}

.admin-availability-calendar .calendar_day[data-booking-tooltip]:not(.is_empty):hover::before,
.admin-availability-calendar .calendar_day[data-booking-tooltip]:not(.is_empty):hover::after {
    opacity: 1;
    transform: translate(-50%, -100%) scale(1);
}

/* FRI + SAT columns: anchor tooltip to the right edge so it doesn't overflow */
.admin-availability-calendar .calendar_table td:nth-child(n+6) .calendar_day[data-booking-tooltip]:not(.is_empty)::before {
    left: auto;
    right: -10px;
    transform: translate(0, -85%) scale(0.96);
}
.admin-availability-calendar .calendar_table td:nth-child(n+6) .calendar_day[data-booking-tooltip]:not(.is_empty):hover::before {
    transform: translate(0, -100%) scale(1);
}
.admin-availability-calendar .calendar_table td:nth-child(n+6) .calendar_day[data-booking-tooltip]:not(.is_empty)::after {
    left: auto;
    right: 20px;
    transform: translate(0, -20%) scale(0.96);
}
.admin-availability-calendar .calendar_table td:nth-child(n+6) .calendar_day[data-booking-tooltip]:not(.is_empty):hover::after {
    transform: translate(0, -100%) scale(1);
}

.admin-calendar-empty {
    text-align: center;
    padding: 48px 20px;
}

.admin-calendar-empty-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    border-radius: 24px;
    background: #dc2626;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.admin-calendar-empty h3 {
    font-size: 24px;
    color: #7f1d1d;
    margin-bottom: 10px;
}

.admin-date-heading {
    margin-bottom: 18px;
}

.admin-date-heading span {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-date-heading h3 {
    margin: 10px 0 4px;
    color: #7f1d1d;
    font-size: 26px;
}

.admin-date-heading p {
    margin: 0;
    color: #64748b;
}

.admin-detail-card {
    border-radius: 18px;
    border: 1px solid rgba(220,38,38,0.14);
    background: #fff;
    padding: 18px;
    margin-bottom: 14px;
}

.admin-detail-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.admin-detail-top h4 {
    margin: 0;
    font-size: 18px;
    color: #111827;
}


.admin-detail-meta {
    display: flex;
    flex-direction: column;
    gap: 9px;
    font-size: 13px;
    color: #475569;
}

.admin-detail-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-detail-note {
    margin-top: 12px;
    border-top: 1px solid rgba(148,163,184,0.25);
    padding-top: 12px;
    color: #374151;
    font-size: 13px;
}

@media (max-width: 992px) {
    .admin-calendar-layout {
        grid-template-columns: 1fr;
    }
}

/* ================= CALENDAR COLORS ================= */

/* CLICKED DATE (lighter blue) */
.calendar_day.is_selected {
    background: linear-gradient(135deg, #60a5fa, #93c5fd);
    color: #1e3a8a;
    font-weight: 700;
}

/* RESERVATION ON FILE (soft blue) */
.calendar_day.status_booked {
    background: rgba(59, 130, 246, 0.15);
    border: 1px solid #60a5fa;
}

/* DONE / PAST (yellow) */
.calendar_day.status_done {
    background: rgba(250, 204, 21, 0.25);
    border: 1px solid #facc15;
    color: #92400e;
}

/* FIX TEXT VISIBILITY */
.calendar_day span.day_number {
    font-weight: 600;
    color: #1f2937;
}

/* IF SELECTED, FORCE TEXT COLOR */
.calendar_day.is_selected .day_number {
    color: #1e3a8a;
}

.legend {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
}

/* match calendar colors */
.legend.booked {
    background: #60a5fa;
}

.legend.done {
    background: #facc15;
}

.calendar_day:hover {
    transform: scale(1.05);
    transition: 0.2s ease;
}

/* =========================
   ADMIN CALENDAR IMPROVEMENTS
========================= */

/* spacing */
.calendar_grid {
    gap: 18px;
}

/* day box */
.calendar_day {
    height: 80px;
    border-radius: 18px;
    padding: 10px;
    position: relative;
    transition: all 0.2s ease;
}

/* hover effect */
.calendar_day:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);
}

/* day number */
.day_number {
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    top: 12px;
    left: 14px;
    color: #1f2937;
}

/* SELECTED DATE (LIGHTER BLUE) */
.calendar_day.is_selected {
    background: linear-gradient(135deg, #93c5fd, #dbeafe);
    border: 1px solid #60a5fa;
}

.calendar_day.is_selected .day_number {
    color: #1e3a8a !important;
    font-weight: 700;
}

/* RESERVATION ON FILE */
.calendar_day.status_booked {
    background: rgba(59, 130, 246, 0.15);
    border: 1px solid #60a5fa;
}

/* DONE / PAST */
.calendar_day.status_done {
    background: rgba(250, 204, 21, 0.3);
    border: 1px solid #facc15;
}

.calendar_day.status_done .day_number {
    color: #92400e;
}

/* RESERVED DATE DOT */
.has-reservation {
    position: relative;
}

.reservation-dot {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    background: #ff4d4d; /* red dot */
    border-radius: 50%;
}

/* ── Global header alignment ── */
.header-area {
    padding-top: 0 !important;
}
.home-header .main-header-area {
    padding-top: 16px !important;
}
.main-header-area {
    padding: 18px 150px !important;
}
.main-header-area .row {
    min-height: 88px;
    align-items: center !important;
}
.main-header-area .main-menu {
    padding: 0 !important;
}



/* Global nav — deep parish red on all pages */
.main-header-area {
    background: #7f1d1d !important;
}
.main-menu ul li a { color: #fff !important; }
.main-menu ul li a::before { background: #fff !important; }

/* Reserve Now button — red globally */
.reserve-btn.boxed-btn3 {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}
.reserve-btn.boxed-btn3:hover {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}

/* boxed-btn3 — shrink padding/letter-spacing on phones so long labels
   (e.g. "DOWNLOAD FOR ANDROID") don't force horizontal overflow */
@media (max-width: 575.98px) {
    .boxed-btn3 {
        padding: 15px 24px;
        letter-spacing: 1.8px;
        font-size: 13px;
    }
}

/* ── Mobile header padding fix ──
   .main-header-area / .home-header .main-header-area carry an unguarded
   150px side-padding !important rule meant for desktop; without this it
   also applies on phones, squeezing the logo and hamburger icon. */
@media (max-width: 575.98px) {
    .main-header-area,
    .home-header .main-header-area,
    body.auth-body .main-header-area {
        padding: 12px 16px !important;
    }
}

/* ── Modern rounded buttons on mobile (matches approved mobile redesign) ── */
@media (max-width: 575.98px) {
    .boxed-btn3 {
        border-radius: 12px;
    }
}


/* ── Mobile header: solid background + guaranteed-visible dark hamburger icon ──
   slicknav's icon bars default to white (#ffffff), built for the old
   transparent-over-hero look. Now that mobile shows nav links directly and
   the header is solid, the icon must be dark on every page. Matching the
   plugin's own selector exactly, with !important, avoids any ambiguity
   about which rule wins. */
@media (max-width: 991.98px) {
    .home-header .main-header-area {
        background: #ffffff !important;
        box-shadow: 0 1px 0 rgba(15, 23, 42, .06);
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #1a2a4a !important;
    }
}

/* ── Modern mobile dropdown menu (replaces dated slicknav defaults) ── */
@media (max-width: 991.98px) {
    .slicknav_btn {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        background: transparent !important;
    }
    .mobile_menu {
        display: flex;
        align-items: center;
    }
    .slicknav_nav {
        background: #ffffff !important;
        border: none !important;
        border-radius: 18px !important;
        padding: 10px !important;
        margin-top: 10px !important;
        box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
    }
    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        margin: 3px 4px !important;
        padding: 14px 18px !important;
        border-radius: 12px !important;
        font-size: 15.5px !important;
        font-weight: 600 !important;
        color: #1a2a4a !important;
        text-transform: none !important;
        letter-spacing: 0;
    }
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover,
    .slicknav_nav a.active {
        background: rgba(220, 38, 38, .08) !important;
        color: #dc2626 !important;
    }
}

/* ── Mobile header: text brand instead of logo image, smaller hamburger,
   and a dropdown that's reliably anchored below the button (not overlapping) ── */
@media (max-width: 991.98px) {
    .mobile-brand-row {
        gap: 14px;
    }
    .mobile-brand-text {
        font-family: 'Raleway', sans-serif;
        font-size: 17px;
        font-weight: 800;
        color: #1a2a4a !important;
        text-decoration: none !important;
        letter-spacing: -0.01em;
    }

    /* Establish a predictable positioning context for the dropdown,
       instead of inheriting whatever ancestor happened to be positioned. */
    .mobile_menu {
        position: relative !important;
    }
    .slicknav_menu {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Smaller, cleanly centered hamburger button */
    .slicknav_btn {
        padding: 6px !important;
    }
    .slicknav_menu .slicknav_icon-bar {
        width: 22px !important;
        height: 2px !important;
        margin: 4px 0 !important;
    }

    /* Dropdown anchored to the bottom-right of the button itself, so it can
       never overlap it regardless of the button's actual rendered height. */
    .slicknav_nav {
        position: absolute !important;
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        margin: 8px 0 0 !important;
        width: 260px !important;
        max-width: calc(100vw - 32px) !important;
    }
}

/* ── Shorter mobile header, no scroll-triggered jump, smaller dropdown ──
   The header's "sticky" state (added by JS past 400px scroll) used to carry
   different padding/position than its normal state, causing a visible jump.
   Forcing both states to resolve identically, with position:sticky, removes
   the jump and keeps the header pinned while scrolling — on every page,
   not just home, since schedule/contact/reservation/auth all share this
   same header markup. */
@media (max-width: 991.98px) {
    .main-header-area,
    .home-header .main-header-area,
    .home-header .main-header-area.sticky,
    .schedule-page .main-header-area,
    body.auth-body .main-header-area {
        position: sticky !important;
        top: 0 !important;
        padding: 10px 16px !important;
        background: #ffffff !important;
    }
    .main-header-area .row,
    .schedule-page .main-header-area .row {
        min-height: 58px !important;
    }
    .slicknav_nav {
        width: 240px !important;
    }
    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 14px 18px !important;
        font-size: 15.5px !important;
        line-height: 1.4 !important;
    }
}

/* ── Mobile-only: hide footer Facebook icon (desktop keeps it) ── */
@media (max-width: 991.98px) {
    .footer_social {
        display: none !important;
    }
}

/* ── Mobile-only: disable hover-triggered motion/transition glitches ──
   Touch devices shouldn't carry hover animations at all; this also covers
   testing via desktop-browser mobile emulation, where a real mouse can
   still trigger :hover and expose jumpy transitions. Colors/backgrounds
   on hover are left alone (harmless); only motion is neutralized. */
@media (max-width: 991.98px) {
    * {
        transition: none !important;
    }
    *:hover {
        transform: none !important;
    }
}

/* ── Mobile-only: sticky footer, overscroll color fix, page fade-in,
   and tap feedback. All scoped to mobile — desktop is untouched. ── */
@media (max-width: 991.98px) {
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        animation: pageFadeIn 0.3s ease;
    }
    .parish_footer {
        margin-top: auto;
    }
    html {
        background-color: #321e6d;
    }
    a:active,
    button:active,
    .boxed-btn3:active {
        transform: scale(0.97);
    }
}
@keyframes pageFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Mobile-only: hide the auto-injected scrollUp "^" button ── */
@media (max-width: 991.98px) {
    #scrollUp {
        display: none !important;
    }
}

/* ── Mobile-only: ensure the header/hamburger always renders above the
   auth page's hero/form content, regardless of stacking context ── */
@media (max-width: 991.98px) {
    body.auth-body .main-header-area {
        z-index: 10000 !important;
        position: relative !important;
    }
    .auth-split {
        position: relative;
        z-index: 1;
    }
}

/* ── Desktop-only: per-page text entrance animations ──
   Instead of animating the whole page on navigation (which needed the
   Chrome-only View Transitions API), this animates just the hero text on
   each page when it loads — works in every browser, no special API needed.
   Style A = fade, Style B = slide + fade. */
@media (min-width: 992px) {
    @keyframes ps-text-fade-in {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    @keyframes ps-text-slide-fade-in {
        from { opacity: 0; transform: translateX(20px); }
        to { opacity: 1; transform: translateX(0); }
    }

    /* Home — Style A: fade */
    .hero_text .hero_kicker,
    .hero_text h1,
    .hero_text p,
    .hero_text .hero-actions,
    .hero_text .hero_actions {
        animation: ps-text-fade-in 0.5s ease both;
    }
    .hero_text h1 { animation-delay: 0.08s; }
    .hero_text p { animation-delay: 0.16s; }
    .hero_text .hero-actions,
    .hero_text .hero_actions { animation-delay: 0.24s; }

    /* About — Style B: slide + fade */
    .about-hero .eyebrow,
    .about-hero h1,
    .about-hero p,
    .about-hero .hero-actions,
    .auth-brand,
    .auth-tabs,
    .auth-heading,
    .auth-sub,
    .auth-form,
    .auth-switch,
    .auth-photo-top {
        animation: ps-text-slide-fade-in 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
    }
    .about-hero h1 { animation-delay: 0.08s; }
    .about-hero p { animation-delay: 0.16s; }
    .about-hero .hero-actions { animation-delay: 0.24s; }

    /* Login/Register/Forgot-password — Style B: slide + fade */
    .auth-tabs { animation-delay: 0.08s; }
    .auth-heading { animation-delay: 0.16s; }
    .auth-sub { animation-delay: 0.22s; }
    .auth-form { animation-delay: 0.28s; }
    .auth-switch { animation-delay: 0.34s; }

    /* Schedule — Style A: fade */
    .schedule_intro_kicker,
    .schedule_intro_title,
    .schedule_intro_sub,
    .schedule_intro_stats {
        animation: ps-text-fade-in 0.5s ease both;
    }
    .schedule_intro_title { animation-delay: 0.08s; }
    .schedule_intro_sub { animation-delay: 0.16s; }
    .schedule_intro_stats { animation-delay: 0.24s; }

    /* Inquire/Contact — Style A: fade */
    .contact-hero-eyebrow,
    .contact-hero-inner h1,
    .contact-hero-sub {
        animation: ps-text-fade-in 0.5s ease both;
    }
    .contact-hero-inner h1 { animation-delay: 0.08s; }
    .contact-hero-sub { animation-delay: 0.16s; }
}

/* ── Smooth hover transitions, site-wide ──
   Explicitly listing safe-to-animate properties (never bare `background`,
   which can include a gradient — two different gradients can't cross-fade
   smoothly and will just snap, as found on the hero button). */
a, button, .boxed-btn3, .cta_btn, .hero_btn, .ann_card,
.res-card, .schedule_card, .pillar_card, .stat-card {
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease,
                filter 0.25s ease;
}

/* ── Header Login/Create Account buttons — match the red theme + smooth
   brightness hover used everywhere else, instead of the old blue/white
   inversion left over from the original template ── */
.book_btn .boxed-btn3 {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}
.book_btn .boxed-btn3:hover {
    filter: brightness(0.88);
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}