.elementor-8696 .elementor-element.elementor-element-76f37e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-caa8b1e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8696 .elementor-element.elementor-element-6e0fc38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-691bad1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-227px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-fc69b8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-102px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-2700d16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-f43c421{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-63fbf0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-61px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-3e968ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-136px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-c656bb9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-c656bb9:not(.elementor-motion-effects-element-type-background), .elementor-8696 .elementor-element.elementor-element-c656bb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF7F3;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8696 .elementor-element.elementor-element-66f0b42 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-8696 .elementor-element.elementor-element-66f0b42{text-align:center;}.elementor-8696 .elementor-element.elementor-element-66f0b42 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:39px;font-weight:700;font-style:normal;text-decoration:none;letter-spacing:0.2px;color:#1B6E29;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8696 .elementor-element.elementor-element-01f1eac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-e8b20ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-a7dcc14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-b9594c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-5b69c51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-05ce7a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-d01896b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-bdcf5ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-dc08896{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-8696 .elementor-element.elementor-element-dc08896:not(.elementor-motion-effects-element-type-background), .elementor-8696 .elementor-element.elementor-element-dc08896 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF7F3;}.elementor-8696 .elementor-element.elementor-element-acc7083 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;font-style:normal;text-decoration:none;letter-spacing:0.2px;color:#1B6E29;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8696 .elementor-element.elementor-element-a7dcc14{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8696 .elementor-element.elementor-element-b9594c3{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8696 .elementor-element.elementor-element-5b69c51{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8696 .elementor-element.elementor-element-d01896b{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8696 .elementor-element.elementor-element-e20dc4f > .elementor-widget-container{margin:-150px 0px 0px 0px;}.elementor-8696 .elementor-element.elementor-element-acc7083{text-align:center;}.elementor-8696 .elementor-element.elementor-element-acc7083 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for html, class: .elementor-element-caa8b1e *//*==============================
  GOOGLE FONT
===============================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#fff;
overflow-x:hidden;
}

.hero{
position:relative;
overflow:hidden;
padding:90px 7%;
background:#ffffff;
min-height:100vh;
display:flex;
align-items:center;
}

/*==============================
CONTAINER
===============================*/

.container{
display:flex;
justify-content:space-between;
align-items:center;
gap:70px;
width:100%;
max-width:1300px;
margin:auto;
position:relative;
z-index:2;
}

/*==============================
LEFT
===============================*/

.left{
flex:1;
position:relative;
}

.badge{
display:inline-block;
background:#e8fff0;
color:#1c8b4d;
padding:12px 24px;
border-radius:40px;
font-size:14px;
font-weight:600;
margin-bottom:25px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
animation:fadeUp .8s ease;
}

.left h1{
font-size:68px;
font-weight:800;
line-height:1.1;
color:#222;
margin-bottom:20px;
animation:fadeUp 1s ease;
}

.left h1 span{
color:#ff7a00;
position:relative;
}

.left p{
font-size:18px;
line-height:1.9;
color:#666;
max-width:620px;
margin-bottom:40px;
animation:fadeUp 1.2s ease;
}

/*==============================
BUTTONS
===============================*/

.buttons{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.buttons a{
text-decoration:none;
padding:16px 34px;
border-radius:50px;
font-weight:600;
transition:.35s;
display:inline-flex;
align-items:center;
justify-content:center;
}

.btn1{
background:#ff7a00;
color:#fff;
box-shadow:0 18px 40px rgba(255,122,0,.35);
}

.btn1:hover{
transform:translateY(-6px);
box-shadow:0 25px 55px rgba(255,122,0,.45);
}

.btn2{
border:2px solid #22a95d;
color:#22a95d;
background:#fff;
}

.btn2:hover{
background:#22a95d;
color:#fff;
transform:translateY(-6px);
}

/*==============================
RIGHT
===============================*/

.right{
flex:1;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

.image-box{
width:470px;
height:470px;
border-radius:35px;
background:linear-gradient(145deg,#ffffff,#f7f7f7);
border:2px dashed #dadada;
display:flex;
align-items:center;
justify-content:center;
position:relative;
box-shadow:
0 25px 70px rgba(0,0,0,.08);
animation:float 5s ease-in-out infinite;
}

.placeholder{
font-size:30px;
font-weight:700;
color:#b5b5b5;
letter-spacing:3px;
text-align:center;
}
.image-box img{

width:100%;
height:100%;
object-fit:cover;
border-radius:35px;

}

/*======================================
    PART 2
    BACKGROUND TEXT + FLOATING TAGS
=======================================*/

/* Moving Background Text */

.bg-text{
position:absolute;
top:50%;
left:-5%;
transform:translateY(-50%);
white-space:nowrap;
pointer-events:none;
z-index:0;
opacity:.04;
}

.bg-text span{
display:block;
font-size:110px;
font-weight:800;
color:#ff7a00;
line-height:1;
margin:35px 0;
animation:moveText 18s linear infinite;
}

.bg-text span:nth-child(2){
animation-duration:22s;
color:#22a95d;
}

.bg-text span:nth-child(3){
animation-duration:28s;
}

/*=========================
Floating Skill Badges
==========================*/

.floating{
position:absolute;
padding:12px 24px;
background:#fff;
border-radius:50px;
font-size:14px;
font-weight:700;
letter-spacing:.5px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
z-index:5;
transition:.35s;
animation:floating 5s ease-in-out infinite;
cursor:default;
}

.floating:hover{
transform:translateY(-8px) scale(1.08);
box-shadow:0 20px 45px rgba(255,122,0,.25);
}

/* Individual Colors */

.seo{
top:120px;
right:38%;
border-left:5px solid #22a95d;
}

.ppc{
top:250px;
right:2%;
border-left:5px solid #ff7a00;
animation-delay:.5s;
}

.sem{
bottom:120px;
right:28%;
border-left:5px solid #22a95d;
animation-delay:1s;
}

.smo{
bottom:230px;
left:48%;
border-left:5px solid #ff7a00;
animation-delay:1.5s;
}

.smm{
top:80px;
left:56%;
border-left:5px solid #22a95d;
animation-delay:2s;
}

.email{
bottom:45px;
right:10%;
border-left:5px solid #ff7a00;
animation-delay:2.5s;
}

.wp{
top:390px;
left:52%;
border-left:5px solid #22a95d;
animation-delay:3s;
}

.meta{
top:480px;
right:12%;
border-left:5px solid #ff7a00;
animation-delay:3.5s;
}

/*=========================
 Decorative Glow Effects
==========================*/

.hero::before{
content:"";
position:absolute;
width:380px;
height:380px;
background:#ff7a00;
opacity:.08;
border-radius:50%;
top:-140px;
right:-120px;
filter:blur(40px);
z-index:0;
}

.hero::after{
content:"";
position:absolute;
width:320px;
height:320px;
background:#22a95d;
opacity:.08;
border-radius:50%;
bottom:-120px;
left:-100px;
filter:blur(45px);
z-index:0;
}

/*=========================
 Image Glow Ring
==========================*/

.image-box::before{
content:"";
position:absolute;
inset:-12px;
border-radius:40px;
background:linear-gradient(135deg,#ff7a00,#22a95d);
z-index:-1;
filter:blur(18px);
opacity:.25;
}

.image-box:hover{
transform:translateY(-12px);
transition:.4s;
box-shadow:0 35px 80px rgba(0,0,0,.12);
}

/*=========================
 Extra Button Effect
==========================*/

.btn1{
position:relative;
overflow:hidden;
}

.btn1::before{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:rgba(255,255,255,.25);
transform:skewX(-25deg);
transition:.7s;
}

.btn1:hover::before{
left:130%;
}
/*=========================================
        PART 3
    ANIMATIONS + RESPONSIVE
==========================================*/

/* Fade Up Animation */

@keyframes fadeUp{

0%{
opacity:0;
transform:translateY(40px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

/* Floating Image */

@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-18px);
}

100%{
transform:translateY(0px);
}

}

/* Floating Badges */

@keyframes floating{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0px);
}

}

/* Moving Background Text */

@keyframes moveText{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-35%);
}

}

/*==============================
 Smooth Hover
==============================*/

.image-box,
.floating,
.buttons a,
.badge{
transition:.35s ease;
}

/*==============================
Scrollbar
==============================*/

::-webkit-scrollbar{
width:10px;
}

::-webkit-scrollbar-track{
background:#f3f3f3;
}

::-webkit-scrollbar-thumb{
background:#ff7a00;
border-radius:30px;
}

::-webkit-scrollbar-thumb:hover{
background:#22a95d;
}

/*==============================
Tablet
==============================*/

@media(max-width:1024px){

.hero{
padding:70px 30px;
min-height:auto;
}

.container{
flex-direction:column;
text-align:center;
gap:50px;
}

.left h1{
font-size:52px;
}

.left p{
margin:auto;
margin-bottom:35px;
}

.buttons{
justify-content:center;
}

.image-box{
width:380px;
height:460px;
}

.bg-text span{
font-size:80px;
}

.floating{
font-size:13px;
padding:10px 18px;
}

}

/*==============================
Mobile
==============================*/

@media(max-width:768px){

.hero{
padding:60px 20px;
}

.left h1{
font-size:38px;
line-height:1.2;
}

.left p{
font-size:16px;
}

.badge{
font-size:13px;
padding:10px 18px;
}

.image-box{
width:300px;
height:360px;
border-radius:25px;
}

.placeholder{
font-size:20px;
}

.bg-text{
display:none;
}

/* Hide Floating Tags on Mobile */

.floating{
display:none;
}

.buttons{
flex-direction:column;
align-items:center;
width:100%;
}

.buttons a{
width:230px;
text-align:center;
}

}

/*==============================
Small Mobile
==============================*/

@media(max-width:480px){

.left h1{
font-size:32px;
}

.left p{
font-size:15px;
line-height:1.8;
}

.image-box{
width:260px;
height:320px;
}

.hero::before,
.hero::after{
display:none;
}

}

/*====================================
 Extra Premium Effects
=====================================*/

.hero:hover .bg-text span{
animation-duration:12s;
}

.hero:hover .image-box{
box-shadow:
0 35px 90px rgba(255,122,0,.15),
0 25px 70px rgba(34,169,93,.15);
}

.floating:nth-child(even){
animation-duration:6s;
}

.floating:nth-child(odd){
animation-duration:4.5s;
}

.left h1 span{
background:linear-gradient(90deg,#ff7a00,#22a95d);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.btn1,
.btn2{
letter-spacing:.5px;
}

.hero{
isolation:isolate;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfc250e *//*====================================
 PREMIUM INTRO SECTION
=====================================*/

.intro-section{
    position:relative;
    padding:100px 8%;
    background:#fff;
    overflow:hidden;
}

.intro-container{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:1.8fr 1fr;
    gap:60px;
    align-items:start;
    position:relative;
    z-index:2;
}

/* Badge */

.intro-badge{
    display:inline-block;
    background:#FFF4E8;
    color:#ff7a00;
    padding:10px 22px;
    border-radius:40px;
    font-weight:600;
    margin-bottom:20px;
    transition:.4s;
}

.intro-badge:hover{
    background:#ff7a00;
    color:#fff;
    transform:translateY(-4px);
}

/* Heading */

.intro-content h2{
    font-size:48px;
    font-weight:800;
    color:#222;
    line-height:1.2;
    margin-bottom:15px;
}

.intro-content h2 span{
    display:block;
    background:linear-gradient(90deg,#ff7a00,#22a95d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* Animated Line */

.heading-line{
    width:90px;
    height:5px;
    border-radius:20px;
    background:linear-gradient(90deg,#ff7a00,#22a95d);
    margin:25px 0 35px;
    animation:growLine 2s infinite alternate;
}

/* Paragraphs */

.intro-content p{
    font-size:17px;
    line-height:2;
    color:#666;
    margin-bottom:25px;
    padding-left:20px;
    border-left:4px solid #22a95d;
    transition:.35s;
}

.intro-content p:hover{
    background:#FFFDF8;
    padding:20px;
    border-radius:12px;
    border-left:4px solid #ff7a00;
    transform:translateX(8px);
}

/* Highlight */

.highlight{
    background:#FFF3E4;
    color:#ff7a00;
    padding:2px 6px;
    border-radius:4px;
    font-weight:600;
}

/* Right Cards */

.intro-side{
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* Glass Card */

.glass-card{
    background:rgba(255,255,255,.9);
    border:1px solid rgba(255,122,0,.15);
    border-radius:25px;
    padding:35px;
    box-shadow:0 20px 50px rgba(0,0,0,.07);
    transition:.4s;
}

.glass-card:hover{
    transform:translateY(-12px);
    box-shadow:0 30px 70px rgba(255,122,0,.15);
}

.card-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff7a00,#22a95d);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
}

.glass-card h3{
    margin-bottom:18px;
    color:#222;
}

.glass-card ul{
    list-style:none;
    padding:0;
}

.glass-card ul li{
    margin-bottom:15px;
    padding-left:28px;
    position:relative;
    color:#555;
}

.glass-card ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#22a95d;
    font-weight:bold;
}

/* Quote Card */

.quote-card{
    background:linear-gradient(135deg,#ff7a00,#22a95d);
    color:#fff;
    padding:35px;
    border-radius:25px;
    position:relative;
    overflow:hidden;
    transition:.4s;
}

.quote-card:hover{
    transform:scale(1.03);
}

.quote-mark{
    font-size:60px;
    opacity:.2;
    position:absolute;
    top:10px;
    right:20px;
}

.quote-card p{
    font-size:18px;
    line-height:1.8;
    position:relative;
    z-index:2;
}

/* Floating Badges */

.floating-box{
    position:absolute;
    background:#fff;
    padding:12px 24px;
    border-radius:40px;
    font-weight:700;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    animation:float 5s infinite ease-in-out;
    transition:.4s;
}

.floating-box:hover{
    transform:translateY(-8px) scale(1.08);
}


/* Decorative Circles */

.circle{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:.15;
}

.circle-one{
    width:250px;
    height:250px;
    background:#ff7a00;
    top:-80px;
    left:-80px;
}

.circle-two{
    width:280px;
    height:280px;
    background:#22a95d;
    bottom:-120px;
    right:-120px;
}

/* Animation */

@keyframes growLine{
    from{
        width:90px;
    }
    to{
        width:180px;
    }
}

/* Responsive */

@media(max-width:992px){

.intro-container{
    grid-template-columns:1fr;
}

.intro-content h2{
    font-size:36px;
}

.intro-side{
    margin-top:20px;
}

.floating-box{
    display:none;
}

}

@media(max-width:768px){

.intro-section{
    padding:70px 20px;
}

.intro-content h2{
    font-size:30px;
}

.intro-content p{
    font-size:16px;
    line-height:1.9;
}

.glass-card,
.quote-card{
    padding:25px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-852d49c *//*==============================
WHY LEARN SECTION
==============================*/

.benefits-section{

padding:100px 8%;
background:#fff;

}

.section-title{

text-align:center;
max-width:750px;
margin:auto;
margin-bottom:70px;

}

.tag{

display:inline-block;
padding:10px 22px;
border-radius:30px;
background:#eefcf4;
color:#22a95d;
font-weight:600;
margin-bottom:18px;

}

.section-title h2{

font-size:48px;
font-weight:800;
color:#222;
margin-bottom:18px;

}

.section-title span{

background:linear-gradient(90deg,#ff7a00,#22a95d);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-size:48px;

}

.section-title p{

font-size:18px;
color:#666;
line-height:1.8;

}

/* GRID */

.benefits-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
max-width:1300px;
margin:auto;

}

/* CARD */

.benefit-card{

background:#fff;
padding:35px;
border-radius:25px;
box-shadow:0 15px 45px rgba(0,0,0,.06);
position:relative;
overflow:hidden;
transition:.4s;

}

/* TOP GRADIENT */

.benefit-card::before{

content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#ff7a00,#22a95d);

}

/* HOVER */

.benefit-card:hover{

transform:translateY(-12px);
box-shadow:0 25px 60px rgba(255,122,0,.15);

}

/* ICON */

.icon{

width:65px;
height:65px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
background:linear-gradient(135deg,#ff7a00,#22a95d);
color:#fff;
margin-bottom:22px;
transition:.4s;

}

.benefit-card:hover .icon{

transform:rotate(12deg) scale(1.1);

}

/* HEADING */

.benefit-card h3{

font-size:24px;
margin-bottom:18px;
color:#222;

}

/* TEXT */

.benefit-card p{

font-size:16px;
line-height:1.9;
color:#666;

}

/* Decorative Glow */

.benefit-card::after{

content:"";
position:absolute;
width:120px;
height:120px;
background:#ff7a00;
opacity:.05;
border-radius:50%;
right:-40px;
top:-40px;

}

/* RESPONSIVE */

@media(max-width:991px){

.benefits-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:38px;

}

}

@media(max-width:768px){

.benefits-section{

padding:70px 20px;

}

.section-title h2{

font-size:30px;

}

.benefit-card{

padding:28px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91a75fb *//* =========================
   TOOLS SECTION
========================= */

.tools-section{
    width:100%;
    padding:70px 0;
    background:#fff;
    overflow:hidden;
}

.tools-heading{
    text-align:center;
    font-size:42px;
    font-weight:700;
    color:#1d1d1d;
    margin-bottom:55px;
    font-family:Poppins,sans-serif;
}
h3{
    text-align: center;
    margin-top:-40px;
    padding-bottom: 50px;
}

.tools-heading::after{
    content:"";
    display:block;
    width:90px;
    height:4px;
    margin:15px auto 0;
    border-radius:30px;
    background:linear-gradient(90deg,#ff7a00,#27ae60);
}

/* =========================
   CAROUSEL
========================= */

.carousel{
    width:100%;
    overflow:hidden;
    margin:18px 0;
}

.track{
    display:flex;
    width:max-content;
    gap:18px;
}

/* =========================
   TOOL CARDS
========================= */

.track span{

    display:flex;
    align-items:center;
    justify-content:center;

    padding:16px 30px;

    background:#fff;

    border:2px solid transparent;

    background-image:
        linear-gradient(#fff,#fff),
        linear-gradient(135deg,#ff7a00,#27ae60);

    background-origin:border-box;
    background-clip:padding-box,border-box;

    border-radius:50px;

    white-space:nowrap;

    font-size:17px;
    font-weight:600;

    color:#333;

    font-family:Poppins,sans-serif;

    transition:.35s ease;

    box-shadow:
    0 8px 22px rgba(0,0,0,.08);

    cursor:pointer;

}

/* Hover */

.track span:hover{

    transform:translateY(-6px);

    color:#fff;

    background-image:
    linear-gradient(135deg,#ff7a00,#27ae60),
    linear-gradient(135deg,#ff7a00,#27ae60);

    box-shadow:
    0 14px 35px rgba(39,174,96,.25);

}

/* =========================
   ANIMATION
========================= */

.track-left{

    animation:leftMove 35s linear infinite;

}

.track-right{

    animation:rightMove 35s linear infinite;

}

/* Pause on Hover */

.carousel:hover .track{

    animation-play-state:paused;

}

/* =========================
   KEYFRAMES
========================= */

@keyframes leftMove{

    from{

        transform:translateX(-50%);

    }

    to{

        transform:translateX(0);

    }

}

@keyframes rightMove{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.tools-heading{

    font-size:34px;

}

.track span{

    padding:14px 24px;

    font-size:15px;

}

}

@media(max-width:600px){

.tools-heading{

    font-size:28px;

}

.track span{

    padding:12px 20px;

    font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89a9195 */*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{
background:#fff;
}

.certificate-section{

padding:100px 8%;
background:#fff;
position:relative;
overflow:hidden;

}

.certificate-heading{

text-align:center;
margin-bottom:70px;

}

.certificate-heading span{

color:#ff7b00;
font-weight:600;
letter-spacing:1px;

}

.certificate-heading h2{

font-size:46px;
margin:15px 0;
color:#1d1d1d;

}

.certificate-heading p{

max-width:650px;
margin:auto;
line-height:1.8;
color:#666;

}

.certificate-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:35px;

}

.certificate-card{

position:relative;
border-radius:25px;
overflow:hidden;
background:#fff;
cursor:pointer;

box-shadow:
0 15px 40px rgba(0,0,0,.08);

transition:.45s;

}

.certificate-card img{

width:100%;
display:block;
transition:.6s;

}

.certificate-card::before{

content:"";
position:absolute;
inset:0;
background:linear-gradient(
180deg,
transparent,
rgba(0,0,0,.75)
);

opacity:0;
transition:.45s;
z-index:1;

}

.overlay{

position:absolute;
left:30px;
bottom:-80px;
z-index:2;
color:#fff;
transition:.45s;

}

.overlay h3{

font-size:24px;
font-weight:600;

}

.certificate-card:hover{

transform:translateY(-12px);

box-shadow:
0 20px 55px rgba(255,124,0,.25);

}

.certificate-card:hover img{

transform:scale(1.08);

}

.certificate-card:hover::before{

opacity:1;

}

.certificate-card:hover .overlay{

bottom:30px;

}

.certificate-section::before{

content:"";
position:absolute;
width:400px;
height:400px;
background:#ff7b0012;
border-radius:50%;
left:-180px;
top:-180px;

}

.certificate-section::after{

content:"";
position:absolute;
width:350px;
height:350px;
background:#3cb44a15;
border-radius:50%;
right:-150px;
bottom:-150px;

}

@media(max-width:768px){

.certificate-heading h2{

font-size:34px;

}

.certificate-section{

padding:70px 20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6dca3aa *//*========================
GOOGLE FONT
========================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#fff;
color:#1d1d1d;
}

.why-section{

padding:110px 7%;
background:
radial-gradient(circle at top left,#fff3e6 0%,transparent 35%),
radial-gradient(circle at bottom right,#e8fff1 0%,transparent 35%),
#ffffff;

}

.container{

max-width:1350px;
margin:auto;

}

/*========================
TITLE
========================*/

.section-title{

text-align:center;
margin-bottom:70px;

}

.section-title span{

display:inline-block;
padding:8px 18px;
background:#fff3e8;
color:#ff7a00;
font-size:13px;
font-weight:600;
border-radius:50px;
letter-spacing:1px;

}

.section-title h2{

font-size:54px;
margin:25px 0 20px;
font-weight:800;
line-height:1.15;

}

.section-title strong{

color:#ff7a00;

}

.section-title p{

max-width:760px;
margin:auto;
color:#666;
line-height:1.8;
font-size:17px;

}

/*========================
BENTO GRID
========================*/

.bento-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr;

gap:24px;

grid-auto-rows:260px;

}

/*========================
CARDS
========================*/

.card{

position:relative;

background:rgba(255,255,255,.7);

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

border-radius:28px;

padding:35px;

overflow:hidden;

backdrop-filter:blur(18px);

transition:.45s ease;

box-shadow:

0 15px 40px rgba(0,0,0,.05);

}

/* Gradient Border */

.card::before{

content:"";

position:absolute;

inset:0;

padding:1px;

border-radius:28px;

background:linear-gradient(130deg,#ff8c00,#ffffff,#1fae62);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

opacity:.35;

transition:.5s;

}

.card:hover::before{

opacity:1;

}

.card::after{

content:"";

position:absolute;

width:220px;

height:220px;

background:rgba(255,140,0,.08);

border-radius:50%;

top:-120px;

right:-120px;

transition:.5s;

}

.card:hover::after{

transform:scale(1.4);

background:rgba(31,174,98,.08);

}

/*========================
SIZES
========================*/

.card-large{

grid-row:span 2;

}

.card-wide{

grid-column:span 2;

}

/*========================
ICON
========================*/

.icon{

width:70px;
height:70px;

display:flex;
align-items:center;
justify-content:center;

border-radius:18px;

background:linear-gradient(135deg,#ff8c00,#ffb347);

font-size:30px;

margin-bottom:28px;

box-shadow:

0 15px 30px rgba(255,140,0,.18);

}

/*========================
TEXT
========================*/

.card h3{

font-size:26px;
margin-bottom:15px;
font-weight:700;

}

.card p{

font-size:15px;
line-height:1.8;
color:#666;

}

/*========================
NUMBER
========================*/

.card-tag{

position:absolute;

top:28px;

right:30px;

font-size:70px;

font-weight:800;

color:rgba(255,140,0,.08);

}

/*========================
LINE
========================*/

.line{

margin-top:40px;

height:5px;

width:100px;

background:linear-gradient(to right,#ff8c00,#1fae62);

border-radius:50px;

}

/*========================
STATS
========================*/

.stats{

display:flex;

gap:18px;

margin-top:35px;

}

.stats div{

flex:1;

background:#fafafa;

border-radius:16px;

padding:18px;

text-align:center;

border:1px solid #eee;

}

.stats h4{

color:#1fae62;

font-size:17px;

}

/*========================
HOVER
========================*/

.card{

cursor:pointer;

}

.card:hover{

border-color:#ff8c00;

box-shadow:

0 25px 60px rgba(255,140,0,.12);

}

.card:hover .icon{

transform:rotate(-6deg);

transition:.4s;

}

/*========================
RESPONSIVE
========================*/

@media(max-width:1100px){

.bento-grid{

grid-template-columns:1fr 1fr;

}

.card-large{

grid-row:span 1;

}

.card-wide{

grid-column:span 2;

}

}

@media(max-width:768px){

.section-title h2{

font-size:36px;

}

.bento-grid{

grid-template-columns:1fr;

grid-auto-rows:auto;

}

.card-large,
.card-wide{

grid-column:auto;
grid-row:auto;

}

.card{

padding:28px;

}

.stats{

flex-direction:column;

}
/*==================================
PART 3
PREMIUM ANIMATIONS & EFFECTS
===================================*/

/* Floating animation */

.card-large{

animation:floatCard 8s ease-in-out infinite;

}

.card:nth-child(2){

animation:floatCard2 6s ease-in-out infinite;

}

.card:nth-child(3){

animation:floatCard3 7s ease-in-out infinite;

}

.card:nth-child(4){

animation:floatCard4 9s ease-in-out infinite;

}

.card:nth-child(5){

animation:floatCard5 6.5s ease-in-out infinite;

}

.card:nth-child(6){

animation:floatCard6 8.5s ease-in-out infinite;

}

@keyframes floatCard{

50%{

transform:translateY(-8px);

}

}

@keyframes floatCard2{

50%{

transform:translateX(6px);

}

}

@keyframes floatCard3{

50%{

transform:rotate(-1deg);

}

}

@keyframes floatCard4{

50%{

transform:translateY(6px);

}

}

@keyframes floatCard5{

50%{

transform:rotate(1deg);

}

}

@keyframes floatCard6{

50%{

transform:translateX(-6px);

}

}

/* Glow behind cards */

.card .glow{

position:absolute;

width:220px;

height:220px;

background:radial-gradient(circle,#ff8c0030,transparent);

filter:blur(45px);

right:-120px;

bottom:-120px;

pointer-events:none;

opacity:.4;

transition:.5s;

}

.card:hover .glow{

opacity:1;

transform:scale(1.4);

}

/* Icon animation */

.icon{

transition:.45s;

}

.card:hover .icon{

transform:rotate(10deg) scale(1.12);

}

/* Heading underline animation */

.card h3{

position:relative;

display:inline-block;

}

.card h3::after{

content:"";

position:absolute;

left:0;

bottom:-6px;

height:3px;

width:0;

background:linear-gradient(90deg,#ff8c00,#18b15d);

border-radius:50px;

transition:.45s;

}

.card:hover h3::after{

width:100%;

}

/* Paragraph fade */

.card p{

transition:.4s;

}

.card:hover p{

color:#444;

}

/* Animated top border */

.card::before{

background-size:250% 250%;

animation:borderMove 8s linear infinite;

}

@keyframes borderMove{

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}

/* Soft pulse */

.card:hover{

animation:pulseShadow 2s infinite;

}

@keyframes pulseShadow{

0%{

box-shadow:0 20px 50px rgba(255,140,0,.15);

}

50%{

box-shadow:0 30px 70px rgba(24,177,93,.18);

}

100%{

box-shadow:0 20px 50px rgba(255,140,0,.15);

}

}

/* Background dots */

.why-section{

background-image:

radial-gradient(circle at 15% 20%,rgba(255,140,0,.08) 2px,transparent 2px),

radial-gradient(circle at 80% 70%,rgba(24,177,93,.08) 2px,transparent 2px);

background-size:90px 90px;

}

/* Smooth hover */

.card{

transition:

transform .45s,

box-shadow .45s,

border-color .45s,

background .45s;

}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75d908f */.dm-courses{

padding:100px 20px;
background:#fff;

}

.dm-container{

max-width:1000px;
margin:auto;

}

.dm-heading{

text-align:center;
margin-bottom:70px;

}

.dm-heading span{

display:inline-block;
padding:8px 18px;
background:#FFF3EA;
color:#FF7A00;
border-radius:50px;
font-size:13px;
font-weight:600;
letter-spacing:1px;

}

.dm-heading h2{

font-size:48px;
margin:20px 0;
color:#222;
font-weight:700;

}

.dm-heading p{

max-width:700px;
margin:auto;
color:#666;
line-height:1.8;

}

/* ================= */

.course-item{

display:flex;
gap:40px;

padding:55px 0;

border-bottom:1px solid #ececec;

transition:.35s ease;

align-items:flex-start;

}

.course-number{

min-width:90px;

font-size:58px;

font-weight:700;

color:#ececec;

transition:.3s;

}

.course-content{

flex:1;

}

.course-content h3{

font-size:34px;

margin-bottom:8px;

color:#222;

transition:.3s;

}

.course-content h5{

font-size:18px;

font-weight:500;

color:#18A558;

margin-bottom:20px;

}

.course-content p{

font-size:17px;

line-height:1.9;

color:#666;

}

/* Hover */

.course-item:hover{

padding-left:20px;

}

.course-item:hover .course-number{

color:#FF7A00;

}

.course-item:hover h3{

color:#FF7A00;

}

/* Orange Line */

.course-content{

position:relative;

}

.course-content::before{

content:"";

position:absolute;

left:-20px;

top:5px;

width:4px;

height:0;

background:linear-gradient(#FF7A00,#18A558);

border-radius:20px;

transition:.4s;

}

.course-item:hover .course-content::before{

height:100%;

}

/* Mobile */

@media(max-width:768px){

.course-item{

flex-direction:column;
gap:15px;

}

.course-number{

font-size:38px;

}

.dm-heading h2{

font-size:34px;

}

.course-content h3{

font-size:26px;

}

.course-content::before{

display:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e2950e */.faq-section{ padding:100px 20px; background:#fff; position:relative; overflow:hidden; } .faq-container{ max-width:900px; margin:auto; } /*========================= Heading =========================*/ .faq-heading{ text-align:center; margin-bottom:60px; } .faq-heading span{ display:inline-block; padding:8px 20px; background:#FFF3EA; color:#FF7A00; border-radius:50px; font-size:13px; font-weight:600; letter-spacing:1px; } .faq-heading h2{ font-size:48px; margin:20px 0; color:#222; font-weight:700; } .faq-heading p{ max-width:650px; margin:auto; line-height:1.8; color:#666; } /*========================= FAQ Item =========================*/ .faq-item{ margin-bottom:22px; } .faq-item input{ display:none; } .faq-question{ display:flex; justify-content:space-between; align-items:center; padding:28px 30px; background:#fff; border:1px solid #ececec; border-radius:18px; cursor:pointer; transition:.35s ease; position:relative; overflow:hidden; } /* Animated Gradient Border */ .faq-question::before{ content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:linear-gradient(180deg,#FF7A00,#18A558); transform:scaleY(0); transform-origin:top; transition:.4s; } .faq-question:hover::before{ transform:scaleY(1); } .faq-question:hover{ border-color:#FFD6B0; box-shadow:0 12px 35px rgba(0,0,0,.06); } /* Number */ .faq-question small{ display:block; font-size:13px; font-weight:700; color:#18A558; margin-bottom:8px; letter-spacing:1px; } /* Question */ .faq-question h3{ font-size:20px; font-weight:600; color:#222; line-height:1.4; transition:.3s; } .faq-question:hover h3{ color:#FF7A00; } /* Plus Icon */ .icon{ width:42px; height:42px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#FFF5EE; color:#FF7A00; font-size:28px; font-weight:300; transition:.35s; flex-shrink:0; } /*========================= Answer =========================*/ .faq-answer{ max-height:0; overflow:hidden; transition:max-height .5s ease; padding:0 30px; background:#fff; } .faq-answer p{ padding:10px 0 25px; line-height:1.9; color:#666; font-size:16px; } /*========================= Checked =========================*/ .faq-item input:checked + .faq-question{ border-radius:18px 18px 0 0; border-color:#FFD6B0; background:#FFFDFC; } .faq-item input:checked + .faq-question::before{ transform:scaleY(1); } .faq-item input:checked + .faq-question .icon{ transform:rotate(45deg); background:#FF7A00; color:#fff; } .faq-item input:checked + .faq-question + .faq-answer{ max-height:300px; border:1px solid #ececec; border-top:none; border-radius:0 0 18px 18px; padding:0 30px; } /*========================= Background Blur =========================*/ .faq-section::before{ content:""; position:absolute; width:280px; height:280px; background:#FFF4EA; border-radius:50%; filter:blur(90px); top:-120px; left:-100px; } .faq-section::after{ content:""; position:absolute; width:260px; height:260px; background:#E8FFF2; border-radius:50%; filter:blur(90px); bottom:-120px; right:-100px; } /*========================= Responsive =========================*/ @media(max-width:768px){ .faq-heading h2{ font-size:34px; } .faq-question{ padding:20px; } .faq-question h3{ font-size:17px; padding-right:15px; } .icon{ width:36px; height:36px; font-size:24px; } .faq-answer{ padding:0 20px; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e20dc4f */*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

.faq-section{
padding:80px 20px;
background:#fff;
}

.faq-container{
max-width:850px;
margin:auto;
}

.faq-heading{
text-align:center;
margin-bottom:50px;
}

.faq-heading span{
display:inline-block;
padding:8px 18px;
background:#FFF4EA;
color:#ff7a00;
border-radius:30px;
font-size:13px;
font-weight:600;
}

.faq-heading h2{
font-size:42px;
margin:20px 0 15px;
color:#222;
}

.faq-heading p{
color:#666;
max-width:650px;
margin:auto;
line-height:1.8;
}

.faq-item{

border:1px solid #eee;
border-radius:14px;
margin-bottom:18px;
overflow:hidden;
background:#fff;
transition:.3s;
}

.faq-item:hover{

box-shadow:0 10px 25px rgba(0,0,0,.06);

}

.faq-question{

width:100%;
background:#fff;
border:none;
padding:22px 25px;
cursor:pointer;

display:flex;
justify-content:space-between;
align-items:center;

font-size:18px;
font-weight:600;
text-align:left;

color:#222;

}

.faq-question:hover{

color:#ff7a00;

}

.icon{

width:38px;
height:38px;

border-radius:50%;

background:#FFF4EA;

display:flex;
justify-content:center;
align-items:center;

color:#ff7a00;

font-size:24px;

transition:.3s;

flex-shrink:0;

}

.faq-answer{

max-height:0;

overflow:hidden;

transition:max-height .35s ease;

padding:0 25px;

}

.faq-answer p{

padding-bottom:20px;
color:#666;
line-height:1.8;

}

.faq-item.active{

border-color:#18A558;

}

.faq-item.active .faq-question{

color:#18A558;

}

.faq-item.active .icon{

background:#18A558;
color:#fff;
transform:rotate(45deg);

}

.faq-item.active .faq-answer{

max-height:250px;

}

/* Mobile */

@media(max-width:768px){

.faq-heading h2{
font-size:32px;
}

.faq-question{

font-size:16px;
padding:18px;

}

}

@media(max-width:480px){

.faq-section{

padding:60px 15px;

}

.faq-heading h2{

font-size:28px;

}

.faq-question{

font-size:15px;

padding:16px;

gap:10px;

}

.icon{

width:32px;
height:32px;

font-size:20px;

}

}/* End custom CSS */