﻿.box,.ebook-box h2,.ebook-box p{text-align:center}#accordion-1 .active,#accordion-1 .head,#accordion-1 .head:hover,#accordion-2 .active,#accordion-2 .head:hover,#accordion-3 .active,#accordion-3 .head:hover{background-color:#0f7993}.box{background:#e7fbff;border:1px solid #c3e3ea;box-shadow:0 8px 20px rgb(0 0 0 / .2);width:100%;animation:1s ease-in-out fadeIn}.box p{font-size:16px;color:#066775;margin-bottom:20px;font-weight:600}.download-btn,.send-btn{background:#0f7993;color:#fff;border:none;padding:9px 18px;cursor:pointer;font-size:15px;font-weight:500;border-radius:8px;transition:.3s;box-shadow:0 2px 4px 0 rgb(0 0 0 / .4)}.download-btn:hover,.send-btn:hover{transform:scale(1.05);background:#054b5c}.email-box{display:none;margin-top:20px;animation:.5s ease-out slideIn}.email-input{padding:12px 15px;font-size:12px;width:calc(109% - 29px);height:45px;border:1px solid #ccc;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.email-input:focus{outline:0;border-color:#8344ff;box-shadow:0 4px 10px rgb(131 68 255 / .2)}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.box{padding:15px;max-width:200%}.download-btn,.send-btn{font-size:14px;padding:10px 20px}.email-input{font-size:14px;padding:10px 12px;width:100%}}.box{background-color:#f5fcff;padding:20px;border-radius:8px;max-width:500px;margin:0 auto}.form-groupbox{display:flex;align-items:center;gap:10px}.form-groupbox input[type=checkbox]{width:20px;height:20px;border:2px solid #007b8c;border-radius:3px;cursor:pointer;display:grid;place-content:center;margin-top:-7px;margin-left:10px;accent-color:#007b8c}.form-groupbox input[type=checkbox]::before{font-size:16px;color:#fff;background-color:#007b8c;display:none;width:16px;height:16px;border-radius:3px;text-align:center}.form-groupbox input[type=checkbox]:checked::before{display:block}.form-groupbox label{font-size:14px;color:#007b8c;cursor:pointer;font-weight:500}@media (max-width:768px){.form-groupbox input[type=checkbox]::before,.form-groupbox label{font-size:14px}.form-groupbox input[type=checkbox]{width:18px;height:18px}}.ebook-box{width:100%;max-width:350px;padding:12px;background:linear-gradient(90deg,#2a7b9b 0,#174757 100%);border-radius:7px;transition:transform .3s ease-in-out}.ebook-box:hover{transform:translateY(-5px)}.ebook-box h2{color:#fff;font-size:18px;line-height:31px;font-weight:600;margin-bottom:10px}.ebook-box p{color:#fff;font-size:16px;margin-bottom:15px}.ebookbutton{color:#14819a;background-color:#fff;font-weight:600;display:inline-block;padding:12px 18px;text-decoration:none;border-radius:50px;border:none;cursor:pointer;font-size:16px;width:100%;transition:.3s;margin-top:6%}.e-border{border:2px solid #fff;border-radius:10px;padding:20px}.ebookbutton:hover{background:#e7fbff;color:#0f7993;font-size:18px;font-weight:600}.hidden{display:none}.input-box input{width:100%;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}@media (max-width:400px){.ebook-box{padding:20px}}.head h2{font-size:18px;font-weight:600}#accordion-1,#accordion-2,#accordion-3{position:relative}#accordion-1 .head{color:#fff;padding:1px 30px;cursor:pointer;transition:.2s;display:flex;justify-content:space-between;align-items:center}#accordion-1 .arrow,#accordion-2 .arrow{color:#fff;font-size:60px;transition:.25s;opacity:.3;transform:rotate(-90deg)}#accordion-1 .head:hover .arrow,#accordion-2 .head:hover .arrow{opacity:1}#accordion-1 .arrow-animate{transform:rotate(-186deg);opacity:1}#accordion-1 .content{background-color:#e3f8fd;display:none;padding:20px 30px;color:#222}#accordion-2 .head{background-color:#0f7993;color:#fff;padding:1rem 2rem;cursor:pointer;transition:.2s;display:flex;justify-content:space-between;align-items:center}#accordion-2 .arrow-animate{transform:rotate(-180deg);opacity:1}#accordion-2 .content{background-color:#0f7993;display:none;padding:1rem 4rem;color:#222;position:relative}#accordion-2 .content:nth-child(odd){background-color:#eae0fb}#accordion-2 .content::before{content:"";width:4px;position:absolute;background-color:#044c56;top:0;left:2.4rem;height:100%;animation:1s .2s forwards vertical-fade-in}@keyframes vertical-fade-in{from{opacity:0}to{opacity:1}}#accordion-2 .content::after{content:"";height:4px;position:absolute;background-color:#3e0891;top:50%;left:2.4rem;animation:1s .3s forwards horizontal-fade-in}@keyframes horizontal-fade-in{from{opacity:0;width:0}to{opacity:1;width:1rem}}#accordion-3 .head{background:linear-gradient(90deg,#2a7b9b 0,#174757 100%);color:#fff;padding:20px 30px;cursor:pointer;transition:.25s;position:relative;z-index:2}#accordion-3 .arrow{content:'\002B';position:absolute;right:7px;top:3px;opacity:1;border-left:35px solid transparent;border-right:35px solid transparent;border-top:40px solid #0f7993;transition:.3s;z-index:2}#accordion-3::after{content:"\002B";font-size:2.2rem;position:absolute;right:21px;transition:transform .2s,color .2s;top:5px;color:#fff;z-index:999;pointer-events:none}#accordion-3.active::after,#accordion-3:hover::after{transform:rotate(45deg);color:#fff}#accordion-3 .arrow-animate,#accordion-3 .head:hover .arrow{border-top:40px solid #0f7993;transform:translateY(40px)}#accordion-3 .content{background-color:#ebfbff;display:none;padding:15px;color:#222}@media only screen and (min-device-width:320px) and (max-device-width:480px){.head h2{font-size:16px;font-weight:600}}