/* Start custom CSS for html, class: .elementor-element-d0d645b *//* ==========================
A2ZLY LESSON PLAN GENERATOR
========================== */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-tool{

max-width:980px;
margin:auto;

}

/* MAIN CARD */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-generator{

background:#ffffff;

border:1px solid #e5e7eb;

border-radius:20px;

padding:24px;

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

overflow:hidden;

}

/* HEADER */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-premium-heading{

background:linear-gradient(
135deg,
#9C0101,
#1c4d44
);

padding:22px;

border-radius:18px;

text-align:center;

margin-bottom:24px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-premium-heading h2{

font-size:28px;

margin:0;

font-weight:800;

color:#fff;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-premium-heading p{

margin-top:8px;

font-size:14px;

color:rgba(255,255,255,.9);

}

/* FIELDS */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-field{

margin-bottom:18px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-field label{

display:block;

font-size:15px;

font-weight:700;

margin-bottom:8px;

color:#111827;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-field select{

width:100%;

height:54px;

padding:0 16px;

border-radius:14px;

border:2px solid #e5e7eb;

background:#fff;

font-size:15px;

font-weight:500;

transition:.3s;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-field select:focus{

outline:none;

border-color:#9C0101;

box-shadow:
0 0 0 4px rgba(156,1,1,.08);

}

/* COUNT */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-selected-count{

display:inline-flex;

align-items:center;

padding:8px 14px;

border-radius:50px;

background:#f5f5f5;

font-size:13px;

font-weight:700;

color:#9C0101;

margin-bottom:12px;

}

/* SELECT BUTTONS */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-chapter-tools{

display:flex;

gap:10px;

margin-bottom:12px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-chapter-tools button{

height:40px;

padding:0 16px;

border:none;

border-radius:10px;

font-size:13px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b #selectAllChapters{

background:#1c4d44;

color:#fff;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b #clearAllChapters{

background:#9C0101;

color:#fff;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-chapter-tools button:hover{

transform:translateY(-2px);

}

/* CHAPTER BOX */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-chapter-box{

height:250px;

overflow-y:auto;

border:2px solid #e5e7eb;

border-radius:16px;

padding:12px;

background:#fafafa;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-placeholder{

font-size:14px;

color:#6b7280;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .lp-chapter-item{

display:flex;

align-items:center;

gap:10px;

padding:11px 12px;

margin-bottom:8px;

background:#fff;

border:1px solid #ececec;

border-radius:12px;

cursor:pointer;

transition:.25s;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .lp-chapter-item:hover{

border-color:#9C0101;

background:#fffdfd;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .lp-chapter-item input{

width:18px;

height:18px;

accent-color:#9C0101;

flex-shrink:0;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .lp-chapter-item span{

font-size:14px;

font-weight:600;

line-height:1.4;

color:#111827;

}

/* GENERATE BUTTON */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-btn-wrap{

margin-top:20px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b #generateLessonPlan{

width:100%;

height:54px;

border:none;

border-radius:16px;

background:linear-gradient(
135deg,
#9C0101,
#1c4d44
);

color:#fff;

font-size:17px;

font-weight:800;

cursor:pointer;

transition:.3s;

box-shadow:
0 8px 20px rgba(0,0,0,.12);

}

.elementor-2602 .elementor-element.elementor-element-d0d645b #generateLessonPlan:hover{

transform:translateY(-2px);

}

/* LOADER */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-loader{

display:none;

position:fixed;

inset:0;

background:rgba(0,0,0,.75);

z-index:99999;

justify-content:center;

align-items:center;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-loader-box{

width:92%;

max-width:420px;

background:#fff;

border-radius:22px;

padding:28px;

text-align:center;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-spinner{

width:60px;

height:60px;

border:5px solid #eee;

border-top:5px solid #9C0101;

border-radius:50%;

margin:auto auto 20px;

animation:a2zspin 1s linear infinite;

}

@keyframes a2zspin{

100%{
transform:rotate(360deg);
}

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-loader h3{

font-size:20px;

margin-bottom:15px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-status p{

font-size:14px;

margin:8px 0;

}

/* SCROLLBAR */

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-chapter-box::-webkit-scrollbar{

width:8px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-chapter-box::-webkit-scrollbar-thumb{

background:#9C0101;

border-radius:50px;

}

/* MOBILE */

@media(max-width:767px){

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-tool{

max-width:100%;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-generator{

padding:16px;

border-radius:18px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-premium-heading{

padding:18px 15px;

border-radius:14px;

margin-bottom:18px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-premium-heading h2{

font-size:18px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-premium-heading p{

font-size:12px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-field{

margin-bottom:15px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-field select{

height:50px;

font-size:14px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-chapter-tools{

flex-wrap:wrap;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-chapter-tools button{

flex:1;

min-width:120px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .a2zly-lp-chapter-box{

height:220px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .lp-chapter-item{

padding:10px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b .lp-chapter-item span{

font-size:13px;

}

.elementor-2602 .elementor-element.elementor-element-d0d645b #generateLessonPlan{

height:54px;

font-size:15px;

}

}/* End custom CSS */