.elementor-kit-12{--e-global-color-primary:#060E1D;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#060E1D;--e-global-color-accent:#69DED7;--e-global-color-e9287d9:#FFFFFF;--e-global-color-bbee398:#060E1D;--e-global-color-b5f7e1c:#69DED7;--e-global-color-fc038be:#2253AF;--e-global-color-65a05c5:#FF3838;--e-global-color-7be30bc:#000000;--e-global-color-9fb7530:#333333;--e-global-color-6b04691:#919191;--e-global-color-b52b528:#CCCCCC;--e-global-color-cf34862:#666666;--e-global-color-ab202cf:#F9F9F9;--e-global-typography-primary-font-family:"Red Hat Display";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.2px;--e-global-typography-secondary-font-family:"Red Hat Mono";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1px;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Red Hat Display";--e-global-typography-accent-font-weight:400;--e-global-typography-dd483a9-font-family:"Red Hat Display";--e-global-typography-dd483a9-font-size:18px;--e-global-typography-dd483a9-font-weight:400;--e-global-typography-785f797-font-size:16px;--e-global-typography-785f797-font-weight:400;--e-global-typography-82ce091-font-family:"Red Hat Mono";--e-global-typography-82ce091-font-size:13px;--e-global-typography-82ce091-font-weight:500;--e-global-typography-19d9d16-font-family:"Red Hat Mono";--e-global-typography-19d9d16-font-size:20px;--e-global-typography-19d9d16-font-weight:400;--e-global-typography-ab9510a-font-family:"Red Hat Mono";--e-global-typography-ab9510a-font-size:18px;--e-global-typography-ab9510a-font-weight:400;--e-global-typography-dde83b9-font-family:"Red Hat Mono";--e-global-typography-dde83b9-font-size:14px;--e-global-typography-dde83b9-font-weight:400;--e-global-typography-2180eb1-font-family:"Red Hat Display";--e-global-typography-2180eb1-font-size:18px;--e-global-typography-2180eb1-font-weight:300;--e-global-typography-e604a2b-font-family:"Red Hat Display";--e-global-typography-e604a2b-font-size:18px;--e-global-typography-e604a2b-font-weight:500;color:var( --e-global-color-cf34862 );font-family:"Red Hat Display", Sans-serif;font-size:20px;font-weight:400;line-height:1.2em;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:#FFFFFF00;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-primary );border-style:none;padding:0px 0px 0px 0px;}.elementor-kit-12 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 h1{font-family:"Red Hat Display", Sans-serif;font-size:75px;font-weight:400;line-height:1.2em;}.elementor-kit-12 h2{font-family:"Red Hat Display", Sans-serif;font-size:55px;font-weight:400;}.elementor-kit-12 h3{font-family:"Red Hat Display", Sans-serif;font-size:44px;font-weight:400;line-height:1.2em;}.elementor-kit-12 h4{font-family:"Red Hat Display", Sans-serif;font-size:36px;font-weight:400;line-height:1.2em;}.elementor-kit-12 h5{font-family:"Red Hat Display", Sans-serif;font-size:28px;font-weight:400;line-height:1.2em;}.elementor-kit-12 h6{font-family:"Red Hat Display", Sans-serif;font-size:24px;font-weight:400;line-height:1.2em;}.elementor-kit-12 img{border-radius:3px 3px 3px 3px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:40px;}.elementor-element{--widgets-spacing:40px 40px;--widgets-spacing-row:40px;--widgets-spacing-column:40px;}{}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;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2400px){.elementor-kit-12 a{line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1512px){.elementor-kit-12 a{line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 h1{font-size:70px;}.elementor-kit-12 h2{font-size:55px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1366px){.elementor-kit-12 h1{font-size:65px;}.elementor-kit-12 h2{font-size:45px;}}@media(max-width:1024px){.elementor-kit-12 a{line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 h1{font-size:60px;}.elementor-kit-12 h2{font-size:45px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-12 h1{font-size:50px;}.elementor-kit-12 h2{font-size:40px;}.elementor-kit-12 h3{font-size:36px;}.elementor-kit-12 h4{font-size:30px;}.elementor-kit-12 h5{font-size:26px;}.elementor-kit-12 h6{font-size:24px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-dd483a9-font-size:16px;--e-global-typography-785f797-font-size:14px;--e-global-typography-82ce091-font-size:14px;}.elementor-kit-12 a{line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-12 h1{font-size:40px;line-height:1em;}.elementor-kit-12 h2{font-size:35px;line-height:1em;}.elementor-kit-12 h3{font-size:30px;}.elementor-kit-12 h4{font-size:26px;line-height:1em;}.elementor-kit-12 h5{font-size:22px;line-height:1em;}.elementor-kit-12 h6{font-size:18px;line-height:1em;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* disable auto focus */
*:focus {
  outline: none !important;
}


h1, h2, h3 {
    line-height: 1em !important;
}

h4, h5, h6 {
    line-height: 1.2em !important;
}

p{line-height: 1.2em !important;}


.sticky-header {
    transition: background-color 0.3s ease;
}





/* font weights within text paras */
.txtMdBold{font-weight: 400}
.txtBldBold{font-weight: 600}



/* GSAP generic animation class */
.gsap-slide-up {
    opacity: 0;
    transform: translateY(50px);
    visibility: hidden;
}


/* setting all text editors font */
/* Apply font to all Elementor WYSIWYG editors */
.elementor-widget-text-editor {
    font-family: "Red Hat Display", Sans-serif !important;
}





/* setting entire webiste bullet design*/
.CustomBullets ul {
    /* list-style: none; Remove default bullet 
    padding-left: 20px;
    margin: 0; */
}

.CustomBullets ul li {
    /*position: relative;
    padding-left: 30px;  Space for the custom bullet */
}

.CustomBullets ul li::before {
    /*content: "";
    position: absolute;
    left: 0;
    top: 11px;  Aligns the bullet to the top 
    width: 12px; /* Circle size 
    height: 12px;
    border: 4px solid #919191; /* Custom bullet color 
    border-radius: 50%; /* Makes it a circle */
}










/* setting entire webiste bullet and links*/
.CustomStylesBL ul {
    /*list-style: none; 
    padding-left: 20px;
    margin: 0;*/
}

.CustomStylesBL ul li {
   /* position: relative;
    padding-left: 30px; */
}

.CustomStylesBL ul li::before {
    /*content: "";
    position: absolute;
    left: 0;
    top: 11px; 
    width: 12px; 
    height: 12px;
    border: 4px solid #919191; 
    border-radius: 50%; /* Makes it a circle */
}

/* code for text link colors */
.CustomStylesBL a{ 
    border-bottom:2px solid #333333; 
    transition: all 0.3s ease-in-out;
    text-decoration: none !important;
    
    /* Vendor prefixes for older browser support */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    word-break: break-word;   /* allows long words/links to break */
  overflow-wrap: anywhere;  /* modern alternative, works well */
  white-space: normal;      /* ensures they’re allowed to wrap */
}

.CustomStylesBL a:hover{ 
    border-bottom:2px solid #69ded7;
    color:#69ded7;
}


.CustomStylesBL h2, h3, h4, h5, h6{
    color:#060E1D;
}









/* Css text gradient */

.txtGradient-hor {
    background: linear-gradient(90deg, #060E1D, #69DED7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.txtGradient-ver {
    background: linear-gradient(0deg, #69DED7 0%, #060E1D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.txtGradient-WG-hor {
    background: linear-gradient(90deg, #ffffff, #69DED7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* this one is dark blue to green*/
.txtGradient-DBG-ver {
    background: linear-gradient(0deg, #69DED7, #060E1D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* this one is dark blue to green reverse*/
.txtGradient-DBG-ver-rev {
    background: linear-gradient(0deg, #060E1D, #69DED7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


/* this one is white to green*/
.txtGradient-WG-ver {
    background: linear-gradient(0deg, #69DED7, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* this one is white to blue*/
.txtGradient-WB-ver {
    background: linear-gradient(0deg, #2253AF, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* this one is Grey to Dark grey*/
.txtGradient-LGDG-ver {
    background: linear-gradient(0deg, #060E1D, #919191);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* this one is white to Yellow*/
.txtGradient-WY-ver {
    background: linear-gradient(0deg, #E1AD3F, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 500
}


/* White to green to white - total 3 colors */

.txtGradient-3colors-ver {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(105,222,215,0.2) 50%, rgba(255,255,255,1) 100%);

}


/* this one is dark Grey to grey and border bottom*/
.txtGradient-DGLGBor-ver {
    /*background: linear-gradient(0deg, #919191, #060E1D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;*/
    position: relative;
    display: inline-block; /* Adjust as needed */
    padding-bottom: 15px;
}

.txtGradient-DGLGBor-ver::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px; /* Border thickness */
    background: linear-gradient(to right, #060E1D, #69DED7);
    border-radius: 5px;
}








/* Inner page Hero Text Styles and animations */
.HeroText {
    display: inline-block;
    background: linear-gradient(to right, #ffffff 40%, #69DED7 100%);
    -webkit-background-clip: text; /* Clips the background to text */
    background-clip: text; /* For non-WebKit browsers */
    color: transparent; /* Make text color transparent to show gradient */
     text-fill-color: transparent; /*Needed for Safari */
    -webkit-text-fill-color: transparent;
    padding-bottom: 5px;
}


/* Inner page Hero Text 2 */
.HeroTextWhite {
    display: inline-block;
    background: linear-gradient(to right, #060E1D 0%, #69DED7 100%);
    -webkit-background-clip: text; /* Clips the background to text */
    background-clip: text; /* For non-WebKit browsers */
    color: transparent; /* Make text color transparent to show gradient */
     text-fill-color: transparent; /*Needed for Safari */
    -webkit-text-fill-color: transparent;
    padding-bottom: 5px;
}

/* Inner page Hero Text Vertical */
.HeroTextWhite-2 {
    display: inline-block;
    background: linear-gradient(90deg, #060E1D, #69DED7);
    -webkit-background-clip: text; /* Clips the background to text */
    background-clip: text; /* For non-WebKit browsers */
    color: transparent; /* Make text color transparent to show gradient */
     text-fill-color: transparent; /*Needed for Safari */
    -webkit-text-fill-color: transparent;
    padding-bottom: 5px;
}

.txtAniUp {
  display: inline-block;
  opacity: 0; /* Start with text invisible */
  transform: translateY(50px); /* Slide from the bottom */
  animation: slideUp 1s ease-out forwards; /* Apply the animation */
  will-change: opacity, transform;
}


/* Keyframes for slide and fade in */
@keyframes slideUp {
      0% {
        opacity: 0;
        transform: translateY(50px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
}

.txtAniUpSub {
  display: inline-block;
  opacity: 0; /* Start with text invisible */
  transform: translateY(50px); /* Slide from the bottom */
  animation: slideUpSub 1.5s ease-out forwards; /* Apply the animation */
  will-change: opacity, transform;
}


/* Keyframes for slide and fade in */
@keyframes slideUpSub {
  0% {
    opacity: 0;
    transform: translateY(50px); /* Start below the original position */
  }
  100% {
    opacity: 1;
    transform: translateY(0); /* End at the original position */
  }
}

.txtAniFade {
  display: inline-block;
  opacity: 0; /* Start with text invisible */
  animation: fadeAnim 1.5s ease-out forwards; /* Apply the animation */
}


/* Keyframes for slide and fade in */
@keyframes fadeAnim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


































/* Button Small*/ 
.btnSml{
    padding:8px 25px;
}
.btnSml .elementor-button-text{
    padding-top: 6px;
    font-size:14px;
    text-align: left;
    font-weight: 500;
    font-family: "Red Hat Mono", Sans-serif;
    line-height: 1em;
}
.btnSml .elementor-button-icon{
    padding-top: 4px !important;
}

.btnSml .elementor-button-icon svg{
    width: 18px; /* Maintain size */
    height: 18px; /* Maintain size */
    
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .btnSml {
        padding: 6px 20px;
    }
    .btnSml .elementor-button-text {
        padding-top: 5px;
        font-size: 12px;
    }
    .btnSml .elementor-button-icon svg {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (max-width: 880px) and (orientation: landscape) {
    .btnSml {
        padding: 7px 22px;
    }
    .btnSml .elementor-button-text {
        padding-top: 5px;
        font-size: 13px;
    }
    .btnSml .elementor-button-icon svg {
        width: 17px;
        height: 17px;
    }
}











/* Button Medium*/ 
.btnMed{
    padding:14px 35px;
    font-size:18px;
    text-align: left;
}
.btnMed .elementor-button-text{
    padding-top: 4px;
    font-size:18px;
    font-weight: 500;
    font-family: "Red Hat Mono", Sans-serif;
    line-height: 1em;
}
.btnMed .elementor-button-icon{
    padding-top: 2px !important;
}
.btnMed .elementor-button-icon svg{
    width: 24px; /* Maintain size */
    height: 24px; /* Maintain size */
    
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .btnMed {
        padding: 12px 28px;
        font-size: 16px;
    }
    .btnMed .elementor-button-text {
        padding-top: 3px;
        font-size: 16px;
    }
    .btnMed .elementor-button-icon svg {
        width: 20px;
        height: 20px;
    }
}

@media only screen and (max-width: 880px) and (orientation: landscape) {
    .btnMed {
        padding: 13px 30px;
        font-size: 17px;
    }
    .btnMed .elementor-button-text {
        padding-top: 3px;
        font-size: 17px;
    }
    .btnMed .elementor-button-icon svg {
        width: 22px;
        height: 22px;
    }
}











/* Button Large*/ 
.btnLrg{
    padding:24px 45px;
    font-size:20px;
    text-align: left;
}
.btnLrg .elementor-button-text{
    padding-top: 4px;
    font-size:20px;
    font-weight: 500;
    font-family: "Red Hat Mono", Sans-serif;
    line-height: 1em;
}
.btnLrg .elementor-button-icon{
    padding-top: 0px !important;
}
.btnLrg .elementor-button-icon svg{
    width: 32px; /* Maintain size */
    height: 32px; /* Maintain size */
}


@media only screen and (max-width: 767px) and (orientation: portrait) {
    .btnLrg {
        padding: 16px 30px;
        font-size: 16px;
    }
    .btnLrg .elementor-button-text {
        padding-top: 2px;
        font-size: 16px;
    }
    .btnLrg .elementor-button-icon svg {
        width: 24px;
        height: 24px;
    }
}



@media only screen and (max-width: 880px) and (orientation: landscape) {
    .btnLrg {
        padding: 18px 36px;
        font-size: 18px;
    }
    .btnLrg .elementor-button-text {
        padding-top: 3px;
        font-size: 18px;
    }
    .btnLrg .elementor-button-icon svg {
        width: 28px;
        height: 28px;
    }
}






















/* Button Black Border, transparent background color */
.Btn_Black_Border {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    color: #060E1D;
    border-radius: 3px;
    border: 1px solid #060E1D !important; 
}

.Btn_Black_Border .elementor-button{color: #060E1D;}

.Btn_Black_Border .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #69DED7, #FFFFFF);
    transform: translateX(-100%); /* Start off-screen to the left */
    z-index: 0;
}

.Btn_Black_Border .elementor-button-content {
    position: relative;
    z-index: 1;
}

.Btn_Black_Border .txt{
    position: relative;
    z-index: 1;
}

.Btn_Black_Border .elementor-button-icon{
    position: relative;
    z-index: 1;
}










/* Button White Border, transparent background color */
.Btn_White_Border {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    color: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #FFFFFF; 
}

.Btn_White_Border .elementor-button{color: #FFFFFF;}
.Btn_White_Border:hover .elementor-button{color: #060E1D;}

.Btn_White_Border .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #69DED7, #FFFFFF);
    transform: translateX(-100%); /* Start off-screen to the left */
    z-index: 0;
}

.Btn_White_Border .elementor-button-content {
    position: relative;
    z-index: 1;
}

.Btn_White_Border .txt{
    position: relative;
    z-index: 1;
}

.Btn_White_Border .elementor-button-icon{
    position: relative;
    z-index: 1;
}







/* Button White Background, transparent background color */
.Btn_White {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    color: #060E1D;
    border-radius: 3px;
    background:#ffffff
}

.Btn_White .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #69DED7, #FFFFFF);
    transform: translateX(-100%); /* Start off-screen to the left */
    z-index: 0;
}

.Btn_White .elementor-button-content {
    position: relative;
    z-index: 1;
}

.Btn_White .txt{
    position: relative;
    z-index: 1;
}

.Btn_White .elementor-button-icon{
    position: relative;
    z-index: 1;
}








/* Button Black Background, transparent background color */
.Btn_Black {
    display: inline-flex;
    position: relative;
    overflow: hidden;

    border-radius: 3px;
    background:#060E1D;
}

.Btn_Black .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #69DED7, #FFFFFF);
    transform: translateX(-100%); /* Start off-screen to the left */
    z-index: 0;
}

.Btn_Black .elementor-button-content {
    position: relative;
    z-index: 1;
}

.Btn_Black .txt{
    position: relative;
    z-index: 1;
    color: #FFFFFF;
}

.Btn_Black:hover .txt{color: #060E1D;}

.Btn_Black .elementor-button-icon{
    position: relative;
    z-index: 1;
    color: #FFFFFF;
}
.Btn_Black:hover .elementor-button-icon{color: #060E1D;}







/* Button Black text link, transparent background color */
.Btn_Black_txtLnk {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    color: #060E1D;
    border-bottom: 2px solid #060E1D; 
    padding: 0px  0px 10px!important
  
}
.Btn_Black_txtLnk:hover{
    color: #69DED7;
    border-bottom: 3px solid #69DED7;
}

.Btn_Black_txtLnk .elementor-button{
    color: #060E1D;
    transition: color 0.4s ease, transform 0.4s ease;
}


.Btn_Black_txtLnk .elementor-button-icon{
    position: relative;
    z-index: 1;
    transition: padding 0.4s ease, color 0.4s ease;
}

.Btn_Black_txtLnk:hover .elementor-button-icon{
     padding-left:5px;
    color: #69DED7;
}

.Btn_Black_txtLnk .elementor-button-text {
    transition: color 0.4s ease;
}

.Btn_Black_txtLnk:hover .elementor-button-text {
    color: #69DED7; /* Text color on hover */
}







/* Button White text link, transparent background color */
.Btn_White_txtLnk {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF; 
    padding: 0px  0px 10px!important
  
}
.Btn_White_txtLnk:hover{
    color: #69DED7;
    border-bottom: 3px solid #69DED7;
}

.Btn_White_txtLnk .elementor-button{
    color: #FFFFFF;
    transition: color 0.4s ease, transform 0.4s ease;
}


.Btn_White_txtLnk .elementor-button-icon{
    position: relative;
    z-index: 1;
    transition: padding 0.4s ease, color 0.4s ease;
}

.Btn_White_txtLnk:hover .elementor-button-icon{
     padding-left:5px;
    color: #69DED7;
}

.Btn_White_txtLnk .elementor-button-text {
    transition: color 0.4s ease;
}

.Btn_White_txtLnk:hover .elementor-button-text {
    color: #69DED7; /* Text color on hover */
}
















/* Pipedrive css */
/* Make text fields and textarea white */
.pipedriveWebForms input,
.pipedriveWebForms textarea,
.pipedriveWebForms select {
    background-color: white !important;
    color: black !important; /* Ensure text is visible */
    border: 2px solid #ccc !important;
    border-radius: 5px !important;
    padding: 10px !important;
    font-family: "Red Hat Display", sans-serif !important;
}

/* Make checkboxes and radio buttons white */
.pipedriveWebForms input[type="checkbox"],
.pipedriveWebForms input[type="radio"] {
    background-color: white !important;
    accent-color: white !important; /* For modern browsers */
}

/* Style checkbox labels */
.pipedriveWebForms label {
    color: black !important; /* Ensure labels are visible */
    font-family: "Red Hat Display", sans-serif !important;
}/* End custom CSS */