* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins Regular';}
/* Hide scrollbar for Chrome, Safari, and Opera */
body::-webkit-scrollbar {display: none;}
/* Hide scrollbar for IE, Edge, and Firefox */
body {-ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;}
.video-container {position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; overflow: hidden;}
.video-container:before {content:""; position: absolute; top:0; right:0; left:0; bottom:0; z-index:1; background-color: rgba(0, 0, 0, 0.4);}
#background-video {min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);background-size: cover;}
.logo-bg {width: 300px;
  padding: 20px;
  margin-top: 0px;
  text-align: center;
  background: #fff;
  border-radius: 20px;}
.sidebar {position: fixed; top: 0; left: 0; width: 300px; /*background: #fac038;*/ color: white; padding: 20px; z-index: 1; height:90%; margin:30px; border-radius:19px;}
.sidebar h2 {text-align: center; margin-bottom: 30px;}
.sidebar ul {list-style-type: none; padding: 0; margin-top:20px; background: #fac038; width: 300px; border-radius: 20px; height:50%;}
.sidebar ul li {padding: 15px; text-align: center; font-size:20px; line-height:37.5px; font-weight:500; text-transform:uppercase;}
.sidebar ul li a {color: black; text-decoration: none; display: block; padding:7px 14px; font-weight:600;}
.sidebar ul li a:hover {background:#ffffff; color:#000000; padding:7px 14px; border-radius:27px; font-size:24px; line-height:37.5px; font-weight:600;}
.sidebar ul li a.active {background-color: #ffffff;  color: #000000; padding:7px 14px; border-radius:27px; font-size:24px; line-height:37.5px; font-weight:600;}
.home-content {margin-left:350px; padding: 25px; color: white; position: relative; z-index: 1; text-align:left; top:25%; left:2%; width:70%; margin-top:10%;margin-bottom:40px;}
.services-content {margin-left:350px; padding: 25px; color: white; position: relative; z-index: 1; text-align:left; top:5%; left:2%; width:70%; margin-bottom:40px;}
.about-content {margin-left:350px; padding: 25px;color: white;position: relative;z-index: 1;text-align:left;top:10%;left:2%;width:70%;margin-top:10%;margin-bottom:40px;}
.about-content p {font-size: 24px;line-height:36px;font-weight:400px;text-align:justify;}
.portal-content {margin-left:350px;padding: 25px;color: white;position: relative;z-index: 1;text-align:left;top:25%;left:2%;width:70%;margin-top:5%;margin-bottom:40px;}
.contact-content {margin-left:350px;padding: 25px;color: white;position: relative;z-index: 1;text-align:left;top:0%;left:2%;width:70%;margin-bottom:40px;}
.thankyou-content {margin-left:300px;padding: 25px;color: white;position: relative;z-index: 1;text-align:left;top:25%;left:0;width:75%;margin-top:10%;margin-bottom:40px;}
.message-box {padding:20px;}
.form-content {background-color: rgba(0, 0, 0, 0.3);padding:40px;border-radius:20px;}
input::placeholder {color: #ffffff !important;}
textarea::placeholder {color: #ffffff !important;}
.input-cls {background-color: rgba(0, 0, 0, 0.3);width:100%;border:1px solid #ffffff;color:#ffffff;}
.input-cls:focus {border:1px solid #aaaaaa;background-color: rgba(0, 0, 0, 0.3);box-shadow:none;color:#ffffff;}
.submit-cls {background:#F9BF37;width:fit-content;padding:10px 30px;border-radius:25px;line-height:30px;font-size:20px;font-weight:600;margin:0 auto;border:none;}
.submit-cls:hover {background:#ffffff;}
.smo span {padding:0 20px;}
.home-content h1 {font-size: 3em;margin-bottom: 20px;}
.home-content p {font-size: 24px;line-height:40px;font-weight:400px;text-align:justify;}
.beeteam-services {width:100%;}
.beeteam-services p {font-size:20px; font-weight:500; line-height:30px; text-align:justify;}
.title-label {background:#F9BF37; width:fit-content; padding:7px 15px; text-align:center;border-radius:10px; font-size:25px; font-weight:600; line-height:37.5px; color:#000000;}
.bullet-points {margin-left:0px;}
.fixed-footer {color:#ffffff;width:100%;position:fixed;bottom:0;left:0;font-weight:500;font-size:15px;line-height:22.5px;padding:7px;z-index: 1;display:block;background-color: rgba(0, 0, 0, 0.3);}
.mobile-footer {color:#ffffff;width:100%;position:fixed;bottom:0;left:0;font-weight:500;font-size:15px;line-height:22.5px;padding:7px;z-index: 10;display:none;background-color: rgba(0, 0, 0, 0.3);}
.contact-text {font-size:24px; font-weight:600 !important; font-family: 'Poppins Medium';}
.contact-text-mbl {font-size:22px !important; font-weight:600 !important; font-family: 'Poppins Medium'; line-height:32px !important; padding-bottom: 0;}
/*COOKIE CSS START*/
.cookie-consent {position: fixed;top: 10px;right: 10px;border: 1px solid #ccc;padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: space-between;color:#ffffff;}
.cookie-btn {margin-left: 10px;padding: 5px 10px;background-color: #F9BF37;color: black;border: none;cursor: pointer;}
.cookie-btn:hover {background-color: #ffffff;}
.hidden {display: none;}
/*COOKIE CSS END*/
.desktop-menu {display:block;}
.mobile-menu {display:none;}
.mobile-logo {width:220px;}
.mobile-menu-bg {background:#ffffff; border-top: 7px solid #F9BF37; border-bottom: 7px solid #F9BF37;}
.navbar-toggler {background:#F9BF37 !important;}
.nav-link {font-size:16px; font-weight:600; line-height:25px; border-bottom:1px solid rgba(221, 160, 17, 1);}
.no-controls::-webkit-media-controls {display: none !important;}
.no-controls::-moz-media-controls {display: none !important;}
.no-controls::media-controls {display: none !important;}
.no-controls {controls: none;}
.rc-anchor-container {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-recaptcha {
    transform: scale(1.0); /* Adjust scale as needed */
    transform-origin: 0 0;
	float: left;
	margin-top:5px;
}
.captcha-content {justify-content: center; display: flex;}
.cookie-content {margin-left:0px; padding: 30px;color: white;position: relative;z-index: 1;text-align:justify;top:0;left:0;width:100%;margin-top:0;margin-bottom:40px;}
.privacy-content {margin-left:0px; padding: 30px;color: white;position: relative;z-index: 1;text-align:justify;top:0;left:0;width:100%;margin-top:0;margin-bottom:40px;}
.privacy-content h5 {text-transform: uppercase;}
.sidebar-logo {position: fixed; top: 0; left: 0; width: 300px; background: #ffffff; color: white; padding: 20px; z-index: 1; margin:30px; border-radius:19px;}
/*CSS END*/
@media screen and (max-width: 991px) {
.sidebar {width: 200px;}
.content {margin-left: 200px;}
.desktop-menu {display:none;}
.mobile-menu {display:block;}
.home-content {margin-left:0; top:0; left:0; width:100%; height:90%;overflow-y: scroll; margin-bottom:40px;}
.home-content p {font-size:18px; font-weight:400px; line-height:32px; margin-bottom:30px; letter-spacing: 0;}
.services-content {margin-left:0; top:0; left:0; width:100%; height:90%;overflow-y: scroll; margin-bottom:40px;}
.services-content p {font-size:18px; font-weight:400px; line-height:32px; margin-left:0px; letter-spacing: 0;}
.title-label {font-size:18px; line-height:20px;}
.about-content {margin-left:0; top:0; left:0; width:100%; height:90%;overflow-y: scroll; margin-bottom:40px;}
.about-content p {font-size:18px; font-weight:400px; line-height:32px; margin-bottom:30px; letter-spacing: 0;}
.portal-content {margin-left:0; top:0; left:0; width:100%;}
.contact-content {margin-left:0; top:0; left:0; width:100%; height:90%;overflow-y: scroll; margin-bottom:40px;}
.fixed-footer {font-size:11px;}
.cookie-consent {position: initial; background: #000;}
.smo span {padding:0 10px;}
.thankyou-content {margin-left:0; top:0; left:0; width:100%;}
.fixed-footer {display:none;}
.mobile-footer {display:block;}
.remove-line {border-bottom: none !important;}
.g-recaptcha {
    transform: scale(1); /* Adjust scale as needed */
    transform-origin: 0 0;
	float: left;
	margin-top:5px;
}
}

@media screen and (max-width: 360px) {
#rc-anchor-container {width:250px !important;}
.captcha-content {justify-content: center; display: flex;}
}

@media screen and (max-width: 480px) {
.sidebar {width: 100%;height: auto;position: relative;}
.content {margin-left: 0;padding: 10px;}
.sidebar ul li {text-align: left;padding-left: 20px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.logo-bg {width: 250px;}
.sidebar ul {width: 250px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
.logo-bg {width: 250px;}
.sidebar ul {width: 250px;}
.sidebar {width:250px; margin: 20px; height: fit-content;}
.sidebar ul li {line-height:30px;}
.sidebar ul li a:hover {line-height:30px;}
.sidebar ul li a.active {line-height:30px;}
.home-content {top:18%; margin-left: 275px; width: 75%;}
.home-content p {font-size: 16px;}
.services-content {height:100%; margin-left: 275px; width: 75%;}
.beeteam-services p {font-size:16px; line-height:22px;}
.about-content {top:13%; margin-left: 275px; width: 75%;}
.about-content p {font-size: 16px;}
.portal-content {margin-left: 250px; width: 75%; top:10%;}
.contact-content {top:2%; height:95%; margin-left: 250px; width: 75%;}
.thankyou-content {margin-left: 250px; width: 75%;}
}
@media only screen and (min-width: 1366px) and (max-width: 1439px) { 
.logo-bg {width: 250px;}
.sidebar ul {width: 250px;}
.logo-bg {width: 250px;}
.sidebar ul {width: 250px;}
.sidebar {width:250px; margin: 20px; height: fit-content;}
.sidebar ul li {line-height:30px;}
.sidebar ul li a:hover {line-height:30px;}
.sidebar ul li a.active {line-height:30px;}
.home-content {top:18%; margin-left: 270px; width: 75%;}
.home-content p {font-size: 16px;}
.services-content {height:95%; margin-left: 270px; width: 75%;}
.beeteam-services p {font-size:16px; line-height:22px;}
.about-content {top:13%; margin-left: 270px; width: 75%;}
.about-content p {font-size: 16px;}
.portal-content {margin-left: 270px; width: 75%; top:10%;}
.contact-content {top:2%; height:95%; margin-left: 270px; width: 75%;}
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) { 
.logo-bg {width: 250px;}
.sidebar ul {width: 250px;}
.sidebar {width:250px; margin: 20px; height: fit-content;}
.sidebar ul li {line-height:30px;}
.sidebar ul li a:hover {line-height:30px;}
.sidebar ul li a.active {line-height:30px;}
.home-content {top:20%; margin-left: 270px; width: 75%;}
.services-content {height:95%; margin-left: 270px; width: 76%;}
.beeteam-services p {font-size:18px; line-height:28px;}
.about-content {top:10%; margin-left: 270px; width: 75%;}
.portal-content {margin-left: 270px; width: 75%; top:10%;}
.contact-content {top:2%; height:95%; margin-left: 270px; width: 75%;}
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) { 
.logo-bg {width: 250px;}
.sidebar ul {width: 250px;}
.sidebar {width:250px; margin: 20px; height: fit-content;}
.sidebar ul li {line-height:30px;}
.sidebar ul li a:hover {line-height:30px;}
.sidebar ul li a.active {line-height:30px;}
.contact-content {top:2%; height:95%; margin-left: 270px; width: 80%;}
.about-content {top:20%; margin-left: 270px; width: 80%;}
.services-content {height:95%; margin-left: 270px; width: 80%;}
.beeteam-services p {font-size:18px; line-height:28px;}
.home-content {top:20%; margin-left: 270px; width: 80%;}
.portal-content {margin-left: 270px; width: 80%; top:10%;}
}