/*
Theme Name:  Silicate by DigitalMunchers
Theme URL:   http://www.digitalmunchers.com
Description: Silicate by DigitalMunchers
Author:      DigitalMunchers
Author URL:  http://Digitalmunchers
Template:    Divi
Version:     1.0.0
*/
/*Inner Menu*/
.logo-modify {
  width:15% !important;
}
.header-modify {
  justify-content: space-between;
}
@media all and (max-width:1434px) {
  .header-modify .et-menu li {
    font-size:11px;
  }
    .header-modify .menu-title {
      font-size:11px;
  }
  .et_pb_text_0_tb_header.menu-title {
    padding-right: 10px !important;
    margin-right: 10px;
}
  .header-modify .et_pb_menu .et-menu>li {
    padding-left: 5px;
    padding-right: 5px;
}
  .notmenu {
    align-items: self-start;
    justify-content: flex-start;
  }
  .devide {
    padding-left:4px !important;
  }
}
@media all and (max-width:1044px) {
  .et_pb_text_0_tb_header.menu-title {
    padding-right: 5px !important;
    margin-right: 10px !important;
}
}
@media all and (max-width:1007px)
{
  .header-modify .et_pb_menu .et-menu>li {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media all and (max-width:986px)
{
  .header-modify .et_pb_menu .et-menu>li {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.logo-inner-1 {
display:block;
opacity:1;
transition: all 0.3s ease;
margin-bottom: 0 !important;
}
.et_pb_sticky .logo-inner-1 {
  display:none;

}
.home-main-logo {
  display:none;
  opacity:0;
  transition: all 0.3s ease;

}
.et_pb_sticky .home-main-logo {
  display:block;
  opacity:1;
  transition: all 0.3s ease;

}
.et_pb_sticky .et_pb_menu_2_tb_header.et_pb_menu .et_pb_menu__logo {
  width:100%;
}
@media all and (max-width:980px) {
  .et_pb_row_0_tb_header, .et_pb_column_3_tb_header {
    display:block !important;
  }
}
.logo-inner-2 {
  display:none;
  opacity:0;
  transition: all 0.3s ease;
  margin-bottom: 0 !important;
}
.et_pb_sticky .logo-inner-2 {
  display:block;
  opacity:1;
  margin-bottom: 0 !important;
}
/*MENU*/
.enquire {
  background-color: #F4F4F4;
  color: #3A496A;
  font-weight: 600;
  border-radius: 100px;
  padding: 15px 30px;
  font-size: 16px;
}
.contact-us {
  background-color: #249DA2;
  color: #ffffff;
  font-weight: 600;
  border-radius: 100px;
  padding: 15px 30px;
  font-size: 16px;
}
@media all and (max-width:1727.9px) {
  .enquire,
  .contact-us {
    padding:5px 10px;
    font-size:12px;
    font-weight: 500;
  }
}
.et_pb_menu .et_pb_menu__wrap {
  justify-content:flex-end;
}
.devide {
  color: #ffffff;
  padding-left: 20px;
  font-weight: 600;
}
.has_et_pb_sticky .devide {
  color: #3A496A;
  padding-left: 20px;
  font-weight: 600;
}
.notmenu {
  display: flex;
  cursor: text;
  font-weight: 600;
}
@media all and (max-width:980px) {
  .enquire,
  .contact-us {
    border-radius: 0;
    padding: 0;
    text-align: center;
    font-size:14px;
  }
  ul#mobile_menu1 {
    box-shadow: none;
}
.et_pb_menu .et_mobile_nav_menu {
  margin-top:-35px;
}
.home-mobile .et_pb_menu .et_mobile_nav_menu {
  margin-top:0px;
}
ul#mobile_menu3 {
  background-color: #ffffff !important;
  background:#ffffff !important;
}
}
@media all and (min-width:981px) and (max-width:1025px) {
  ul#menu-right {
    display:flex;
    align-self: center;
    align-items: center;
    justify-content: center;
  }
  .enquire,
  .contact-us {
    padding: 5px 10px;
    font-size:12px;
  }
}
/**HIDDEN MENU**/
.menu-trigger {
  display:block;
  opacity:1;
  transition: all 0.3s ease;
  cursor: pointer;
}
.menu-trigger-hide {
  display:none;
  opacity:0;
}
.hidden-menu {
  display:none;
  opacity:0;
  transition: all 0.3s ease;
}
.hidden-menu-show {
  display:block;
  opacity:1;
}
.page-id-318 .contact-us {
  background-color: #3A496A;
}
.dash-color {
  color:#249DA2;
}
.page-id-318  .dash-color {
  color:#3A496A;
}
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex!important;
}

.lwp-hide-mobile-menu .et_mobile_nav_menu {
  display: none;
}
.vert-wrap .et_pb_text_inner {
  display:flex;
}
/*Home*/
.button-box-home {
  background-color:#249DA2;
  border-radius: 100px;
  color:#ffffff;
  padding:5px 5px;
  margin:0 auto;
  width:50%;
  opacity:0;
  display:none;
  font-weight: 700;
  font-size:16px;
  transition: all 0.3s ease;
}
.button-box-home a {
  text-decoration: none;
  color:#ffffff;
}
.home-hover:hover .button-box-home {
  display:block;
  opacity:1;
  cursor: pointer;
}

.home-hover {
  transition: all 0.3s ease;
  
}
.home-hover img {
  filter: grayscale(100%);
}
.home-hover:hover {
  height: calc(550px + 10px);
}
.home-hover:hover img {
  filter: grayscale(0%);
}
@media all and (min-width:980px) {
.boxes-home {
  margin:0 auto;
}
.boxes-home {
  height:550px;
 padding:40px 15px;
}
p.box-title-home {
  height: 66px;
}
}
@media all and (min-width:1459px) {
  .boxes-home {
    width: 378px !important;
}
}
@media all and (max-width:1458px) {
  .home-hover.boxes-home.box-center {
    width:295px;
  }
}
@media all and (max-width:1214px) {
  .home-hover.boxes-home.box-center {
    width:230px;
}
}
@media all and (max-width:1354px) {
 .vertical-text-home {
  display: none !important;
 }
 .home-hover.boxes-home.box-center {
  width:295px;
}
}
@media all and (max-width:980px) {
  .home-hover.boxes-home.box-center {
    width:100%;
  }
}
@media all and (max-width:979px) {
  .boxes-home {
    padding:40px 15px;
  }
}
.vert-outer {
 display:flex
}
.vert-outer.vert-left {
  align-items: flex-start;
}
.vert-item {
  display:flex;
  align-items:end;
}
.vertical-text {
    writing-mode: vertical-lr; /* for vertical right-to-left text */
    transform: rotate(180deg) translate(-4px);
    display: inline-block; /* set display to inline-block to adjust container size based on content */
  }

  .vertical-text-2 {
    writing-mode: vertical-lr; /* for vertical right-to-left text */
    transform: rotate(180deg) translate(-4px);
    display: inline-block; /* set display to inline-block to adjust container size based on content */
  }
  /* .vertical-app .vertical-text {
    font-size:38px;
  } */
/*======================Ready to Use Hero=============================*/
.ready-use-top,
.readyuse-modify {
  margin-top:-225px;
}
@media all and (max-width:1522px) {
  .ready-use-top,
  .readyuse-modify {
margin-top:-175px;
}
#readyto-use.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
background-size:127%;
}
}
@media all and (max-width:1436px) {
  .ready-use-top,
  .readyuse-modify {
margin-top:-165px;
}
#readyto-use.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
background-size:130%;
}
}
@media all and (max-width:1412px) {
  .ready-use-top,
  .readyuse-modify {
margin-top:-150px;
}
#readyto-use.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
background-size:137%;
}
}
@media all and (max-width:1346px) {
  .ready-use-top,
  .readyuse-modify {
margin-top:-115px;
}
#readyto-use.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
background-size:145%;
}
}
@media all and (max-width:1304px) {
  .ready-use-top,
  .readyuse-modify {
margin-top:-100px;
}
#readyto-use.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
background-size:153%;
}
}
@media all and (max-width:1265px) {
  .ready-use-top,
  .readyuse-modify {
margin-top:-90px;
}
#readyto-use.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
background-size:165%;
}
}
@media all and (max-width:1215px) {
.et_pb_column.et_pb_column_1_2.et_pb_column_0.ready-use-head {
 width:100%;
}
#readyto-use.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
background-position: center bottom;
background-color: #3A496A;
}
}
/*======================Ready to use hero END=============================*/

/*====================== Custom Desing Hero===============================*/
#custom-design-hero.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
  background-position: center bottom;
  background-color:#249DA2;
}
#custom-design-hero .custom-design-inner {
  padding:5% 0;
}

@media all and (max-width:1704px) {
#custom-design-hero.et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
  background-size:100%;
  
}
}
#wpcf7-f393-p318-o1 .custom-form input[type="text"],
#wpcf7-f393-p318-o1 .custom-form input[type="email"],
#wpcf7-f393-p318-o1 .custom-form select {
  color: #5d5d5d!important;
  font-family: Open Sans,Arial,sans-serif;
}
#wpcf7-f393-p318-o1 .custom-form input[type="submit"] {
  font-family: Open Sans,Arial,sans-serif;
}
/*====================== Custom Design Hero End =========================*/
  .readywrap {
    display:block;
  }
  @media all and (min-width:980px) {
    .readywrap {
      display:flex;
    }
  }
  @media all and (max-width:1265px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      padding-top:100px
    }
   }
  @media all and (max-width:1024px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size:175%;
    }
   }
   @media all and (max-width:980px) {
    .et_pb_section.et_pb_section_1.rainforest-curve.et_pb_with_background.et_section_regular {
      background-position: center top 65%;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 272px;
    }
   }
   @media all and (max-width:980px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size: 455%;
    background-position: center top;
    }
   }
  @media all and (max-width:767px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size:390%;
    }
  }
  @media all and (max-width:676px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size:390%;
    }
  }
  @media all and (max-width:636px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size:465%;
    }
  }
  @media all and (max-width:555px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size:540%;
    }
  }
  @media all and (max-width:445px) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size: 665%;
    background-position: center top;
}
    }
  @media all and (min-width:420.9px) and (max-width:444.9) {
    .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
      background-size: 765%;
      background-position: center top;
    }
  }
 @media all and (max-width:420px) {
  .et_pb_section.et_pb_section_0.curve-bg.et_pb_with_background.et_section_regular {
    background-size: 765%;
    background-position: center top;
}
  }
 .rainforestitems {
  border-left: solid 3px #249da2;
  margin-bottom: 40px;
  padding-left: 20px;
}
@media all and (min-width:1024px) {
  .rainforestitems {
    width:50%;
  }
}
  .readyinner {
    border-left: 4px solid #249DA2;
    padding-left: 20px;
}
.readyinner2 {
  border-left: 4px solid #3A496A;
  padding-left: 20px;
}
.readyinner2 ul li {
  list-style:none;
}
.readyinner-left {
  margin-left: 0;
  margin-top: 20px;
}
@media all and (min-width:980px) {
.readyinner-left {
  margin-left:40px;
}
}
  .readyinner ul li {
    list-style:none;
  }
  .ready-buttons {
    display:flex;
  }
  .readybutton {
    width: 150px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 100px;
    color: #249DA2;
    text-align: center;
    padding: 14px 10px;
    cursor: pointer;
    font-weight: 800;
}
/* @media all and (max-width:1366px) {
  .readywrap {
    display:block;
  }
  .readyinner {
    margin-bottom:40px;
  }
  .readyinner-left {
    margin-left:0;
  }
} */
.moreinfo {
  width: 150px;
  height: 50px;
  background-color: #249DA2;
  border-radius: 100px;
  color: #ffffff;
  text-align: center;
  padding: 14px 10px;
  cursor: pointer; 
  font-weight: 800;
}
.appinfo {
  width: 150px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 100px;
  color: #249DA2;
  text-align: center;
  padding: 14px 10px;
  cursor:default; 
  font-weight: 800;
}
.readybutton-blue {
  background-color:#249DA2;
  color:#ffffff;
}
.hide-button {
  display:none;
  opacity:0;
  transition: all 0.3s ease;
}
.button-active {
  width: 150px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 100px;
  color: #249DA2;
  text-align: center;
  padding: 14px 10px;
  cursor: pointer;
}
.show-button {
  display:block;
  opacity:1;
  transition: all 0.3s ease;
}
.appfeatures-content {
  display:flex;
}
.content-show {
  display:block;
  opacity:1;
}
.content-hide {
  display:none;
  opacity:0;
}
.containerapp {
  /* display: flex;
  flex-wrap:wrap-reverse;
  justify-content: center;
  align-self: center;
  align-items:center; */
  width:100%;
  margin:0 40px;
}
@media all and (max-width:980px) {
  .containerapp {
  display:block;
  }

}
.itemapp {
  flex: 0 0 calc(33.33% - 20px);
  margin: 10px;
}

.toggle-app {
  display: block;
  margin-bottom: 10px;
}

.contentapp {
  padding: 10px;
  background-color: #f0f0f0;
}
.boxapp {
  background:#249DA2;
  border-radius: 5px;
  padding:50px 30px;
  text-align: center;
  color:#ffffff;
  transition: height 10s ease-in-out;
  height: 350px;
  overflow: hidden;
}
.mbottom {
  margin-bottom: 50px;
}
@media all and (max-width:1024px) {
.mobile-bottom {
  margin-bottom:50px;
}
}
.boxapp h2 {
  color:#ffffff;
  font-size: 25px;
  font-weight: 600;
}
.boxapp-active {
  background:#3A496A;
  height: auto;
}
@media all and (min-width:980px) {
 .boxapp {
  
 }
 .boxrow {
  float:left;
  margin-right:30px;
  width:30%;
 }
}
.toggle-btn {
  background-color:#3A496A;
  color:#ffffff;
  border-radius: 50px;
  padding:10px 15px;
  border-width: 0;
  font-weight: 700;
}
.boxapp-list li {
  list-style: none;
}
.gallery {
  display: flex;
  flex-direction: column;
}
/* @media all and (min-width:980px) {
  .gallery {
    width:615px;
  }
} */

.gallery-item {
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
}

.gallery-item img {
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.gallery-item:hover img {
  filter: grayscale(0%);
}

.gallery-item h3 {
  text-align: left;
  color: #3A496A;
  opacity: 0;
  transition: all 0.3s ease;
}

.gallery-item:hover h3 {
  opacity: 1;
}
.gallery-item:hover .gallery-disc {
  display:flex;
}
.gallery-disc {
  display:none;
  align-items:center;
  align-self:center;
  justify-content: space-between;
  transition: all 0.3s ease;

}
.gallery-disc h3 {
  font-weight: 700;
}
@media all and (max-width:980px) {
  .gallery-disc h3 {
    font-size:17px;
    font-weight: 700;
  }
}
.gallery-item:hover .button-item {
  opacity:1;
}
.button-item {
  background-color:#249DA2;
  color:#ffffff;
  padding:10px 15px;
  border-radius: 100px;
  width:200px;
  opacity:0;
  transition: all 0.3s ease;
  text-align: center;
}
.bespoke-box {
  background-color: #249DA2;
 border-radius: 10px;
  align-items: center;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 50px;
  transition: all 0.3s ease;
}
.bespoke-box:hover {
  background-color:#3A496A;
}
.bespoke-disc {
  width:200px;
  text-align: left;
  color:#ffffff;
}
.bespoke-disc h3 {
  color:#ffffff;
  font-weight:bold;
}
.bespoke-btn {
  background-color: #249DA2;
  border-radius: 10px;
  align-items: center;
  margin: 0 auto;
  display: block;
  justify-content: space-between;
  align-items: center;
  padding: 30px 50px;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media all and (max-width:980px) {
  .bespoke-btn {
    padding:16px 10px 7px;
    
  }
}
.bespoke-btn:hover {
  background-color:#3A496A;
}
  
.bespoke-btn-disc {
  text-align: justify;
}
.bespoke-btn-disc h3 {
  color:#ffffff;
  font-weight: 700;
  text-align: center;
  font-size:30px;
}
@media all and (max-width:980px) {
  .bespoke-btn-disc h3 {
    font-size:17px;
  }
}
/*Footer*/
.custom-footer .et_pb_contact_field textarea.et_pb_contact_message {
  min-height: 0px;
}
@media screen and (min-width:981px) {
.custom-footer button.et_pb_contact_submit.et_pb_button {
  margin-top:-33px;
}
}
@media screen and (max-width:980px) {
  .custom-footer .et_contact_bottom_container {
    margin-top: 25px;
  }
}

/*CUSTOM FORM*/
.custom-form {
  max-width: 1080px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}
@media all and (max-width:980px) {
  .custom-form {
    max-width: 100%;
  }
}
.custom-form .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media all and (max-width:980px) {
  .custom-form .row {
    display: block;
  }
}
.custom-form .col {
  flex: 1;
  padding: 0 10px;
}
.last-col.col {
  flex-basis: 85%;
}
.custom-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.custom-form input[type="text"],
.custom-form input[type="email"],
.custom-form select {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid #249DA2;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  margin-bottom: 20px;
  font-size: 16px;
}

.custom-form input[type="submit"] {
  background-color: #249DA2;
  color: white;
  border: none;
  border-radius: 100px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  box-shadow: -1px 2px 11px 0px rgba(0,0,0,0.26);
-webkit-box-shadow: -1px 2px 11px 0px rgba(0,0,0,0.26);
-moz-box-shadow: -1px 2px 11px 0px rgba(0,0,0,0.26);
transition: all 0.3s ease;
}

.custom-form input[type="submit"]:hover {
  background-color: #1e868a;
}
.custom-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/wp-content/uploads/2023/04/drop-green.png);
  background-position-x: 98%;
  background-position-y: 12px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-color:#ffffff;

}