@font-face {
   font-family: "Southland";
   src: url('../fonts/Southland-TTF.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
* {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}

body {
   font-family: 'Open Sans', sans-serif;
   background-color: #ffecf2;
   /* background-color: #c76d8a; */
   color: #333;
   line-height: 1.6;
}


ul {
   list-style: none;
}

a {
   text-decoration: none;
}

p { 
   margin: 10px 0;
   font-family: 'Roboto', sans-serif;
   text-align: justify;
   

}

div > p {
   font-family: 'Roboto', sans-serif;
}

img {
   width: 100px;
   height: 100px;
}

/* Navbar */
.navbar{
   width: 100%;
   position: fixed;
   top: 0; 
   background-color: #1b3764;
   z-index: 1;
}

/* Utilities */
.planning-form-container {
   width: 100%;
   height: 100vh;
   background: #3c5077;
   display: flex;
   align-items: center;
   justify-content: center;

}

.navbar .nav_content {

   display: flex;
   flex-direction: row;
   /* border: 1px solid orange; */
   height: 15vh;
   opacity: .9;
   align-items: center;
   justify-content: center;
}


.navbar .site_link_area {
   display: flex;
   flex-direction: row;
   align-items:center;
   justify-content: space-evenly;
   height: 100%;
   width: 100%;
}

.navbar .logo_wrapper .logo_start {
   display: none
}

.navbar .site_link_area .logo_middel {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-items: center;
   /* border: 1px solid magenta; */
   height: 100%;
}

.navbar .site_link_area .logo_middle img{
   align-self: center;
}


.site_link_area .site_links {
   /* border: 1px soild maroon; */
   align-items: flex-end
}

.navbar ul {
   display: flex;
   align-items: flex-start;
   /* border: 1px solid green; */
}

.navbar img {
   width: 90px;
   height: 90px;
   object-fit: cover;
   margin: 0;
   /* border: 1px solid gray; */
}

.navbar .site_links ul a,.navbar .site_links ul li, .navbar_our_policy_wrapper .our_policy {
   /* color: #E5B0C3; */
   color: #E39AB7;
   /* color: #c76d8a; */
   padding: 10px 20px;
   border: 1px solid #1b3764;
   font-family: "Roboto", sans-serif;

   font-weight: 600;
 
} 

/* .navbar .site_links ul a:hover, */
#footer #footer_area #connect ul li a:hover,
#footer #footer_area #about_us ul li a:hover,
#footer_area #about_us .our_policy:hover,
#rental_our_policy .our_policy:hover,
.navbar_our_policy_wrapper .our_policy:hover,
.rental_search_category .rental_search_category_item:hover,
.planning_links_area .planning_link a:hover {
   opacity: .7;
} 

/* Drop Down Menu */
.navbar .site_link_area .site_links ul li {
   display: inline-block;
   /* padding: 1rem; */
   position: relative;
   padding: 10px 5px;
   /* margin-top: 5px; */
}

/* Hide nested ul by default */
.navbar .site_link_area .site_links ul li ul {

   display: none;
}


.navbar .site_link_area .site_links ul li:hover {
   cursor: pointer;
   border: 1px solid gray;
}
.navbar .site_link_area .site_links ul li:hover ul {
   display: block;
   position: absolute;
   left: 0;
   top: 10px;
   width: 220px;
   margin-top: 1.6rem;
   padding-top: 16px;
   font-size: small;
   /* border: 1px solid green; */


}

.navbar .site_link_area .site_links ul li {
   display: block;
   background-color: #1b3764;
   /* border: 1px solid gray; */
}
.navbar .site_link_area .site_links ul li ul a {
   display: block;
   background-color: #1b3764;
   padding: 0;
}

.hamburger_wrapper {
   height: 100%;
   display: none;
   flex-direction: row;
   align-items: center;
}
.hamburger {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   width: 50px;
   height: 50px;
   /* border: 1px solid gray; */
   /* background-color: #E5B0d3; */
   border-radius: 50%;
}

.bar {
   display: block;
   width: 30px;
   height: 3px;
   margin: 3px auto;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   /* background-color: #1b3764; */
   background-color: #E5B0d3;
}

.main_area {
   margin-top: 3%;
   height: 90vh;

}

.form-popup {
   width: 600px;
   /* height: 70vh; */
   padding: 3rem;
   background: #fff;
   border-radius: 6px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   padding: 0 30px 30px;
   color: #333;
   border: 1px solid #3c5077;
   z-index: 5;
}

.policy-popup {
   width: 40%;
   height: 80vh;
   padding: 3rem;
   background: #fff;
   /* background: gray; */
   border-radius: 6px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   padding: 0 30px 30px;
   color: #333;
   border: 1px solid #3c5077;
   z-index: 8;
   overflow: auto;

}

.thankYouWrapper {
   visibility: hidden;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 50vh;
   height: 50vh;
}
.form_wrapper {
   min-width: 100%;
   min-height: 100%;

   position: fixed;
   top: 0;
   left: 0;
   visibility: hidden;
   z-index: 2;
   /* border: 4px dotted orange; */
} 

.policy_wrapper {
   min-width: 100%;
   min-height: 100%;

   position: fixed;
   top: 0;
   left: 0;
   visibility: hidden;
   z-index: 2;
   /* border: 4px dotted orange; */
}
.policy_heading,
.policy_section_heading, .policy_section_sub_heading {
   color: #1b3764;
}
.policy_section {
   align-items: left;
   /* border: 3px dotted green; */
   padding: 20px 0;
}
.policy_section_heading {
   /* text-align: left; */
   /* color: green; */
   font-family: "Roboto";

}
.policy_section_sub_heading {
   padding: 5px 0;
   font-family: 'Roboto', sans-serif;

}
.policy_description {
  /* color: red; */
  text-align: center;
  /* border: 3px solid gray; */
  display: block;
  width: 100%;
  font-family: "Roboto", sans-serif;
  padding-bottom: 10px;
}

.close_policy {
   /* border: 1px solid orange; */
   padding: 3px; 
   align-items: right;
   display: flex;
   justify-content: center;
   justify-content: center;

   width: 5%;
   align-self: right;
   position: relative;
   top: 2%;
   left: 96%;
   background: lightgrey;
   border-radius: 10%;
}

.close_policy:hover {
   cursor:grab;
}

.form_wrapper::after, .picture_popup_wrapper::after, .policy_wrapper::after {
   content: '';
   position: fixed;
   top: 0;
   left: 0;
   min-width: 100%;
   min-height: 100%;
   background: gray;
   opacity: .6;


}

.home_hero_wrapper{
   background-image: url('../images/home/hero2.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% 100%;
   object-fit: cover;
   position:relative;
   left: 0;
   height: 100vh;
   width: 100%;
   /* min-width: 100vh; */
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   /* border: 3px dotted orange; */
   margin-top: 5%;
   position: relative;
   
  
}
.graduation_hero_wrapper {
   display: flex;
   flex-direction: column;
   height: 80vh;
   /* border: 3px dotted orange; */
   margin-top: 12%;
}

.graduation_header {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 15%;


}
.graduation_content_wrapper {
   display: flex;
   /* flex-direction: c; */
   /* border: 2px dotted magenta; */
   height: 95%;

}

.graduation_hero_pic {
      width: 30%;
         height: 90%;
         background-image: url('../images/graduation/graduation_hero.jpg');
         background-repeat: no-repeat;
         background-position: center;
         background-size: 80% 100%;
         /* border: 2px dotted magenta; */
}

.graduation_consult_wrapper {
   display: flex;
   width: 60%;
   /* border: 2px dotted green; */
}

.graduation_consult_wrapper .graduation_consult_header {
   height: 10%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #c76d8a;
   font-family: 'Roboto', sans-serif;
}

.graduation_consult_wrapper .graduation_consult_desc {
   line-height: 2.5rem;
   /* align-self: justify; */
   text-align: justify;
   /* border: 1px solid gray; */
   /* padding: 1% */
   height: 60%;
}

.graduation_consult_wrapper .graduation_consult_desc small {
   /* border: 3px dotted gray; */
   padding: 3% 7% 3% 1%;
   font-family: 'Roboto', sans-serif;
   font-size: 1rem;
}

.graduation_consult_wrapper .graduation_consult_button_wrapper {

   /* border: 1px solid gray; */
   display: flex;
   justify-content: center;
}

.event_coordinator_hero_wrapper {
   display: flex;
   flex-direction: column;
   height: 100vh;
   margin-top: 12%;
   /* border: 3px dotted orange; */
   margin-top: 15;
}


.event_coordinator_content_wrapper {
   display: flex;
   height: 90%;
   /* margin-top: 10%; */

}

.event_coordinator_hero_pic {
   /* margin: 20%; */
   width: 40%;
   height: 70%;
   background-image: url('../images/event_coordinator/event_coordinator_hero.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 70% 100%;
   /* border: 2px dotted magenta; */
}


.event_coordinator_consult_wrapper {
   display: flex;
   width: 70%;
   height: 80%;
   /* border: 2px dotted green; */
}

.event_coordinator_consult_wrapper .event_coordinator_contact_us {
   height: 20%;
   display: flex;
   width: 90%;
   margin: auto;
   /* font-family: "Roboto" sans-serif; */
   /* font-size: large; */
}

.event_coordinator_consult_wrapper .event_coordinator_contact_us p {
   margin: 0;
   /* font-family: "Roboto" sans-serif; */
   font-family: "Roboto" sans-serif;
   /* font-weight: bold; */
   /* color: #E5B0d3; */
   /* color: #c76d8a; */
   /* color: #1b3764; */
   font-size: large;
}


.event_coordinator_consult_wrapper .event_coordinator_service_wrapper {
   display: flex;
   flex-direction: column;
   /* border: 3px dotted green; */
   width: 90%;
   height: 60%;
   margin: auto;
}

.event_coordinator_service_title {
   /* color: #E5B0d3; */
   color: #c76d8a;
   font-family: "Roboto" sans-serif;
   font-size: 1.5rem;
   display: flex;
   justify-content: center;
   /* align-items: center; */
   height: 10%;
 
}

.event_coordinator_service_list {
   width: 90%;
   /* height: 50%; */
   /* border: 1px solid orange; */
   margin-left: 5%;
   font-family: "Roboto" sans-serif;
   /* font-style: italic; */
   /* font-size: large; */
}

.event_coordinator_service_item {
   list-style:disc;
   padding: 1%;
   
   /* border: 3px solid gray; */
}
.event_coordinator_service_name {
   color: #c76d8a;
   font-family: "Roboto" sans-serif;
   font-weight: bold;
   line-height: 3.5rem;
}

.event_coordinator_button_wrapper {
   /* border: 1px solid gray; */
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90%;
   height: 20%;
   margin: auto;
}

.event_coordinator_button_wrapper button {
   height: 30%;
}


.hero .content {
   position: relative;
   /* top: 30%; */
   /* left: 50%; */
   display: flex;
   align-self: center;
   flex-direction: column;
   align-items: center;
   justify-content: center;
} 

.hero .content::after {
   content: '';
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   top: 0;
   left: 0;
   background: black;
   opacity: .04;
   border-radius: 2%;
}

.hero .content h1 {
   font-size: 5rem;
   /* font-weight: 600; */
   font-family: "Roboto", sans-serif;
   /* color: #E39AB7; */
   color: #c76d8a;
   margin: 0;
   text-shadow:  4px 2px 1px #16060c;
   /* border: 1px solid gray; */

}

.hero .content p {
   font-size: 6rem;
   font-family: "Southland";
   font-style: normal;
   color: #fff;
   /* color: #1b3764; */
   margin: 0;
   /* border: 1px solid green */
}

.book_consult_wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 40vh;
}

#book_consult {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin: 0;
   height: 100%;
   width: 90%;
   align-self: center;

}

#book_consult h3 {
   /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
   font-family: 'Roboto', sans-serif;
   /* font-weight: 900; */
   /* color: #E5B0d3; */
   color: #c76d8a;
}

#book_consult p {
   /* font-family:Verdana, Geneva, Tahoma, sans-serif; */
   text-align: justify;
   font-family: 'Roboto', sans-serif;
   padding: .5%;
}

#book_consult button:hover {
   padding: 1%;
   size: 2px;
}
 
.service_types {
   display: flex;
   align-items: center;
   justify-content: space-around;
   height: 60vh;
   /* border: 1px solid green; */
   width: 100%;  

}

.service {
   /* border: 2px solid coral; */
   max-height: 100%;
   height: 100%;
   max-width: 100%;
   /* width: 100%; */
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0 20px


   
 
}
.service .service_details {
   height: 100%;
   width: 100%;
   /* border: 2px dotted yellow; */
   display: flex;
   align-items: center;
   flex-direction: column;

}
.service .service_header  { 
  /* background: #1b3764; */
  background: #ffecf2;
  /* width: 100%; */
  /* color:#1b3764; */
  color: #c76d8a;
  text-align: center;
  font-size: larger;
  font-family:'Roboto', sans-serif;
  margin: 20px;
}

.service .service_desc {
   height: 30%;
   width: 80%;
   text-align: left;
   /* border: 2px dotted yellow; */
   background: #ffecf2;
   margin: 0;
   padding: 0;
}




.service_details .link_area_wrapper,.wedding_image .link_area_wrapper {
   height: 100%;
   width: 50%;
   /* border: 10px solid gray; */
   display: flex;
   align-items: center;
   justify-content: center;
   /* align-self: center; */
 
}
.service_details .link_area_wrapper .link_area,
.example_pwork, .wedding_image .link_area_wrapper .link_area, 
.example_corporate .link_area_wrapper .link_area {
   height: 100%;
   width: 100%;
   /* border: 10px solid gray; */
   align-self: center;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   background: #fff;
   margin: 0;
   border-radius: 50%;
   background: url('../images/service_place_holder.png') no-repeat center center/cover;

}

.service_details .link_area_wrapper .home_planning_img {
   background: url('../images/home/planning.png') no-repeat center center/cover;
}

.service_details .link_area_wrapper .home_design_img {
   background: url('../images/home/design.png') no-repeat center center/cover;
}

.service_details .link_area_wrapper .home_rental_img {
   background: url('../images/home/rental_old.png') no-repeat center center/cover;

}

.service_details .service_desc {
   text-align: left;
   font-family: 'Roboto', sans-serif;


}

/* .fa-2x {
   visibility: hidden;
} */
.service_details .link_area a, .example_pwork .link_area a, .wedding_image .link_area a, 
.example_corporate .link_area a { 
   visibility: hidden;

}
.service_details .link_area:hover, .example_pwork .link_area:hover, .wedding_image .link_area:hover, .example_corporate .link_area:hover  {
   opacity: .7;
}
.service_details .link_area:hover a, .example_pwork .link_area:hover a,.wedding_image .link_area:hover a, .example_corporate .link_area:hover a {
   visibility: visible;

   color: #1b3764;

   
}

.link_area_img {
   height: 250px;
   width: 250px;
   border-radius: 50%;
   display: block;
}

.link_area_img::before {
   content: 'Hello';

}



#testimonials, #birthday_testimonials {
   height: 40vh;
   width: 90%;
   margin: auto;
   align-self: center;
   /* display: flex; */
   /* flex-direction: column; */
   /* align-items: center; */
   /* justify-items: center; */
   /* border: 1px solid orange; */
   /* padding: 20px */


}

#testimonials .testimonial_header_wrapper {
   width: 100%;
   height: 10%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: larger;
   /* border: 3px dotted green; */
   margin-top: 2%;
}


#testimonials h4, #birthday_testimonials h4 {
      /* background: #1b3764; */
         color: #1b3764;
         /* font-family: cursive; */
         font-family: "Roboto", sans-serif;
         /* color: #E5B0d3; */
         color: #c76d8a;
}

.picture_popup_wrapper {
   min-width: 100%;
   min-height: 100%;

   position: absolute;
   top: 100%;
   left: 0%;
   visibility: hidden;
   z-index: 2;
   /* border: 1px dotted green; */
}

.picture_popup {
   width: 100%;
   height: 100%;
   /* background: #fff; */
   border-radius: 6px;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   /* padding: 0 30px 30px; */
   color: #333;
   /* visibility: hidden; */
   /* border: 1px solid green; */
   z-index: 5;


}

.picture_popup .swiper {
   width: 50%;
   height: 60%;
   position: relative;
   top: 10%;
   left: 0;
   /* border: 1px solid magenta; */
   /* padding: 0; */
   /* margin: 0; */
}

.swiper .swiper-wrapper {
   height: 100%;
   width: 100%;
   /* border: 1px solid red; */
   /* background-color: green; */
   /* margin: 0; */
   /* display: flex; */
   /* align-items: center; */
   /* justify-content: center; */
}
.swiper .swiper-wrapper .swiper-slide .swiper-slide-image {
   height: 100%;
   width: 100%;


}

 .swiper .swiper-wrapper .swiper-slide .swiper-slide-image img {
   /* height: 100%; */
   height: 70vh;
   width: 100vh;
   object-fit: contain;
   /* border: 1px solid green; */
   /* object-position: 100%; */
   margin: 0;

   /* display: inline-block; */
}

.swiper-slide .close_window {
   height: 30px;
   width: 30px;
   border: 2px solid gray;
   /* background-color: green; */
   z-index: 5;
   align-self: right;
   position: absolute;
   top: 5%;
   left: 92%;

}

.swiper-slide .close_window:hover {
   cursor: pointer;

}

.swiper-slide .fa-x {
   color: brown;

}




.swiper-slide {
   /* border: 1px #000 dotted; */
   padding: 1%;
   justify-content: center;
   /* margin: 10px 5px; */
   /* border-radius: 5px; */
   /* width: 80%; */
   /* max-width: 99.5%; */
   

}


.swiper-slide .fa-star {
   color: gold;

}

.swiper-slide h6 {
   display: inline-block;
   padding: 2px;
   /* border: 1px dotted green; */
   /* width: 25%; */
   /* text-align: center; */
   border-radius: 10px;
   /* background: #1b3764; */
   color: #E5B0d3;
   font-family: cursive;
   
}

.swiper-button-prev,.swiper-button-next {
   --swiper-navigation-color: #1b3764;
   --swiper-navigation-size: 20px;
   --swiper-navigation-sides-offset: 50px;
}

.testimonial p {
   font-family: 'Roboto', sans-serif;
}


#footer {
   display: flex;
   /* justify-content: flex-end; */
   height: 25vh;
   /* align-self: center; */
   /* border: 2px dotted brown; */
   justify-content: center;
   

}
#footer #footer_area {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
   width: 100%;
   height: 100%;
   background: #1b3764;
   /* border: 5px solid gray; */
   /* margin: 0; */

}

#footer .footer_content {
   width: 30%;
   height: 80%;
   /* border: 1px solid gray; */
   padding: 1%;
   
}

#footer #footer_area #about_us {
   display: flex;
   justify-content: space-around;
   /* align-items: center; */
   /* border: 1px solid magenta; */

}
#footer #footer_area #about_us ul li{
   display: inline-block;
   margin: 0 20px;
   /* border: 1px solid green; */
}
#footer #footer_area #about_us a,
#footer #footer_area #about_us .our_policy, 
#footer #footer_area #contact_us a span,
#rental_our_policy .our_policy,
#footer_area #contact_us a {
   font-family: 'Roboto', sans-serif;
   font-weight: bold;
   color: #E5B0d3;
}
#footer_area #about_us .our_policy:hover,
#rental_our_policy .our_policy:hover, 
.rental_search_category .rental_search_category_item:hover {
   cursor:pointer

}



#footer #footer_area #connect ul {
   display: flex;
  
}

#footer #footer_area #connect ul li {
      
      display: block;
      /* margin: 2%; */
      width: 100%;
      /* border: 3px dotted orange; */
      justify-content: center;
      justify-items: center;
      

}

#footer #footer_area #connect ul li a {
   display: block;
   color: #E5B0d3;
   /* border: 5px solid maroon; */
   padding: 0 30%;


}



#footer #footer_area #contact_us {
   color: #E5B0d3;
   align-items: center;
   justify-content: center;
   /* border: 1px dotted green; */
}
/* #footer #footer_area #contact_us div { */
   /* align-items: center; */
   /* margin-left: 30%; */
   /* border: 1px solid orange; */

/* } */

#footer #footer_area #contact_us .contact_label {
   display: inline-block;
   width: 30%;
   font-size:medium;
   font-family: 'Roboto', sans-serif;
   /* font-weight: bold; */
   /* border: 2px dotted green; */
}

#footer #footer_area #contact_us p {
   margin: 0;
   font-weight: bold;
   /* font-size: smaller; */
   font-size: 1rem;
}

/* Planning Page */

.planning_hero {
   height: 100vh;
   position: relative;
   /* top: 60px; */
   /* border: 1px solid green; */
   align-items: center;
   justify-content: center;

}
.planning_hero .content {
   /* align-items: center; */
   /* justify-self: center; */
   /* align-self: center; */
   /* border: 1px solid orange; */
   height: 100%;
}
.planning_hero .planning_wrapper{
   height: 100%;
   display: grid;
   grid-template-rows: 20% 80%;
   /* border: 1px solid red; */
   width: 100%;


}

.planning_top {
   display: flex;
   align-items: center;
   justify-content: center;

   /* text-align: center; */
   /* align-items: center; */
   color: #E5B0d3;
   margin-top: 80px;
   /* border: 1px solid red; */
     

}



.planning_hero .content {
   display: flex;
   align-items: center;
   justify-content: center;
   /* border: 1px solid  */
}
.planning_main_wrapper{
   display: grid;
   grid-template-columns: 18% 80%;
   align-self: center;
   /* justify-self: center; */
   /* border: 1px solid gray; */
   /* width: 80%; */
   height: 100%;
}

.planning_links_area {
   display: flex;
   flex-direction: column;
   align-items: center;
   /* border: 1px solid green; */
   height: 80%;

}
.planning_links_area ul{

   height: 95%;
   width: 80%;
   background: #1b3764;
   padding-top: 30px;
   /* border: 1px solid gray; */
 
}




.planning_links_area .planning_link a {
   display: block;
   color: #E5B0d3;
   margin: 20px 0;
   padding: 0 30px;
}

.planning_links_area .current a {
   display: inline-block;
   align-self: center;
   display: block;
   color: #1b3764;
   border: 1px #E5B0d3 solid;
   opacity: .2;
   background: #E5B0d3;
}

.planning_main_wrapper .planning_main_area {
   display: grid;
   grid-template-rows: 1fr 1.5fr;
   margin: 0 30px;
      /* border: 1px solid orange; */
}


.planning_main_hero {
   display: flex;
   flex-direction: column;
   background: url('../images/hero_background.png') no-repeat center center/cover;
      /* background: #1b3764; */
         /* background: #ffecf2; */
         /* width: 100%; */
         color: #1b3764;
         text-align: center;
         font-size: larger;
         font-family: 'Roboto', sans-serif;
         /* border: 1px solid red; */
   align-items: center;
   justify-content: center;

   background-color: black;


}
.planning_main_hero_header {
   position: relative;
   background-color: black;
   opacity: .5;
   width: 100%;

}
.planning_main_hero h2 {
   margin-top: 15%;
   font-size: 40px;
   font-weight: 500;
   font-family: "Roboto", sans-serif;
   color: #E39AB7;
   margin-bottom: 0;
   text-align: center;
}

.planning_main_hero h3 {
   font-size: 50px;
   font-family: "Southland";
   font-style: normal;
   color: #fff;
   text-align: center;
}


.planning_main_content {
   padding-top: 20px;

}
.planning_main_content h5, .company_name,.planning_pwork_main_services h3{
   /* color: #E5B0d3; */
   color: #c76d8a;

}




.company_name {
   font-weight: bold;
}



.planning_pwork_main_area {
   display: grid;
   grid-template-areas: 
     "scrolling_pics scrolling_pics scrolling_pics scrolling_pics scrolling_pics scrolling_pics scrolling_pics pwork_services"
     "pwork_services_desc pwork_services_desc pwork_services_desc pwork_services_desc pwork_services_desc pwork_services_desc pwork_services_desc pwork_services_desc";
     /* border: 1px solid gray; */
}

.planning_pwork_main_hero {
   grid-area: scrolling_pics;
   /* border: 1px solid orange; */
   background: url('../images/wedding_hero.JPG') no-repeat center center/cover;
   margin-left: 30px;
   /* border: 1px solid orange; */
}

.planning_pwork_main_services {
   grid-area: pwork_services;
   /* border: 1px solid orange; */
   display: flex;
   flex-direction: column;
   /* align-items: center; */
   justify-content: center;
}
.planning_pwork_main_services h3 {
   margin-left: 25px
}
.pwork_service_list, .corporate_service_list {
   width: 80%;
   display: flex;
align-self: center;
   align-items: right;
   justify-content: center;
   /* border: 1px solid #1b3764; */

}
.planning_pwork_main_services ul li, .planning_corporate_main_services ul li {
   /* display: inline-block; */
   padding: .5rem;
   list-style:disc;
   align-self: center;
   color: #1b3764;
   font-size: smaller;
}


.planning_pwork_services_main_desc {
   grid-area: pwork_services_desc;
   margin-top: 10px;
   margin-left: 30px;
}

#example_pworks, .wedding_image {
   background-color: #ffecf2;
}
#pwork_container {
   height: 45vh;
   /* width: 100vh; */
   display:flex;
   flex-direction: column;
   /* border: 1px solid #1b3764; */
   align-items: center;
   /* justify-content: center; */
   /* padding-bottom: 150px; */

}

/* .example_pworks_wrapper{ */
   /* height: 90vh; */
   /* width: 60%; */
   /* display: grid; */
   /* grid-template-columns:repeat(2,1fr); */
   /* border: 1px solid gray; */
   /* align-items: center; */
   /* justify-content: center;; */
   /* grid-gap: 5rem; */
   /* align-self: center; */
   /* padding-bottom: 100px; */
   
/* } */
#pwork_container {
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   /* grid-template-columns: repeat(2, 1fr); */
   /* border: 1px solid orange; */
   align-items: center;
   justify-content: center;
   grid-gap: 5rem;
   align-self: center;
   /* padding-bottom: 100px; */

}

.example_pwork, .wedding_image{
   /* border: 1px solid red; */
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 40%;
   width: 20%;

}


.image-item {
   /* flex: 1 0 28%; */
   cursor: zoom-in;

}


.example_pwork .link_area_wrapper {
   /* border: 1px solid red; */
   height: 100%;
   width: 100%;
   border-radius: 0;

 
  
}
.example_pwork .link_area_wrapper .link_area{

   border-radius: 0;



}

.pwork_desc p, .corporate_desc p {
   font-weight: bold;
   color:#1b3764

}

#pwork_book_consult, #wedding_book_consult {
   /* height: 20vh; */
   display: flex;
   /* border: 1px solid orange; */
   align-items: center;
   justify-content: center;
}


.corporate_example .link_area_wrapper .link_area{
   border-radius: 50%;
}

/* .rental_wrapper {
   margin-top: 6%;
   height: 85vh;
} */
.rental_main_wrapper {
   margin-top: 6%;
   /* height: 100vh; */
   width: 100%;
   /* border: 1px solid green; */
   display: flex;
   flex-direction: column;
   /* align-items: center; */
}

.rental_main_center_wrapper {
   /* border: 5px dotted red; */
   align-self: center;
      width: 90%;
      height: 80%;
      display: flex;
      align-items: center;
      justify-content: center;
      /* background-color: red; */

}
.rental_main_center {
   /* border: 3px dotted gray; */
   align-self: center;
   width: 100%;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   flex-basis: 100%;
   align-items: center;
   justify-content:center;
   /* background-color: orange; */
   padding-bottom: 3%;


}


.rental_item_wrapper {
   /* border: 1px solid orange; */
   display: flex;
      /* flex-basis: auto; */
      flex-direction: column;
      /* justify-content: space-around; */
      /* border: 1px solid green; */
      width: 40vh;
      height: 40vh;
      align-items: center;
      background: white;
      padding: 1rem;
      margin: .5rem;
      /* height: 30vh; */
      /* flex-basis: 25%; */
      align-self: center;
      justify-self: center;
}

.rental_item {
   /* border: 1px solid maroon; */
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
}

 .rental_item_image_wrapper {
   /* border: 1px solid red; */
   height: 80%;
   width: 80%;
}

.rental_item_wrapper .rental_item .rental_item_image_wrapper img {
   height: 100%;
   width: 100%;
}

#rental_search_btn_wrapper {
   height: 15vh;
   width: 90%;
   /* border: 3px dotted darkblue; */
   display: flex;
   align-items: center;
   justify-content: right;

}

#rental_search_btn_wrapper .rental_button {
   height: 40%;
   text-align: center;
   font-size: 1rem;
   font-weight: bold;
   align-content: center;
   margin-right: 7%;
}

.rental_description_wrapper {
   display: none;
}

.rental_details_wrapper .rental_description {
   font-family: 'Roboto', sans-serif;
   font-weight: bold;
   color:#c76d8a

}

.gallery_main_wrapper {
   margin: 10% 1% 1% 1%;
   /* width: 100vh; */
   /* height: auto; */
   align-content: center;
   /* display: flex; */
   /* align-items: center; */
   /* justify-content: center; */
   /* border: 4px solid red; */
   
}

.gallery_main_center {
   /* margin-top: 5%; */
   margin-bottom: 15%;
   width: 100%;
   /* height: 100vh; */
   /* width: 100%; */
   /* border: 3px solid orange; */
   display: flex;
   /* margin: auto; */
   /* justify-content: space-be; */
   /* flex-direction: row; */
   flex-wrap: wrap;
   /* flex-basis:content; */
   /* margin-top: 5%; */
   /* flex-direction: column; */
   /* align-items: center; */
   align-items: center;
   /* align-items: center; */
   justify-items: center;
   /* justify-content: space-around; */
   /* justify-content: space-between; */
   /* align-content: center; */
   /* align-self: center; */
   /* padding: 5%; */
   /* margin: auto; */

}


.gallery_item_wrapper {
   
   margin-top: 1%;
   border: 1px dotted #1b3764;
   /* align-self: center; */
   width: 25vh;
   height: 25vh;
   margin: 1%;
   /* background-color: #3c5077; */
   /* flex-basis: 25% 25% auto; */

   


}
.gallery_item {
   height: 100%;
   width: 100%;
   /* padding: 2%; */
   display: flex;
   align-items: center;
   justify-content: center;   

}

.gallery_item img, .hover_gallery_item img{
   height: 90%;
   width: 90%;
   object-fit: contain;
  
   
}
.hover_gallery_item {
   position: fixed;
   height: 60vh;
   width: 80vh;
   top: 20%;
   left: 30%;
   /* height: 0%; */
   visibility: hidden;
   z-index: 30;
} 

.rental_square_wrapper {
   margin-top: 10%;
   height: 100vh;
   width: 90%;
   display: flex;
   align-items: center;
   border: 3px solid gray;
}

.rental_square_page {
   height: 100%;
   width: 100%;
}



@media only screen and (max-width:620px) {
   .navbar .nav_content {
      display: flex;
      flex-direction: row;
      min-height: 15;
      opacity: 1rem;
      /* align-items: center; */
      /* justify-content: center; */
      position: relative;
      z-index: 7;
   } 
   .navbar .site_link_area {
      height: 100%;
      max-width: 100%;
      position: absolute;
      background-color: #1b3764;
      top: 100%;
      left: -110%;
      transition: 0.5s;
      border-top: 3px solid #c76d8a;
   }

   .navbar .site_link_area.active {
      left: 0;
   }

   .navbar .site_link_area .site_links {
      display: flex;
      align-items: center;
      /* border: 1px solid green; */
      width: 50%;
      height: 100%;
   }

   .navbar .site_link_area .site_links ul {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 80%;
      /* border: 1px solid green; */
   }
   
   .navbar .site_link_area .site_links ul li, .navbar .site_link_area .site_links ul li a {
      font-size: .6rem;
      /* border: 1px solid gray; */
      padding: .5rem
   }


   .navbar .site_link_area .site_links ul li:hover ul {
      left: 0;
      top: 1px;
      width: 200px;
      /* width: 100%; */
      height: auto;
      margin-top: 2rem;
      padding-top: 5px;
      /* border: 1px solid #c76d8a; */
      font-size: small;
      /* border: 1px solid green; */
      z-index: 10;
      display: flex;
      /* align-items: center; */
      /* justify-content: center; */
   }
   .navbar .site_link_area .site_links ul li ul li {
      width: 100%;
      /* border: 1px solid green; */
      /* text-align: center; */
   }
   .navbar .logo_wrapper {
         width: 50%;
   }

   
   .navbar .logo_wrapper .logo_start {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
   }

   .navbar .logo_wrapper .logo_start img{
      height: 65px;
      width: 65px;


   }
      

   .hamburger_wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50%;
      z-index: 7;
 
   }

   .hamburger_wrapper .hamburger {
      width: 45%;
      height: 50%;
      display: flex;
      /* border: 1px solid green; */
   }

   .hamburger.active .bar:nth-child(2) {
      opacity: 0;
   }
   .hamburger.active .bar:nth-child(1) {
      transform: translateY(8px) rotate(45deg);
   }
   .hamburger.active .bar:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
   }
   
   .navbar .site_link_area .logo_middle {
      display: none;
   }
   .home_hero_wrapper {
      background-repeat: no-repeat;
      background-position: center;
      height: 40vh;
      width: 100%;
      margin-top: 25%;
   }
   .home_hero_wrapper .content {
      width: 100%;
      height: 40%;
      display: flex;
      justify-content: center;
      text-align: center;
      align-items: center;
   }
   .hero .content h1 {
      font-size: 2rem;
      display: block;
      width: 80%;
      text-align: center;
}

   .hero .content p {
      font-size: 2.6rem;

      text-align: center;
   }

   .book_consult_wrapper {
      /* border: 3px dotted gray; */
      height: 50vh;
      width: 100%;
   }
   #book_consult p {

      text-align: justify;
      font-family: 'Roboto', sans-serif;
      padding: 3%;
      font-size: small;
   }

   #book_consult button {
      margin-top: 3%;
      font-weight: bold;
   }

   .service_types {
      flex-direction: column;
      height: 80vh;
      width: 100%;
   }


   .service_types .service_details .link_area_wrapper {
      /* border: 3px solid gray; */
      height: 50%;
      width: 60%
   }

   .service_details .service_desc {
      font-family: 'Roboto', sans-serif;
      font-size: small;
      text-align: justify;
      padding-top: 3%;
      width: 100%;
      /* border: 3px dotted green; */
      /* height: 40% */
   }


   .policy-popup {
      width: 80%;
      height: 80vh;
   }

   #testimonials {
      height: 55vh;
      /* border: 3px solid gray; */
   }

      #testimonials .swiper .swiper-wrapper .swiper-slide {
         /* border: 1px solid green; */
         height: 20%;
      }

   #testimonials .swiper .swiper-wrapper .swiper-slide p {
      font-family: 'Roboto', sans-serif;
      font-size: small;
      padding: 3%;

   }

   #testimonials .swiper .swiper-wrapper .swiper-slide h5 {
      font-family: 'Roboto', sans-serif;
      font-size: 1.1rem;
  
   }
   
   #footer {
      height: 35vh;
   }
   #footer #footer_area {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      background: #1b3764;
   }
   #footer .footer_content {
      width: 100%;
      height: 80%;
      /* border: 1px solid gray; */
      padding: 1%;
   }

   #footer #footer_area #contact_us {
      padding: 10% 10% 0 ;
      align-items: center;
      /* border: 2px solid gray; */
   }


   #footer #footer_area #about_us {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: small;
      /* border: 1px solid gray;; */
   } 

   #footer #footer_area #about_us ul li {
      display: inline-block;
      margin: 0 20px;
      /* border: 1px solid green; */
   }

   #footer #footer_area #connect ul {
      display: flex;
   }
   
   #footer #footer_area #connect ul li {
      display: block;
      /* margin: 2%; */
      width: 100%;
      /* border: 3px dotted orange; */
      justify-content: center;
      justify-items: center;
   }
   
   #footer #footer_area #connect ul li a {
      display: block;
      color: #E5B0d3;
      /* border: 5px solid maroon; */
      padding: 0 30%;
      /* size: small; */
   }
   #footer #footer_area #contact_us {
      color: #E5B0d3;
      align-items: center;
      justify-content: center;
      /* border: 1px dotted green; */
   }

   
   #footer #footer_area #contact_us .contact_label {
      display: inline-block;
      /* width: 70%; */
      font-size: medium;
      font-family: 'Roboto', sans-serif;
      /* font-weight: bold; */
      /* border: 2px dotted green; */
      font-size: small;
   }

   #footer #footer_area #contact_us .contact_label {
      display: inline-block;
      /* width: 60%; */
      font-size: medium;
      font-family: 'Roboto', sans-serif;
      /* font-weight: bold; */
      /* border: 2px dotted green; */
      font-size: small;
      margin-bottom: 2%;
   }
   .picture_popup {
      width: 100%;
      height: 100%;
      /* background: #fff; */
      border-radius: 6px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      /* padding: 0 30px 30px; */
      color: #333;
      /* visibility: hidden; */
      /* border: 1px solid green; */
      z-index: 5;
   }
  
   .gallery_item_wrapper {
      margin-top: 1%;
      border: 1px dotted #1b3764;
               /* border: 5px dotted green; */
               /* align-self: center; */
      width: 100vh;
      height: 35vh;
      margin: 1%;
}

   .picture_popup .swiper {
      width: 90%;
      height: 90%;
      position: relative;
      top: 10%;
      left: 0;
      /* border: 1px solid magenta; */
      /* padding: 0; */
      /* margin: 0; */
   }

   .swiper .swiper-wrapper {
      height: 80%;
      width: 100%;
      /* border: 1px solid red; */
      /* background-color: green; */
      /* margin: 0; */
      /* display: flex; */
      /* align-items: center; */
      /* justify-content: center; */
   }

   .swiper .swiper-wrapper .swiper-slide .swiper-slide-image {
      height: 100%;
      /* height: auto; */
      /* width: auto; */
      width: 100%;

   }
      
   .swiper .swiper-wrapper .swiper-slide .swiper-slide-image img {
      /* height: 100%; */
      height: 90%;
      width: 100%;
      object-fit: contain;
      /* border: 1px solid green; */
      /* object-position: 100%; */
      margin: 0;

      /* display: inline-block; */
   }

   .graduation_hero_wrapper {
      display: flex;
      flex-direction: row;
      height: 100vh;
      width: 100%;
      /* border: 3px dotted orange; */
      margin-top: 40%;
   }

   /* .graduation_header {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 20%;
      border: 1px solid gray;


   } */

   .graduation_content_wrapper {
      /* display: flex; */
      flex-direction: column;
      /* border: 2px dotted magenta; */
      height: 100%;
      /* width: 100%; */
   }
            
.graduation_hero_pic {
   width: 100%;
   height: 40%;
   background-image: url('../images/graduation/graduation_hero.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 60% 100%;
   /* border: 2px dotted magenta; */
}
            
.graduation_consult_wrapper {
   display: flex;
   width: 100%;
   height: 80%;
   /* border: 2px dotted green; */
}
            
.graduation_consult_wrapper .graduation_consult_header {
   height: 10%;
   padding-top: 5%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #c76d8a;
   font-family: 'Roboto', sans-serif;
   font-size: .7rem;
   /* border: 3px solid green; */
}
            
.graduation_consult_wrapper .graduation_consult_desc {
   line-height: 1.5rem;
   font-size: small;
   /* align-self: center; */
   padding: 0 7%;
   text-align:center;
   /* border: 1px solid orange; */
   height: 70%;
}

            
.graduation_consult_wrapper .graduation_consult_desc small {
   /* border: 3px dotted gray; */
   /* padding: 3% 7% 3% 1%; */
   font-family: 'Roboto', sans-serif;
   font-size: small;
}
            
.graduation_consult_wrapper .graduation_consult_button_wrapper {
   /* border: 1px solid gray; */
   display: flex;
   justify-content: center;
}
.graduation_consult_wrapper .graduation_consult_button_wrapper button {
   font-weight: bold;
}

.event_coordinator_hero_wrapper {
   
   display: flex;
   flex-direction: column;
   height: 110vh;
   margin-top: 12%;
   /* border: 3px dotted orange; */
   /* margin-top: 15; */
}


.event_coordinator_content_wrapper {
   margin-top: 30%;
   display: flex;
   flex-direction: column;
   align-items: center;
   /* height: 20vh; */
   /* margin-top: 10%; */
   /* border: 3px dotted orange; */

}
                                             
.event_coordinator_hero_pic {
   /* margin: 30%; */
   width: 70%;
   height: 40vh;
   background-image: url('../images/event_coordinator/event_coordinator_hero.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 80% 100%;
   /* border: 2px dotted magenta; */
   margin: 0;

}
 
/* .event_coordinator_content_wrapper .event_coordinator_consult_wrapper {
   border: 1px solid gray;
} */
.event_coordinator_consult_wrapper .event_coordinator_contact_us {
   /* margin-top: 10%; */
   height: 15vh;
   display: flex;
   /* width: 90%; */
   /* margin: auto; */
   /* font-family: "Roboto" sans-serif; */
   /* font-size: large; */
   /* border: 1px solid gray; */
}

.event_coordinator_consult_wrapper .event_coordinator_contact_us p {
   /* margin-top: 10%; */
   /* width: 90%; */
   /* height: 30%; */
   /* font-family: "Roboto" sans-serif; */
   font-family: "Roboto" sans-serif;
   /* font-weight: bold; */
   /* color: #E5B0d3; */
   /* color: #c76d8a; */
   /* color: #1b3764; */
   /* font-size: large; */
   font-size: .8rem;
   text-align: justify;
   line-height: 1.5rem;
}


.event_coordinator_consult_wrapper  {
   display: flex;
   flex-direction: column;
   /* border: 3px dotted green; */
   width: 100%;
   height: 50vh;
   margin: auto;
}

.event_coordinator_service_title {
   /* color: #E5B0d3; */
   color: #c76d8a;
   font-family: "Roboto" sans-serif;
   font-size: 1rem;
   display: flex;
   justify-content: center;
   /* align-items: center; */
   height: 10%;

}

.event_coordinator_service_list {
   width: 90%;
   /* height: 50%; */
   /* border: 1px solid orange; */
   margin-left: 5%;
   font-family: "Roboto" sans-serif;
   /* font-style: italic; */
   font-size: .8rem;
   /* font-size: large; */
}

.event_coordinator_service_item {
   list-style: disc;
   padding: 1%;

   /* border: 3px solid gray; */
}

.event_coordinator_service_name {
   color: #c76d8a;
   font-family: "Roboto" sans-serif;
   font-weight: bold;
   line-height: 2rem;
}

.event_coordinator_button_wrapper {
   /* border: 1px solid gray; */
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90%;
   height: 20%;
   margin: auto;
}

.event_coordinator_button_wrapper button {
   height: 30%;
}

.event_coordinator_service_list {
   width: 90%;
   /* height: 50%; */
   /* border: 1px solid orange; */
   margin-left: 5%;
   font-family: "Roboto" sans-serif;
   /* font-style: italic; */
   /* font-size: large; */
}
  .rental_main_wrapper {
   margin-top: 30%;
}

.rental_item_wrapper {
   width: 45vh;
   height: 45vh;
}
}


@media only screen and ((min-width: 768px) and (max-width: 919px)) {

   .navbar .nav_content {
         height: 10vh;
   }
   .site_link_area .site_links {
      /* border: 1px soild maroon; */
      align-items: flex-end
   }



   .navbar .site_links ul a,
   .navbar .site_links ul li,
   .navbar_our_policy_wrapper .our_policy {
      font-size: small;
      font-weight: 600;

   }
   .navbar .site_link_area .site_links ul li:hover ul {
      top: 2px;
   }
   .navbar .site_link_area .site_links ul li:hover ul li{
      /* border: 1px solid green; */
      padding: 1.5%;
                     
            
            
   }
   .hamburger_wrapper {
      display: none;
   }

   .home_hero_wrapper {
      background-size: 160% 100%;
      object-fit: contain;
      position: relative;
      left: 0;
      height: 55vh;
      width: 100%;
      /* border: 3px dotted orange; */
      /* margin-top: 10%; */
   }


   .hero .content h1 {
      font-size: 3rem;
   }

   .hero .content p {
      font-size: 5rem;
   }


   .book_consult_wrapper {
      /* border: 1px solid red; */
      padding: 0;
      height: 35vh;

   }

      #book_consult p {
         /* font-family:Verdana, Geneva, Tahoma, sans-serif; */
         text-align: justify;
         font-family: 'Roboto', sans-serif;
         padding: 1%;
         font-size: .9rem;
         /* border: 1px solid gray; */
      }

   #book_consult button {
      margin-top: 3%;
      font-weight: bold;
   }


   .service_types {
      height: 45vh;
      /* border: 1px solid green; */
   }
   .service_types .service_details .link_area_wrapper {
      /* border: 3px solid gray; */
      height: 50%;
      width: 80%;
      margin: 1%;
      text-align: justify;
   }

   .service_details .service_desc {
      font-size: .9rem;
      padding-top: 4%;
      text-align: center;
   }


   #testimonials {
      font-family: 'Roboto', sans-serif;
      /* font-weight: bold; */
      /* border: 2px solid gray; */
      height: 50vh;
   }
      #testimonials .swiper {
         height: 65%;
      }
   #testimonials .swiper .swiper-wrapper .swiper-slide p {
      font-family: 'Roboto', sans-serif;
      font-size: .9rem;
   }

   #testimonials .swiper .swiper-wrapper .swiper-slide h5 {
      font-family: 'Roboto', sans-serif;
      font-size: 1.1rem;
   }
      .policy-popup {
         width: 60%;
         height: 50vh;
      }

   .picture_popup {
      width: 100%;
      height: 100%;
      /* background: #fff; */
      border-radius: 6px;
      position: fixed;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      /* padding: 0 30px 30px; */
      color: #333;
      /* visibility: hidden; */
      /* border: 1px solid green; */
      z-index: 5;


   }

   .picture_popup .swiper {
      width: 90%;
      height: 60%;
      position: relative;
      top: 10%;
      left: 0;
      /* border: 1px solid magenta; */
      /* padding: 0; */
      /* margin: 0; */
   }

   .swiper .swiper-wrapper {
      height: 80%;
      width: 100%;
      /* border: 1px solid red; */
      /* background-color: green; */
      /* margin: 0; */
      /* display: flex; */
      /* align-items: center; */
      /* justify-content: center; */
   }

   .swiper .swiper-wrapper .swiper-slide .swiper-slide-image {
      height: 100%;
      /* height: auto; */
      /* width: auto; */
      width: 100%;

   }

   .swiper .swiper-wrapper .swiper-slide .swiper-slide-image img {
      /* height: 100%; */
      /* height: 70%; */
      width: 90%;
      object-fit: contain;
      /* border: 1px solid green; */
      /* object-position: 100%; */
      margin: 0;

      /* display: inline-block; */
   }

   #footer {
      height: 20vh;

   }




    #footer #footer_area {
      /* display: flex; */
      /* flex-direction: column; */
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      background: #1b3764;
  
   } 


   #footer .footer_content {
      width: 70%;
      height: 80%;

      padding: 1%;
      /* border: 1px solid gray; */

   }




   #footer #footer_area #connect ul li {

      display: block;

      width: 100%;

      justify-content: center;
      justify-items: center;


   }

 
   #footer #footer_area #contact_us .contact_label {
      display: block;

      font-size: medium;
      font-family: 'Roboto', sans-serif;

      font-size: small;
      padding: 1%;
      /* border: 2px solid red; */
   
   }


   #footer #footer_area #contact_us .contact_label {
      display: inline-block;

      font-size: medium;
      font-family: 'Roboto', sans-serif;
      font-size: large;
      margin-bottom: 2%;
   }

   .graduation_hero_wrapper {
      display: flex;
      flex-direction: column;
   
      height: 95vh;
      width: 100%;
   
      margin-top: 20%;
   }

   .graduation_content_wrapper {
      display: flex;
      flex-direction: column;

      /* border: 2px dotted magenta; */
      height: 100%;
      width: 100%;


   }

   .graduation_hero_pic {
      width: 100%;
      /* height: 30; */
      background-image: url('../images/graduation/graduation_hero.jpg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 60% 100%;
      /* border: 2px dotted magenta; */
   }

   .graduation_consult_wrapper {
      display: flex;
      width: 100%;
      height: 100%;
      /* border: 2px dotted green; */
   }

   .graduation_consult_wrapper .graduation_consult_header {
      margin-top: 5%;
      height: 10%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #c76d8a;
      font-family: 'Roboto', sans-serif;
      font-size: small;
      /* border: 3px solid green; */
   }

   .graduation_consult_wrapper .graduation_consult_desc {
      line-height: 1.9rem;
      align-self: center;
      font-size: .9rem;
      padding: 0 6% 5%;
      text-align: justify;
      /* border: 1px solid gray; */
      height: 50%;
   }

   .graduation_consult_wrapper .graduation_consult_desc p {
      /* border: 3px dotted gray; */
      /* padding: 3% 7% 3% 1%; */
      font-family: 'Roboto', sans-serif;
      font-size: .9rem;
   }

   .graduation_consult_button_wrapper .btn {
      font-weight: bold;
      height: 80%;

   }
   
   .gallery_item_wrapper {
      margin-top: 1%;
      border: 1px dotted #1b3764;
      /* align-self: center; */
      width: 35vh;
      height: 35vh;
      margin: 1%;
   }


.gallery_main_wrapper {
   margin: 10% 1% 1% 1%;
   align-content: center;
   
 

}

.gallery_main_center {
   margin-top: 10%;
   margin-bottom: 10%;

}





.gallery_item img,
.hover_gallery_item img {
   height: 90%;
   width: 90%;
   object-fit: contain;


}

.hover_gallery_item {
   position: fixed;
   height: 50vh;
   width: 60vh;
   top: 15%;
   left: 10%;
   /* height: 0%; */
   visibility: hidden;
   z-index: 30;
}

.policy-popup {
   width: 70%;
   height: 70vh;
   top: 40%;
   left: 50%;
}

/************************************************* 
Event coordinator  Start
**************************************************/
.event_coordinator_hero_wrapper {

   display: flex;
   flex-direction: column;
   height: 100vh;
   /* margin-top: 5%; */
   /* border: 3px dotted orange; */
   /* margin-top: 15; */
}


.event_coordinator_content_wrapper {
   margin-top: 5%;
   display: flex;
   flex-direction: column;
   align-items: center;
   /* height: 20vh; */
   /* margin-top: 10%; */
   /* border: 3px dotted orange; */

}

.event_coordinator_hero_pic {
   /* margin: 30%; */
   width: 80%;
   height: 30vh;

   /* background-image: url('../images/event_coordinator/event_coordinator_hero.png'); */
   /* background-repeat: no-repeat; */
   /* background-position: center; */
   background-size: 40% 100%;
   /* border: 2px dotted magenta; */
   /* margin: 0; */

}

/* .event_coordinator_content_wrapper .event_coordinator_consult_wrapper {
   border: 1px solid gray;
} */
.event_coordinator_consult_wrapper .event_coordinator_contact_us {
   /* margin-top: 10%; */
   height: 10vh;
   display: flex;
   align-items: center;
   /* width: 90%; */
   /* margin: auto; */
   /* font-family: "Roboto" sans-serif; */
   font-size: .7rem;
   /* border: 1px solid gray; */
}

.event_coordinator_consult_wrapper .event_coordinator_contact_us p {

   /* font-family: "Roboto" sans-serif; */
   /* font-weight: bold; */
   /* color: #E5B0d3; */
   /* color: #c76d8a; */
   /* color: #1b3764; */
   font-size: .9rem;
   text-align: justify;
   line-height: 1.5rem;
}


.event_coordinator_consult_wrapper {
   display: flex;
   flex-direction: column;
   /* border: 3px dotted green; */
   width: 100%;
   height: 50vh;
   margin: auto;
}

.event_coordinator_service_title {
   /* color: #E5B0d3; */
   color: #c76d8a;
   font-family: "Roboto" sans-serif;
   font-size: 1rem;
   display: flex;
   justify-content: center;
   /* align-items: center; */
   height: 10%;

}

.event_coordinator_service_list {
   width: 90%;
   /* height: 50%; */
   /* border: 1px solid orange; */
   margin-left: 1%;
   font-family: "Roboto" sans-serif;
   /* font-style: italic; */
   font-size: .8rem;
   /* font-size: large; */
}

.event_coordinator_service_item {
   list-style: disc;
   padding: 0;
   margin: 0;
   /* padding: 1%; */

   /* border: 3px solid gray; */
}

.event_coordinator_service_name {
   color: #c76d8a;
   font-family: "Roboto" sans-serif;
   font-weight: bold;
   line-height: 3.5rem;
}

.event_coordinator_button_wrapper {
   /* border: 1px solid gray; */
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90%;
   height: 20%;
   margin: auto;
}

.event_coordinator_button_wrapper button {
   height: 30%;
}

.event_coordinator_service_list {
   width: 90%;
   /* height: 50%; */
   /* border: 1px solid orange; */
   margin-left: 5%;
   font-family: "Roboto" sans-serif;
   /* font-style: italic; */
   /* font-size: large; */
}


/* Event Coordinator end */

  .rental_main_wrapper {
     margin-top: 15%;
  }

  .rental_item_wrapper {
     width: 30vh;
     height: 30vh;
  }

  #rental_search_btn_wrapper {
   height: 5vh;
   /* border: 1px solid orange; */
  }

  #rental_search_btn_wrapper .rental_button {
   height: 80%;
   text-align: center;
  }
}