#header {height: 51px;}
#header .logo {display: none;}
#header img {position: absolute; left: 58px;  top: 21px;}


@media screen and (max-width: 1680px) {
  #header {
    padding-top: 5px;
  }
}
@media screen and (max-width: 1680px) {
  #main > .inner {
    padding: 0 0 .1em 0;
  }
}
@media screen and (max-width: 1680px) {
  #main > .inner > section {
    padding: 0;
  }
}
#header {
  border-bottom: solid 1px #f56a6a;
  padding-bottom: 0;
}
.full-windows{width:100%}
.bg-black{background:black;}
.bg-white{background:white;}
.txt-color-white{color:white;}
.txt-color-black{color:black;}

/*-----Light start --*****************************************************************************---*/
    /* Buttons */
	h2{text-align:center;margin:1rem 0 1rem;}    /* Cards */
    .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
    .card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgb(8 22 246 / 55%);padding:1.5rem;text-align:center;transition:transform .2s}
    .card:hover{transform:translateY(-4px)}
    .card img{width:100%;border-radius:10px;margin-bottom:1rem}
    .card h3{margin-bottom:.5rem}

    /* Alerts */
    .alert{padding:1rem 1.5rem;border-radius:8px;margin:1rem 0}
    .contents-box{background:#e6f7e6;color:#217a21;border-left:4px solid #28a745}   
    .alert-success{background:#e6f7e6;color:#217a21;border-left:4px solid #28a745}
    .alert-warning{background:#fff9e6;color:#7a6b21;border-left:4px solid #ffc107}
    .alert-error{background:#fde8e8;color:#b71c1c;border-left:4px solid #dc3545}

    /* Badges */
    .badge{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600;color:white}
    .badge-blue{background:#007bff}.badge-green{background:#28a745}.badge-orange{background:#ff9800}.badge-red{background:#dc3545}

    /* Accordion */
    .accordion{max-width:700px;margin:2rem auto}
    .accordion-item{background:#fff;border-radius:8px;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.05)}
    .accordion-header{padding:1rem;cursor:pointer;font-weight:600;background:#f3f4f6}
    .accordion-content{padding:1rem;display:none;border-top:1px solid #eee}
    .accordion-item.active .accordion-content{display:block}

    /* Tooltip */
    .tooltip{position:relative;display:inline-block;cursor:pointer}
    .tooltip .tooltip-text{visibility:hidden;background:#111827;color:#fff;text-align:center;padding:.4rem .7rem;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}
    .tooltip:hover .tooltip-text{visibility:visible;opacity:1}

    /* Modal */
    .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:1000}
    .modal{background:#fff;padding:2rem;border-radius:12px;max-width:400px;text-align:center}
    .modal.active{display:flex}

    /* Example Box */
    .example-box{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:8px;margin:1rem 0;font-family:monospace;font-size:.9rem;overflow:auto}

    /* Testimonials */
    .testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}
    .testimonial{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,0.05)}
    .testimonial p{font-style:italic;margin-bottom:1rem}

    /* Team */
    .team{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
    .member{background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.05);padding:1.5rem;text-align:center}
    .member img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}

    /* Features */
    .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0}
    .feature{background:#fff;border-radius:10px;padding:1.5rem;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.05)}

    /* Pricing */
    .pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
    .price-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.05);padding:1.5rem;text-align:center}
    .price-card h3{margin-bottom:.5rem}
    .price-card .price{font-size:2rem;font-weight:700;margin:1rem 0}
/*-----Light End --*******************************************************************************************************---*/

/*-----Dark start ---========================================================================================================--*/
    /* Buttons */
    .dark_btn{display:inline-flex;align-items:center;justify-content:center;padding:0.7rem 1.4rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.25s ease;text-decoration:none}
    .dark_btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,0.1)}
    .dark_btn-primary{background:#2563eb;color:#fff}.dark_btn-primary:hover{background:#1d4ed8}
    .dark_btn-secondary{background:#475569;color:#fff}.dark_btn-secondary:hover{background:#334155}
    .dark_btn-outline{background:transparent;border:2px solid #2563eb;color:#93c5fd}.dark_btn-outline:hover{background:#2563eb;color:#fff}
    .dark_btn-ghost{background:transparent;color:#cbd5e1}.dark_btn-ghost:hover{background:rgba(255,255,255,0.1)}

    /* Cards */
    .dark_grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
    .dark_card{background:#1e293b;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.4);padding:1.5rem;text-align:center;transition:transform .2s}
    .dark_card:hover{transform:translateY(-4px)}
    .dark_card h3{margin-bottom:.5rem;color:#f8fafc}

    /* Alerts */
    .dark_alert{padding:1rem 1.5rem;border-radius:8px;margin:1rem 0}
    .dark_alert-success{background:#064e3b;color:#bbf7d0;border-left:4px solid #10b981}
    .dark_alert-warning{background:#78350f;color:#fde68a;border-left:4px solid #fbbf24}
    .dark_alert-error{background:#7f1d1d;color:#fecaca;border-left:4px solid #ef4444}

    /* Badges */
    .dark_badge{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600;color:white}
    .dark_badge-blue{background:#2563eb}.dark_badge-green{background:#16a34a}.dark_badge-orange{background:#f59e0b}.dark_badge-red{background:#dc2626}

    /* Accordion */
    .dark_accordion{max-width:700px;margin:2rem auto}
    .dark_accordion-item{background:#1e293b;border-radius:8px;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.3)}
    .dark_accordion-header{padding:1rem;cursor:pointer;font-weight:600;background:#334155;color:#f1f5f9}
    .dark_accordion-content{padding:1rem;display:none;border-top:1px solid #475569;color:#cbd5e1}
    .dark_accordion-item.active .dark_accordion-content{display:block}

    /* Tooltip */
    .dark_tooltip{position:relative;display:inline-block;cursor:pointer;color:#60a5fa}
    .dark_tooltip .dark_tooltip-text{visibility:hidden;background:#1e293b;color:#f8fafc;text-align:center;padding:.4rem .7rem;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}
    .dark_tooltip:hover .dark_tooltip-text{visibility:visible;opacity:1}

    /* Modal */
    .dark_modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:1000}
    .dark_modal{background:#1e293b;padding:2rem;border-radius:12px;max-width:400px;text-align:center;color:#f8fafc;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
    .dark_modal.active{display:flex}

    /* Example Box */
    .dark_example-box{background:#0f172a;color:#f8fafc;padding:1rem;border-radius:8px;margin:1rem 0;font-family:monospace;font-size:.9rem;border:1px solid #334155;overflow:auto}

    /* Testimonials */
    .dark_testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}
    .dark_testimonial{background:#1e293b;border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,0.4)}
    .dark_testimonial p{font-style:italic;margin-bottom:1rem;color:#e2e8f0}

    /* Team */
    .dark_team{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
    .dark_member{background:#1e293b;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.4);padding:1.5rem;text-align:center}
    .dark_member img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem;border:3px solid #334155}

    /* Features */
    .dark_features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0}
    .dark_feature{background:#1e293b;border-radius:10px;padding:1.5rem;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.4)}

    /* Pricing */
    .dark_pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
    .dark_price-card{background:#1e293b;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.4);padding:1.5rem;text-align:center}
    .dark_price-card h3{margin-bottom:.5rem;color:#f8fafc}
    .dark_price-card .dark_price{font-size:2rem;font-weight:700;margin:1rem 0;color:#93c5fd}

    @media(max-width:600px){.dark_btn{width:100%}.dark_accordion-header{text-align:center}}
/*-----Dark End -==============================================================================================================----*/

/*-------------------------Grav Main main.css file changes //////////////////////////////////  */
input[type=submit], input[type=reset], input[type=button], button, .button {
    font-size: 15px;
  font-weight: normal;
  padding: 10px;
  text-transform: none;
  color: #000 !important;
  line-height: 0;
  height: 2em;
  margin: 10px;
}
#menu ul li .dropdown:before {background: #d7dfe6; color: #686d71;}
#menu ul li .dropdown.active:before {background: #d7dfe6; color: #686d71;}
@media screen and (max-width: 1680px) {
    #sidebar {position: absolute; float: left; left: 0; }
    #sidebar>.inner {background: aliceblue;}  
}
#header { display: block;}
#header .logo {
    font-size: 2.125em;
    position: relative;
    left: 60px;
}
@media screen and (max-width: 1680px) {
    #sidebar .toggle { line-height: 4.8em; }
}
/*-----------------------------------------*/
.inbuild-window{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0.5rem}
.inbuild-window-card{background: #fff;
    border-radius: 0px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 14%);
    padding: 0px;
    text-align: center;
    border-top: 4px solid #607D8B;}
.inbuild-window-textarea{
    color: black;
    width: 100%;
    min-height: 200px;
    font-family: Consolas, monospace;
    font-size: 14px;
    margin: 0px;
    padding: 4px;
    border-radius: 0;
    /* border: 1px solid #aaa; */
  resize: vertical;}

.example-box {
  border-left: 5px solid #ff000000;
  border-radius: 8px;
  padding: 10px 2px;
  margin-bottom: 24px;
  margin-left:25px;
  background: #ffffff;
}
.example-output {
  min-height: 200px;
  width: 100%;
  margin-top: 0px;
  background: #ffffff;
}
@media screen and (max-width: 736px) {
    #sidebar .toggle:before { margin-top: 0em; margin-left: -1em;}
    #sidebar .toggle:after {background: none;}
    #header .logo {left: 50px;font-size: 2em; display: none;}
    .example-box {margin-left:5px ;}
}