.elementor-kit-8{--e-global-color-primary:#3FBFFF;--e-global-color-secondary:#FF01C9;--e-global-color-text:#FFC000;--e-global-color-accent:#F7FAFF;--e-global-color-7707ab8:#000007;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#FFFFFF;color:#352727;border-radius:8px 8px 8px 8px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"Poppins", Sans-serif;}.elementor-kit-8 h1{font-family:"Poppins", Sans-serif;font-size:60px;}.elementor-kit-8 h2{font-family:"Poppins", Sans-serif;font-size:48px;}.elementor-kit-8 h3{font-family:"Poppins", Sans-serif;font-size:32px;}.elementor-kit-8 h4{font-family:"Poppins", Sans-serif;font-size:24px;}.elementor-kit-8 h5{font-family:"Poppins", Sans-serif;font-size:20px;}.elementor-kit-8 h6{font-family:"Poppins", Sans-serif;font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.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;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8 h1{font-size:45px;}.elementor-kit-8 h2{font-size:35px;}.elementor-kit-8 h3{font-size:25px;}.elementor-kit-8 h4{font-size:22px;}.elementor-kit-8 h5{font-size:20px;}.elementor-kit-8 h6{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:40px;}.elementor-kit-8 h2{font-size:30px;}.elementor-kit-8 h3{font-size:25px;}.elementor-kit-8 h4{font-size:20px;}.elementor-kit-8 h5{font-size:20px;}.elementor-kit-8 h6{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//** Global Styles **/ .image-center-icons{ left: 0; right: 0; } .custom-divider-white svg path { fill: #fff; } .custom-divider-yellow svg path { fill: #FFC000; } .glass-box { background: linear-gradient( 135deg, rgba(48, 48, 62, 0.72) 0%, rgba(54, 60, 82, 0.68) 50%, rgba(63, 73, 103, 0.62) 100% ); backdrop-filter: blur(18px) saturate(120%); -webkit-backdrop-filter: blur(18px) saturate(120%); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 8px 30px rgba(0, 0, 0, 0.18); } .accent-title-pink{ color: #FF01C9; } .accent-title-yellow{ color: #FFC000; } .accent-title-blue{ color: #33FBFF; } /** End Global Styles **/ /** Home Page **/ .custom-background-gradient{ background-color: #000007; background-image: linear-gradient( 90deg, rgba(0, 0, 7, 1) 0%, rgba(0, 0, 76, 0.5) 35%, rgba(0, 0, 109, 0) 53%, rgba(0, 0, 45, 0.25) 79%, rgba(0, 0, 7, 1) 100% ); } /** End Home Page **/ /** Footer **/ /* #Progress Button / back to top*/ :root { font-size: 20px; --red: #da2c4d; --yellow: #f8ab37; --green: #2ecc71; --white: #ffffff; --grey-light: #f2f7f9; --grey: #ecedf3; --black: #080808; --black-blue: #1f2029; --black-blue-light: #353746; --black-blue-light-2: #404255; --black-blue-light-3: #4b4d64; --black-light: #424455; } .progress-wrap { position: fixed; left: 10px; bottom: 10px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);/*this is the shadow of the circle*/ z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; text-align: center; line-height: 46px; font-size: 24px; color: var(--grey); left: 0; top: 0px; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; font-family: "Font Awesome 6 Pro"; content: "\f106"; vertical-align: middle; font-weight: 300; color: #3fbfff;/* this is the color of the arrow*/ } .progress-wrap:hover::after { opacity: 0; } .progress-wrap::before { position: absolute; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background-image: linear-gradient(298deg, var(--red), var(--yellow)); -webkit-background-clip: text; -webkit-text-fill-color: #33FBFF;/* Color of the arrow after click */ left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; font-family: "Font Awesome 6 Pro"; content: "\f106"; font-weight: 300; } .progress-wrap:hover::before { opacity: 1; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: #33FBFF;/* this is the color of the circle*/ stroke-width: 4; box-sizing:border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } @media(max-width:1366px){ .progress-wrap { left: auto; right: 10px; } } /** End Progress Button **/ /** End Footer **//* End custom CSS */