@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap";
:root{--background-color:#000;--secund-background-color:#f5ebe0;--light-bg-text-color:#fff;--dark-bg-text-color:#000;--button-bg-color:#ffd60a}html{scroll-behavior:smooth}body{background-color:var(--background-color);margin:0;padding:0;font-family:Inter,sans-serif}header{background-color:var(--background-color);justify-content:center;align-items:center;width:100%;height:10vh;display:flex}.menu-toggle{color:var(--button-bg-color);cursor:pointer;z-index:1000;background:#000000e6;border:none;border-radius:5px;padding:5px;font-size:30px;position:fixed;top:20px;left:20px}.mobile-menu{z-index:1000;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:250px;height:100vh;transition:left .3s ease-in-out;display:flex;position:fixed;top:0;left:-250px}.mobile-menu.active{left:0}.close-menu{color:var(--button-bg-color);cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute;top:20px;right:20px}.header-list{text-align:center;flex-direction:column;padding:0;list-style:none;display:flex}.header-list li{margin:20px 0}.header-list a{color:#fff;font-size:20px;text-decoration:none;transition:color .3s}.header-list a:hover{color:var(--button-bg-color)}.social-media-link{z-index:1;flex-direction:column;gap:8px;display:flex;position:fixed;top:40px;right:0}.social-media{background-color:var(--button-bg-color);border-radius:10px 0 0 10px;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex}.social-media:hover{cursor:pointer}.social-media a{color:var(--background-color)}.social-media i{font-size:25px}.facebook{background-color:#1a40e8}.linked-in{background-color:#2bf3f7}.youtube{background-color:#f11111}.instagram{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.start-container{flex-wrap:wrap;align-items:center;width:90%;min-height:100vh;margin:0 auto;display:flex}.img{width:45%;height:auto}.img img{object-fit:contain;width:100%;max-height:100vh}.content{width:45%;color:var(--light-bg-text-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.content h1{font-size:clamp(2rem,4vw,3rem);font-weight:700}.content h1 span{color:#d2d2d2;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:100}.button-content{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:40px;display:flex}.button-content a{border:2px solid var(--button-bg-color);background-color:var(--button-bg-color);width:100%;max-width:200px;color:var(--background-color);border-radius:10px;justify-content:center;align-items:center;padding:15px;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:flex}.button-content a:hover{color:var(--button-bg-color);background-color:#0000}.wave-container{background-color:var(--secund-background-color);z-index:-1;margin:0;position:relative}.wave-container.down{background-color:var(--background-color)}footer{background-color:var(--background-color);width:100%;height:5vh;color:var(--light-bg-text-color);justify-content:space-around;align-items:center;display:flex}footer .content{flex-direction:row;justify-content:space-between;width:95%;display:flex}footer .content span{font-family:Dancing Script,serif;font-size:1.6rem}footer .content p{font-size:.8rem}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}.free-guide{text-align:center;padding:60px 20px}.free-guide .content{max-width:800px;margin:0 auto}.free-guide h2{color:var(--light-bg-text-color);margin-bottom:20px;font-size:2.5em}.free-guide p{color:var(--light-bg-text-color);margin-bottom:30px;font-size:1.2em;line-height:1.6}.free-guide .button-content{margin-top:20px}.free-guide .start-button{background-color:var(--button-bg-color);color:#000;border-radius:5px;padding:15px 30px;font-size:1em;text-decoration:none;transition:background-color .3s;display:inline-block}.free-guide .start-button:hover{background-color:#0000}.accordion{color:#fff;cursor:pointer;text-align:left;background-color:#000;border:none;border-radius:4px 4px 0 0;outline:none;justify-content:space-between;align-items:center;width:50%;margin:0 auto;padding:10px;font-size:18px;transition:background-color .3s;display:flex}.accordion.active{background-color:#313131}.panel{text-align:justify;background-color:#313131;border-radius:0 0 4px 4px;width:50%;max-height:0;margin:0 auto;font-size:.7rem;transition:max-height .5s ease-out;overflow:hidden}.panel .text{width:85%;margin:0 auto;font-weight:300}.panel p{margin:10px 0}@media screen and (max-width:1600px){.content h1{font-size:2.5rem}}@media screen and (max-width:1400px){.content h1{font-size:2rem}}@media screen and (max-width:1024px){.accordion,.panel{width:90%}.start-container{text-align:center;flex-direction:column}.img,.content{width:100%}.img img{width:100%;height:auto;max-height:60vh;margin-top:0}}@media screen and (max-width:768px){.content h1{font-size:2rem}.content h1 span{font-size:1.5rem}.button-content a{padding:12px;font-size:18px}}@media screen and (max-width:480px){.social-media-link{position:absolute}.menu-toggle{font-size:24px;top:15px;left:15px}.social-media{width:40px;height:40px}.social-media i{font-size:20px}.content h1{margin-top:30px;font-size:1.5rem}.content h1 span{font-size:1.2rem}.button-content a{padding:10px;font-size:16px}}
.who-am-i{background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;display:flex}.who-am-i .img{width:250px;height:250px;margin:50px 0}.who-am-i .img img{aspect-ratio:1/2;object-fit:contain;border:2px solid #f5ebe0;border-radius:50%;width:100%;height:100%}.who-am-i .content{width:50%}.who-am-i .content h2{font-size:25px}.who-am-i .content p{text-align:justify;font-size:1.2rem;font-weight:100}.cer-images{margin-top:50px}@media screen and (max-width:480px){.who-am-i .content{width:90%}.who-am-i .content h2{width:100%;font-size:1.4rem}.who-am-i .content p{font-size:1.2rem}.cer-images{width:100%;margin:0 auto}}
.why-work-with-me,.who-is-it-for{background-color:var(--secund-background-color);flex-direction:column;justify-content:center;align-items:center;margin:0;padding-bottom:30px;display:flex}.who-is-it-for{background-color:var(--background-color);color:var(--light-bg-text-color)}.why-work-with-me h1{margin:0 auto;font-size:35px}.list{text-align:left;width:50%;margin-top:50px}.list span{font-size:25px}.point{justify-content:flex-start;align-items:center;gap:30px;width:100%;margin-top:30px;display:flex}.mark{background-color:#000;border-radius:50%;margin-left:20px;padding:5px}.who-is-it-for .mark{background-color:#fff}.ebook-offer-section{text-align:left;width:100%;margin-top:50px;padding-top:40px}.ebook-offer-divider{background:linear-gradient(90deg,#0000,#ffd60a,#0000);width:100%;height:2px;margin-bottom:40px}.ebook-offer-title{color:#ffd60a;margin:0 0 15px 20px;font-size:1.5rem;font-weight:600}.ebook-offer-description{color:var(--light-bg-text-color);max-width:90%;margin:0 0 25px 20px;font-size:1rem;line-height:1.6}.ebook-buttons{flex-wrap:wrap;align-items:center;gap:20px;margin-left:20px;display:flex}.btn-primary,.btn-ebook{cursor:pointer;border:2px solid;border-radius:50px;padding:12px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#ffd60a;background-color:#0000;border-color:#ffd60a}.btn-primary:hover{color:#000;background-color:#ffd60a;transform:translateY(-2px)}.btn-ebook{color:#000;background-color:#ffd60a;border-color:#ffd60a}.btn-ebook:hover{background-color:#fff;border-color:#fff;transform:translateY(-2px)}@media screen and (max-width:480px){.why-work-with-me h1{text-align:center;font-size:1.7rem}.list{width:90%}.button-content a{width:100%;font-size:1.3rem}.ebook-offer-title{margin-left:0;font-size:1.2rem}.ebook-offer-description{margin-left:0;font-size:.95rem}.ebook-buttons{flex-direction:column;width:100%;margin-left:0}.btn-primary,.btn-ebook{text-align:center}}
.testmonials{background-color:var(--secund-background-color);flex-direction:column;justify-content:center;align-items:center;padding-bottom:50px;display:flex}.testmonials .container{width:50%;margin:50px 0}.testmonials span{font-size:25px}.gray-text{color:#838383;font-size:15px}.innerdiv{grid-gap:1.5rem;grid-template-rows:repeat(2,22rem);grid-template-columns:repeat(4,17rem);display:grid;transform:scale(.9)}.eachdiv{color:#fff;z-index:-1;border-radius:.8rem;padding:1rem 2rem;box-shadow:5px 5px 20px #6d6b6b6b}.div1{background:#733fc8 url(https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/bg-pattern-quotation.svg) 25rem 0 no-repeat;grid-area:1/1/2/3}.div2{background:#49556b;grid-area:1/3/2/4}.div3{color:#000;background:#fff;grid-area:1/4/3/5}.div4{color:#000;background:#fff;grid-area:2/1/3/2}.div5{background:#18202d;grid-area:2/2/3/4}.userdetails{display:flex}.imgbox{margin-right:1rem}.imgbox img{border:2px solid #cec5c5;border-radius:50%;width:2rem}.detbox{flex-direction:column;justify-content:center;display:flex}.detbox p{margin:0}.detbox .name{color:#cfcfcf;margin-bottom:.1rem;font-size:.9rem;font-weight:600}.detbox .name.dark{color:#49505a}.detbox .designation{color:#cfcfcf;opacity:.5;font-size:.8rem}.detbox .designation.dark{color:#49505a}.review h4{color:#f3deff;margin-bottom:.8rem;font-size:1.4rem;font-weight:600;line-height:1.5}.review.dark h4{color:#4b5258}.review p{color:#f3deff;opacity:.5;font-size:.95rem;font-weight:500;line-height:1.5}.review.dark p{color:#0e0e0e}.attribution{text-align:right;font-size:1rem;line-height:1.5;position:fixed;bottom:1rem;right:1rem}.attribution a{text-decoration:none}@media only screen and (max-width:1000px){.innerdiv{transform:scale(.7)}}@media only screen and (max-width:800px){.innerdiv{transform:scale(.6)}}@media only screen and (max-width:600px){.outerdiv{justify-content:center;width:100%;margin:0 auto;display:flex;overflow:hidden}.innerdiv{scroll-snap-type:x mandatory;gap:1rem;width:90%;padding:1rem;display:flex;overflow-x:auto;transform:scale(1)}.eachdiv{scroll-snap-align:start;flex-shrink:0;width:80%}}@media screen and (max-width:480px){.testmonials .container{justify-content:center;align-items:center;width:90%;padding:0;display:flex}.outerdiv{flex-direction:row;overflow-x:scroll}.image-slider{gap:20px}.image-slider img{border-radius:10px;width:70%}}

.i-studied{background-color:var(--secund-background-color);flex-direction:column;justify-content:center;align-items:center;padding:50px 0;display:flex}.i-studied .container{width:50%}.i-studied .grid{grid-gap:1rem;grid-row-gap:1rem;grid-template-rows:repeat(2,20rem);grid-template-columns:repeat(3,17rem);width:100%;margin-top:50px;display:grid;transform:scale(1)}.grid-element{flex-direction:column;justify-content:center;align-items:center;display:flex}.grid-element .img{width:100%;height:100%}.grid-element .img img{object-fit:cover;aspect-ratio:2;border-radius:10px;width:100%;height:100%;margin:0;box-shadow:5px 5px 5px #d2d2d2}@media only screen and (max-width:1000px){.i-studied .grid{grid-template-rows:repeat(3,20rem);grid-template-columns:repeat(2,17rem)}}@media only screen and (max-width:800px){.i-studied .grid{flex-direction:column;display:flex}.grid-element{height:20rem}}
*{box-sizing:border-box}body{min-height:100vh}button{font-family:inherit}.construction-page{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:24px;animation:15s infinite gradient-bg;display:flex}.construction-card{background:#ffffffe6;border-radius:15px;align-items:center;width:min(800px,90vw);padding:40px;display:flex;box-shadow:0 8px 16px #0000004d}.construction-copy{border-right:2px solid #ccc;flex:1;padding:20px}.construction-copy h1{color:#333;margin-bottom:20px;font-size:2.5em}.construction-copy p{color:#555;font-size:1.2em;line-height:1.5}.construction-visual{text-align:center;flex:1;padding:20px;font-size:5rem;animation:4s linear infinite spin}@keyframes gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:600px){.construction-card{text-align:center;flex-direction:column}.construction-copy{border-bottom:2px solid #ccc;border-right:0}}
