/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



:root {
    --radius: 1rem;
    --background: oklch(99.5% .003 200);
    --foreground: oklch(18% .02 220);
    --ink: oklch(14% .02 220);
    --ink-soft: oklch(42% .015 220);
    --card: oklch(100% 0 0);
    --card-foreground: oklch(18% .02 220);
    --popover: oklch(100% 0 0);
    --popover-foreground: oklch(18% .02 220);
    --primary: oklch(48% .08 210);
    --primary-foreground: oklch(99% .005 200);
    --primary-soft: oklch(95% .025 210);
    --primary-glow: oklch(62% .1 200);
    --secondary: oklch(96% .01 220);
    --secondary-foreground: oklch(18% .02 220);
    --muted: oklch(96.5% .005 220);
    --muted-foreground: oklch(50% .015 220);
    --accent: oklch(93% .04 200);
    --accent-foreground: oklch(25% .05 210);
    --destructive: oklch(57.7% .245 27.325);
    --destructive-foreground: oklch(98.4% .003 247.858);
    --border: oklch(92% .01 220);
    --input: oklch(92% .01 220);
    --ring: oklch(48% .08 210);
    --whatsapp: oklch(65% .18 145);
    --gradient-primary: linear-gradient(135deg, oklch(48% .08 210), oklch(62% .1 200));
    --gradient-soft: linear-gradient(180deg, oklch(99% .01 200), oklch(95% .03 210));
    --shadow-soft: 0 4px 20px -8px oklch(48% .08 210/.18);
    --shadow-card: 0 10px 30px -12px oklch(30% .05 220/.18);
    --shadow-glow: 0 12px 40px -10px oklch(48% .08 210/.35);
    --chart-1: oklch(64.6% .222 41.116);
    --chart-2: oklch(60% .118 184.704);
    --chart-3: oklch(39.8% .07 227.392);
    --chart-4: oklch(82.8% .189 84.429);
    --chart-5: oklch(76.9% .188 70.08);
    --sidebar: oklch(98.4% .003 247.858);
    --sidebar-foreground: oklch(12.9% .042 264.695);
    --sidebar-primary: oklch(20.8% .042 265.755);
    --sidebar-primary-foreground: oklch(98.4% .003 247.858);
    --sidebar-accent: oklch(96.8% .007 247.896);
    --sidebar-accent-foreground: oklch(20.8% .042 265.755);
    --sidebar-border: oklch(92.9% .013 255.508);
    --sidebar-ring: oklch(70.4% .04 256.788);
}


body{
    margin: 0;  
}
.main_container{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}



body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 600;
    margin: 0;
}

.font_caveat {
    font-family: 'Caveat', cursive;
}

a{
    text-decoration: none;
    color: #071418;
}



/* header */
.header_main {
    padding: 20px 40px;
    border-bottom: 1px solid #e7e7e7;
}
.header_iner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo_icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(135deg, #0c6a76, #1c989e);
    color: #fff;
    border-radius: 50px;
}
.logo_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
}
.nav_menu .nav_link {
    color: var(--ink-soft);
    font-size: 15px;
    line-height: 1.4em;
}
.nav_menu .nav_link:hover{
    color: var(--ink);
}
.header_main .nav_menu {
    display: flex;
    gap: 35px;
}
.btn_primary {
    color: #fffafc;
    padding: 15px 25px;
    border-radius: 30px;
    background-image: linear-gradient(135deg, #0c6a76, #1c989e);
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    width: fit-content;
    display: flex;
    gap: 10px;
}
.btn_outline {
    color: #0e707b;
    padding: 14px 24px;
    border-radius: 30px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    width: fit-content;
    display: flex;
    gap: 10px;
    border: 1.5px solid #0e707b;
}
.btn_outline svg, .btn_primary svg{width: 20px;height: 20px;}

.hero_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.ses_p{
padding: 80px 40px;
}
/*  */
.hero_section svg{
 width: 20px;
 height:20px;
}
.hero_section {
    display: flex;
    align-items: center;
    height: 74vh;
    min-height: max-content;
    background-image: url(https://flockstar.india-explore.in/wp-content/uploads/2026/04/hero-graduation-Dtxr53h1-1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    position: relative;
    z-index: 1;
}
.hero_section:after {
    content: "";
    position: absolute;
    background: linear-gradient(56deg, #ffffff 43%, #0c6a7600 100%);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
.hero_section:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(180deg, #ffffff 10%, #0c6a7600 100%);
    width: 100%;
    height: 100px;
}
li.feature_item svg.feature_icon {
    width: 18px;
    height: 20px;
    color: var(--primary);
    fill: transparent;
    stroke: #0c6a76;
}


.hero_badge {
    padding: 6px 14px;
    background: #dcf4f8;
    border-radius: 50px;
    color: #0c6a76;
    font-size: 12px;
    border: 1px solid #0c6a762e;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    width: fit-content;
}
h1.hero_title {
    font-size: 72px;
    color: #020b0f;
    line-height: 72px;
    font-weight: 800;
}
.hero_title_highlight {
    font-size: 96px;
    line-height: 1.3em;
    color: #0c6a76;
}
.hero_heart {
    -webkit-text-stroke: 2px #0c6a76;
    color: #0c6a7638;
}
.hero_content {
    display: grid;
    gap: 24px;
    width: 50%;
}
p.hero_description {
    margin: 0;
    max-width: 512px;
    width: 100%;
    font-size: 18px;
    line-height: 1.8em;
    color: var(--ink-soft);
}
ul.hero_features {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.hero_features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
li.feature_item {
    width: fit-content;
    display: flex;
    gap: 10px;
}


/* 

*/


.card_icon .icon_svg {
    width: 20px;
    height: 20px;
}