.elementor-kit-17{--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-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--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){--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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ===================================================== KURTASAZ DESIGN SYSTEM Version: 1.0 ===================================================== */ /*============================== ROOT VARIABLES ==============================*/ :root{ --ks-black:#0A0A0A; --ks-dark:#141414; --ks-dark-2:#1C1C1C; --ks-white:#F8F8F8; --ks-light:#EEEEEE; --ks-lime:#D7FF00; --ks-blue:#004DFF; --ks-orange:#FF5A1F; --ks-text:#E8E8E8; --ks-text-light:#A4A4A4; --ks-border:rgba(255,255,255,.08); --ks-radius-xs:10px; --ks-radius-sm:16px; --ks-radius-md:24px; --ks-radius-lg:32px; --ks-radius-xl:48px; --ks-radius-pill:999px; --ks-container:1320px; --ks-shadow: 0 10px 30px rgba(0,0,0,.12); --ks-shadow-lg: 0 30px 80px rgba(0,0,0,.30); --ks-transition: all .35s cubic-bezier(.16,1,.3,1); } /*============================== RESET ==============================*/ *{ margin:0; padding:0; box-sizing:border-box; } html{ scroll-behavior:smooth; } body{ background:var(--ks-black); color:var(--ks-text); font-family:Inter,sans-serif; overflow-x:hidden; -webkit-font-smoothing:antialiased; } /*============================== SELECTION ==============================*/ ::selection{ background:var(--ks-lime); color:#000; } /*============================== SCROLLBAR ==============================*/ ::-webkit-scrollbar{ width:8px; } ::-webkit-scrollbar-track{ background:#111; } ::-webkit-scrollbar-thumb{ background:var(--ks-lime); border-radius:999px; } /*============================== HEADINGS ==============================*/ h1,h2,h3,h4,h5,h6{ font-family:"Bricolage Grotesque",sans-serif; font-weight:800; letter-spacing:-.04em; color:white; line-height:.95; } h1{ font-size:clamp(52px,8vw,96px); } h2{ font-size:clamp(40px,6vw,72px); } h3{ font-size:40px; } p{ font-size:18px; line-height:1.8; color:var(--ks-text-light); } /*============================== LINKS ==============================*/ a{ text-decoration:none; color:inherit; transition:var(--ks-transition); } a:hover{ color:var(--ks-lime); } /*============================== BUTTONS ==============================*/ .elementor-button{ background:var(--ks-lime)!important; color:#000!important; padding:18px 34px!important; border-radius:999px!important; font-weight:700!important; transition:var(--ks-transition)!important; box-shadow:var(--ks-shadow); } .elementor-button:hover{ transform:translateY(-4px); background:white!important; box-shadow:var(--ks-shadow-lg); } /*============================== IMAGES ==============================*/ img{ max-width:100%; display:block; } .elementor-widget-image img{ border-radius:24px; transition:.5s; } .elementor-widget-image:hover img{ transform:scale(1.05); } /*============================== CONTAINERS ==============================*/ .e-con{ max-width:var(--ks-container); margin:auto; } /*============================== CARDS ==============================*/ .ks-card{ background:var(--ks-dark); border:1px solid var(--ks-border); border-radius:28px; padding:32px; transition:var(--ks-transition); overflow:hidden; position:relative; } .ks-card:hover{ transform:translateY(-8px); border-color:var(--ks-lime); box-shadow:var(--ks-shadow-lg); } /*============================== BADGES ==============================*/ .ks-badge{ display:inline-flex; align-items:center; padding:10px 18px; border-radius:999px; background:var(--ks-lime); color:#000; font-weight:700; font-size:14px; } /*============================== GLASS ==============================*/ .ks-glass{ background:rgba(255,255,255,.05); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.08); } /*============================== TEXT GRADIENT ==============================*/ .ks-gradient{ background:linear-gradient( 90deg, var(--ks-lime), var(--ks-blue), var(--ks-orange) ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /*============================== SECTION ==============================*/ .ks-section{ padding:120px 0; position:relative; } /*============================== UTILITY ==============================*/ .ks-center{ text-align:center; } .ks-hidden{ overflow:hidden; } .ks-rounded{ border-radius:28px; } .ks-shadow{ box-shadow:var(--ks-shadow); } .ks-flex{ display:flex; } .ks-grid{ display:grid; gap:30px; } .ks-grid-2{ grid-template-columns:repeat(2,1fr); } .ks-grid-3{ grid-template-columns:repeat(3,1fr); } .ks-grid-4{ grid-template-columns:repeat(4,1fr); } /*============================== RESPONSIVE ==============================*/ @media(max-width:1024px){ .ks-grid-4, .ks-grid-3{ grid-template-columns:repeat(2,1fr); } .ks-section{ padding:80px 0; } } @media(max-width:767px){ .ks-grid-4, .ks-grid-3, .ks-grid-2{ grid-template-columns:1fr; } .ks-section{ padding:60px 0; } .elementor-button{ width:100%; } }/* End custom CSS */