/* Import the specific font from your image */
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');

body {
    background-color: #fff;
    /* The light blue grid background */
    background-image: radial-gradient(#d1e5ff 1px, transparent 1px);
    background-size: 25px 25px;
    font-family: 'Inter', sans-serif;
}
/* Ensure you have a clean sans-serif font like Inter or Helvetica */
body {
    font-family: 'Inter', -apple-system, sans-serif;
}

.custom-nav-link {
    color: #333 !important;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.5rem 0;
    transition: color 0.2s ease;
}

.custom-nav-link:hover {
    color: #4A90E2 !important; /* Slight blue tint on hover like the theme */
}

.btn-shop-now {
    color: #198754; /* Bootstrap Success Green */
    border: 2px solid #198754;
    background-color: transparent;
    border-radius: 50px; /* Perfect Pill Shape */
    font-weight: 700;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}

.btn-shop-now:hover {
    background-color: #198754;
    color: #ffffff;
}

/* Optional: Vertical dashed line start */
.navbar::after {
    content: "";
   display: none;
}



.thankyou_popup{

    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,0.6);

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

    z-index: 999999;

    animation: fadeIn 0.4s ease;
}

.thankyou_inner{

    background: #fff;

    padding: 40px 30px;

    border-radius: 20px;

    text-align: center;

    width: 90%;
    max-width: 420px;

    box-shadow: 0 10px 40px rgba(0,0,0,0.2);

    animation: popupScale 0.4s ease;
}

.thank_icon{

    width: 80px;
    height: 80px;

    margin: auto;

    background: #28a745;

    color: #fff;

    border-radius: 50%;

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

    font-size: 40px;
    font-weight: bold;

    margin-bottom: 20px;
}

.thankyou_inner h3{

    font-size: 34px;
    margin-bottom: 15px;

    color: #111;
}

.thankyou_inner p{

    font-size: 18px;
    color: #555;

    line-height: 28px;
}

@keyframes popupScale{

    0%{
        transform: scale(0.7);
        opacity: 0;
    }

    100%{
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes fadeIn{

    from{
        opacity: 0;
    }

    to{
        opacity: 1;
    }
}














/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Gochi+Hand&family=Inter:wght@400;700&display=swap');

.hero-section {
    padding: 80px 0 150px;
    background-image: radial-gradient(#d1e5ff 1.5px, transparent 1.5px);
    background-size: 25px 25px; /* Grid background */
    position: relative;
    overflow: hidden;
}

/* Typography */
.tagline {
    font-family: 'Gochi Hand', cursive;
    font-size: 1.5rem;
    margin-bottom: 0;
}

.main-title {
    font-family: 'Architects Daughter', cursive;
    font-size: 4.5rem;
    color: #4A90E2;
    -webkit-text-stroke: 1px #4A90E2;
    background: linear-gradient(to right, #4A90E2, #63d471);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

.sub-description {
    font-weight: 700;
    max-width: 500px;
    line-height: 1.4;
}

/* Buttons */
.btn-buy {
    border: 2px solid #00e676;
    background: white;
    border-radius: 50px;
    padding: 10px 40px;
    font-family: 'Gochi Hand', cursive;
    font-size: 1.4rem;
    box-shadow: 0 4px 15px rgba(0, 230, 118, 0.3);
    transition: 0.3s;
}

.submit-link {
    text-decoration: underline;
    font-family: 'Gochi Hand', cursive;
    font-size: 1.4rem;
    color: #000;
    margin-left: 20px;
}

/* Partnership Blob */
.partnership-container {
    margin-top: 50px;
    position: relative;
}

.partnership-blob {
    background: #eef7ff;
    border: 2px solid #000;
    width: 450px;
    padding: 30px;
    border-radius: 50% 50% 50% 50% / 30% 30% 70% 70%; /* Organic shape */
    transform: rotate(-5deg);
    box-shadow: 10px 10px 0px rgba(74, 144, 226, 0.2);
}

.partnership-text {
    font-family: 'Architects Daughter', cursive;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.logo-box {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 10px;
    font-weight: bold;
}

/* Book Styling */
.book-mockup {
    display: inline-block;
    border: 3px solid #000;
    padding: 15px;
    background: #fff;
    box-shadow: 20px 20px 0px #00e676; /* Green solid shadow */
    transform: rotate(2deg);
}

.sticky-note {
    background: #d4ff00;
    padding: 20px;
    font-family: 'Architects Daughter', cursive;
    font-weight: bold;
    font-size: 2rem;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
}

.author-label {
    background: #ff66b2;
    color: white;
    display: inline-block;
    padding: 5px 15px;
    font-family: 'Architects Daughter', cursive;
    margin-top: 20px;
}

/* Wavy Bottom (The grey wave in the image) */
.wavy-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #f0f0f0;
    clip-path: polygon(0 68%, 13% 82%, 26% 89%, 41% 88%, 56% 80%, 71% 68%, 82% 64%, 92% 66%, 100% 75%, 100% 100%, 0 100%);
}


h1 {
    font-family: Cabin Sketch!important;
}

/* ==============================
   TOOLKIT SECTION
============================== */

.toolkit_section{
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
    padding:80px 0;
}

/* dotted background */
.toolkit_section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: radial-gradient(#d8d8d8 1px, transparent 1px);
    background-size:12px 12px;
    opacity:0.6;
    z-index:0;
}

.toolkit_wrapper{
    position:relative;
    z-index:2;
}

/* title */
.toolkit_title{
    display:inline-block;
    font-size:55px;
    font-weight:800;
    font-family: 'Comic Sans MS', cursive;
    border:4px solid #6aa3ff;
    padding:12px 35px;
    background:#fff;
    box-shadow:0 8px 0 #6aa3ff;
    color:#222;
}

/* image box */
.toolkit_image_box{
    width:260px;
    height:260px;
    background:#efefef;
    border-radius:45% 55% 60% 40%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    position:relative;
    border:2px solid #222;
}

.toolkit_image_box img{
    max-width:75%;
    filter:grayscale(100%);
}

/* cards */
.toolkit_card {
    padding: 27px 35px;
    max-width: 91%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    position: relative;
}

.toolkit_card h4 {
    font-size: 34px;
    /* font-weight: 700; */
    margin-bottom: 12px;
    font-family: 'Gochi Hand';
    color: #111;
}

.toolkit_card p {
    font-size: 19px;
    line-height: 26px;
    color: #222;
    margin: 0;
    font-weight: 500;
    font-family: Capriola;
}
/* colors */
.green_card{
    background:#c7efd8;
}

.yellow_card{
    background:#f6df9a;
}

.blue_card{
    background:#cfdcff;
}

/* rotation */
.rotate_left{
    transform:rotate(-5deg);
}
.rotate_right {
    transform: rotate(-6deg);
}

/* curved dotted lines */
.toolkit_item{
    position:relative;
}

/*
.item_one::after{
    content:"";
    position:absolute;
    width:180px;
    height:120px;
    border:3px dashed #d6d6d6;
    border-color:#d6d6d6 transparent transparent transparent;
    border-radius:50%;
    top:100%;
    left:40%;
}
*/

/*
.item_two::after{
    content:"";
    position:absolute;
    width:200px;
    height:120px;
    border:3px dashed #d6d6d6;
    border-color:#d6d6d6 transparent transparent transparent;
    border-radius:50%;
    top:100%;
    left:30%;
}
*/

/* responsive */
@media(max-width:991px){

    .toolkit_title{
        font-size:38px;
        padding:10px 25px;
    }

    .toolkit_image_box{
        width:220px;
        height:220px;
        margin-bottom:30px;
    }

    .toolkit_card{
        margin:auto;
    }

    .toolkit_card h4{
        font-size:26px;
    }

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

    .rotate_left,
    .rotate_right{
        transform:none;
    }

    .item_one::after,
    .item_two::after{
        display:none;
    }
}

@media(max-width:576px){

    .toolkit_section{
        padding:50px 0;
    }

    .toolkit_title{
        font-size:28px;
    }

    .toolkit_card{
        padding:22px;
    }

    .toolkit_card h4{
        font-size:22px;
    }

    .toolkit_card p{
        font-size:15px;
        line-height:1.6;
    }
}


/* =========================
   SUBMIT IDEA SECTION
========================= */

.submit_idea_sec{
    background:#f7f7f7;
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

/* dotted background */

.submit_idea_sec::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: radial-gradient(#d9d9d9 1px, transparent 1px);
    background-size:10px 10px;
    opacity:.7;
}

/* bottom wave */

/*
.submit_idea_sec::after{
    content:"";
    position:absolute;
    bottom:-25px;
    left:0;
    width:100%;
    height:80px;
    background:#dedede;
    border-radius:100% 100% 0 0;
}
*/

/* left */

.idea_left_content{
    position:relative;
    z-index:2;
}

/* top text */

.top_text {
    font-size: 35px;
    font-family: 'Gochi Hand';
    /* font-weight: 700; */
    color: #111;
    transform: rotate(-10deg);
    margin-bottom: 25px;
}



/* big idea area */

.big_idea_box{
    position:relative;
    margin-bottom:40px;
}

/* arrow */

.arrow_icon{
    position:absolute;
    top:-70px;
    right:30px;
    font-size:150px;
    font-weight:900;
    
    color:#111;
    z-index:2;
}
.idea_left_content .arrow_icon img {
    width: 148px;
    position: relative;
    left: -48px;
}
/* shape */

.idea_shape{
    width:290px;
    height:190px;
    background:#f8efd9;
    border:2px solid #000;
    border-radius:50%;
    box-shadow:8px 8px 0 #2fd081;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:rotate(-10deg);
}

.idea_shape h2 {
    font-size: 68px;
    line-height: 1;
    color: #2fd081;
    /* font-family: 'Comic Sans MS', cursive; */
    text-align: left;
    margin: 0;
    /* color: #111; */
    font-weight: 700;
    font-family: "Cabin Sketch", sans-serif;
}
/* bottom text */

.idea_bottom_text{
    max-width:320px;
}

.idea_bottom_text p{
    font-size:26px;
    line-height:1.5;
    color:#111;
    font-family:'Comic Sans MS', cursive;
    margin-bottom:10px;
}

.idea_bottom_text h4{
    font-size:34px;
    color:#3a78ff;
    line-height:1.4;
    font-family:'Comic Sans MS', cursive;
}

/* form */

.submit_form_box{
    background:#ececec;
    padding:40px;
    border-radius:12px;
    position:relative;
    z-index:2;
}

.submit_form_box h2{
    font-size:42px;
    font-family:'Comic Sans MS', cursive;
    margin-bottom:30px;
    color:#111;
}

/* form group */

.form-group{
    margin-bottom:18px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    color:#777;
    font-size:14px;
    font-weight:500;
}

/* inputs */

.form-control,
.form-select{
    height:48px;
    border:1px solid #d5d5d5;
    background:#f6f6f6;
    border-radius:4px;
    box-shadow:none !important;
    font-size:14px;
    color:#111;
}

textarea.form-control{
    height:80px;
    resize:none;
    padding-top:12px;
}

/* button */

.submit_btn {
    width: 100%;
    height: 60px;
    border: none;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-family: 'Gochi Hand';
    border-radius: 6px;
    transition: .3s;
    letter-spacing: 1px;
}

.submit_btn:hover{
    background:#222;
}

/* responsive */

@media(max-width:991px){

    .idea_left_content{
        text-align:center;
        margin-bottom:60px;
    }

    .idea_shape{
        margin:auto;
    }

    .idea_bottom_text{
        margin:auto;
    }

    .arrow_icon{
        right:80px;
    }

    .submit_form_box{
        padding:30px;
    }

    .submit_form_box h2{
        font-size:34px;
    }
}

@media(max-width:576px){

    .submit_idea_sec{
        padding:60px 0;
    }

    .top_text{
        font-size:28px;
    }

    .idea_shape{
        width:220px;
        height:150px;
    }

    .idea_shape h2{
        font-size:42px;
    }

    .idea_bottom_text p{
        font-size:18px;
    }

    .idea_bottom_text h4{
        font-size:24px;
    }

    .submit_form_box{
        padding:20px;
    }

    .submit_form_box h2{
        font-size:28px;
    }

    .arrow_icon{
        font-size:100px;
        top:-40px;
        right:20px;
    }
}


/* ======================
   VALIDATION CSS
====================== */

.error{
    border-color:red !important;
}

.success{
    border-color:#1bbf73 !important;
}

.error_msg{
    color:red;
    font-size:13px;
    margin-top:5px;
    display:block;
}

.success_msg{
    background:#1bbf73;
    color:#fff;
    padding:15px;
    border-radius:6px;
    margin-top:20px;
    text-align:center;
    font-weight:600;
}
/* =========================
   ABOUT AUTHOR SECTION
========================= */

.about_author_sec{
    padding:100px 0;
    background:#f7f7f7;
    position:relative;
    overflow:hidden;
}

/* dotted background */

.about_author_sec::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: radial-gradient(#d9d9d9 1px, transparent 1px);
    background-size:10px 10px;
    opacity:.7;
}

/* top wave */

/*
.about_author_sec::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:40px;
    background:#dcdcdc;
    border-radius:0 0 100% 100%;
}
*/

/* left card */

.author_card{
    width:320px;
    background:#efefef;
    border:3px solid #111;
    padding:25px;
    transform:rotate(-7deg);
    box-shadow:8px 8px 0 #29d67d;
    position:relative;
    z-index:2;
    margin:auto;
}

/* image */

.author_img{
    background:#e4e7ec;
    padding:20px;
    text-align:center;
    margin-bottom:20px;
}

.author_img img{
    width:100%;
    object-fit:cover;
    filter:grayscale(100%);
}

/* info */

.author_info{
    text-align:center;
}

.author_info h3{
    font-size:42px;
    color:#2ecc71;
    margin-bottom:10px;
    font-family:'Comic Sans MS', cursive;
    font-weight:700;
}

.author_info p{
    font-size:28px;
    line-height:1.4;
    color:#111;
    margin:0;
    font-family:'Comic Sans MS', cursive;
}

/* smile */

.smile_shape{
    text-align:center;
    font-size:70px;
    margin-top:40px;
    color:#e0b000;
    transform:rotate(-10deg);
}

/* right content */

.about_author_content{
    position:relative;
    z-index:2;
}

/* heading */

.author_heading{
    margin-bottom:40px;
    position:relative;
}

/* star */

.heading_arrow{
    position:absolute;
    left:-40px;
    top:-10px;
    font-size:80px;
    color:#e0b000;
    transform:rotate(-20deg);
}

/* heading */

.author_heading h2 {
    font-size: 70px;
    font-family: "Cabin Sketch", sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
    background: linear-gradient(90deg,#3b82f6,#34d399);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* line */

.heading_line{
    width:360px;
    height:10px;
    background:#111;
    border-radius:20px;
}

/* text */

.author_text p {
    font-size: 23px;
    line-height: 30px;
    color: #111;
    margin-bottom: 31px;
    font-family: 'Gochi Hand';
}
/* responsive */

@media(max-width:991px){

    .author_card{
        margin-bottom:60px;
    }

    .about_author_content{
        text-align:center;
    }

    .heading_arrow{
        position:relative;
        left:0;
        top:0;
        margin-bottom:10px;
    }

    .heading_line{
        margin:auto;
    }

    .author_heading h2{
        font-size:50px;
    }

    .author_text p{
        font-size:22px;
    }
}

@media(max-width:576px){

    .about_author_sec{
        padding:70px 0;
    }

    .author_card{
        width:100%;
        transform:none;
    }

    .author_info h3{
        font-size:30px;
    }

    .author_info p{
        font-size:20px;
    }

    .author_heading h2{
        font-size:34px;
    }

    .heading_line{
        width:220px;
    }

    .author_text p{
        font-size:16px;
        line-height:1.7;
    }

    .heading_arrow{
        font-size:50px;
    }
}


/* =========================
   BOOK REVIEW SECTION
========================= */

.book_review_sec{
    padding:100px 0;
    background:#f7f7f7;
    position:relative;
    overflow:hidden;
}

/* dotted background */

/*
.book_review_sec::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
    background-size:10px 10px;
    opacity:.7;
}
*/

/* top wave */

/*
.book_review_sec::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:45px;
    background:#dedede;
    border-radius:0 0 100% 100%;
}
*/

/* bottom wave */

.book_review_sec .container{
    position:relative;
    z-index:2;
}

/* heading */

.review_heading{
    margin-bottom:60px;
    position:relative;
}
.review_heading h2 {
    font-size: 68px;
    font-family: "Cabin Sketch", sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    background: linear-gradient(90deg,#4169ff,#53d39c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* black wave */

.review_wave{
    width:340px;
    height:18px;
    margin:auto;
    background:#111;
    border-radius:100px;
    position:relative;
}

.review_wave::before,
.review_wave::after{
    content:"";
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    border-radius:100px;
    background:#111;
}

.review_wave::before{
    left:-12px;
    transform:rotate(-4deg);
}

.review_wave::after{
    right:-12px;
    transform:rotate(4deg);
}

/* review box */

.review_box {
    background: #ebe5d6;
    border: 2px solid #111;
    padding: 70px 70px 35px;
    position: relative;
    box-shadow: 0 5px 0 #111;
    padding-right: 232px;
}
/* text */

.review_content{
    text-align:center;
    max-width:1000px;
    margin:auto;
}

.review_content h3 {
    font-size: 36px;
    line-height: 1.5;
    color: #111;
    font-family: 'Gochi Hand';
    line-height: 38px;
    margin-bottom: 90px;
}
/* bottom */

.review_bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

/* name */

.review_name{
    font-size:28px;
    color:#37d084;
    font-family:'Capriola'!important;
    font-weight:700;
}

/* designation */

.review_designation{
    font-size:24px;
    color:#111;
   
}

/* right vertical line */

.review_side_line{
    position:absolute;
    right:70px;
    top:35px;
    width:6px;
    height:260px;
    background:#bdb7ab;
    border-radius:20px;
    box-shadow:0 0 10px rgba(0,0,0,0.25);
}

/* yellow doodle */

.book_review_sec::marker{
    display:none;
}

/* responsive */

@media(max-width:991px){

    .review_heading h2{
        font-size:50px;
    }

    .review_content h3{
        font-size:34px;
        margin-bottom:60px;
    }

    .review_bottom{
        flex-direction:column;
        text-align:center;
    }

    .review_side_line{
        display:none;
    }
}

@media(max-width:576px){

    .book_review_sec{
        padding:70px 0;
    }

    .review_heading h2{
        font-size:34px;
    }

    .review_wave{
        width:220px;
        height:12px;
    }

    .review_box{
        padding:40px 20px 30px;
    }

    .review_content h3{
        font-size:22px;
        line-height:1.7;
        margin-bottom:40px;
    }

    .review_name{
        font-size:24px;
    }

    .review_designation{
        font-size:16px;
    }
}

/* ====================================
   GET YOUR COPY TODAY SECTION
==================================== */

.copy_today_sec{
    padding:90px 0;
    background:#f7f7f7;
    position:relative;
    overflow:hidden;
}

/* dotted background */

.copy_today_sec::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
    background-size:10px 10px;
    opacity:.7;
}

/* content */

.copy_left_area,
.contact_form_box{
    position:relative;
    z-index:2;
}

/* heading */

.copy_title{
    margin-bottom:40px;
}

.copy_title h2 {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: "Cabin Sketch", sans-serif;
    background: linear-gradient(90deg,#4d6dff,#4fd49e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.copy_title p {
    font-size: 20px;
    color: #111;
    font-family: 'Gochi Hand';
}

/* store layout */

.store_main{
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:20px;
}
.s__00999s img {
    width: 100%;
    margin-top: -82px;
    position: relative;
    z-index: 9999999;
}
footer.footer_sec.active.reveal {
    padding-bottom: 0px;
}
section.copy_today_sec.active.reveal {
    margin-top: -81px;
}
/* store shape */

.store_shape {
    width: 209px;
    height: 185px;
    background: url("../images/ggg1.png");
    /* border: 1px solid #aac2ff; */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: center; */
    background-size: 100% 100%!important;
    /* text-align: center; */
}

.store_shape.shape_two{
    background-size: 100% 100%!important;
  background: url("../images/ggg2.png");   
}
.store_shape.shape_three{
    background-size: 100% 100%;
  background: url("../images/ggg3.png");   
}
.store_shape.shape_four{
    background-size: 100% 100%;
  background: url("../images/ggg4.png");   
}
.store_shape {
    text-align: center;
    justify-content: center;
    align-items: anchor-center;
}
/* custom organic shapes */

/*
.shape_one{
    border-radius:50% 40% 55% 45%;
}
*/

/*
.shape_two{
    border-radius:42% 58% 50% 50%;
    margin-top:5px;
}

.shape_three{
    border-radius:55% 45% 40% 60%;
    margin-top:-10px;
}

.shape_four{
    border-radius:45% 55% 60% 40%;
}
*/

/* logos */

.store_shape img {
    width: 98px;
    margin-bottom: 12px;
    object-fit: contain;
}
.store_shape h4 {
    font-size: 16px;
    margin: 0;
    color: #111;
    font-family: 'Capriola';
}

/* button */

.buy_btn_wrap{
    width:100%;
    text-align:center;
    margin-top:-10px;
    margin-bottom:-10px;
}

.buy_now_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:160px;
    height:52px;
    border:3px solid #34d07f;
    border-radius:50px;
    background:#fff6e7;
    text-decoration:none;
    color:#111;
    font-size:22px;
    transition:.3s;
    font-family:'Comic Sans MS', cursive;
}

.buy_now_btn:hover{
    background:#34d07f;
    color:#fff;
}

/* form box */

.contact_form_box{
    background:#ececec;
    padding:35px;
    border-radius:10px;
    position:relative;
}

/* smile */

.smile_icon{
    position:absolute;
    top:-95px;
    right:10px;
    font-size:120px;
    color:#e0b000;
    transform:rotate(15deg);
}

/* title */

.contact_form_box h3 {
    font-size: 42px;
    margin-bottom: 25px;
    color: #111;
    font-family: 'Gochi Hand';
}

/* form */

.form-group{
    margin-bottom:18px;
}

.form-group label{
    display:block;
    margin-bottom:7px;
    font-size:13px;
    color:#888;
}

/* inputs */

.form-control{
    height:46px;
    border:1px solid #d3d3d3;
    background:#f7f7f7;
    border-radius:3px;
    box-shadow:none !important;
    font-size:14px;
}

textarea.form-control{
    height:95px;
    resize:none;
    padding-top:12px;
}

/* button */

.send_btn {
    width: 100%;
    height: 58px;
    border: none;
    border-radius: 5px;
    background: #000;
    color: #fff;
    font-size: 24px;
    font-family: 'Comic Sans MS', cursive;
    transition: .3s;
}

.send_btn:hover{
    background:#222;
}

/* validation */

.error{
    border-color:red !important;
}

.success{
    border-color:#2ecc71 !important;
}

.error_msg{
    color:red;
    font-size:12px;
    margin-top:4px;
    display:block;
}

/* responsive */

@media(max-width:991px){

    .copy_left_area{
        margin-bottom:60px;
    }

    .copy_title{
        text-align:center;
    }

    .store_main{
        justify-content:center;
    }

    .smile_icon{
        display:none;
    }

    .copy_title h2{
        font-size:48px;
    }
}

@media(max-width:576px){

    .copy_today_sec{
        padding:70px 0;
    }

    .copy_title h2{
        font-size:34px;
    }

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

    .store_shape{
        width:135px;
        height:135px;
    }

    .store_shape h4{
        font-size:18px;
    }

    .store_shape img{
        width:55px;
    }

    .contact_form_box{
        padding:20px;
    }

    .contact_form_box h3{
        font-size:28px;
    }

    .send_btn{
        font-size:22px;
    }
}


/* =========================
        FOOTER SECTION
========================= */

.footer_sec{
    background:#000;
    padding-top:55px;
    color:#fff;
}

/* top */

.footer_top{
    padding-bottom:40px;
}

/* logo */

.footer_logo{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

/* icon */

.logo_icon{
    width:34px;
    height:34px;
    border-radius:8px;
    background:#f2f2f2;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#000;
}

/* title */

.footer_logo h3 {
    font-size: 32px;
    margin: 0;
    color: #fff;
    font-family: 'Gochi Hand';
    font-weight: 600;
}

/* about text */

.footer_about p {
    font-size: 16px;
    line-height: 1.8;
    color: #d7d7d7;
    max-width: 320px;
    margin: 0;
    font-family: Capriola;
}
/* heading */

.footer_links h4, .footer_contact h4 {
    font-size: 19px;
    margin-bottom: 22px;
    color: #fff;
    font-weight: normal;
    font-family: 'Gochi Hand';
    letter-spacing: 1px;
}

/* links */

.footer_links ul{
    padding:0;
    margin:0;
    list-style:none;
}

.footer_links ul li{
    margin-bottom:14px;
}

.footer_links ul li a {
    color: #d7d7d7;
    text-decoration: none;
    font-size: 15px;
    transition: .3s;
    font-family: Capriola;
}

.footer_links ul li a:hover{
    color:#fff;
}

/* social */

.social_icons{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
}

/* icon */

.social_icons a{
    width:34px;
    height:34px;
    border-radius:6px;
    background:#151515;
    border:1px solid #2d2d2d;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    transition:.3s;
}

.social_icons a:hover{
    background:#fff;
    color:#000;
}

/* contact text */

.footer_contact p{
    color:#d7d7d7;
    font-size:14px;
    line-height:1.8;
    max-width:310px;
    font-family: Capriola;
}

/* bottom */

.footer_bottom{
    border-top:1px solid #111;
    padding:22px 0;
}

/* bottom text */

.footer_bottom p{
    margin:0;
    font-size:13px;
    color:#cfcfcf;
    line-height:1.7;
}

/* responsive */

@media(max-width:991px){

    .footer_about,
    .footer_links,
    .footer_contact{
        margin-bottom:40px;
    }
}

@media(max-width:576px){

    .footer_sec{
        padding-top:45px;
    }

    .footer_logo h3{
        font-size:24px;
    }

    .footer_about p,
    .footer_contact p,
    .footer_links ul li a{
        font-size:14px;
    }

    .footer_bottom{
        text-align:center;
    }

    .text-md-end{
        text-align:center !important;
        margin-top:10px;
    }
}




/* ====================================
   GLOBAL ANIMATIONS
==================================== */

/* smooth scroll */
html{
    scroll-behavior: smooth;
}

/* section reveal */
.reveal{
    opacity: 0;
    transform: translateY(80px);
    transition: all 1s ease;
}

.reveal.active{
    opacity: 1;
    transform: translateY(0);
}

/* floating animation */
@keyframes floating{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-15px);
    }
    100%{
        transform: translateY(0px);
    }
}

/* rotate animation */
@keyframes rotateSlow{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* pulse */
@keyframes pulse{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}

/* slide left */
@keyframes slideLeft{
    from{
        opacity: 0;
        transform: translateX(-80px);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}

/* slide right */
@keyframes slideRight{
    from{
        opacity: 0;
        transform: translateX(80px);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}

/* zoom */
@keyframes zoomIn{
    from{
        opacity: 0;
        transform: scale(.7);
    }
    to{
        opacity: 1;
        transform: scale(1);
    }
}

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

.hero-left{
    animation: slideLeft 1.2s ease;
}

.book-mockup{
    animation: slideRight 1.2s ease;
}

/* floating book */
.book-inner{
    animation: floating 5s ease-in-out infinite;
}

/* bulb */
.lightbulb-doodle{
    animation: pulse 2s infinite;
    font-size: 50px;
}

/* ====================================
   NAVBAR
==================================== */

.navbar{
    animation: zoomIn 1s ease;
}

.custom-nav-link{
    position: relative;
    transition: .3s;
}

.custom-nav-link:hover{
    color: #4A90E2 !important;
    transform: translateY(-3px);
}

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

.btn-buy,
.buy_now_btn,
.submit_btn,
.send_btn{
    transition: .4s;
    position: relative;
    overflow: hidden;
}

.btn-buy:hover,
.buy_now_btn:hover,
.submit_btn:hover,
.send_btn:hover{
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
}

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

.toolkit_card{
    transition: .5s;
}

.toolkit_card:hover{
    transform: translateY(-10px) rotate(-2deg);
    box-shadow: 0 20px 40px rgba(0,0,0,.15);
}

/* toolkit images */
.toolkit_image_box img{
    animation: floating 6s ease-in-out infinite;
    transition: .4s;
}

.toolkit_image_box img:hover{
    transform: scale(1.08);
}

/* ====================================
   FORM BOX
==================================== */

.submit_form_box,
.contact_form_box{
    transition: .5s;
}

.submit_form_box:hover,
.contact_form_box:hover{
    transform: translateY(-8px);
}

/* inputs */
.form-control,
.form-select{
    transition: .3s;
}

.form-control:focus,
.form-select:focus{
    border-color: #4A90E2 !important;
    box-shadow: 0 0 0 5px rgba(74,144,226,.15);
    transform: scale(1.01);
}

/* ====================================
   AUTHOR
==================================== */

/*
.author_img img{
    animation: floating 5s ease-in-out infinite;
    transition: .5s;
}
*/

/*
.author_img img:hover{
    transform: scale(1.05) rotate(-3deg);
}
*/

/* smile */
.smile_shape{
    animation: pulse 2s infinite;
}

/* ====================================
   REVIEW BOX
==================================== */

.review_box{
    transition: .5s;
}

.review_box:hover{
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,.12);
}

/* ====================================
   STORE BOX
==================================== */

.store_shape{
    transition: .5s;
}

.store_shape:hover{
    transform: rotate(-5deg) scale(1.08);
}

/* ====================================
   FOOTER
==================================== */

.social_icons a{
    transition: .4s;
}

.social_icons a:hover{
    transform: translateY(-6px) rotate(8deg);
}

/* ====================================
   ERROR / SUCCESS
==================================== */

.error{
    border-color: red !important;
    animation: shake .3s linear;
}

.success{
    border-color: green !important;
}

@keyframes shake{
    0%{transform:translateX(0);}
    25%{transform:translateX(5px);}
    50%{transform:translateX(-5px);}
    75%{transform:translateX(5px);}
    100%{transform:translateX(0);}
}




/* =========================
        HEADER SECTION
========================= */

.main_header{
    background:#f5f5f5;
    border-bottom:2px solid #111;
    padding:12px 0;
    position:sticky;
    top:0;
    z-index:999;
}

/* navbar */

.main_header .navbar{
    padding:0;
}

/* logo */

.header_logo img{
    width:230px;
    object-fit:contain;
}

/* menu */

.navbar-nav{
    gap:28px;
}

/* links */

.navbar-nav .nav-link{
    font-size:14px;
    color:#111;
    font-family:'Comic Sans MS', cursive;
    padding:0 !important;
    transition:.3s;
    position:relative;
}

/* hover */

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    color:#000;
}

/* underline */

.navbar-nav .nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:#34d07f;
    transition:.3s;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
    width:100%;
}

/* button */

.header_btn_wrap{
    margin-left:25px;
}

/* buy btn */

.buy_btn{
    width:125px;
    height:46px;
    border:3px solid #34d07f;
    border-radius:50px;
    background:#f7f0e5;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#111;
    font-size:18px;
    font-family:'Comic Sans MS', cursive;
    transition:.3s;
}

/* hover */

.buy_btn:hover{
    background:#34d07f;
    color:#fff;
}

/* mobile toggle */

.navbar-toggler{
    border:none;
    box-shadow:none !important;
    padding:0;
}

.navbar-toggler-icon{
    background-image:none;
    width:30px;
    height:3px;
    background:#111;
    position:relative;
    display:inline-block;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after{
    content:"";
    position:absolute;
    left:0;
    width:30px;
    height:3px;
    background:#111;
}

.navbar-toggler-icon::before{
    top:-8px;
}

.navbar-toggler-icon::after{
    top:8px;
}

/* responsive */

@media(max-width:1199px){

    .navbar-nav{
        gap:18px;
    }

    .navbar-nav .nav-link{
        font-size:13px;
    }

    .header_logo img{
        width:200px;
    }
}

@media(max-width:991px){

    .main_header{
        padding:15px 0;
    }

    .navbar-collapse{
        background:#f5f5f5;
        padding-top:25px;
    }

    .navbar-nav{
        gap:18px;
        text-align:center;
    }

    .header_btn_wrap{
        margin-left:0;
        margin-top:25px;
        display:flex;
        justify-content:center;
    }

    .buy_btn{
        width:150px;
    }
}

@media(max-width:576px){

    .header_logo img{
        width:170px;
    }

    .buy_btn{
        width:130px;
        height:42px;
        font-size:16px;
    }
}







/* ===================================
            HERO SECTION
=================================== */

.hero_sec{
    padding:80px 0 120px;
    background:#f7f7f7;
    position:relative;
    overflow:hidden;
}

/* dotted background */

.hero_sec::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
    background-size:10px 10px;
    opacity:.7;
}
.srid_tuutttu img {
    width: 100%;
}
/* bottom wave */
/*

.hero_sec::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:100%;
    height:90px;
    background:#dddddd;
    border-radius:100% 100% 0 0;
}
*/

/* content */

.hero_left,
.hero_right{
    position:relative;
    z-index:2;
}

/* top text */

.hero_left h5 {
    font-size: 28px;
    color: #111;
    margin-bottom: 6px;
    font-family: 'Gochi Hand';
}

/* main title */

.hero_left h1{
    font-size:90px;
    line-height:1;
    margin-bottom:25px;
    font-weight:700;
    font-family:'Comic Sans MS', cursive;

    background:linear-gradient(90deg,#4d6dff,#4fd49e);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* desc */

.hero_left p {
    font-size: 24px;
    line-height: 28px;
    color: #111;
    margin-bottom: 40px;
    font-family: Gochi Hand;
}
/* buttons */

.hero_btns{
    display:flex;
    align-items:center;
    gap:25px;
    margin-bottom:60px;
}

/* buy btn */

.buy_btn{
    width:160px;
    height:55px;
    border-radius:50px;
    border:3px solid #32d07d;
    background:#f7f0e5;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#111;
    font-size:24px;
    transition:.3s;
    font-family:'Comic Sans MS', cursive;
}

.buy_btn:hover{
    background:#32d07d;
    color:#fff;
}

/* submit */

.submit_btn_hero {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #111;
    text-decoration: none;
    font-size: 22px;
    font-family: 'Gochi Hand';
}

.submit_btn_hero span{
    font-size:28px;
}

/* partnership shape */

.partner_shape {
    width: 85%;
    height: 193px;
    background: #dfe9e3;
    border: 3px solid #111;
    border-radius: 50%;
    position: relative;
    padding: 19px;
    transform: rotate(-10deg);
    box-shadow: 0 12px 0 #4d7cff;
}

/* title */

.partner_shape h4{
    text-align:center;
    font-size:42px;
    margin-bottom:30px;
    color:#111;
    font-family:'Comic Sans MS', cursive;
}

/* logos */

.partner_logos {
    display: flex;
    justify-content: center;
    gap: 25px;
    rotate: 10deg;
}
/* box */

.partner_box {
    /* width: 110px; */
    height: 70px;
    /* background: #000; */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 28px;
    font-weight: 700;
}
.partner_box img {
    width: 111px;
}

.partner_box.s_00s90s333 {
    position: relative;
    top: -12px;
}

.partner_box.s_00s90s  img {
    position: relative;
    top: 11px;
    left: 21px;
}
/* star */

.partner_star{
    position:absolute;
    right:20px;
    top:55px;
    font-size:70px;
    color:#e0b000;
    transform:rotate(20deg);
}

/* right */

.hero_right{
    position:relative;
    min-height:650px;
}

/* bulb */

.bulb_icon{
    position:absolute;
    top:0;
    left:20px;
    font-size:120px;
    transform:rotate(-15deg);
}

/* brush */

.brush_shape {
    position: absolute;
    right: 108px;
    top: 110px;
    width: 388px;
    height: 180px;
    background: transparent;
    transform: rotate(
357deg);
    opacity: .9;
}
/* book image */

.book_image{
    position:absolute;
    right:60px;
    top:40px;
    width:320px;
    background:#fff;
    border:4px solid #111;
    box-shadow:8px 8px 0 #35d081;
}

.book_image img{
    width:100%;
    display:block;
}

/* doodle */

.hero_doodle{
    position:absolute;
    right:0;
    bottom:30px;
    font-size:90px;
    color:#111;
    transform:rotate(20deg);
}

/* responsive */

@media(max-width:1199px){

    .hero_left h1{
        font-size:70px;
    }

    .partner_shape{
        width:100%;
    }
}

@media(max-width:991px){

    .hero_sec{
        padding:70px 0 100px;
    }

    .hero_left{
        text-align:center;
        margin-bottom:70px;
    }

    .hero_btns{
        justify-content:center;
    }

    .partner_shape{
        margin:auto;
    }

    .hero_right{
        min-height:auto;
        text-align:center;
    }

    .book_image{
        position:relative;
        right:auto;
        top:auto;
        margin:auto;
    }

    .brush_shape{
        right:50%;
        transform:translateX(50%) rotate(-25deg);
    }

    .bulb_icon{
        left:50%;
        transform:translateX(-50%);
    }

    .hero_doodle{
        display:none;
    }
}

@media(max-width:576px){

    .hero_left h5{
        font-size:18px;
    }

    .hero_left h1{
        font-size:46px;
    }

    .hero_left p{
        font-size:17px;
    }

    .hero_btns{
        flex-direction:column;
        gap:18px;
    }

    .buy_btn{
        width:150px;
        height:50px;
        font-size:20px;
    }

    .submit_btn_hero{
        font-size:18px;
    }

    .partner_shape{
        height:auto;
        padding:30px 20px;
        transform:none;
        border-radius:30px;
    }

    .partner_shape h4{
        font-size:28px;
    }

    .partner_logos{
        flex-wrap:wrap;
    }

    .book_image{
        width:250px;
    }

    .bulb_icon{
        font-size:80px;
    }
}


.header_btn_wrap{
    display: inline-block;
}

.buy_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 185px;
    height: 58px;
    background: #efefef;
    color: #000;
    font-size: 28px;
    /* font-weight: 700; */
    text-decoration: none;
    border: 3px solid #45d483;
    border-radius: 50px;
    font-family: 'Gochi Hand';
    box-shadow: -4px 6px 0px #38c172;
    transition: all .3s ease;
}

/* hover effect */
.buy_btn:hover{
    transform: translateY(-3px);

    box-shadow:
        -6px 10px 0px #38c172;

    color: #000;
}

/* click effect */
.buy_btn:active{
    transform: translateY(2px);

    box-shadow:
        -2px 3px 0px #38c172;
}
.partner_shape h4 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    color: #111;
    font-family: 'Gochi Hand';
    letter-spacing: 3px;
}

.bulb_icon img {
    width: 129px;
    position: relative;
    top: -37px;
}


.text-center.mb-5{
    position: relative;
}

.toolkit_title{
    display: inline-block;

    background: #fff;

    padding: 18px 45px;

    border: 1px solid #7ea3ff;

    box-shadow: 6px 6px 0px #5c8df2;

    font-size: 58px;

    line-height: 1;

    color: #111;

    font-weight: 700;

    font-family: "Cabin Sketch", sans-serif;

    letter-spacing: 1px;

    transform: rotate(-1deg);

    transition: .3s ease;

    position: relative;
}

.toolkit_title::after{
    content: "";

    position: absolute;

    left: 10px;
    right: 10px;
    bottom: -10px;

    height: 4px;

    background-image: radial-gradient(#c7c7c7 1px, transparent 1px);

    background-size: 8px 8px;
}

.toolkit_title:hover{
    transform: rotate(0deg) scale(1.03);
}

@media(max-width:768px){

    .toolkit_title{
        font-size: 38px;
        padding: 14px 25px;
    }

}

section.toolkit_section.py-5.active.reveal {
    margin-top: -179px;
}

.srid_tuutttu {
    position: relative;
    z-index: 9;
}
.line__00888998 {
    position: absolute;
}

.toolkit_image_boxdd img {
    width: 100%;
}

.line__00888998 img {
    width: 97%;
    margin-top: 62px;
}

.toolkit_image_boxdd.h345sd img {
    width: 78%;
}

.toolkit_card {
    text-align: center;
}

.s__00898 {
    float: left;
    /* position: absolute; */
    margin-left: -159px;
    margin-top: -68px;
}

.rotate_left {
    transform: rotate(
6deg);
}

.s__00001010101 {
    float: left;
    margin-left: -136px;
    margin-top: -86px;
    position: relative;
    top: 126px;
    left: -8px;
    z-index: 9;
}
.s__0098987889978 {
    position: relative;
    z-index: 9;
    top: -34px;
    left: -41px;
}

.s__0098899090 img {
    width: 100%;
    position: relative;
    z-index: 9;
}
.row.align-items-center.flex-lg-row-reverse.mb-5.toolkit_item.item_two.active.reveal {
    margin-top: -163px;
}

.idea_bottom_text p {
    font-size: 20px;
    line-height: 21px;
    color: #111;
    font-family: 'Gochi Hand';
    margin-bottom: 10px;
    letter-spacing: 1px;
}


.idea_bottom_text h4 {
    font-size: 24px;
    color: #3a78ff;
    line-height: 26px;
    font-family: 'Gochi Hand';
    letter-spacing: 0.3px;
}

section.submit_idea_sec.active.reveal {
    padding-top: 0px;
}
.submit_form_box h2 {
    font-size: 36px;
    font-family: 'Gochi Hand';
    margin-bottom: 30px;
    color: #111;
}
.s_009s__00s98980s img {
    width: 100%;
    margin-top: 39px;
}
/* =========================
   AUTHOR CARD EXACT DESIGN
========================= */

.author_card{
    position: relative;

    max-width: 430px;

    margin: auto;

    background: #f5f5f5;

    border: 5px solid #000;

    padding: 25px 20px 35px;

    transform: rotate(-7deg);

    box-shadow: 12px 12px 0px #40d68d;

    overflow: visible;

    z-index: 1;
}

/* dotted page background */
.author_card::before{
    content: "";

    position: absolute;

    inset: -60px;

    background-image: radial-gradient(#dce3f7 2px, transparent 2px);

    background-size: 18px 18px;

    z-index: -3;
}

/* inside blue square */
.author_card::after {
    content: "";
    position: absolute;
    width: 78%;
    height: 34%;
    border: 1px solid #c8d7ff;
    background: #f3f8ff;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%) rotate(-2deg);
    z-index: 0;
}
/* image */
.author_img {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-top: -159px;
    margin-bottom: 10px;
}
.author_img img {
    width: 120%;
    max-width: 320px;
    object-fit: contain;
    display: block;
    margin: auto;
    filter: grayscale(100%) contrast(115%);
    transform: rotate(6deg);
    margin-bottom: -20px;
    position: relative;
    left: -27px;
}

/* info */
.author_info{
    position: relative;

    z-index: 2;

    text-align: center;

    margin-top: 10px;
}

/* name */
.author_info h3 {
    font-family: "Gochi Hand", cursive;
    font-size: 32px;
    line-height: 1;
    color: #43c984;
    margin-bottom: 9px;
    font-weight: 700;
    transform: rotate(
0deg);
}

/* designation */
.author_info p {
    margin: 0;
    font-size: 18px;
    line-height: 1.15;
    color: #000;
    font-weight: 800;
    font-family: 'Capriola';
}

/* smile */
.smile_shape{
    position: absolute;

    right: 20px;
    bottom: -20px;

    font-size: 50px;

    z-index: 5;
}

/* responsive */
@media(max-width:768px){

    .author_card{
        max-width: 100%;
        transform: rotate(-4deg);
    }

    .author_img{
        margin-top: -40px;
    }

    .author_info h3{
        font-size: 42px;
    }

    .author_info p{
        font-size: 18px;
    }

}

.author_card.df53465df4h65 .author_img {
    background: transparent;
}

.author_card.df53465df4h65 {
    transform: rotate(-4deg) translateY(-10px);
}


.about_author_content .author_heading {
    padding-left: 119px;
}
.about_author_content .author_heading h2 {
    margin-bottom: -16px;
}
.about_author_content .heading_arrow {
    margin-top: -42px;
    margin-left: 30px;
}

.smile_shapewwww {
    float: right;
}
.divder__0099 img {
    width: 100%;
}
.smile_shapewwww img {
    width: 74%;
    float: right;
}
.book_review_sec::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
    background-size:10px 10px;
    opacity:.7;
}

section.submit_idea_sec {
    padding-bottom: 0px;
}


/* =========================
   SLIDER FIX
========================= */

.review_slider{
    position: relative;
}

/* hide default text */
.slick-prev,
.slick-next{
    font-size: 0 !important;
    line-height: 0 !important;
}

/* arrows */
.slick-prev,
.slick-next{
    width: 60px;
    height: 60px;

    border-radius: 50%;

    background: #fff !important;

    border: 3px solid #000 !important;

    z-index: 99;

    top: 50%;

    transform: translateY(-50%);

    transition: .3s ease;
}

/* hover */
.slick-prev:hover,
.slick-next:hover{
    background: #44cb84 !important;
}

/* left arrow */
.slick-prev{
    left: -80px;
}

/* right arrow */
.slick-next{
    right: -80px;
}

/* custom icons */
.slick-prev:before,
.slick-next:before{
    font-size: 32px !important;

    color: #000 !important;

    opacity: 1 !important;

    font-family: inherit !important;
}

.slick-prev:before{
    content: "←";
}

.slick-next:before{
    content: "→";
}

/* =========================
   DOTS
========================= */

.slick-dots{
    bottom: -70px;
}

.slick-dots li{
    margin: 0 6px;
}

/* remove numbers */
.slick-dots li button{
    font-size: 0;
}

/* custom dots */
.slick-dots li button:before{
    content: "" !important;

    width: 16px;
    height: 16px;

    border-radius: 50%;

    background: #000;

    opacity: .3;

    display: block;

    transition: .3s ease;
}

/* active dot */
.slick-dots li.slick-active button:before{
    opacity: 1;
    background: #44cb84;
}

/* remove ugly outline */
.slick-slide{
    outline: none;
}

/* responsive */
@media(max-width:768px){

    .slick-prev{
        left: -10px;
    }

    .slick-next{
        right: -10px;
    }

    .slick-prev,
    .slick-next{
        width: 45px;
        height: 45px;
    }

}
.book_review_sec {
    padding-top: 0px;
    margin-top: -10px;
}

.about_author_sec {
    padding-bottom: 0px;
}
section.book_review_sec button.slick-prev.slick-arrow {
    position: absolute;
     top: 50%;
}

.book_review_sec  button.slick-next.slick-arrow {
    position: absolute;
    right: -73px;
    top: 50%;
}
.social_icons a:hover {
    background: #ffffff42;
    color: #000;
}
.smile_shape.dfgsdf {
    top: inherit;
    bottom: inherit;
    margin-top: -133px;
    margin-right: -16px;
}
.book_review_sec  ul.slick-dots {
    display: none!important;
}  
 :root {
            --sketch-blue: #4A90E2;
            --sketch-green: #d4edda;
            --sketch-yellow: #fff3cd;
            --sketch-purple: #f3e5f5;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #ffffff;
            /* Blue Grid Paper Effect */
            background-image: 
                linear-gradient(to right, rgba(74, 144, 226, 0.1) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(74, 144, 226, 0.1) 1px, transparent 1px);
            background-size: 30px 30px;
            color: #333;
            overflow-x: hidden;
        }

        h1, h2, .handwritten {
            font-family: 'Architects Daughter', cursive;
        }

        /* Nav Styles */
        .navbar-brand { font-weight: 800; font-size: 1.5rem; }
        
        /* Hero Section */
        .hero-title { color: var(--sketch-blue); font-size: 4rem; }
        .book-frame {
            border: 8px solid #000;
            padding: 10px;
            background: white;
            box-shadow: 15px 15px 0px var(--sketch-green);
            transform: rotate(2deg);
        }

        /* The Toolkit Section (The Pink Box in your image) */
        .toolkit-container {
            position: relative;
            padding: 100px 0;
        }

        .toolkit-header {
            border: 3px solid #000;
            display: inline-block;
            padding: 10px 40px;
            background: white;
            transform: rotate(-1deg);
            box-shadow: 5px 5px 0px #000;
            margin-bottom: 50px;
        }

        /* Hand-drawn wobbly shapes */
        .blob-card {
            padding: 40px;
            position: relative;
            transition: transform 0.3s ease;
            background: white;
            border: 2px solid #000;
        }

        .shape-1 { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
        .shape-2 { border-radius: 30% 70% 70% 30% / 50% 60% 40% 50%; }
        .shape-3 { border-radius: 50% 50% 20% 80% / 25% 80% 20% 75%; }

        .highlighter-green { background-color: var(--sketch-green); padding: 5px 10px; transform: rotate(-2deg); display: inline-block; }
        .highlighter-yellow { background-color: var(--sketch-yellow); padding: 5px 10px; transform: rotate(1deg); display: inline-block; }
        .highlighter-blue { background-color: #e3f2fd; padding: 5px 10px; transform: rotate(-1deg); display: inline-block; }

        /* Author Section */
        .author-img {
            filter: grayscale(1);
            border: 2px solid #000;
            padding: 10px;
            background: white;
            transform: rotate(-3deg);
        }

        /* Form Styling */
        .sketch-input {
            border: 2px solid #000 !important;
            border-radius: 0 !important;
            padding: 12px;
        }

        .btn-sketch {
            background: #000;
            color: #fff;
            border-radius: 0;
            padding: 15px 40px;
            font-weight: bold;
            transition: 0.3s;
        }
        .btn-sketch:hover { background: #333; color: #fff; }

        footer { background: #000; color: #fff; padding: 50px 0; }
@media screen and (min-width:320px) and (max-width:767px) {
    
    .brush_shape {
    display: none;
}
    section.toolkit_section.py-5.active.reveal {
    margin-top: -92px;
}
    .srid_tuutttu {
    margin-top: 39px;
}
    .s__00001010101 {
    /* display: none; */
    opacity: 0;
}
    .toolkit_card.yellow_card.rotate_right {
    margin-top: 31px;
    margin-bottom: -33px;
}
    .s__0098987889978 {
    display: none;
}
  section.about_author_sec  .author_card.df53465df4h65 {
    width: 85%!important;
}
    
    .about_author_content .author_heading {
    padding-left: 0px;
}
    
    .heading_lineeeee img {
    width: 100%;
    margin-top: 15px;
}
    .about_author_content .heading_arrow {
    margin-top: -42px;
    margin-left: 30px;
    display: none;
}
    .smile_shape.dfgsdf {
    display: none;
}
    .review_wavefff img {
    width: 100%;
}
    .store_shape h4 {
    font-size: 12px;
    font-weight: 600;
}
    .book_image {   
    width: 93%!important;
}
    
    .navbar::after {
    content: "";
    display: none;
}
    
    button.slick-prev.slick-arrow {
    display: none;
}
    
    .idea_left_content .arrow_icon img {
    width: 98px;
    position: relative;
    left: -22px;
}
    button.slick-prev.slick-arrow {
    DISPLAY: NONE!IMPORTANT;
}
    .header_btn_wrap {
    display: inline-block;
    TEXT-ALIGN: CENTER;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-bottom: 24px;
}
}

.navbar-nav .nav-link {
    font-size: 13px;
    color: #111;
    font-family: Capriola;
    padding: 0 !important;
    transition: .3s;
    position: relative;
    font-weight: 600;
}
.brush_shape.wetgwe img {
    width: 146%;
    
}

   
.s0011141441414 img {
    background: #256adf;
    padding: 4px;  
    border-radius: 6px;
}


.review_box {

    height: 385px;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1260px;
    }
    
    .slick-prev {
    left: -30PX;
}
    .book_review_sec  button.slick-next.slick-arrow {
    position: absolute;
    right: -31px;
    top: 50%;
}
}

p.s7487787878 a {
    font-size: 18px;
    /* font-family: "Cabin Sketch", sans-serif; */
    font-weight: 700;
    margin-bottom: 8px;
    background: linear-gradient(90deg, #4169ff, #53d39c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -31px!important;
}
.review_designation {
    font-size: 18px;
    color: #111;
     font-family:'Capriola';
}
@media screen and (min-width:320px) and (max-width:767px) {
    
    span.s0011141441414 {
    display: -webkit-inline-box;
}
    .s0011141441414 img {
    background: #256adf;
    padding: 4px;
    border-radius: 4px;
    position: relative;
    top: 6px;  
    width: 22px;
}
    
.review_box {
    height: 468px;
    margin-bottom: 20px;
    margin-top: 11px;
}
}
button.send_btn {
    font-family: 'Gochi Hand';
}
.store_shape.shape_three.dfrdf345324 {
    position: relative;
    padding-right: 30px;
}