.elementor-7421 .elementor-element.elementor-element-cec5d09{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-7421 .elementor-element.elementor-element-cec5d09:not(.elementor-motion-effects-element-type-background), .elementor-7421 .elementor-element.elementor-element-cec5d09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://neosea.co.in/wp-content/uploads/2026/09/About-us.webp");background-position:center right;background-size:cover;}.elementor-7421 .elementor-element.elementor-element-cec5d09::before, .elementor-7421 .elementor-element.elementor-element-cec5d09 > .elementor-background-video-container::before, .elementor-7421 .elementor-element.elementor-element-cec5d09 > .e-con-inner > .elementor-background-video-container::before, .elementor-7421 .elementor-element.elementor-element-cec5d09 > .elementor-background-slideshow::before, .elementor-7421 .elementor-element.elementor-element-cec5d09 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7421 .elementor-element.elementor-element-cec5d09 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(91deg, var( --e-global-color-ad7ecf5 ) 0%, #33A89D00 100%);}.elementor-7421 .elementor-element.elementor-element-cec5d09 > .elementor-shape-bottom svg, .elementor-7421 .elementor-element.elementor-element-cec5d09 > .e-con-inner > .elementor-shape-bottom svg{width:calc(126% + 1.3px);height:22px;transform:translateX(-50%) rotateY(180deg);}.elementor-7421 .elementor-element.elementor-element-8b555e0 > .elementor-widget-container{padding:21px 20px 14px 20px;}.elementor-7421 .elementor-element.elementor-element-8b555e0.elementor-element{--align-self:flex-start;}.elementor-7421 .elementor-element.elementor-element-4518e40{--spacer-size:50px;}.elementor-7421 .elementor-element.elementor-element-41c7d2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7421 .elementor-element.elementor-element-41c7d2c.elementor-element{--align-self:stretch;}.elementor-7421 .elementor-element.elementor-element-41c7d2c{text-align:start;}.elementor-7421 .elementor-element.elementor-element-41c7d2c .elementor-heading-title{font-size:55px;color:#FFFFFF;}.elementor-7421 .elementor-element.elementor-element-879cf7f{color:var( --e-global-color-blocksy_palette_8 );}.elementor-7421 .elementor-element.elementor-element-fd79323{width:var( --container-widget-width, 39% );max-width:39%;--container-widget-width:39%;--container-widget-flex-grow:0;}.elementor-7421 .elementor-element.elementor-element-fd79323.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7421 .elementor-element.elementor-element-fd79323 .elementor-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-7421 .elementor-element.elementor-element-59d1693{--display:flex;}.elementor-7421 .elementor-element.elementor-element-24cbaed{--spacer-size:50px;}.elementor-7421 .elementor-element.elementor-element-bbf9e2c{--display:flex;}.elementor-7421 .elementor-element.elementor-element-d0b40ef{text-align:center;}.elementor-7421 .elementor-element.elementor-element-dec090b .elementor-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-7421 .elementor-element.elementor-element-56ed743{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7421 .elementor-element.elementor-element-3caa92d{--display:flex;}.elementor-7421 .elementor-element.elementor-element-a1f63c5{--display:flex;}@media(max-width:1024px){.elementor-7421 .elementor-element.elementor-element-cec5d09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7421 .elementor-element.elementor-element-41c7d2c .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-7421 .elementor-element.elementor-element-cec5d09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-7421 .elementor-element.elementor-element-8b555e0 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-7421 .elementor-element.elementor-element-41c7d2c{text-align:start;}.elementor-7421 .elementor-element.elementor-element-41c7d2c .elementor-heading-title{font-size:35px;}.elementor-7421 .elementor-element.elementor-element-fd79323{width:var( --container-widget-width, 248.547px );max-width:248.547px;--container-widget-width:248.547px;--container-widget-flex-grow:0;}.elementor-7421 .elementor-element.elementor-element-fd79323 > .elementor-widget-container{margin:0px 0px 0px 2px;}.elementor-7421 .elementor-element.elementor-element-dec090b > .elementor-widget-container{margin:0px 0px 0px -43px;}}/* Start custom CSS for button, class: .elementor-element-fd79323 *//* =========================================
   NeoSea Elementor Custom CTA
========================================= */

.mycustombtn .elementor-button-wrapper {
    display: inline-flex;
    width: auto;
}

.mycustombtn .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 48px;
    padding: 0 32px;

    border-radius: 28px;

    color: #ffffff !important;
    text-decoration: none;

    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.8px;
background: linear-gradient(#F47C38, #E96322) padding-box,
            linear-gradient(
                180deg,
                rgba(255, 174, 120, 0.5),
                rgba(230, 99, 34, 0.4)
            ) border-box;border-box;

    border: 1px solid transparent;

    box-shadow:
        0px 20px 40px rgba(107, 70, 193, 0.17),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;

    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.3s ease,
        background 0.3s ease;
box-shadow:
    0px 12px 28px rgba(230, 99, 34, 0.28),
    0px 1px 4px -1px rgba(255, 255, 255, 0.7) inset,
    0px 1px 12px -1px rgba(255, 180, 120, 0.45) inset;
    /*
      IMPORTANT:
      Arrow ko button ke bahar allow karna hai.
      Isliye overflow hidden nahi.
    */
    overflow: visible !important;
}


/* =========================================
   BUTTON TEXT
========================================= */

.mycustombtn .elementor-button-text {
    position: relative;
    z-index: 2;

    white-space: nowrap;
}


/* =========================================
   SHINE EFFECT
   Sirf MAIN BUTTON ke andar rahega
========================================= */

.mycustombtn .elementor-button::before {
    content: "";

    position: absolute;

    top: 0;
    left: -100%;

    width: 100%;
    height: 100%;

    border-radius: 28px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.20) 50%,
        transparent 100%
    );

    /*
      Shine ko main button ke andar clip karega.
      Arrow par effect nahi jayega.
    */
    clip-path: inset(0 round 28px);

    transition: left 0.5s ease;

    pointer-events: none;

    z-index: 1;
}


/* =========================================
   ARROW SECTION
   LEFT + BOTTOM + RIGHT ROUND
   TOP-RIGHT FLAT
========================================= */

.mycustombtn .elementor-button::after {
    content: "↗";

    position: absolute;

    top: -1px;
    right: -48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-size: 21px;
    font-weight: 400;
    line-height: 1;

    /*
      EXACT SHAPE:
      top-left     = round
      top-right    = FLAT
      bottom-right = round
      bottom-left  = round
    */
    border-radius: 24px 0 24px 24px;

background:  #E96322;

    border: 1px solid transparent;

    box-shadow:
        0px 20px 45px rgba(107, 70, 193, 0.25),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;

    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.3s ease,
        background 0.3s ease;

    z-index: 3;
box-shadow:
    0px 12px 28px rgba(230, 99, 34, 0.28),
    0px 1px 4px -1px rgba(255, 255, 255, 0.7) inset,
    0px 1px 12px -1px rgba(255, 180, 120, 0.45) inset;
    pointer-events: none;
}
.mycustombtn .elementor-button::after {
    content: "";



    background-image: url("https://neosea.co.in/wp-content/uploads/2026/09/cta_arrow.svg");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px 21px;

    
}

/* =========================================
   HOVER
========================================= */

.mycustombtn .elementor-button:hover {
    transform: translateY(-2px);

 background: linear-gradient(135deg, #E96322 0%, #F47C38 100%) padding-box;

    box-shadow:
        0 8px 25px rgba(124, 58, 237, 0.40),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;
        
        
        box-shadow:
    0px 14px 32px rgba(230, 99, 34, 0.38),
    0px 1px 4px -1px rgba(255, 255, 255, 0.8) inset,
    0px 1px 16px -1px rgba(255, 190, 130, 0.55) inset;
}


/* Shine moves ONLY inside button */

.mycustombtn .elementor-button:hover::before {
    left: 100%;
}


/* Arrow hover */

.mycustombtn .elementor-button:hover::after {
    transform: translateY(-1px) rotate(45deg);

  background-color: linear-gradient(135deg, #E96322 0%, #F47C38 100%) padding-box;

    box-shadow:
        0 8px 25px rgba(124, 58, 237, 0.40),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;
        
        box-shadow:
    0px 14px 32px rgba(230, 99, 34, 0.38),
    0px 1px 4px -1px rgba(255, 255, 255, 0.8) inset,
    0px 1px 16px -1px rgba(255, 190, 130, 0.55) inset;
}


/* =========================================
   FOCUS / ACTIVE
========================================= */

.mycustombtn .elementor-button:focus,
.mycustombtn .elementor-button:active {
    color: #ffffff !important;
    outline: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mycustombtn .elementor-button {
        height: 46px;
        padding: 0 25px;
        font-size: 12px;
    }

    .mycustombtn .elementor-button::before {
        border-radius: 26px;
        clip-path: inset(0 round 26px);
    }

    .mycustombtn .elementor-button::after {
        right: -46px;

        width: 46px;
        height: 46px;

        border-radius: 23px 0 23px 23px;

        font-size: 19px;
    }
}



  .mycustombtn {
    overflow: hidden;
}

.mycustombtn .elementor-button:hover::before {
    left: 34%;
}

.mycustombtn .elementor-widget-container {
    padding: 6px 0;
}

/* Button aur arrow ki shadow halki karein */

.mycustombtn .elementor-button,
.mycustombtn .elementor-button::after {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Hover par bhi halka shadow */

.mycustombtn .elementor-button:hover,
.mycustombtn .elementor-button:hover::after {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.10);
}
/* White shine effect hataayein */
.mycustombtn .elementor-button::before {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dec090b *//* =========================================
   NeoSea Elementor Custom CTA
========================================= */

.mycustombtn .elementor-button-wrapper {
    display: inline-flex;
    width: auto;
}

.mycustombtn .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 48px;
    padding: 0 32px;

    border-radius: 28px;

    color: #ffffff !important;
    text-decoration: none;

    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.8px;
background: linear-gradient(#F47C38, #E96322) padding-box,
            linear-gradient(
                180deg,
                rgba(255, 174, 120, 0.5),
                rgba(230, 99, 34, 0.4)
            ) border-box;border-box;

    border: 1px solid transparent;

    box-shadow:
        0px 20px 40px rgba(107, 70, 193, 0.17),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;

    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.3s ease,
        background 0.3s ease;
box-shadow:
    0px 12px 28px rgba(230, 99, 34, 0.28),
    0px 1px 4px -1px rgba(255, 255, 255, 0.7) inset,
    0px 1px 12px -1px rgba(255, 180, 120, 0.45) inset;
    /*
      IMPORTANT:
      Arrow ko button ke bahar allow karna hai.
      Isliye overflow hidden nahi.
    */
    overflow: visible !important;
}


/* =========================================
   BUTTON TEXT
========================================= */

.mycustombtn .elementor-button-text {
    position: relative;
    z-index: 2;

    white-space: nowrap;
}


/* =========================================
   SHINE EFFECT
   Sirf MAIN BUTTON ke andar rahega
========================================= */

.mycustombtn .elementor-button::before {
    content: "";

    position: absolute;

    top: 0;
    left: -100%;

    width: 100%;
    height: 100%;

    border-radius: 28px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.20) 50%,
        transparent 100%
    );

    /*
      Shine ko main button ke andar clip karega.
      Arrow par effect nahi jayega.
    */
    clip-path: inset(0 round 28px);

    transition: left 0.5s ease;

    pointer-events: none;

    z-index: 1;
}


/* =========================================
   ARROW SECTION
   LEFT + BOTTOM + RIGHT ROUND
   TOP-RIGHT FLAT
========================================= */

.mycustombtn .elementor-button::after {
    content: "↗";

    position: absolute;

    top: -1px;
    right: -48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-size: 21px;
    font-weight: 400;
    line-height: 1;

    /*
      EXACT SHAPE:
      top-left     = round
      top-right    = FLAT
      bottom-right = round
      bottom-left  = round
    */
    border-radius: 24px 0 24px 24px;

background:  #E96322;

    border: 1px solid transparent;

    box-shadow:
        0px 20px 45px rgba(107, 70, 193, 0.25),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;

    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.3s ease,
        background 0.3s ease;

    z-index: 3;
box-shadow:
    0px 12px 28px rgba(230, 99, 34, 0.28),
    0px 1px 4px -1px rgba(255, 255, 255, 0.7) inset,
    0px 1px 12px -1px rgba(255, 180, 120, 0.45) inset;
    pointer-events: none;
}
.mycustombtn .elementor-button::after {
    content: "";



    background-image: url("https://neosea.co.in/wp-content/uploads/2026/09/cta_arrow.svg");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px 21px;

    
}

/* =========================================
   HOVER
========================================= */

.mycustombtn .elementor-button:hover {
    transform: translateY(-2px);

 background: linear-gradient(135deg, #E96322 0%, #F47C38 100%) padding-box;

    box-shadow:
        0 8px 25px rgba(124, 58, 237, 0.40),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;
        
        
        box-shadow:
    0px 14px 32px rgba(230, 99, 34, 0.38),
    0px 1px 4px -1px rgba(255, 255, 255, 0.8) inset,
    0px 1px 16px -1px rgba(255, 190, 130, 0.55) inset;
}


/* Shine moves ONLY inside button */

.mycustombtn .elementor-button:hover::before {
    left: 100%;
}


/* Arrow hover */

.mycustombtn .elementor-button:hover::after {
    transform: translateY(-1px) rotate(45deg);

  background-color: linear-gradient(135deg, #E96322 0%, #F47C38 100%) padding-box;

    box-shadow:
        0 8px 25px rgba(124, 58, 237, 0.40),
        0px 1px 4px -1px #ffffff inset,
        0px 1px 18px -1px #8f68ea inset;
        
        box-shadow:
    0px 14px 32px rgba(230, 99, 34, 0.38),
    0px 1px 4px -1px rgba(255, 255, 255, 0.8) inset,
    0px 1px 16px -1px rgba(255, 190, 130, 0.55) inset;
}


/* =========================================
   FOCUS / ACTIVE
========================================= */

.mycustombtn .elementor-button:focus,
.mycustombtn .elementor-button:active {
    color: #ffffff !important;
    outline: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mycustombtn .elementor-button {
        height: 46px;
        padding: 0 25px;
        font-size: 12px;
    }

    .mycustombtn .elementor-button::before {
        border-radius: 26px;
        clip-path: inset(0 round 26px);
    }

    .mycustombtn .elementor-button::after {
        right: -46px;

        width: 46px;
        height: 46px;

        border-radius: 23px 0 23px 23px;

        font-size: 19px;
    }
}



  .mycustombtn {
    overflow: hidden;
}

.mycustombtn .elementor-button:hover::before {
    left: 34%;
}

.mycustombtn .elementor-widget-container {
    padding: 6px 0;
}

/* Button aur arrow ki shadow halki karein */

.mycustombtn .elementor-button,
.mycustombtn .elementor-button::after {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Hover par bhi halka shadow */

.mycustombtn .elementor-button:hover,
.mycustombtn .elementor-button:hover::after {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.10);
}
/* White shine effect hataayein */
.mycustombtn .elementor-button::before {
    display: none !important;
}/* End custom CSS */