body {
    font-family: 'Poppins','Bodoni Moda';
    margin: 0 !important;
    padding: 0 !important;
}

.fixed-top {
    background: url("../img/bgheader.PNG");
    background-repeat: no-repeat;
    background-size: cover;
}
.fixed-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff; /* White background color */
  z-index: 1000; /* Ensure the navbar is on top of other elements */
}
.navbar .collapse .navbar-nav .nav-item a{
    color: #000;
    font-weight: bold;
    font-size: 14px;
    font-family:'Bodoni Moda' ;
}
.navbar .collapse .navbar-nav .nav-item a:hover{
    color: #27b4d5;
    
}
/* Add this CSS to show the dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

/* Hide the dropdown by default */
.dropdown-menu {
  display: none;
  border: none;
 background: rgba(246, 246, 246, 0.34);
    backdrop-filter: blur(10px);
}


/* Style for the phone number */
.phone-number {
    color: #27b4d5!important; /* Change the color to #27b4d5*/
    font-weight: bold; /* Optionally, you can adjust other styles for the phone number */
}

/* Custom styles for the navbar toggler */
.navbar-toggler {
    border-color: #fff; /* Set border color to #27b4d5*/
}

/* Set the default image for the toggler icon */
.navbar-toggler-icon {
    color: transparent; /* Set icon color to transparent */
    background-image: url('../img/menu.png'); /* Set the default image */
    background-size: 24px; /* Set the size of the image */
    background-repeat: no-repeat; /* Prevent image repetition */
    width: 24px; /* Set the width of the icon */
    height: 24px; /* Set the height of the icon */
    position: relative;
    transition: background-image 0.3s; /* Add a transition for smooth image change */
}

/* Style for the 'X' (cross) icon when the toggler is active */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('../img/close.png'); /* Set the active image */
    border: none;
}



.bgbanner nav .headerLogo {
    width: 280px;
    left: 82px;
    top: 23px;
    border-radius: 0px;
}


.bannercontent h1 {
    font-family: 'Bodoni Moda';
font-size: 40px;
font-weight: bold;
line-height: 72px;
letter-spacing: 0em;
text-transform: uppercase;
}
.bannercontent h1 span::before{
  content: '';
  color: #27b4d5;
  animation: profile 5s infinite;
  font-family: 'Bodoni Moda';
font-size: 40px;
font-weight: bold;
line-height: 72px;
letter-spacing: 0em;
text-align: left;
text-transform: uppercase;

}

@keyframes profile {
  0% { content: 'Builds Champions'}
  50% { content: 'Sharpens Minds'}
  100% { content: 'Moves You Forward'}
}
.bannercontent p{
    font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #2b2b2b;
}
.bannercontent .explore {
      background-color: #FDEFCF;
      color: #000;
      font-family: 'Poppins';
      padding: 10px 46px;
      border: none; /* Remove border */
      border-radius: 0; /* Remove border radius */
      transition: background-color 0.3s, color 0.3s; /* Add smooth transition */
      width: 160px;
      text-decoration: none;
      font-size: 14px;
      text-transform: uppercase;
      border-radius: 6px;
      font-weight: 600;
      letter-spacing: 1.4px;
    }

    .explore:hover {
      background-color: #27b4d5; /* Change background color on hover */
      color: #fff; /* Change text color on hover */
      text-decoration: none; /* Remove underline on hover */
    }

/* about */

.about{
  padding-bottom: 60px;
}
.about-content h2{
    color: #263238;
font-family: 'Bodoni Moda';
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.about-content p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #2b2b2b;
    width: 92%;
    line-height: 30px;
}
 .about-content h4{ 
    color: #263238;
font-family: 'Bodoni Moda';
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

/* Services */
.services{
   background-color: #FAFAFA;
    filter: drop-shadow(0px -2px 5px rgba(0, 0, 0, 0.25));
    padding-bottom: 30px;
}

.services-content h2{ 
    color: #263238;
font-family: 'Bodoni Moda';
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.services-content p{
      font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #2b2b2b;
    line-height: 30px;
    width: 80%;
}
.services .explore {
      background-color: #FDEFCF;
      color: #000;
      font-family: 'Poppins';
      padding: 10px 46px;
      border: none; /* Remove border */
      border-radius: 0; /* Remove border radius */
      transition: background-color 0.3s, color 0.3s; /* Add smooth transition */
      width: 160px;
      text-decoration: none;
      font-size: 14px;
      text-transform: uppercase;
      border-radius: 6px;
      font-weight: 600;
      letter-spacing: 1.4px;
    }

    .services .explore:hover {
      background-color: #27b4d5; /* Change background color on hover */
      color: #fff; /* Change text color on hover */
      text-decoration: none; /* Remove underline on hover */
    }
.services .card{
   
      transition: background-color 0.3s, color 0.3s; /* Add a transition for smooth hover effect */
}
.services .card-hover{
    padding: 12px;
    border-radius: 6px;
}
.services .card h4{
    color: #303030;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.services .card p{
    color: #696969;
font-family: Poppins;
font-size:10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.services .card-hover{
    padding: 12px;
    border-radius: 6px;
}
.services .card-hover:hover {
    background-color: rgba(13, 15, 133, 0.60); /* Change the background color on hover */
    color: #fff; /* Change the text color on hover */
}
.services .card-hover:hover h4{
    color: #fff;
}

.services .card-hover:hover p{
    color: #fff;
}
.services .card-hover1{
    padding: 12px;
    border-radius: 6px;
}
.services .card-hover1:hover {
    background-color: rgba(1, 126, 2, 0.50);/* Change the background color on hover */
    color: #fff; /* Change the text color on hover */
}
.services .card-hover1:hover h4{
    color: #fff;
}

.services .card-hover1:hover p{
    color: #fff;
}

.services .card-hover2{
    padding: 12px;
    border-radius: 6px;
}
.services .card-hover2:hover {
    background-color: rgba(243, 116, 53, 0.80);/* Change the background color on hover */
    color: #fff; /* Change the text color on hover */
}
.services .card-hover2:hover h4{
    color: #fff;
}

.services .card-hover2:hover p{
    color: #fff;
}
/* Services Details */
.description {
    margin-top: 24px;
}
.description p{
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

/*With :after */
.services-details {
   padding: 60px 0;
}
.services-details h1{
        color: #263238;
    font-family: 'Bodoni Moda';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.services-details h4{
    color: #303030;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.services-details figure.test {   
    display: inline-block;
    position: relative;
    overflow: hidden;   
    text-align: center;     
    cursor: pointer;
}

.services-details figure.test img {
    width: 100%;
    height: 100%;
}
.services-details figure.test figcaption {
    position: absolute;
    top: 50%;
    left: 22.5%;
    right: 22.5%;   
    width: 200px;
    opacity: 0;
    z-index: 1;
    transition: all 0.8s ease-out;
    transition-delay: 0.2s;
}
.services-details figure.test:after {
    display: inline-block;
    position: absolute;
    content: "";
    top: 7%;
    left: 10%;
    right: 10%;
    bottom: 7%;
    background: rgba(246, 246, 246, 0.34);
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: all 0.8s ease-out;
}
.services-details figure.test:hover:after {
    opacity: 0.9;
}
.services-details figure.test:hover figcaption {
    transform: translateY(-50%);
    opacity: 1;
}
.services-details figcaption p{
    color: #2A2A2A;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

#rotate {
    perspective: 500px;
}
#rotate:after {
    transform: rotateX(90deg);
    transition: all 0.6s ease-in-out;
}
#rotate:hover:after {
    transform: rotateX(0deg);
}
#rotate figcaption {    
    transition: all 0.6s ease-in-out;
    transform: translateY(-50%) rotateX(90deg);
}
#rotate:hover figcaption {
    transform: translateY(-50%) rotateX(0);
}

/*Without :after*/
.frame {
    text-align: center; 
    position: relative;
    cursor: pointer;    
    perspective: 500px; 
}
.frame img {
    width: 100%;
    height: 100%;
}
.frame .details {
    width: 75%;
    height: 80%;    
    padding: 5% 10%;
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(90deg);
    transform-origin: 50%;
    background: rgba(255,255,255,0.9);  
    opacity: 0;
    transition: all 0.4s ease-in;
    
}
.frame:hover .details {
    transform: translate(-50%, -50%) rotateY(0deg);
    opacity: 1;
}

/*Effect without Perspective*/
.frame#wth {
    perspective: none;
}

/* Why needs */

  .who-needs{
    background-color: #FAFAFA;
    filter: drop-shadow(0px -2px 5px rgba(0, 0, 0, 0.25));
  }

  .who-needsheader{
   color: #263238;
    font-family: 'Bodoni Moda';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}


  .who-needs p{
      color: #303030;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

  }
  /* New CSS for the hover effect */
.who-needs .col-lg-2:hover img,
.who-needs .col-12:hover img {
  transform: scale(1.0); /* Slightly zoom in on hover */
  transition: transform 0.3s ease; /* Add smooth transition for the zoom effect */
  margin: 6px;
}

  .who-needs .box-shadow{
  
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
 
  .who-needs .box-shadow:hover{
    -webkit-box-shadow: 0 20px 40px rgba(72,78,85,.6);
    box-shadow: 0 20px 40px rgba(72,78,85,.6);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}
/* Individual */





/* Testimonial */
.testimonial{
    padding: 30px 0;
}

.testimonial h2{
     color: #263238;
font-family: 'Bodoni Moda';
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
text-align: center;
padding-bottom: 50px;
}
.testimonial .testimonial-item {
    border: 1px solid #000; /* Add a border to each testimonial */
    padding: 20px;
    text-align: center;
    position: relative;
    background-color: #fff; /* Add a white background */
    margin: 20px; /* Add some spacing between testimonials */
    border-radius: 6px;
}

.testimonial .pic {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    text-align: center; /* Center the image */
}

.testimonial .pic img {
    width: 100%; /* Adjust image size */
    height: auto;
    border-radius: 50%; /* Make the image round */
}
.testimonial .description{
    position: relative;
    color: #696969;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: justify;  
}

.testimonial .testimonial-profile{
    position: relative;
    margin: 20px 0 10px 0;
}

.testimonial .title{
    display: inline-block;
    letter-spacing: 1px;
    color: #303030;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.testimonial .post{
    display: inline-block;
    font-size: 15px;
    color: #757575;
    text-transform: capitalize;
}
.owl-theme .owl-controls{
    margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
    background: #5e5f5f;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #27b4d5;
}
.owl-theme .owl-controls .owl-page.active span{
    width: 22px;
    height: 12px;
}
/* Bottom */

.bottom h3{
    color: #263238;
font-family:'Bodoni Moda';
font-size: 24px;
font-style: normal;
font-weight: bold;
line-height: normal;
line-height: 30px;
margin-left: 50px;
width: 75%;
}

/* Footer */
footer{
   padding-top:30px;
    background-color: #27b4d5;
    border-radius: 40px;
    position: relative;
}
.footerlogo{
    text-align: center;
}
/* Style for the footer list */
.footer-list ul {
    list-style: none; /* Remove default list bullets */
    padding: 0; /* Remove any padding */
    text-align: center;
}

.footer-list ul li {
    display: inline; /* Display list items in a single line */
    margin-right: 10px; /* Add some spacing between list items */
    position: relative; /* Create a relative positioning context for pseudo-element */
}

.footer-list ul li:last-child {
    margin-right: 0; /* Remove margin from the last list item to prevent extra spacing */
}

.footer-list ul li a {
    text-decoration: none; /* Remove underlines from anchor links */
    color: #000; /* Set the text color to #000 */
    font-weight: bold; /* Optionally, set font weight to bold */
    font-family: 'Bodoni Moda';
    font-size: 14px;
    position: relative; /* Create a relative positioning context for pseudo-element */
    z-index: 1; /* Ensure text is above the arrow icon */
}
.footer-list ul li a:hover {
    color: #fff;
}
/* Style for the left arrow icon on hover */
.footer-list ul li:hover::before {
    content: "\02C3"; /* Unicode arrow character for left arrow */
    position: absolute;
    left: -14px; /* Adjust the position of the arrow */
    top: 50%; /* Center vertically */
    transform: translateY(-50%);
    color: #000; /* Set the arrow color to #000 */
    font-size: 16px; /* Adjust the arrow size if needed */
    color: #fff;
}
/* Style for the footer social media icons */
.footer-social ul {
    list-style: none; /* Remove default list bullets */
    padding: 0; /* Remove any padding */
    display: flex; /* Use flexbox to align items horizontally */
     justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
}

.footer-social ul li {
    margin-right: 10px; /* Add some spacing between list items */
}

.footer-social ul li:last-child {
    margin-right: 0; /* Remove margin from the last list item to prevent extra spacing */
}

.footer-social ul li a img {
    width: 24px; /* Set the width of the social media icons */
    height: 24px; /* Set the height of the social media icons */
}
.footercontact p{
    font-family: Poppins;
font-size: 13px;
font-weight: bold;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
.newsletter span{
    font-family: 'Bodoni Moda';
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
text-transform: uppercase;
}
.newsletter h4{
    font-family: Poppins;
font-size: 24px;
font-weight: bold;
line-height: 39px;
letter-spacing: 0em;
text-align: center;

}

   /* CSS styles */

.subscribe-form {
  display: flex;
  align-items: center; /* Vertically align elements */
}

.email-input-container {
  position: relative;
  flex: 1; /* Allow the input to grow and take available space */
  margin-right: 10px; /* Add spacing between input and button */
}

.email-input {
  border: 1px solid #fff;
  padding: 6px 10px 6px 10px;
  color: #fff;
  background-color: transparent;
  width: 100%; /* Use 100% width to fill the container */
}
.email-input::placeholder {
  color: #fff; /* Change the placeholder text color to white */
  font-size: 14px;
  font-weight: 500;
}

.email-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #fff;
  padding-top: 2px;
}

.subscribe-button {
  background-color: white;
  color: black;
  border: 1px solid #000;
  padding: 10px 20px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
}
.subscribe-button:hover {
  background-color: #000; /* Change background color on hover */
  color: #fff; /* Change text color on hover */
}
.newsletter img{
    position: absolute;
    height: 148px;
    right: 26%;
    bottom: 36%;
}
/* Media query for screens smaller than 768px (tablets and mobile devices) */
@media screen and (max-width: 768px) {
    .newsletter img {
        display: none; /* Hide the img on mobile and tablet screens */
    }
}
.copyright .design{
    text-align: right;
}
.copyright p{
    font-family:'Bodoni Moda';
font-size: 12px;
font-weight: bold;
line-height: 19px;
letter-spacing: 0em;
text-align: left;

}
/* Media query for screens smaller than 768px (tablets and mobile devices) */
@media screen and (max-width: 768px) {
    .copyright {
        text-align: center; /* Center-align the entire copyright section */
    }

    .copyright .design {
        text-align: center; /* Center-align the design text */
    }
    .copyright .copy{
        text-align: center;
        /*padding-top: 30px;*/
    }
}


/* About Us Page */
.aboutus-img {
    margin-top: 80px;
}
.aboutus-content p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    color: #2b2b2b;
    line-height: 30px;
}

.services-about{
    background-color: #FAFAFA;
    filter: drop-shadow(0px -2px 5px rgba(0, 0, 0, 0.25));
    padding-bottom: 30px;
}
.servicesabout-content h2{ 
    color: #263238;
font-family: 'Bodoni Moda';
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
text-align: center;
}


.servicesabout-content p{
      font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #2b2b2b;
    line-height: 30px;
    text-align: center;
}
.servicesabout-content h4{
        color: #263238;
font-family: 'Bodoni Moda';
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
text-align: center;

}






.we-offer-area .item {
    background: #ffffff none repeat scroll 0 0;
    border-left: 2px solid #27b4d5;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    overflow: hidden;
    padding: 30px;
    position: relative;
    z-index: 1;
}

.we-offer-area.text-center .item {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    /*--    padding: 67px 40px 64px;-----*/
    border-radius: 10px;
    border: 1px solid #27b4d5;
    margin-top: 10px;
}

.we-offer-area.text-center .item i {
    background: #27b4d5 none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-size: 40px;
    height: 80px;
    line-height: 80px;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 1;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-bottom: 25px;
}

.we-offer-area.text-center .item i::after {
    border: 2px solid #27b4d5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 90px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 90px;
    z-index: -1;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.we-offer-area.item-border-less .item {
    border: medium none;
}

.we-offer-area .our-offer-items.less-carousel .equal-height {
    margin-bottom: 30px;
}

.we-offer-area.item-border-less .item .number {
    font-family: "Poppins", sans-serif;
    font-size: 50px;
    font-weight: 900;
    opacity: 0.1;
    position: absolute;
    right: 30px;
    top: 30px;
}

.we-offer-area .item i {
    color: #00a01d;
    display: inline-block;
    font-size: 60px;
    margin-bottom: 20px;
}

.we-offer-area .item h4 {
    font-weight: 600;
    text-transform: capitalize;
}

.we-offer-area .item p {
    margin: 0;
}

.we-offer-area .item i,
.we-offer-area .item h4,
.we-offer-area .item p {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.we-offer-area .item::after {
    background: #27b4d5 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: -1;
}

.we-offer-area .item:hover::after {
    left: 0;
}

.we-offer-area .item:hover i,
.we-offer-area .item:hover h4,
.we-offer-area .item:hover p {
    color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i::after {
    border-color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i {
    background-color: #ffffff !important;
    color: #27b4d5!important;
}

.we-offer-area.text-left .item i {
    background: #27b4d5none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 60px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 30px;
    position: relative;
    width: 100px;
    z-index: 1;
    text-align: center;
}

.we-offer-area.text-left .item i::after {
    border: 2px solid #27b4d5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 120px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 120px;
}

.item h4 {
   color: #303030;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.item p {
        color: #696969;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
}

.explore {
      background-color: #FDEFCF;
      color: #000;
      font-family: 'Poppins';
      padding: 10px 46px;
      border: none; /* Remove border */
      border-radius: 0; /* Remove border radius */
      transition: background-color 0.3s, color 0.3s; /* Add smooth transition */
      width: 160px;
      text-decoration: none;
      font-size: 14px;
      text-transform: uppercase;
      border-radius: 6px;
      font-weight: 600;
      letter-spacing: 1.4px;
    }

    .explore:hover {
      background-color: #27b4d5; /* Change background color on hover */
      color: #fff; /* Change text color on hover */
      text-decoration: none; /* Remove underline on hover */
    }

.whychoose{
    padding: 60px 0;
}
.whychoose h2{
        color: #263238;
    font-family: 'Bodoni Moda';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}

/* Contact us */
.contact_us_green * {
  font-family: Nunito, sans-serif;
}

.contact_us_green .responsive-container-block {
  min-height: 75px;
  height: fit-content;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.contact_us_green input:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

.contact_us_green textarea:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

.contact_us_green .text-blk {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  line-height: 25px;
}

.contact_us_green .responsive-cell-block {
  min-height: 75px;
}

.contact_us_green .responsive-container-block.container {
  max-width: 1320px;
  margin-top: 60px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
}

.contact_us_green .responsive-container-block.big-container {
  padding-top: 0px;
  padding-right: 50px;
  padding-bottom: 0px;
  padding-left: 50px;
}

.contact_us_green .text-blk.contactus-head {
    color: #263238;
    font-family: 'Bodoni Moda';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.contact_us_green .text-blk.contactus-subhead {
  font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    color: #2b2b2b;
    width: 92%;
    line-height: 30px;
}

.contact_us_green .contact-svg {
  padding-top: 0px;
  padding-right: 25px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 65px;
  height: 40px;
}


.contact_us_green .text-box {
  display: flex;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 50px;
  margin-left: 0px;
}

.contact_us_green .contact-text {
  font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #2b2b2b;
    width: 92%;
    line-height: 30px;
}

.contact_us_green .input {
  height: 34px;
  width: 90%;
  border:1px solid #000;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 16px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}

.contact_us_green .textinput {
  height: 200px;
  width: 95%;
    border: 1px solid #000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 16px;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.contact_us_green .submit-btn {
  min-width: 290px;
  height: 60px;
  background-color: #1c3b28;
  font-size: 18px;
  font-weight: 700;
  color: white;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: #767676;
  border-right-color: #767676;
  border-bottom-color: #767676;
  border-left-color: #767676;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  cursor: pointer;
}

.contact_us_green .btn-wrapper {
  display: flex;
  justify-content: center;
}

.contact_us_green .text-blk.input-title {
      color: #303030;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

.contact_us_green .responsive-cell-block.wk-ipadp-6.wk-tab-12.wk-mobile-12.wk-desk-6 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
}

.contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-5.wk-ipadp-10 {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact_us_green .head-text-box {
  display: none;
}

.contact_us_green .line {
  border-right-width: 1.8px;
  border-right-style: solid;
  border-right-color: #a2a2a2;
}

.contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-7.wk-ipadp-10.line {
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
}

@media (max-width: 1024px) {
  .contact_us_green .responsive-container-block.container {
    justify-content: center;
  }

  .contact_us_green .text-blk.contactus-subhead {
    max-width: 90%;
  }

  .contact_us_green .head-text-box {
    display: block;
  }

  .contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-7.wk-ipadp-10.line {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 0px;
  }

  .contact_us_green .line {
    border-right-width: initial;
    border-right-style: none;
    border-right-color: initial;
    border-bottom-width: 1.8px;
    border-bottom-style: solid;
    border-bottom-color: #a2a2a2;
  }

  .contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-5.wk-ipadp-10 {
    margin-top: 60px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .contact_us_green .workik-contact-bigbox {
    display: flex;
  }

  .contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-5.wk-ipadp-10 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}

@media (max-width: 768px) {
  .contact_us_green .text-content {
    display: none;
  }

  .contact_us_green .input {
    width: 100%;
  }

  .contact_us_green .textinput {
    width: 100%;
  }

  .contact_us_green .text-blk.contactus-head {
    font-size: 30px;
  }
}

@media (max-width: 500px) {
  .contact_us_green .responsive-container-block.big-container {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
  }

  .contact_us_green .workik-contact-bigbox {
    display: block;
  }

  .contact_us_green .text-blk.input-title {
    font-size: 16px;
  }

  .contact_us_green .text-blk.contactus-head {
    font-size: 26px;
  }

  .contact_us_green .text-blk.contactus-subhead {
    font-size: 16px;
    line-height: 23px;
  }

  .contact_us_green .input {
    height: 45px;
  }

  .contact_us_green .responsive-cell-block.wk-ipadp-6.wk-tab-12.wk-mobile-12.wk-desk-6 {
    margin: 0 0 25px 0;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
}

.wk-desk-1 {
  width: 8.333333%;
}

.wk-desk-2 {
  width: 16.666667%;
}

.wk-desk-3 {
  width: 25%;
}

.wk-desk-4 {
  width: 33.333333%;
}

.wk-desk-5 {
  width: 41.666667%;
}

.wk-desk-6 {
  width: 50%;
}

.wk-desk-7 {
  width: 58.333333%;
}

.wk-desk-8 {
  width: 66.666667%;
}

.wk-desk-9 {
  width: 75%;
}

.wk-desk-10 {
  width: 83.333333%;
}

.wk-desk-11 {
  width: 91.666667%;
}

.wk-desk-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .wk-ipadp-1 {
    width: 8.333333%;
  }

  .wk-ipadp-2 {
    width: 16.666667%;
  }

  .wk-ipadp-3 {
    width: 25%;
  }

  .wk-ipadp-4 {
    width: 33.333333%;
  }

  .wk-ipadp-5 {
    width: 41.666667%;
  }

  .wk-ipadp-6 {
    width: 50%;
  }

  .wk-ipadp-7 {
    width: 58.333333%;
  }

  .wk-ipadp-8 {
    width: 66.666667%;
  }

  .wk-ipadp-9 {
    width: 75%;
  }

  .wk-ipadp-10 {
    width: 83.333333%;
  }

  .wk-ipadp-11 {
    width: 91.666667%;
  }

  .wk-ipadp-12 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wk-tab-1 {
    width: 8.333333%;
  }

  .wk-tab-2 {
    width: 16.666667%;
  }

  .wk-tab-3 {
    width: 25%;
  }

  .wk-tab-4 {
    width: 33.333333%;
  }

  .wk-tab-5 {
    width: 41.666667%;
  }

  .wk-tab-6 {
    width: 50%;
  }

  .wk-tab-7 {
    width: 58.333333%;
  }

  .wk-tab-8 {
    width: 66.666667%;
  }

  .wk-tab-9 {
    width: 75%;
  }

  .wk-tab-10 {
    width: 83.333333%;
  }

  .wk-tab-11 {
    width: 91.666667%;
  }

  .wk-tab-12 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .wk-mobile-1 {
    width: 8.333333%;
  }

  .wk-mobile-2 {
    width: 16.666667%;
  }

  .wk-mobile-3 {
    width: 25%;
  }

  .wk-mobile-4 {
    width: 33.333333%;
  }

  .wk-mobile-5 {
    width: 41.666667%;
  }

  .wk-mobile-6 {
    width: 50%;
  }

  .wk-mobile-7 {
    width: 58.333333%;
  }

  .wk-mobile-8 {
    width: 66.666667%;
  }

  .wk-mobile-9 {
    width: 75%;
  }

  .wk-mobile-10 {
    width: 83.333333%;
  }

  .wk-mobile-11 {
    width: 91.666667%;
  }

  .wk-mobile-12 {
    width: 100%;
  }
}

/* Food License page */
.documents-required{
  
}
.documents-required h4{
    color: #303030;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.documents-required ul{
    padding: 0;
}
.documents-required ul li{
    list-style-type: circle;
    margin: 14px;
        font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #2b2b2b;
}
@media (max-width: 767px) {
  /* Customize styles for small screens */

  /* Move the navbar-toggler to the right side */
  .navbar-toggler {
    margin-left: auto;
  }

 .bgbanner nav .headerLogo{
    width: 230px;
 }