.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================
   PRIMARY BLACK CTA
========================== */

.black-cta .elementor-button{

    background:#000 !important;

    color:#fff !important;

    border-radius:999px !important;

    padding:20px 70px 20px 35px !important;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.06);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.25),
        0 12px 28px rgba(0,0,0,.22);

    transition:all .35s cubic-bezier(.22,1,.36,1);
}

/* Premium Glass Shine */

.black-cta .elementor-button::before{

    content:"";

    position:absolute;

    inset:1px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.10),
            transparent 55%
        );

    pointer-events:none;
}

/* Blue Circle */

.black-cta .elementor-button::after{

    content:"↗";

    position:absolute;

    right:6px;

    top:50%;

    transform:translateY(-50%);

    width:48px;

    height:48px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #2D6BFF,
            #5B92FF
        );

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:24px;

    box-shadow:
        0 8px 18px rgba(45,107,255,.30);

    transition:all .35s cubic-bezier(.22,1,.36,1);
}

/* Hover */

.black-cta .elementor-button:hover{

    transform:translateY(-3px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -1px 0 rgba(0,0,0,.22),
        0 20px 40px rgba(0,0,0,.30);

}

/* Circle Hover */

.black-cta .elementor-button:hover::after{

    transform:translateY(-50%) scale(1.08);

    box-shadow:
        0 12px 28px rgba(45,107,255,.42);

}

/* Active */

.black-cta .elementor-button:active{

    transform:translateY(-1px);

}

/* ==========================
   SECONDARY WHITE BUTTON
========================== */

.white-cta .elementor-button {

    background: rgba(255,255,255,.92) !important;

    color: #333 !important;

    border-radius: 999px !important;

    padding: 20px 35px 20px 35px !important;

    position: relative;

    overflow: hidden;

    border: 1px solid rgba(0,0,0,.05);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(0,0,0,.03),
        0 6px 16px rgba(0,0,0,.04);

    transition: all .35s ease;
}

/* subtle texture */

.white-cta .elementor-button:before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            115deg,
            transparent 20%,
            rgba(255,255,255,.65) 40%,
            transparent 60%
        );

    opacity: .45;

    pointer-events: none;
}

.white-cta .elementor-button:hover {

    transform: translateY(-3px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(0,0,0,.03),
        0 12px 24px rgba(0,0,0,.08);
}
.grad4{
  background-color: #2563eb;
background-image: linear-gradient(62deg, #2D6BFF 0%, #58a5ff 100%);

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* ==========================
   WHITE CTA FOR DARK BACKGROUND
========================== */

.dark-white-cta .elementor-button{

    background: rgba(255,255,255,.96) !important;

    color: #1A1A1A !important;

    border-radius: 999px !important;

    padding: 20px 70px 20px 35px !important;

    position: relative;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.22);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(0,0,0,.04),
        0 12px 30px rgba(0,0,0,.18);

    transition: all .35s cubic-bezier(.22,1,.36,1);
}

/* Premium Glass Shine */

.dark-white-cta .elementor-button::before{

    content:"";

    position:absolute;

    inset:1px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.55),
            transparent 55%
        );

    pointer-events:none;
}

/* Blue Circle */

.dark-white-cta .elementor-button::after{

    content:"↗";

    position:absolute;

    right:6px;

    top:50%;

    transform:translateY(-50%);

    width:48px;

    height:48px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #2D6BFF,
            #5B92FF
        );

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:24px;

    box-shadow:
        0 8px 18px rgba(45,107,255,.30);

    transition:all .35s ease;
}

/* Hover */

.dark-white-cta .elementor-button:hover{

    transform:translateY(-3px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 20px 40px rgba(0,0,0,.22);

}

/* Circle Hover */

.dark-white-cta .elementor-button:hover::after{

    transform:translateY(-50%) scale(1.08);

    box-shadow:
        0 12px 26px rgba(45,107,255,.40);

}/* End custom CSS */