.elementor-3757 .elementor-element.elementor-element-3b0ecdae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-4312e221{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:24px;--padding-left:50px;--padding-right:50px;}.elementor-3757 .elementor-element.elementor-element-50879b8d{--display:flex;--min-height:78vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:26px 26px 26px 26px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-50879b8d:not(.elementor-motion-effects-element-type-background), .elementor-3757 .elementor-element.elementor-element-50879b8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://theorangebeak.com/wp-content/uploads/2026/06/cavern-image-8-1-1-1.webp") 50% 50%;background-size:cover;}.elementor-3757 .elementor-element.elementor-element-43d79c07{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:64px;--padding-bottom:64px;--padding-left:80px;--padding-right:60px;}.elementor-3757 .elementor-element.elementor-element-788a4c93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-4b886486{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-4850d05b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3757 .elementor-element.elementor-element-4a3c93f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-3757 .elementor-element.elementor-element-3a9a569d{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3757 .elementor-element.elementor-element-3a9a569d:not(.elementor-motion-effects-element-type-background), .elementor-3757 .elementor-element.elementor-element-3a9a569d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3757 .elementor-element.elementor-element-2c2839ca{--e-image-carousel-slides-to-show:7;}.elementor-3757 .elementor-element.elementor-element-2c2839ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3757 .elementor-element.elementor-element-2f4b62a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-3757 .elementor-element.elementor-element-35d291e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-62772e36{--display:flex;}.elementor-3757 .elementor-element.elementor-element-62772e36.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3757 .elementor-element.elementor-element-4e14e06f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-7db672cc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:37px;}.elementor-3757 .elementor-element.elementor-element-bd54f47 > .elementor-widget-container{padding:27px 0px 0px 0px;}.elementor-3757 .elementor-element.elementor-element-7d33e10{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3757 .elementor-element.elementor-element-27570687{--display:flex;}.elementor-3757 .elementor-element.elementor-element-27570687:not(.elementor-motion-effects-element-type-background), .elementor-3757 .elementor-element.elementor-element-27570687 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theorangebeak.com/wp-content/uploads/2026/06/Team-image-1-1-1-1-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3757 .elementor-element.elementor-element-5835363{--spacer-size:600px;}.elementor-3757 .elementor-element.elementor-element-1ecc0755{--display:flex;}@media(max-width:1024px){.elementor-3757 .elementor-element.elementor-element-4312e221{--padding-top:8px;--padding-bottom:18px;--padding-left:30px;--padding-right:30px;}.elementor-3757 .elementor-element.elementor-element-50879b8d{--min-height:60vh;}.elementor-3757 .elementor-element.elementor-element-35d291e1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3757 .elementor-element.elementor-element-7d33e10{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-3757 .elementor-element.elementor-element-4312e221{--padding-top:6px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-3757 .elementor-element.elementor-element-50879b8d{--min-height:70vh;}.elementor-3757 .elementor-element.elementor-element-43d79c07{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:96px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-3757 .elementor-element.elementor-element-955fb89 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-4px -4px -4px -4px;}.elementor-3757 .elementor-element.elementor-element-62a0dd0c > .elementor-widget-container{margin:0px 0px -32px 0px;padding:0px 0px 0px 0px;}.elementor-3757 .elementor-element.elementor-element-3a9a569d{--min-height:0vh;}.elementor-3757 .elementor-element.elementor-element-2c2839ca{--e-image-carousel-slides-to-show:3;}.elementor-3757 .elementor-element.elementor-element-2f4b62a4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-3757 .elementor-element.elementor-element-62772e36{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-3757 .elementor-element.elementor-element-d8a91fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-4px -4px -4px -4px;}.elementor-3757 .elementor-element.elementor-element-4e14e06f{--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-7db672cc{--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:5%;}.elementor-3757 .elementor-element.elementor-element-bd54f47 > .elementor-widget-container{margin:0px 0px -32px 0px;padding:0px 0px 0px 0px;}.elementor-3757 .elementor-element.elementor-element-7d33e10{--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-27570687{--padding-top:0px;--padding-bottom:19px;--padding-left:0px;--padding-right:0px;}.elementor-3757 .elementor-element.elementor-element-5835363{--spacer-size:196px;}}@media(min-width:768px){.elementor-3757 .elementor-element.elementor-element-4850d05b{--width:100%;}.elementor-3757 .elementor-element.elementor-element-2f4b62a4{--content-width:1290px;}.elementor-3757 .elementor-element.elementor-element-35d291e1{--content-width:1290px;}.elementor-3757 .elementor-element.elementor-element-62772e36{--width:23%;}.elementor-3757 .elementor-element.elementor-element-27570687{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3757 .elementor-element.elementor-element-62772e36{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-43d79c07 *//* ════════ WELCOME (#tob-welcome) — full-screen intro after hero ════════ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
#tob-welcome{
  --tw-primary:#0f1115;--tw-secondary:#4a4e57;--tw-accent:rgba(15,17,21,.8);
  font-family:'Plus Jakarta Sans',sans-serif;
  display:flex;align-items:center;justify-content:space-between;
  min-height:100vh;padding:4rem 8% 4rem 10%!important;
  background-color:transparent;transition:color .4s ease;
}
body.tob-dark-mode #tob-welcome{
  --tw-primary:#ffffff;--tw-secondary:#9ea3ae;--tw-accent:rgba(255,255,255,.8);}
#tob-welcome .tob-w-content{flex:1.1;max-width:620px;z-index:2;}
#tob-welcome .tob-w-title .elementor-heading-title{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:clamp(2.5rem,4.8vw,4.2rem)!important;font-weight:600!important;
  line-height:1.15!important;letter-spacing:-.03em!important;
  color:var(--tw-primary)!important;-webkit-text-fill-color:var(--tw-primary)!important;
  margin:0 0 2.5rem!important;}
#tob-welcome .tob-w-copy p,
body.tob-dark-mode #tob-welcome .tob-w-copy p{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:clamp(1.05rem,1.4vw,1.25rem)!important;line-height:1.65!important;
  color:var(--tw-secondary)!important;-webkit-text-fill-color:var(--tw-secondary)!important;
  margin:0 0 2.2rem!important;font-weight:400!important;letter-spacing:-.01em!important;
  max-width:540px;}
#tob-welcome .tob-w-visual{flex:.9;display:flex;justify-content:center;align-items:center;
  z-index:1;padding-left:2rem;}
#tob-welcome .tob-gif{width:100%;max-width:480px;}
#tob-welcome .tob-gif img{width:100%!important;height:auto!important;object-fit:contain;display:block;}
/* GIF swap keyed to the site theme class */
#tob-welcome .tob-gif-light{display:none!important;}
#tob-welcome .tob-gif-dark{display:block!important;}
body:not(.tob-dark-mode) #tob-welcome .tob-gif-dark{display:none!important;}
body:not(.tob-dark-mode) #tob-welcome .tob-gif-light{display:block!important;}
/* hand-drawn accents (oval around "bold", wave under "connect") */
#tob-welcome .accent-wrap{position:relative;display:inline-block;white-space:nowrap;}
#tob-welcome .svg-accent{position:absolute;left:50%;transform:translateX(-50%);
  width:112%;height:auto;pointer-events:none;overflow:visible;}
#tob-welcome .svg-accent path{stroke:var(--tw-accent);stroke-width:2;stroke-linecap:round;
  stroke-linejoin:round;fill:none;transition:stroke .4s ease;}
#tob-welcome .accent-oval .svg-accent{top:-10%;height:130%;}
#tob-welcome .accent-wave .svg-accent{bottom:-15%;width:105%;}
@media(max-width:991px){
  #tob-welcome{flex-direction:column;justify-content:space-between;
    padding:6rem 1.5rem 0 1.5rem!important;text-align:left;align-items:flex-start;
    min-height:100vh;}
  #tob-welcome .tob-w-content{max-width:100%;margin-bottom:3rem;}
  #tob-welcome .tob-w-title .elementor-heading-title{margin-bottom:2rem!important;}
  #tob-welcome .tob-w-copy p{max-width:100%;margin-bottom:1.8rem!important;}
  #tob-welcome .tob-w-visual{width:100%;padding-left:0;margin-top:auto;
    justify-content:center;align-items:flex-end;}
  #tob-welcome .tob-gif{max-width:100%;width:100%;}
  #tob-welcome .tob-gif img{width:100%!important;max-height:45vh;object-position:bottom center;}
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2c2839ca */.elementor-3757 .elementor-element.elementor-element-2c2839ca .swiper-wrapper {
      -webkit-transition-timing-function: linear !important;
      -moz-transition-timing-function: linear !important;
      -o-transition-timing-function: linear !important;
      transition-timing-function: linear !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8a91fb *//* Target the main heading .elementor-3757 .elementor-element.elementor-element-d8a91fb in Elementor */
.elementor-3757 .elementor-element.elementor-element-d8a91fb .elementor-heading-title {
    position: relative;
    display: inline-block; /* Keeps the line constrained to the text width */
    padding-bottom: 20px;   /* Creates space for the wavy line below */
}

/* Inject the SVG wavy line */
.elementor-3757 .elementor-element.elementor-element-d8a91fb .elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 170px;   /* Matches your SVG width */
    height: 14px;   /* Matches your SVG height */
    background-repeat: no-repeat;
    background-size: contain;
    
    /* URL-encoded version of your exact SVG */
    background-image: url("data:image/svg+xml,%3Csvg width='170' height='14' viewBox='0 0 170 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9 C 22 3, 44 13, 65 7 C 86 1, 106 12, 127 6 C 148 0, 162 9, 168 7' stroke='white' stroke-width='2.2' fill='none' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27570687 *//* Container Base - Isse hum 3D space dein ge */
.elementor-3757 .elementor-element.elementor-element-27570687 {
    perspective: 1500px; /* Depth badha di takay screen se bahar aane wali feel zyada ho */
    overflow: visible !important;
    z-index: 1;
}

/* Main Container Animation */
.elementor-3757 .elementor-element.elementor-element-27570687 {
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1); /* Slow and elegant transition */
    transform-style: preserve-3d;
}

/* Hover Effect: Screen se bahar nikalna */
.elementor-3757 .elementor-element.elementor-element-27570687:hover {
    /* translateZ screen ki taraf layega aur scale thoda bada karega */
    transform: translateZ(80px) scale(1.05) rotateX(4deg); 
    box-shadow: 0 30px 60px rgba(0,0,0,0.3); /* Niche shadow se depth aayegi */
    z-index: 100;
}

/* Glassmorphism Bar at Bottom */
.elementor-3757 .elementor-element.elementor-element-27570687::after {
    content: "The Orange Beak Team";
    position: absolute;
    bottom: 30px;
    left: 10%;
    right: 10%;
    
    /* Premium Glass Effect */
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px) saturate(150%);
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    
    /* Text Styling */
    color: #ffffff;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: clamp(12px, 1.5vw, 15px);
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
    
    /* Animation settings */
    opacity: 0;
    transform: translateZ(40px) translateY(30px); /* Text ko hawa mein rakha */
    transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
    pointer-events: none;
}

/* Hover par Glass bar ka smooth aana */
.elementor-3757 .elementor-element.elementor-element-27570687:hover::after {
    opacity: 1;
    transform: translateZ(100px) translateY(0px); /* Text image se bhi aage screen ki taraf aayega */
}

/* Smooth return transition */
.elementor-3757 .elementor-element.elementor-element-27570687:not(:hover) {
    transition: all 0.6s ease-out;
}/* End custom CSS */