.pt-sans-regular {
    font-family: "PT Sans", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .pt-sans-bold {
    font-family: "PT Sans", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .pt-sans-regular-italic {
    font-family: "PT Sans", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .pt-sans-bold-italic {
    font-family: "PT Sans", serif;
    font-weight: 700;
    font-style: italic;
  }
  *{
    margin:0;
    padding:0;
    box-sizing: border-box;
  }
  html{
    scroll-behavior: smooth;/* for scroll smooth scrolling*/
    font-family: "PT Sans", serif;
   
  }
  *{
    box-sizing: border-box;
  }
  body{
    max-width: 100%;
    width: 100%;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  
  #wrapper{
    width:100%;
    overflow-x: hidden;
    margin:0 auto;
    box-sizing: border-box;
  }
  #mapper{
      font-weight:bold;
      
  }
  #mapper span{
      font-weight:bold;
      color:#1FD660;
  }
  .mejs__controls {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .mejs__container .mejs__controls {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
  }
  #menubar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:0;
    margin:0;
    padding:0;
    width: 100vw;
    height: 118px;
  }
  #menubar img{
    width:100%;
    object-fit: contain;
    height: auto;
  }
  #mainbanner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:0;
    margin:0;
    padding:0;
    height: 100vh;
    width:100vw;
    overflow-x: hidden;
    position: relative;
  }
  #mainbanner #section07{
  position: absolute;
  bottom:42%;
  left:0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:2rem;
  height: 0px;

}
#mainbanner #section07 #unmuteButton{
  cursor: pointer;
  border:none !important;
  background: none !important;
}
#mainbanner #section07 a{
text-decoration: none;
color:white;

}
  #mainbanner .boxshadows{
  position: absolute;
  width:100%;
  height: 100vh;
  top:0;
  left:0;
  /*background:url(../images/shadowbox.webp) no-repeat center center;
   background-size: 100%;*/
      background-color:rgba(0,0,0,0.65);
   
  z-index: 1;
  }
  #mainbannercontent h1{
 font-size: 6rem;
 
 font-weight: bolder;
 
 padding-top:2rem;
}


  #mainbannercontent h1 span{
  
  color:#1FD660;
 }
  #mainbannercontent #borderleftbox  {
    border-left: 1px solid rgba(0, 0,0, 0.1);
 padding-left: 6rem;
 }
  #mainbannercontent #borderleftbox h2{
  font-size: 1.8rem;
  font-weight: 500;
 
   padding-bottom:2rem;
 }
 #mainbannercontent #borderleftbox p{
  font-size: 1.2rem;
 
 color:rgba(0,0,0,0.5);
  display: block;
  padding-bottom:2rem;
 }
  .video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
	  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  video {
    width: 100%;
    height: 100%;
   object-fit: cover;  
  }
  
  /* Optional: Add a fullscreen button (if desired) */
  .fullscreen-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    cursor: pointer;
  }
  
  /* Fullscreen state via CSS (requires the video element to be manually fullscreened by the user) */
  video:fullscreen {
    object-fit: contain; /* Adjusts the video to be contained inside the screen */
  }
  
  .gbutton:link,.gbutton:visited{
    text-decoration: none;
    padding:1rem 5rem;
    background: rgb(6,163,16);
  background: linear-gradient(288deg, rgba(6,163,16,1) 35%, rgba(31,214,96,1) 100%);
  border-radius: 2.5rem;
  border:2px solid #FFF;
  color:white;
  font-size: 1.5rem;
  transition: background-color 0.3s ease;
      position: relative;
    left: 1.8rem;
  }
  .gbutton:hover,.gbutton:focus{
    text-decoration: none;
    background:transparent;
  }
  
  /**services **/
  #servicesweoffer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap:0;
    margin:0;
    padding-block:5rem;
    width: 100%;
  
  }
  #servicesweoffer #servicesweofferinside h2{
    font-size: 3.5rem;
    color:black;
    display: inline-block;
    margin: 0;
    padding: 0;
          font-weight: bold;
  }
  #servicesweoffer #servicesweofferinside h2 span{
    color:#1FD660;
    font-size: 3.5rem;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  #servicesweoffer #servicesweofferinside  span{
    font-size: 0.8rem;
    color:#5A717C;display: block;
   
  }
  
  #servicesweoffer #servicesweofferinsidegrid{
  
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:0;
  width:100%;
  margin-top:2rem;
  position: relative;
  max-width: 1781;
   
  }
  #servicesweoffer #servicesweofferinsidegrid > div{
  
  position: relative;
     
    }
  
  #servicesweoffer #servicesweofferinsidegrid .servicesimg{
  
  width:100%;
  height:100%;
  margin:0;
  padding:0;
     
    }
    #servicesweoffer #servicesweofferinsidegrid .servicecontainer .servicesimg img{
  
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: relative;
      
  z-index: 1;
   
    transition: transform 0.5s ease-in-out; /* Smooth scaling */
   
  
        }
        #servicesweoffer #servicesweofferinsidegrid  .servicecontainer {
          overflow: hidden;
  
        }
        #servicesweoffer #servicesweofferinsidegrid  .servicecontainer  .servicesshadow{
          position: absolute;
          left:0;
          top:0;
          width:100%;
          height: 100%;
      background:url(../images/shadows.webp) no-repeat center center;
      background-size: cover;
      opacity: 0.86;
          z-index: 2;
        }
    
  #servicesweoffer #servicesweofferinsidegrid .servicecontainer .servicesdetails{
  position: absolute;
  left:0;
  top: -70px;
  height: 100%;
   display: flex;
   flex-direction: column;
   justify-content:end;
   align-items: flex-start;
   padding-block:4rem;
   padding-inline:3rem;
   gap:2rem;
  z-index: 4;
  cursor: pointer;
  transform: translateY(50px); /* Initial position (above center) */
        transition: transform 0.5s  ease-out; /* Smooth transition */
        }
     
                #servicesweoffer #servicesweofferinsidegrid .servicecontainer .servicesdetails img{
          width:100%;
          
                }
        #servicesweoffer #servicesweofferinsidegrid .servicecontainer .servicesdetails:hover{
  
          z-index: 99999;
        
          justify-content:center;
          transform: translateY(0); /* Move to vertical center */
   
          padding-bottom:4rem;
              }  
  
    
  
              .servicecontainer:hover  .servicesimg img  {
                transform: scale(1.3); /* Scale the image */
                transition: transform 0.5s ease; /* Smooth transition */
             
                         } 
        #servicesweoffer #servicesweofferinsidegrid .servicecontainer .servicesdetails p{
    color:white;
    text-align: left;
    line-height: 1.6em;
                 
                }
  
                
        #servicesweoffer #servicesweofferinsidegrid .servicesdetails a:link,      #servicesweoffer #servicesweofferinsidegrid .servicesdetails a:visited{ 
                      text-decoration: none;
                      padding:1rem 4rem;
                      background: rgb(6,163,16);
                      background: linear-gradient(288deg, rgba(6,163,16,1) 35%, rgba(31,214,96,1) 100%);
                      color:white;
                      border-radius:3rem;
                      border:2px solid white;
                      font-weight: normal;
                      transition: background-color 0.3s ease;
  
                      }
                      #servicesweoffer #servicesweofferinsidegrid .servicesdetails a:hover{
                        background:transparent ;
  
                      }        
     
        /** our gallery ***/
  
        #ourgallery{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          gap:0;
          margin:0 auto;
          padding-top:1rem;
          margin-bottom:5rem;
          width: 90%;
      
        
        }
        #ourgallery #ourgalleryinside span{
        font-size: 0.8rem;
        color:#5A717C;display: block;
        }
        #ourgallery #ourgalleryinside h2{
          font-size: 3.5rem;
          color:black;
          display: inline-block;
          margin: 0;
          padding: 0;
          margin-bottom:1.2rem;
                font-weight: bold;
        }
        #ourgallery #ourgalleryinside h2 span{
          color:#1FD660;
          font-size: 3.5rem;
          display: inline-block;
          margin: 0;
          padding: 0;
        }
        #ourgallery #ourgalleryinside p{
    max-width: 700px;
    color:rgba(0,0,0,0.7);
        }
        #ourgallery #ourgalleryinsidegrid  {
          height:auto;
          width: inherit;
          display: grid;
          margin-top:2rem;
          gap: 1rem; 
          grid-template-areas:
              "b1 b1 b2 b3"
              "b1 b1 b2 b3"
              "b5 b4 b4 b3"
              "b5 b6 b7 b7"
              "b8 b8 b9 b9"
              "b10 b11 b11 b12";
                max-width: 1781px;
        }
        #ourgallery #ourgalleryinsidegrid > div  {
       
   
          max-height: 350px;
            }
  
            
            #ourgallery #ourgalleryinsidegrid #aa1 {
    grid-area:b1;
   
    height: 100%;
    overflow: hidden;
  }
  #ourgallery #ourgalleryinsidegrid #aa1  img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #ourgallery #ourgalleryinsidegrid #aa1 img:hover{
    transform: scale(1.1);
  }
  #ourgallery #ourgalleryinsidegrid #aa2 {
    grid-area: b2;
    height: 100%;
    overflow: hidden;
  }
  #ourgallery #ourgalleryinsidegrid #aa2  img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #ourgallery #ourgalleryinsidegrid #aa2 img:hover{
    transform: scale(1.1);
  }
  
  #ourgallery #ourgalleryinsidegrid #aa3 {
    grid-area: b3;
    height:100%;
    overflow: hidden;
    max-height: 800px !important;
  }
  #ourgallery #ourgalleryinsidegrid #aa3  img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #ourgallery #ourgalleryinsidegrid #aa3 img:hover{
    transform: scale(1.1);
      }
    
  #aa4 {
   grid-area: b4;
   height: 100%;
   overflow: hidden;
  }
  #aa4  img{
  width:100%;
  object-fit: cover;
  height: 130%;
  transition: transform .3s;
  }
  #aa4 img:hover{
    transform: scale(1.1);
      }
    
  #aa5 {
    grid-area: b5;
    height: 100%;
    overflow: hidden;
    max-height: 1000px !important;
   }
   #aa5  img{
    width:100%;
    object-fit: cover;
    height: 100%;
    transition: transform .3s;
     }
  
     #aa5 img:hover{
      transform: scale(1.1);
        }
      
   #aa6 {
    grid-area: b6;
   
    height: 100%;
    overflow: hidden;
  }
  #aa6  img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #aa6 img:hover{
    transform: scale(1.1);
      }
    
   #aa7{
    grid-area: b7;
    height: 100%;
    overflow: hidden;
  }
  #aa7  img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #aa7 img:hover{
    transform: scale(1.1);
      }
    
  
   #aa8{
    grid-area: b8;
    height: 100%;
    overflow: hidden;
  }
  #aa8  img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #aa8 img:hover{
    transform: scale(1.1);
      }
    
   #aa9 {
    grid-area: b9;
    height: 100%;
    overflow: hidden;
  }
  #aa9  img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #aa9 img:hover{
    transform: scale(1.1);
      }
    
  #aa10 {
    grid-area: b10;
    height: 100%;
    overflow: hidden;
  }
  #aa10 img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #aa10 img:hover{
    transform: scale(1.1);
      }
    
  #aa11 {
    grid-area: b11;
    height: 100%;
    overflow: hidden;
  }
  #aa11 img{
  width:100%;
  object-fit: cover;
  height: 140%;
  transition: transform .3s;
  }
  #aa11 img:hover{
    transform: scale(1.1);
      }
    
  #aa12 {
    grid-area: b12;
    height: 100%;
   
    overflow: hidden;
  }
  #aa12 img{
  width:100%;
  object-fit: cover;
  height: 100%;
  transition: transform .3s;
  }
  #aa12 img:hover{
  transform: scale(1.1);
    }
  
  
   
  
  /** OUR FOUNDER **/
  #ourfounders{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0;
    margin: 0;
    padding-block: 5rem;
    width: 100%;
  height: auto;
    background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 35%, rgba(53,54,53,1) 100%);
  }
  #ourfounders #ourfindersinside{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../images/vectorlines.webp) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: auto;
  
  
   }
   #ourfounders #ourfindersinside h2 {
    font-size: 3.5rem;
    color: white;
    display: inline-block;
    margin: 0;
     font-weight: 500;
    padding: 0;
    margin-bottom: 1.2rem;
    position: relative;
       font-weight:bold;
   }
   #ourfounders #ourfindersinside h3 {
    font-size: 2.5rem;
    color: white;
    display: inline-block;
    margin: 0;
     font-weight: 500;
    padding: 0;
    margin-bottom: 1.2rem;
    position: relative;
   }
    #ourfounders #ourfindersinside h2 span {
    color: #1FD660;
    font-size: 3.5rem;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  
  #ourfounders #ourfindersinside h2::before {
    content: '';
    position: absolute;
    right: -150px;
    top: 52%;
    width: 130px;
    height: 1px;
    border-bottom: 1px dashed #FFF;
  }
  #ourfounders #ourfindersinside h2::after {
    content: '';
    position: absolute;
    left: -150px;
    top: 52%;
    width: 130px;
    height: 1px;
    border-bottom: 1px dashed #FFF;
  }
  #ourfounders #ourfindersinside #couple{
    background: url(../images/bosses.png) no-repeat top center;
    background-size: 100%;
    width:778px;
    height: 614px;
    display: flex;
    margin-top:1rem;
  
  }
  
  #ourfounders #ourfindersinside #couplegrid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:2.5rem;
    max-width: 45%;
    margin-bottom: 6rem;
  }
  
  #ourfounders #ourfindersinside #couplegrid p{
    text-align: justify;
  }
  #ourfounders #ourfindersinside #couplegrid > div.divider{
  border-right:1px solid rgba(255,255,255,0.2);
  padding-right:20px;
  }
  #ourfounders #ourfindersinside  h4{
    color:rgba(255,255,255,1);
  font-size: 2.1rem;
  }
  #ourfounders #ourfindersinside   p{
    color:rgba(255,255,255,0.6);
  font-size: 1rem;
  }
   
  #ourfounders #ourfindersinside #couplegridtwo{
    position: relative;
  
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:1.7rem;
    margin-top:2rem;
      width:70%;
      box-sizing:content-box;
  }
  #ourfounders #ourfindersinside #couplegridtwo > div{
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:1.3rem;
    position: relative;
    box-sizing: border-box;
   
  }
  #ourfounders #ourfindersinside #couplegridtwo > div img{
      object-fit: cover;
    width: 100%;
    height: 100%;
  }
  
  #ourfounders #ourfindersinside #couplegridtwo > div .boxshadowss{
  
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 2;
  }
  #ourfounders #ourfindersinside #couplegridtwo > div .details{
  
    position: absolute;
    top:0;
    left:0;
    width:100%;
    display: flex;
  height:100%;
    flex-direction: column;
    justify-content: center;
    align-items:flex-start;
    gap:1rem;
    box-sizing: border-box;
    padding:2rem;
    text-align: left;
   
    z-index: 3;
    }
    #ourfounders #ourfindersinside #couplegridtwo > div .details h5{
  
   color:#1FD660;
   font-size: 1.5rem;
   display: block;
   margin-bottom:2rem;
      }
  
      #ourfounders #ourfindersinside #couplegridtwo > div .details p{
  
        color:#FFF;
        font-size: 1rem;
           }
  
   /** LOCATIONS **/
  
  #locations{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0;
    margin: 0;
    padding-block: 5rem;
    width: 100%;
  height: auto;
  
  }
  
  #locations #locationinside{
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: start;
   
    background-size: contain;
    width: 90%;
    height: auto;
          max-width: 1781px;
  }
   
  #locations #locationinside h2{
    font-size: 3.5rem;
    color: black;
    display: inline-block;
    margin: 0;
    
    padding: 0;
    margin-bottom: 1.2rem;
  text-align: left;
      font-weight:bold;
  }
  #locations #locationinside h2 span{
    color: #1FD660;
    font-size: 3.5rem;
    display: block;
    margin: 0;
    padding: 0;
  }
  #locations #locationinside span {
    font-size: 0.8rem;
    color: #5A717C;
    display: block;
  }
  
  #locations #locationinside #searchbox{
    display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width:100%;
  
  }
  #locations #locationinside #searchbox span{
   text-align: left;
   display: block;
  font-size: 1.4rem;
  
  }
  #locations #locationinside #searchbox input[type=text]{
   padding:0.8rem;
   border:1px solid #BBB;
   border-radius: 8px;
  width:500px;
  position: relative;
  background: url(../images/location.png) no-repeat right center;
  background-size: 40px;
  }
   
  #locations #locationinside #searchbox #searchboxrow{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:left;
    gap:0.5rem;
  
  }
  #locations #locationinside #location_office_grid{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:1.3rem;
  width:100%;
  margin-top:2rem;
  margin-bottom: 2rem;
  }
  
  #locations #locationinside #location_office_grid .locationbox{
   background-color: rgba(0,0,0,0.01);
    height: 600px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-bottom:7px solid #E7ECEE;
    box-sizing: border-box;
    overflow: hidden;
  
    }
    #locations #locationinside #location_office_grid .locationbox img{
   object-fit: cover;
   width:100%;
   height: 300px;
     overflow: hidden;
   transition: transform .3s;
  }
  #locations #locationinside #location_office_grid .locationbox  img:hover{
  transform: scale(1.1);
    }
  
  
    #locations #locationinside #location_office_grid .locationbox .detailslocation{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap:0rem;
  padding:2rem;
    }
    #locations #locationinside #location_office_grid .locationbox .detailslocation span{ 
   font-size: 0.8rem;
   color:#676767; text-align: left;
    }
    #locations #locationinside #location_office_grid .locationbox .detailslocation h6{ 
   font-size: 2rem;
   color:black; text-align: left;
    }
  
    #locations #locationinside #location_office_grid .locationbox .detailslocation p{ 
   color:#666C6F;
   font-size: 1rem;
   text-align: left;
    }
    #locations #locationinside #location_office_grid .locationbox .detailslocation a{ 
   text-decoration: none;
   color:#1FD660;
    }
  
    /** TESTIMONIALS **/
  
    #testimonials{
      display: flex;
      flex-direction: column;
      justify-content:center ;
      align-items: flex-start;
      background: rgb(226,226,226);
      background: linear-gradient(90deg, rgba(226,226,226,1) 35%, rgba(255,255,255,1) 100%);
  width:100%;
  height: auto;
  box-sizing: border-box;
  padding-block:5rem;
  margin-top:2rem;
  overflow: hidden;
    }
  
    #testimonials #testimonialsinside{
      width:90%;
      margin:0 auto;
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap:1.4rem;
      box-sizing: border-box;
      height: auto;
      position: relative;
      top: 0;
            max-width: 1781px;
    }
    #testimonials #testimonialsinside > div  {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items:start;
     gap:1.3rem;
     text-align: left;
     height: inherit;
     width: 100%;
   
   
    }
    #testimonials #testimonialsinside > div h2 {
      font-size: 3.5rem;
      color: black;
      display: inline-block;
      margin: 0;
   
      padding-block:3rem;
      margin-bottom: 1.2rem;
      text-align: left;
  font-weight:bold;
    
    }
    #testimonials #testimonialsinside > div span {
      font-size: 0.8rem;
      color: #5A717C;
      display: block;
      text-transform: uppercase;
    }
    #testimonials #testimonialsinside > div  h2 span {
      color: #1FD660;
      font-size: 3.5rem;
      display: inline-block;
      margin: 0;
      padding: 0;
    }
   
   
    #testimonials #testimonialsinside #testipart{
      width:inherit;
       position: relative;
       top:100px;
       box-sizing: border-box;
   
  }
    #testimonials #testimonialsinside   #testimonialslist{
      display: flex;
     
      position: absolute;
      width: 100%;
      height: 500px;
    
    }
  
    #testimonials #testimonialsinside   #testimonialslist > div{
   
  
  width: 100%;
  height: auto;
  box-sizing: border-box;
   
  }
  
  #testimonials #testimonialsinside   #testimonialslist   .slick-prev 
    {
           color: transparent; 
      font-size:0;
    position: absolute;
    top: 50%;
    left:-180px;
      background: transparent;
      border: none;
    
  }
   #testimonials #testimonialsinside   #testimonialslist   .slick-prev:hover 
    {
   
   
          background: transparent;
      border: none;
    
  }
  #testimonials #testimonialsinside   #testimonialslist  .slick-next {
   
    position: absolute;
    top: 50%;
    left:-120px;
        background: transparent;
      border: none;
          color: transparent; 
      font-size:0;
  }
   #testimonials #testimonialsinside   #testimonialslist  .slick-next:hover 
    {
   
   
          background: transparent;
      border: none;
    
  }
  #testimonials #testimonialsinside   #testimonialslist  .slick-prev::before {
    color:black;
    font-size: 3rem;
   
  }
  
  #testimonials #testimonialsinside   #testimonialslist  .slick-next::before {
   
    font-size: 3rem;
    color:black;
  }
  
  #testimonialslist .testigrid{
    display: grid;
    grid-template-columns: 30% 70%;
    gap:1.2rem;
    position: relative;
    top: -7rem !important;
    box-sizing: border-box;
 
  }
  @media(max-width:768px){
    #testimonialslist .testigrid{
    top: 0 !important;
    }
  } 
  #testimonialslist .testigrid > div  {
  display: flex;
  flex-direction: column;
    justify-content: flex-start; 
  align-items:flex-start;
  gap:0rem;
  height: 100%;
  box-sizing: border-box;
   }
  #testimonialslist .testigrid > div img{
   object-fit: cover;
   width: 100%;
   height: 100%;
      border-radius: 12px;
      max-height:220px;
  }
  @media(max-width:768px){
    #testimonialslist .testigrid > div img{
      max-height:none;
    }
  }
  #testimonialslist .testigrid > div  h5{
   font-size: 1.7rem;
   margin-bottom:1.2rem;
   }
   #testimonialslist .testigrid > div  h6{
    font-size: 1.2rem;
    margin-bottom:0.5rem;
   }
   #testimonialslist .testigrid > div  p{
    font-size: 1rem;
    color:rgba(0,0,0,0.7);
   }
  
  
  
  
  
   /*** CONTACT US **/
  
   #calendarbox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin:0 auto;
   
   }
   #calendarbox #calendarboxinside{ 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  width:90%;
  margin:0 auto;
  padding-bottom:0rem;
  padding-top:6rem;
   }
   #calendarbox #calendarboxinside h2{ 
  font-weight:bold;
  font-size: 3.5rem;
  margin-bottom:0;
       font-family:Poppins, sans-serif !important;
   }
   #calendarbox #calendarboxinside h2 span{ 
  
  font-size: 3.5rem;
   color:#1FD660;
   }
   #contactusbanner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 70vh;
    box-sizing: border-box;
  /*background:url(../images/contacts.webp) no-repeat center center;
  background-size: cover;*/
    position: relative;
	       background-color: rgba();
    background: linear-gradient(273deg, rgba(210, 212, 212, 0.4) 0%, rgba(233, 255, 241, 1) 100%);
    background-size: 400% 400%;
    animation: gradientAnimation 10sease infinite;
   }
   #contactusbanner #contactbannerheaders{
   
   text-align: center;
   width: 90%;
   margin:0 auto;
   position: relative;
    margin-block:3rem;
   z-index: 3;

   } 
   @media(max-width:1440px){
    #contactusbanner #contactbannerheaders{
      margin: 3rem 0 1rem 0;
    }
   }
   #contactusbanner #contactbannerheaders h1{
    font-size: 3.5rem;
    color: black;
    text-align: center;
    
   
   
    } 
   #contactusbanner #contactbannerheaders h1 span{
     font-size: 3.5rem;
        color: #1FD660;
   
     
     
      } 
    #contactusbanner #contactbannerheaders span{
      font-size:1rem;
        color: black;
      text-align: center;
     
     
      } 
   #contactusbanner  #contactusbannershadow{
   position: absolute;
   top:0;
   left:0;
   width:100%;
   height: 100%;
  /* background-color: rgba(0,0,0,0.7);*/
   z-index: 1;
   }
  
   #contactusbanner #contactusbannerboxes{
    display: grid;
    grid-template-columns: repeat(3,1fr);
   
    gap:2rem;
    width:90%;
    max-width: 1781px;
    position: relative;
    z-index: 3;
  
   }
   #contactusbanner #contactusbannerboxes div{
   
    background-color: white;
    width:100%;
    height: 360px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding:1rem;
    gap:1rem;
	       box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
   }
  
   #contactusbanner #contactusbannerboxes div ul{
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap:2.5rem;
  margin-top:2rem;
  
   }
   #contactusbanner #contactusbannerboxes div ul li{
    list-style: none;
  
   }
   #contactusbanner #contactusbannerboxes div span{
   
   background-color:#1FD660;
   padding:0.6rem 1rem;
   border-radius:8px;
   }
   #contactusbanner #contactusbannerboxes div strong{
   
   font-size: 1.5rem;
   font-weight: bold;
    }
    #contactusbanner #contactusbannerboxes div p{
  width:50%;
  text-align: center;
  color:rgba(0,0,0,0.6);
  font-size: 1rem;
  line-height: 1.5em;
       }
       #contactusbanner #contactusbannerboxes div p a{
  text-decoration: none;
		       color: black;
    font-weight: bold;
             }
             #contactusbanner #contactusbannerboxes div   a.butts:link,     #contactusbanner #contactusbannerboxes div   a.butts:visited{
              padding:1rem 2rem;
              border:1px solid #CCC;
              background-color: white;
              text-align: center;
              text-decoration: none;
              border-radius: 30px;
              color:#000;
              transition: background-color 0.2s ease-in-out;
           
                         }
                         #contactusbanner #contactusbannerboxes div   a.butts:hover{
                          background-color: #1FD660;
                          color:white;
                         }
  
    #footerdetails{
      padding-block:5rem;
      display: flex;
      flex-direction: column;
      justify-content:center;
      align-items: center;
      height: auto;
      width:100%;
      gap:2rem;
      background-color:rgba(0,0,0,0.06);
    }
    #footerdetailsinside{
   
      display: grid;
   grid-template-columns: repeat(3,1fr);
   
      height: auto;
      width:90%;
      margin:0 auto;
      gap:2rem;
  
    }


    @media(max-width:920px){
      #footerdetailsinside{
      grid-template-columns: repeat(1,1fr);
      }
    }
    #footerdetailsinside div.footerdetailsboxes{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: left;
   gap:1rem;
   padding:2rem;
    }
    #footerdetailsinside div.footerdetailsboxes span{
  font-size: 1rem;
    }
    #footerdetailsinside div.footerdetailsboxes h3{
      font-size: 3.5rem;
      font-weight: 700;
        font-family:Poppins, sans-serif;
  
    }
      #footerdetailsinside div.footerdetailsboxes h3 span{
      font-size: 3.5rem;
      font-weight: 700;
          color:#1FD660;
  
    }
    #footerdetailsinside div.footerdetailsboxes strong{
  font-weight: bold;
  font-size: 1.3rem;
    }
  
    #footerdetailsinside div.footerdetailsboxes a{
  text-decoration: none;
  color:black;
    }
  
    #getintouch{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: baseline;
      width:100%;
      height: auto;
      padding-bottom:4rem;
      background-color: rgba(0,0,0,0.04);
      margin-bottom:5rem;
    }
  
    #getintouch #getintouchinside{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: baseline;
      width:90%;
      height: auto;
      padding-block:4rem;
      margin:0 auto;
    }
    #getintouch #getintouchinside h2{
  font-weight:bold;
  font-size: 3.5rem;
  width:50%;
  
    }
  
    #getintouch #getintouchinside h2 span{
  
  font-size: 3.5rem;
   color:#1FD660;
  
    }
    #getintouch #getintouchinside form{
    display: flex;
    flex-direction: column;
    justify-content:baseline;
    align-items:flex-start;
    gap:1rem; 
   padding-top:2rem;
    width: inherit;
  
    }
    #getintouch #getintouchinside form #formh{
      display: grid;
   grid-template-columns: repeat(3,1fr);
      gap:1rem;
     
      
      width: 100%;
    }
    #getintouch #getintouchinside form #formh input{
   width: 100%;
  
  display: block;    font-size: 1rem;
   
  padding:1rem 0.3rem;
  border:none;
  border-bottom:3px solid #CCC;
    }
    #getintouch #getintouchinside form #formv{
      display: grid;
   grid-template-columns: repeat(1,1fr);
      gap:1rem;
      width: 100%;
    }
    #getintouch #getintouchinside form #formv textarea{
      width: inherit;
      padding:1rem 0.3rem;
      border:none;
      font-size: 1rem;
      border-bottom:3px solid #CCC;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
  
    #getintouch #getintouchinside form input[type=submit] { 
      background-color: #1FD660;
      color:white;
      padding:1rem 4rem;
      border-radius: 32px;
      border:1px solid white;
      cursor: pointer;
      font-weight: bold;
     }
     #getintouch #getintouchinside form input[type=submit]:hover { 
      
      color:#676767;
   background-color: transparent;
      border:1px solid #CCC;
     }

     @media (min-width: 2559px) {
       
        body,html{
               max-width: 1781px;
            margin:0 auto;
            
        }
            
   #servicesweoffer #servicesweofferinsidegrid {
   
     max-width: 1781px;
   }
        #mainbanner {
     margin:0 auto;
      max-width: 1781px;
    
   }
   }
     @media (max-width: 1371px) {
        #mainbanner #mainbannercontent {
         
         gap: 0.5rem;
        
       }
            #contactusbanner {
         
           margin-bottom: 6rem;
       }
            #contactusbanner #contactbannerheaders {
          
           padding-top: 4rem;
       }
            #ourfounders #ourfindersinside #couplegrid {
          
           max-width: 65%;
        
       }
            #locations #locationinside {
        
           width: 98%;
         
       }
            #ourgallery {
        
           width: 98%;
       }
            #locations #locationinside #location_office_grid .locationbox {
        
         height: auto;
        
       }
       #mainbanner #mainbannercontent #borderleftbox p {
        
           padding-bottom: 0rem;
       }
            #mainbanner #mainbannercontent #borderleftbox p {
        
           padding-bottom: 0rem;
       }
            #mainbanner #mainbannercontent #borderleftbox h2 {
        
           padding-bottom: 0rem;
       }
            #mainbanner #mainbannercontent h1 {
        
           padding-bottom: 0rem;
       }
       }
   @media (max-width: 1200px) {
    #testimonials #testimonialsinside > div h2 span {
      color: #1FD660;
      font-size: 3.5rem;
      display: block;
      margin: 0;
      padding: 0;
    }
    #testimonialslist .testigrid > div p {
      font-size: 1rem;
      color: rgba(0,0,0,0.7);
      padding-right: 3rem;
      box-sizing: border-box;
    }
    #testimonials #testimonialsinside #testimonialslist {
      display: block;
      position: inherit;
      width: inherit;
      height: auto;
    }
    #testimonialslist .testigrid > div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: left;
      gap: 0rem;
      height: 100%;
      width: 100%;
    }
    #mainbanner {
    
      height: 100vh;
     
    }
    video {
   
      height: 100%;
   
    }
    #mainbanner .boxshadows {
      
      background-size: cover;
   
    }
    #mainbanner #mainbannercontent h1 {
      font-size: 2.5rem;
    
      width: 100%;
      padding-bottom: 0rem;
    }
    #mainbanner #mainbannercontent #borderleftbox {
   
      padding-left: 1rem;
    }
    #mainbanner #mainbannercontent #borderleftbox h2 {
      font-size: 1.1rem;
   
      width: 100%;
      padding-bottom: 0.6rem;
    }
    #mainbanner #mainbannercontent #borderleftbox p {
      font-size: 1rem;
   
      width: 100%;
    
      padding-bottom: 0rem;
    }
    #mainbanner #mainbannercontent {
      position: absolute;
      top: 0;
      left: 0;
   
      gap: 1rem;
      height: 100%;
      padding: 2rem;
     
    }
    #servicesweoffer #servicesweofferinsidegrid {
   
      grid-template-columns: repeat(2, 1fr);
   
    }
    #ourgallery #ourgalleryinsidegrid {
      height: auto;
      width: inherit;
      display: grid;
      margin-top: 2rem;
      gap: 1rem;
      grid-template-areas:
    "b1 b2" 
    "b3  b4" 
    "b5 b6" 
    "b7  b8" 
    "b9 b10" 
    "b11 b12";
    }
    #ourfounders #ourfindersinside #couple {
      background-size: 60%;
      width: 100%;
      height: max-450px;
      max-height: 450px;
    
    }
    #ourfounders #ourfindersinside #couplegrid {
      display: grid;
      grid-template-columns: repeat(1,1fr);
      gap: 2.5rem;
      max-width: 100%;
      margin-bottom: 1rem;
      padding: 2rem;
      box-sizing: border-box;
    }
    #ourfounders #ourfindersinside #couplegrid > div.divider {
      border-right: none;
      
    }
    #ourfounders #ourfindersinside #couplegridtwo {
   
      grid-template-columns: repeat(21fr);
   
    }
    #ourfounders #ourfindersinside #couplegridtwo {
     
      width: 100%;
    }
    #ourfounders #ourfindersinside #couplegridtwo > div {
      padding:0;
   
      width: 100%;
    }
    #ourfounders #ourfindersinside #couplegridtwo > div .details {
     
      white-space: pre-line;
    }
  
    #ourfounders #ourfindersinside #couplegridtwo > div img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    #locations #locationinside #location_office_grid {
      
      grid-template-columns: repeat(2,1fr);
    
    }
    #locations #locationinside #searchbox #searchboxrow {
   
      gap: 0.5rem;
      width: 100%;
    }
    #locations #locationinside #searchbox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
  
    #locations #locationinside #searchbox input[type="text"] {
      padding: 0.8rem;
      border: 1px solid #BBB;
      border-radius: 8px;
      width: 100%;
      position: relative;
      background: url(../images/location.png) no-repeat right center;
     
      background-size: 40px;
    }
    #testimonials #testimonialsinside {
      width: 90%;
      margin: 0 auto;
      display: flex;
      grid-template-columns: repeat(1,1fr);
      flex-direction: column;
   
       
    }
  
    #testimonials #testimonialsinside #testimonialslist {
   
      height: auto;
    }
    #testimonials #testimonialsinside #testimonialslist > div {
      
      height: auto;
   
    }
    #testimonialslist .testigrid {
      display: grid;
      flex-direction: column;
      top: 0px;
      height: auto;
      justify-content:unset;
      align-content:unset;
      align-items:unset;
    }
  
    #testimonials #testimonialsinside #testimonialslist {
    
   
    }
    #testimonials #testimonialsinside > div h2 {
   
        margin-bottom: 0px;
      padding-block: 0rem;
    
    }
    #testimonials #testimonialsinside > div {
      display: block;
     
    }
    #testimonials #testimonialsinside #testipart {
      width: 100%;
      position: relative;
      top: 0px;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: center;
    }
  }

   
   .elementor-2536 .elementor-element.elementor-element-930896e {
       --display: flex;
       --min-height: 26vh !important;
       --justify-content: center;
   }
   
 
  
  @media (max-width: 992px) {
    #testimonials #testimonialsinside > div h2 span {
      color: #1FD660;
      font-size: 3.5rem;
      display: block;
      margin: 0;
      padding: 0;
    }
    #testimonials #testimonialsinside #testimonialslist {
      display: block;
      position: inherit;
      width: inherit;
      height: auto;
    }
    #testimonialslist .testigrid > div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: left;
      gap: 0rem;
      height: 100%;
      width: 100%;
    }
    #mainbanner {
    
      height: 50vh;
     
    }
    video {
   
      height: 100%;
   
    }
    #mainbanner .boxshadows {
      
      background-size: cover;
   
    }
    #mainbanner #mainbannercontent h1 {
      font-size: 2.5rem;
    
      width: 100%;
      padding-bottom: 0rem;
    }
    #mainbanner #mainbannercontent #borderleftbox {
   
      padding-left: 1rem;
    }
    #mainbanner #mainbannercontent #borderleftbox h2 {
      font-size: 1.1rem;
   
      width: 100%;
      padding-bottom: 0.6rem;
    }
    #mainbanner #mainbannercontent #borderleftbox p {
      font-size: 1rem;
   
      width: 100%;
    
      padding-bottom: 0rem;
    }
    #mainbanner #mainbannercontent {
      position: absolute;
      top: 0;
      left: 0;
   
      gap: 1rem;
      height: 100%;
      padding: 2rem;
     
    }
    #servicesweoffer #servicesweofferinsidegrid {
   
      grid-template-columns: repeat(2, 1fr);
   
    }
    #ourgallery #ourgalleryinsidegrid {
      height: auto;
      width: inherit;
      display: grid;
      margin-top: 2rem;
      gap: 1rem;
      grid-template-areas:
    "b1 b2" 
    "b3  b4" 
    "b5 b6" 
    "b7  b8" 
    "b9 b10" 
    "b11 b12";
    }
    #ourfounders #ourfindersinside #couple {
      background-size: 60%;
      width: 100%;
      height: max-450px;
      max-height: 450px;
    
    }
    #ourfounders #ourfindersinside #couplegrid {
      display: grid;
      grid-template-columns: repeat(1,1fr);
      gap: 2.5rem;
      max-width: 100%;
      margin-bottom: 1rem;
      padding: 2rem;
      box-sizing: border-box;
    }
    #ourfounders #ourfindersinside #couplegrid > div.divider {
      border-right: none;
      
    }
    #ourfounders #ourfindersinside #couplegridtwo {
   
      grid-template-columns: repeat(21fr);
   
    }
    #ourfounders #ourfindersinside #couplegridtwo {
     
      width: 100%;
    }
    #ourfounders #ourfindersinside #couplegridtwo > div {
      padding:0;
   
      width: 100%;
    }
    #ourfounders #ourfindersinside #couplegridtwo > div .details {
     
      white-space: pre-line;
    }
  
    #ourfounders #ourfindersinside #couplegridtwo > div img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    #locations #locationinside #location_office_grid {
      
      grid-template-columns: repeat(2,1fr);
    
    }
    #locations #locationinside #searchbox #searchboxrow {
   
      gap: 0.5rem;
      width: 100%;
    }
    #locations #locationinside #searchbox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
  
    #locations #locationinside #searchbox input[type="text"] {
      padding: 0.8rem;
      border: 1px solid #BBB;
      border-radius: 8px;
      width: 100%;
      position: relative;
      background: url(../images/location.png) no-repeat right center;
     
      background-size: 40px;
    }
    #testimonials #testimonialsinside {
      width: 90%;
      margin: 0 auto;
      display: flex;
      grid-template-columns: repeat(1,1fr);
      flex-direction: column;
   
       
    }
  
    #testimonials #testimonialsinside #testimonialslist {
   
      height: auto;
    }
    #testimonials #testimonialsinside #testimonialslist > div {
      
      height: auto;
   
    }
    #testimonialslist .testigrid {
      display: grid;
      flex-direction: column;
      top: 0px;
      height: auto;
      justify-content:unset;
      align-content:unset;
      align-items:unset;
    }
  
    #testimonials #testimonialsinside #testimonialslist {
    
   
    }
    #testimonials #testimonialsinside > div h2 {
   
        margin-bottom: 0px;
      padding-block: 0rem;
    
    }
    #testimonials #testimonialsinside > div {
      display: block;
     
    }
    #testimonials #testimonialsinside #testipart {
      width: 100%;
      position: relative;
      top: 0px;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: center;
    }
  }
   /** MOBILE RESPONSIVE CONTACTUS****/
 
  
   
  

  
  
  
  
  /*** ACCORDION ***/
   
  
   #mapper{
    margin:0 auto;
    font-size: 3.5rem;
      font-family: Poppins, sans-serif !important;
   }
  
 
  
  .mygallery {
    display: block !important;  /* or use flexbox, depending on your needs */
    grid-template-columns: none !important;
    grid-gap: 0 !important;
  }
  
  
 #mainbannercontentmain{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;    padding-top: 3rem;
background-color: rgba(0,0,0,0.03);
}
   #mainbannercontent{
    display: grid;
  grid-template-columns: repeat(2,1fr);
  width: 90%;
  margin: 0 auto;
  padding: 2rem;

   }

  
  @media (max-width: 768px) {
      .elementor-468 .elementor-element.elementor-element-692284b8 > .elementor-widget-container {
         margin: 0px 0px 0px 0px !important; 
       
      }
	  .elementor-nav-menu__align-center .elementor-nav-menu {
 
  margin-left: 2rem;
}
  }
  
  /** MOBILE RESPONSIVE ABOUT US****/
   @media (max-width: 768px) {
	   .elementor.elementor .e-con > .elementor-widget {
  max-width: 100%;
 
  margin: 0 auto !important;
}
	   .elementor-widget-image a {
  display: inline-block;
  margin-left: 1rem;
}
	   .elementor-468 .elementor-element.elementor-element-53fcc13 > .elementor-widget-container {
 
  margin-left: 3rem;
}
	   .video-container {
    position: relative;
    width: 100%;
    height: 400px;
    
}
    #mainbannercontent {
     
    grid-template-columns: 100%;
  
  }
  #mainbannercontent h1 {
    font-size: 3rem;
    
 
    padding-bottom: 2rem;
  }
  #mainbannercontent #borderleftbox {
    border-left: none;
    padding-left: 0;
  }
  #mainbannercontent #borderleftbox h2 {
    font-size: 1.8rem;
    font-weight: 500;
    padding-bottom: 2rem;
  }
    #contactusbanner {
   
        height: auto;
       
      }
      #contactusbanner #contactusbannerboxes{
      
        grid-template-columns: repeat(1,1fr);
       
     
      
       }
      #contactusbanner #contactusbannerboxes div{
        width: 100%;
        height: auto;
      }
    
      #getintouch #getintouchinside h2 {
        font-size: 3.5rem;
        width: 100%;
      }
      #getintouch #getintouchinside form {
       
        width: 100%;
      }
      .containermap {
        display: grid;
        grid-template-columns: 100% !important;
        padding: 20px;
        width: 100%;
        margin: 0 auto;
       
        max-width: 1781px;
        margin-top: 1rem;
        margin-bottom: 5rem;
      }
	   .containermap .locations {
 
    padding-right: 0px !important;
 
}
      #footerdetailsinside {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        height: auto;
        width: 90%;
        margin: 0 auto;
        gap: 2rem;
      }
      #footerdetailsinside div.footerdetailsboxes {
      
        padding: 1rem;
      }
      #getintouch #getintouchinside form #formh {
      
        grid-template-columns: repeat(1,1fr);
        
      }
  
    #t-c #t-c-inside {
   
        width: 100%;
       
        padding: 1rem;
    }
        #t-c #t-c-inside h2 {
        font-size: 1.7rem;
       
    }
        #t-c #t-c-inside h4 {
        font-size: 1.2rem;
      
    }
      #testimonials #testimonialsinside > div h2 span {
        color: #1FD660;
        font-size: 3.5rem;
        display: list-item;
        margin: 0;
        padding: 0;
      }
      #testimonials #testimonialsinside #testimonialslist {
        display: block;
        position: inherit;
        width: inherit;
        height: auto;
      }
      #testimonialslist .testigrid > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
        gap: 0rem;
        height: 100%;
        width: 100%;
      }
      #mainbanner {
      
        height: 100vh;
       
      }
      video {
     
        height: 100%;
     
      }
      #mainbanner .boxshadows {
        
        background-size: cover;
     
      }
      #mainbanner #mainbannercontent h1 {
        font-size: 2.5rem;
      
        width: 100%;
        padding-bottom: 0rem;
      }
      #mainbanner #mainbannercontent #borderleftbox {
     
        padding-left: 1rem;
      }
      #mainbanner #mainbannercontent #borderleftbox h2 {
        font-size: 1.1rem;
     
        width: 100%;
        padding-bottom: 0.6rem;
      }
      #mainbanner #mainbannercontent #borderleftbox p {
        font-size: 1rem;
     
        width: 100%;
      
        padding-bottom: 0rem;
      }
      #mainbanner #mainbannercontent {
        position: absolute;
        top: 0;
        left: 0;
     
        gap: 1rem;
        height: 100%;
        padding: 2rem;
       
      }
      #servicesweoffer #servicesweofferinsidegrid {
     
        grid-template-columns: repeat(1, 1fr);
     
      }
      #ourgallery #ourgalleryinsidegrid {
        height: auto;
        width: inherit;
        display: grid;
        margin-top: 2rem;
        gap: 1rem;
        grid-template-areas:
      "b1" 
      "b2" 
      "b3" 
      "b4" 
      "b5" 
      "b6" 
      "b7" 
      "b8" 
      "b9" 
      "b10" 
      "b11" 
      "b12";
      }
      #ourfounders #ourfindersinside #couple {
      
        
        background-size: 100%;
        width: 100%;
        height: 350px;
      
      }
      #ourfounders #ourfindersinside #couplegrid {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2.5rem;
        max-width: 100%;
        margin-bottom: 1rem;
        padding: 2rem;
        box-sizing: border-box;
      }
      #ourfounders #ourfindersinside #couplegrid > div.divider {
        border-right: none;
        
      }
      #ourfounders #ourfindersinside #couplegridtwo {
     
        grid-template-columns: repeat(1,1fr);
     
      }
      #ourfounders #ourfindersinside #couplegridtwo {
       
        width: 100%;
      }
      #ourfounders #ourfindersinside #couplegridtwo > div {
        padding:0;
     
        width: 100%;
      }
      #ourfounders #ourfindersinside #couplegridtwo > div .details {
       
        white-space: pre-line;
      }
      #locations #locationinside #location_office_grid {
        
        grid-template-columns: repeat(1,1fr);
      
      }
      #locations #locationinside #searchbox #searchboxrow {
     
        gap: 0.5rem;
        width: 100%;
      }
      #locations #locationinside #searchbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
      }
    
      #locations #locationinside #searchbox input[type="text"] {
        padding: 0.8rem;
        border: 1px solid #BBB;
        border-radius: 8px;
        width: 100%;
        position: relative;
        background: url(../images/location.png) no-repeat right center;
       
        background-size: 40px;
      }
      #testimonials #testimonialsinside {
        width: 90%;
        margin: 0 auto;
        display: flex;
        grid-template-columns: repeat(1,1fr);
        flex-direction: column;
     
         
      }
    
      #testimonials #testimonialsinside #testimonialslist {
     
        height: auto;
      }
      #testimonials #testimonialsinside #testimonialslist > div {
        
        height: auto;
     
      }
      #testimonialslist .testigrid {
        display: flex;
        flex-direction: column;
        top: 0px;
        height: auto;
        justify-content: center;
        align-content: center;
        align-items: center;
      }
    
      #testimonials #testimonialsinside #testimonialslist {
      
     
      }
      #testimonials #testimonialsinside > div h2 {
     
          margin-bottom: 0px;
        padding-block: 0rem;
      
      }
      #testimonials #testimonialsinside > div {
        display: block;
       
      }
      #testimonials #testimonialsinside #testipart {
        width: 100%;
        position: relative;
        top: 0px;
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;
      }
       #centerdivheadercontacts p {
      
      padding-inline: 1rem !important;
    
  }
       #centerdivcontacts p {
     
      padding-inline: 1rem !important;
   
  }
    #mainbanner {
    
      height: 400px;
     
    }
    video {
   
      height: 100%;
   
    }
    #mainbanner .boxshadows {
      
      background-size: cover;
   
    }
    #mainbanner #mainbannercontent h1 {
      font-size: 2.5rem;
    
      width: 100%;
      padding-bottom: 0rem;
    }
    #mainbanner #mainbannercontent #borderleftbox {
   
      padding-left: 1rem;
    }
    #mainbanner #mainbannercontent #borderleftbox h2 {
      font-size: 1.1rem;
   
      width: 100%;
      padding-bottom: 0.6rem;
    }
    #mainbanner #mainbannercontent #borderleftbox p {
      font-size: 1rem;
   
      width: 100%;
    
      padding-bottom: 0rem;
    }
    #mainbanner #mainbannercontent {
      position: absolute;
      top: 0;
      left: 0;
   
      gap: 1rem;
      height: 100%;
      padding: 2rem;
     
    }
    #servicesweoffer #servicesweofferinsidegrid {
   
      grid-template-columns: repeat(1, 1fr);
   
    }
    #ourgallery #ourgalleryinsidegrid {
      height: auto;
      width: inherit;
      display: grid;
      margin-top: 2rem;
      gap: 1rem;
      grid-template-areas:
    "b1" 
    "b2" 
    "b3" 
    "b4" 
    "b5" 
    "b6" 
    "b7" 
    "b8" 
    "b9" 
    "b10" 
    "b11" 
    "b12";
    }
    #ourfounders #ourfindersinside #couple {
    
      
      background-size: 100%;
      width: 100%;
      height: 350px;
    
    }
    #ourfounders #ourfindersinside #couplegrid {
      display: grid;
      grid-template-columns: repeat(1,1fr);
      gap: 2.5rem;
      max-width: 100%;
      margin-bottom: 1rem;
      padding: 2rem;
      box-sizing: border-box;
    }
    #ourfounders #ourfindersinside #couplegrid > div.divider {
      border-right: none;
      
    }
    #ourfounders #ourfindersinside #couplegridtwo {
   
      grid-template-columns: repeat(1,1fr);
   
    }
    #ourfounders #ourfindersinside #couplegridtwo {
     
      width: 100%;
    }
    #ourfounders #ourfindersinside #couplegridtwo > div {
      padding:0;
   
      width: 100%;
    }
    #ourfounders #ourfindersinside #couplegridtwo > div .details {
     
      white-space: pre-line;
    }
    #locations #locationinside #location_office_grid {
      
      grid-template-columns: repeat(1,1fr);
    
    }
    #locations #locationinside #searchbox #searchboxrow {
   
      gap: 0.5rem;
      width: 100%;
    }
    #locations #locationinside #searchbox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
  
    #locations #locationinside #searchbox input[type="text"] {
      padding: 0.8rem;
      border: 1px solid #BBB;
      border-radius: 8px;
      width: 100%;
      position: relative;
      background: url(../images/location.png) no-repeat right center;
     
      background-size: 40px;
    }
    #testimonials #testimonialsinside {
         width: 90%;
        margin: 0 auto;
        display: grid
;
        grid-template-columns: 100% !important;
   
       
    }
  
    #testimonials #testimonialsinside #testimonialslist {
   
      height: auto;
    }
    #testimonials #testimonialsinside #testimonialslist > div {
      
      height: auto;
   
    }
    #testimonialslist .testigrid {
      display: grid;
      grid-template-columns: 100%;
   
      top: 0px !important;
      height: auto;
    }
  
    #testimonials #testimonialsinside #testimonialslist {
    
   
    }
    #testimonials #testimonialsinside > div h2 {
   
        margin-bottom: 0px;
      padding-block: 0rem;
    
    }
    #testimonials #testimonialsinside > div {
      display: block;
     
    }
    #testimonials #testimonialsinside #testipart {
      width: inherit;
      position: relative;
      top: 0px;
    }
  }
  
     /** MOBILE RESPONSIVE CONTACTUS****/
     @media (max-width: 481px) {
		 #t-c #t-c-inside {
   
    padding: 0rem !important;
}
		 #t-c #t-c-inside h2 {
    font-size: 2rem !important;
    
}
		 #t-c #t-c-inside #accordionlist button {
    border: 1px solid #AAA !important;
    font-size: 0.9rem !important;
}
		 
        .containermap {
    
    
       grid-template-columns: 100%  !important;
    
   }
        .containermap .locations {
       width: 100% !important;
       padding-right: 0  !important;
      
   }
   .gbutton:link, .gbutton:visited {
    
       padding: 0.7rem 2rem;
    
     
   }
        
            #ourfounders #ourfindersinside #couplegrid {
         
        
           max-width: 90%;
        
           padding: 0rem;
           
      
   }
        #ourfounders #ourfindersinside #couplegridtwo > div .details p {
    
       line-height: 1.2em;
       text-align: left;
   }
        
        #ourfounders #ourfindersinside #couplegridtwo > div .details h5 {
    
       margin-bottom: 0;
   }
            #testimonials #testimonialsinside > div h2 {
           margin-bottom: 0px;
           padding-block: 0rem;
           font-size: 2rem;
           line-height: 1.6em;
       }
        #locations #locationinside h2 {
       font-size: 2.5rem;
    
       font-weight: bold;
       line-height: 1.5em;
            
   }
        #mainbanner #mainbannercontent h1 {
    
       width: 100%;
    
       left: 0;
       
   }
        .gbutton:link, .gbutton:visited {
    
       left: 0rem;
   }
        
        #servicesweoffer #servicesweofferinsidegrid .servicecontainer .servicesdetails {
    
       padding-block: 1rem;
       padding-inline: 0.5rem;
         top: -30px;    gap: 0.5rem;
   }
        #ourfounders #ourfindersinside #couplegrid p {
       text-align: left;
   }
        #ourfounders #ourfindersinside {
      
       padding-inline: 0.5rem;
   }
        #servicesweoffer {
    
       position: relative;
       z-index: 1;
   }
            #ourfounders #ourfindersinside #couplegridtwo > div img {
           object-fit: cover;
           width: auto;
           height: 300px;
       }
            #testimonials #testimonialsinside > div h2 span {
           color: #1FD660;
           font-size: 2.5rem;
           display: list-item;
           margin: 0;
           padding: 0;
       }
        #locations {
      
       padding-inline: 0.8rem;
   }
        #servicesweoffer #servicesweofferinsidegrid .servicesdetails a:link, #servicesweoffer #servicesweofferinsidegrid .servicesdetails a:visited {
       
       padding: 0.4rem 2rem;
     
       margin-bottom: 2rem;
   }
   }
 

@media (max-width: 1371px) {
 #mainbanner #mainbannercontent {
  
  gap: 0.5rem;
 
}
	 #contactusbanner {
  
    margin-bottom: 6rem;
}
	 #contactusbanner #contactbannerheaders {
   
    padding-top: 4rem;
}


}
	 #ourfounders #ourfindersinside #couplegrid {
   
    max-width: 65%;
 
}
	 #locations #locationinside {
 
    width: 98%;
  
}
	 #ourgallery {
 
    width: 98%;
}
	 #locations #locationinside #location_office_grid .locationbox {
 
  height: auto;
 
}
#mainbanner #mainbannercontent #borderleftbox p {
 
    padding-bottom: 0rem;
}
	 #mainbanner #mainbannercontent #borderleftbox p {
 
    padding-bottom: 0rem;
}
	 #mainbanner #mainbannercontent #borderleftbox h2 {
 
    padding-bottom: 0rem;
}
	 #mainbanner #mainbannercontent h1 {
 
    padding-bottom: 0rem;
}
}



.outbound_form_embed{

	    display: flex !important;
    flex-direction: row  !important;  
    justify-content: center;
    align-items: center;
	    gap: 1rem;
}
.callfluent_paper form {
   
    background: rgba(0, 0, 0, 0.04);
    border-radius: 42px;
    padding: 0.2rem !important;
 
}

.callfluent_paper {
    width: auto !important;
  
}
.callfluent_paper form button {
    padding: 12px 35px !important;
    border-radius: 32px  !important;
   
}
.inbound_call_container img{
border-radius:50% !important;	
	border: none;
   
    box-shadow: none;
    height: auto;
    max-width: 100%;
    width: 50px;
    position: relative;
    top: 0.3rem;
}

.inbound_call_name {
    font-size: 0.9rem !important;
     line-height: 0.7em;
}
.inbound_call_status {
    font-size: 0.8rem !important;
  
}
.inbound_call_name_container{
    position: relative;
    top: 0.4rem;
}
  @media (max-width: 1400px) {
.elementor-468 .elementor-element.elementor-element-435453b {
   
   
  padding-left: 0 !important;
   padding-right:0 !important;
}
	  .elementor-42 .elementor-element.elementor-element-daf8e05 > .elementor-container > .elementor-column > .elementor-widget-wrap {
  align-content: center;
  align-items: center;
  min-height: 110px !important;
}
}

.elementor-11528{
position:relative;
z-index:1
}



         @media (max-width: 520px) {
.callfluent_paper {
    
    margin: 0 auto;
    position: fixed !important;
    bottom: 0;
    left: 0;
 
    background-color: white;
    width: 100% !important;
    padding: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-self: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
z-index: 99999999;
}	
}
	 
@media(max-width:768px){
  #contactusbanner #contactbannerheaders{
  padding-top: 0rem;
  text-align: left;
}
#contactusbanner #contactbannerheaders h1{
  font-size: 3rem;
  text-align: left;
}
 
#contactusbanner #contactbannerheaders h1 span {
  font-size: 3rem;
  text-align: left;
}
}