*, html{box-sizing: border-box;border: 0;margin: 0;padding: 0;}
body{font-family: var(--font);width: 100vw;box-sizing: border-box;border: 0;margin: 0;padding: 0;background-color: var(--brand900);overflow: hidden;overflow-y: scroll;overflow-x: hidden;}a{text-decoration: none;color: var(--neu800);}a:hover{color: var(--neu800);}
/* Scrollbar */
body {--sb-track-color: #232e33; --sb-thumb-color: #61ce70; --sb-size: 6px;}
body::-webkit-scrollbar {width: var(--sb-size)}
body::-webkit-scrollbar-track {background: var(--sb-track-color);border-radius: 3px;}
body::-webkit-scrollbar-thumb {background: var(--sb-thumb-color);border-radius: 3px;}
@supports not selector(::-webkit-scrollbar) {body {scrollbar-color: var(--sb-thumb-color)var(--sb-track-color);}}
/* Universal Codes */
.fixed{position: fixed;}.absolute{position: absolute;}.relative{position: relative;}.sticky{position: sticky;}.flex{display: flex;}.grid{display: grid;}.overflow{overflow: hidden;}.zero{top: 0;left:0;}.tcE{text-align: center;}
.mob{display: none;}.web{display: block;}.center{justify-content: center;align-items: center;text-align: center;}.w100{width: 100vw;}.wh100{width: 100vw;height: 100vh;overflow:hidden;}.spb{justify-content: space-between;}
button{cursor: pointer;border: 0;}
/* Font & Color Variables */
:root {
    --font:'Inter', sans-serif;
    --brand100: #DFCFFF;
    --brand200: #BA9BFB;
    --brand300: #9668F8;
    --brand400: #7134F5;
    --brand500: #4D00F1;
    --brand600: #3F00C4;
    --brand700: #300097;
    --brand800: #22006A;
    --brand900: #13003D;
    --neutral100: #F5F6F7;
    --neutral200: #E7E9EB;
    --neutral300: #D9DDE0;
    --neutral400: #CCD0D5;
    --neutral500: #BEC3C9;
    --neutral600: #959A9F;
    --neutral700: #6D7175;
    --neutral800: #45474B;
    --neutral900: #1C1E21;
    --success100: #E6F6E6;
    --success200: #ACE1AC;
    --success300: #73CD73;
    --success400: #3AB93A;
    --success500: #00A400;
    --success600: #008700;
    --success700: #006B00;
    --success800: #004E00;
    --success900: #003100;
    --info100: #C7F1FF;
    --info200: #94DCF3;
    --info300: #7FD5F1;
    --info400: #6ACEEF;
    --info500: #54C7EC;
    --info600: #439EC2;
    --info700: #327698;
    --info800: #214D6F;
    --info900: #102445;
    --warning100: #FFE59D;
    --warning200: #FFD460;
    --warning300: #FFCB40;
    --warning400: #FFC320;
    --warning500: #FFBA00;
    --warning600: #ECAC00;
    --warning700: #D99E00;
    --warning800: #C69000;
    --warning900: #B38200;
    --danger100: #FFB8BA;
    --danger200: #FC8387;
    --danger300: #FB6A6F;
    --danger400: #FB5156;
    --danger500: #FA383E;
    --danger600: #E73439;
    --danger700: #D53035;
    --danger800: #C22B30;
    --danger900: #AF272B;
    --background: #191A1F;
    --yellow: #FFC800;
    --textcolor1: #D4D4D4;
    --black2: #09090C;
    --black3: #0D0F1A;
    --coinexo: 'Coinexo Icon';
    --bgwhite: #FCFCFC;
    --deepgreen: #05441E;
    --deepgreen1: #076A2F;
}
.blue-heading{font-size: 3vw;text-align: center;margin-bottom: 2vw;color: var(--deepblue);font-weight: 600;}
/* Icon Font */
@font-face {
    font-family: 'Coinexo Icon';
    src: url('https://res.cloudinary.com/dxsmktfma/raw/upload/v1707556067/DSVC%20Charity/care-love/DSVC_CARE_kdr8y7.eot');
    src: url('https://res.cloudinary.com/dxsmktfma/raw/upload/v1707556067/DSVC%20Charity/care-love/DSVC_CARE_kdr8y7.eot') format('embedded-opentype'),
         url('https://res.cloudinary.com/dxsmktfma/raw/upload/v1707556067/DSVC%20Charity/care-love/dsvc_care-webfont_om3e7k.woff') format('woff'),
         url('https://res.cloudinary.com/dxsmktfma/raw/upload/v1707556067/DSVC%20Charity/care-love/dsvc_care-webfont_taq6kt.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
   }
.coinexo-icon{font-family: var(--coinexo);}

/* ========== Header ========== */
.header{width: 100vw;background-color: var(--brand900);padding: 0.5vw 8vw 0 8vw;font-family: var(--font);border-bottom: 1px solid var(--yellow);top: 0;left: 0;z-index: 999;}
.head-logo{width: 18vw;}.head-img{width: 6vw;}
.menu a{font-size: 0.95vw;color: var(--textcolor1);margin: 0 0.6vw;transition: 0.3s ease-in-out;}.menu a:hover{color: var(--yellow);transform: scale(1.01);}
/* ========== Slider ========== */
#slider {width: 100vw;height: 80vh;overflow: hidden;text-align: center;}
#slider ul {position: relative;margin: 0;padding: 0;height: 80vh;list-style: none;}
#slider ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 100vw;height: 80vh;}

#button-prev{height: 100%;width: 10vw;display: flex;align-items: center;justify-items: center;justify-content: center;top: 0;left: 0;z-index: 99;}
#button-next{height: 100%;width: 10vw;display: flex;align-items: center;justify-items: center;justify-content: center;top: 0;right: 0;z-index: 99;}
.control_next,.control_prev{font-size: 3vw;color: white;cursor: pointer;transition: 0.3s ease-in-out;}
.control_next:hover,.control_prev:hover{color: var(--yellow);}

.maple-slide{background-position: center;background-repeat: no-repeat;background-size: cover;width: 100vw;height: 80vh;}
.csl1{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717834381/Maple%20Digital/SLIMG01_mm1kuz.webp);}
.csl2{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717834381/Maple%20Digital/SLIMG02_lw6okv.webp);}
.csl3{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717851393/Maple%20Digital/SL3_jultgt.webp);}
.csl4{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717851393/Maple%20Digital/SL4_qb5kw7.webp);}
/* ========== Who Am I ========== */
.home-about{padding: 5vw 10vw;color: var(--textcolor1);text-align: left;}
.home-about-text{width: 50vw;margin-right: 5vw;}
.home-about-text h4{font-size: 1.5vw;color: var(--yellow);margin-bottom: 0.5vw;font-weight: 600;}
.home-about-text p{font-size: 1.15vw;font-weight: 400;line-height: 1.4;color: var(--neutral500);}
.home-about-img{width: 20vw;height: 20vw;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 0.5vw;}
/* ========== Parralax Overlaping ========== */
.parabd-one{position: sticky; top: 25vh;left: 10vw;width: 80vw;margin: 2vw 10vw;z-index: 5;}
.parabd-two{position: sticky; top: 25vh;left: 10vw;width: 80vw;margin: 2vw 10vw;z-index: 6;}
/* ========== Web Sollution ========== */
.dsvc-maple-web h2{font-size: 4vw;color: var(--brand200);text-align: center;margin-top: 3vw;font-weight: 600;}
.dmw-con{width: 90vw;padding: 2vw;margin: 0 auto;}
.wbs-item-con{grid-template-columns: auto auto auto auto;}
.wbs-item{width: 20vw;height: 20vw;cursor: pointer; border: 1.8px solid var(--brand300);border-radius: 30px;padding: 2.55vw;background-position: center;background-repeat: no-repeat;background-size: cover;margin: 0.75vw;transition: 0.4s ease-in-out;}
.wbs-item:hover,.dmw-payment:hover{transform: scale(1.05);}
.wi1{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717840918/Maple%20Digital/ecommerce_nwr5jn.webp);}
.wi2{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717849614/Maple%20Digital/ft1_hzmprj.webp);}
.wi3{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717840918/Maple%20Digital/BlChain_wgtp4i.webp);}
.wi4{background-image: url(https://res.cloudinary.com/dxsmktfma/image/upload/v1717840919/Maple%20Digital/cryptoP_vmx2ew.webp);}

.dmw-payment{overflow: hidden;cursor: pointer;transition: 0.4s ease-in-out; background: linear-gradient(120deg, var(--brand700) 30%, var(--brand600) 100%) padding-box, linear-gradient(150deg, rgb(72, 20, 176) 25%, var(--brand300) 100%) border-box; border: 1.8px solid transparent;border-radius: 30px;width: 84.5vw;margin: 0 auto;display: flex;justify-content: center;text-align: center;align-items: center;}
.dmw-payment img{width: 60%;} .dmw-payment div{width: 40%;}
.dmw-payment h3{font-size: 2.6vw;color: var(--brand100);font-weight: 500;}

.wbs-more-btn{background: linear-gradient(120deg, var(--brand700) 30%, var(--brand600) 100%) padding-box, linear-gradient(150deg, rgb(72, 20, 176) 25%, var(--brand300) 100%) border-box; border: 1.8px solid transparent;border-radius: 10px;width: 84.5vw;margin: 0 auto; padding: 2.55vw;margin-top: 0.75vw;text-align: center;}
.wbs-more-btn h3{font-size: 2vw;color: var(--brand100);font-weight: 400;transition: 0.3s ease;}.wbs-more-btn img{width: 2vw;margin-left: 0.5vw;transition: 0.3s ease;}
.wbs-more-btn:hover img{transform: scale(1.6);margin-left: 1.6vw;}.wbs-more-btn:hover h3{transform: scale(0.9);}
/* Connect */
.home-follow-count{width: 100vw;padding: 3vw 15vw;background-color: white;}
.home-follow-count h3{font-size: 1.85vw;color: black;margin-bottom: 2vw;}
.home-follow-counts{grid-template-columns: auto auto auto;padding: 0 10vw;}
.home-follow-count img{height: 5vw;margin-bottom: 1vw;transition: 0.35s ease-in-out;}
.home-follow-count h4{font-size: 1.25vw;color: var(--background);}
.home-follow-count img:hover{transform: scale(1.15);}
/* Testimonial */
.client-container{padding: 3vw 0;}
.client-container h2{text-align: center;font-size: 1.95vw;font-weight: 600;color: var(--yellow);}
/* Footer */
footer{padding: 3vw 15vw;background-color: var(--black2);}
.footer{display: flex;justify-content: space-between;margin-bottom: 4vw;}
footer h4{font-size: 1.2vw;color: var(--yellow);font-weight: 600;margin-bottom: 1vw;}
.foot-items1 a{display: block;color: var(--textcolor1);font-size: 0.95vw;transition: 0.2s ease-in-out;margin-bottom: 0.4vw;}
.foot-items1 a:hover{color: var(--yellow);transform: scale(1.01);}
.footer-logo img{width: 6vw;}
.foot-items2 div{margin-bottom: 0.6vw;font-size: 0.95vw;font-weight: 500;color: var(--textcolor1);display: flex;align-items: center;}
.foot-items2 img{width: 2vw;vertical-align: middle;margin-right: 0.5vw;}
.foot-items2 a{vertical-align: middle;font-size: 0.95vw;font-weight: 500;color: var(--textcolor1);}
footer p{font-weight: 400;font-size: 0.85vw;color: var(--textcolor1);text-align: center;margin-top: 0.4vw;vertical-align: middle}.india{width: 1.5vw;vertical-align: middle}footer p a:hover, .foot-items2 a:hover{color: var(--yellow);}
/* Appoinment */
.appoint{width: 60vw;padding: 1.4vw;margin: 0 auto;margin-bottom: 3vw;background-color: var(--black3);background-position: left;background-repeat: no-repeat;background-size: cover;border-radius: 15px;}
.appoint-txt{margin-left: 20vw;}
.appoint-txt h3{font-size: 2.5vw;font-weight: 800;line-height: 1;display: inline-block;vertical-align: middle;margin-right: 2vw;color: var(--textcolor1);}
.appoint-txt a{background-color: var(--yellow);text-align: center;vertical-align: middle;align-items: center;display: inline-block;vertical-align: middle;font-size: 1.2vw;padding: 0.6vw 2vw;border-radius: 8px;font-weight: 600;}
/* ========== Services ========== */
.services-con{width: 100vw;padding: 3vw 15vw;}
.services-con h3{font-size: 3vw;color: var(--sb-thumb-color);text-align: center;font-weight: 600;margin-bottom: 2.2vw;}
.services-grid{grid-template-columns: auto auto;}
.services-grid img{width: 30vw;margin: 1.25vw;transition: 0.4s ease-in-out;}.services-grid img:hover{transform: scale(1.035);}
/* Courses Container */
.course-con{width: 100vw;padding: 3vw 10vw;}
.coursebg{width: 100vw;z-index: -1;left: 0;top: 0;}
.course img{width: 30vw;margin-right: 5vw;transition: 0.4s ease-in-out;}.course img:hover{transform: scale(1.035);}
.course{margin-top: 5vw;display: flex;}
.course-txt{width: 35vw;}
.course-txt h3{font-size: 3vw;color: var(--yellow);font-weight: 700;margin-bottom: 1.5vw;}
.course-txt h4{font-size: 2vw;color: var(--textcolor1);font-weight: 500;margin-bottom: 1.6vw;}
.course-txt p{font-size: 1.5vw;color: var(--textcolor1);font-weight: 400;margin-bottom: 1.8vw;}
.course-txt a{font-size: 1.5vw;color: var(--textcolor1);font-weight: 400;padding: 1vw 4vw;border: 1px solid var(--yellow);border-radius: 10px;transition: 0.4s ease-in-out;}
.course-txt a:hover{box-shadow: 0 4px 15px var(--yellow);}
.course-txt a span{font-size: 2vw;color: var(--yellow);font-weight: 500;}
/* ========== Pages ========= */
#pagemain{padding: 5vw 15vw;background-color: var(--neutral100);}
#pagemain h2{font-size: 1.85vw;font-weight: 700;color: var(--deepgreen1);margin: 1vw 0;}
#pagemain p{font-size: 0.95vw;font-weight: 400;color: var(--neutral800);line-height: 1.35;}
#pagemain a:hover{color: var(--brand500);}
/* ============= Gallery ============ */
#maple-gallery{padding: 5vw 10vw;}#maple-gallery a{padding: 0;margin: 0;}
#gallery-title{font-size: 3vw;font-weight: 700;color: var(--yellow);text-transform: uppercase;letter-spacing: 1vw;text-align: center;}
#gallery-items{grid-template-columns: auto auto auto;}
#gallery-item{width: 21.6666666667vw;height: 25vw;background-color: var(--brand800);background-position: center;background-repeat: no-repeat;background-size: cover;margin: 2.5vw;padding: 2vw;display: flex;flex-direction: column;justify-content: end;justify-items: end;border-radius: 8px;transition: 0.35s ease-in-out;}
#gallery-item:hover{outline: 2px solid var(--yellow);transform: scale(1.03);}
#gallery-item-h2{font-size: 2.2vw;font-weight: 600;color: var(--yellow);}

.g23{background-image: url(https://mapledigitalservice.com/assests/images/2023/umg1.webp);}
.g24{background-image: url(https://mapledigitalservice.com/assests/images/2024/img1.webp);}
.g25{background-image: url(https://mapledigitalservice.com/assests/images/2023/umg1.webp);}
/* ========== Gallery Pages ========== */
.gallery-con{padding: 3vw 10vw;}
.gallery-con h3{font-size: 3vw;color: #fff;text-align: center;font-weight: 500;margin-bottom: 2.2vw;}
.gallery-items{grid-template-columns: 1fr 1fr 1fr 1fr;}
.gallery-items div{background-position: center;background-repeat: no-repeat;background-size: cover;margin: 1.25vw;border: 1px solid var(--yellow);}
.gimg1{width: 20vw;height: 20vw;}
.gimg2{width: 16vw;height: 20vw;}
#maple-gallery{padding: 3vw 10vw;}
#maple-gallery h3{font-size: 3vw;color: #fff;text-align: center;font-weight: 500;margin-bottom: 2.2vw;}

.shine-effect {position: relative;overflow: hidden;}
.shine-effect::before {content: "";position: absolute;top: 0;left: -90%;width: 50%;height: 100%;background: linear-gradient(120deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0) 100%);transform: skewX(-25deg);}
.shine-effect:hover::before {animation: shine 0.75s forwards;}
@keyframes shine {
  0% {left: -90%;}
  100% {left: 125%;}
}

/* ======================================================== Mobile Version ======================================================== */

@media only screen and (max-width: 768px) {
  .web{display: none;}.mob{display: block;}
/* ========== Header ========== */
.header{padding: 2vw 5vw;}
.head-logo{width: 45vw;}
.mob-menu span{font-size: 8vw;color: var(--textcolor1);cursor: pointer;}
.mob-menu span:hover{color: var(--yellow);}
/* Home About */
.home-about{padding: 5vw 8vw;}
.home-about-text{width: 40vw;margin-right: 5vw;}
.home-about-text h4{font-size: 3vw;margin-bottom: 1.5vw;}
.home-about-text p{font-size: 2vw;}
.home-about-img{width: 25vw;height: 25vw;border-radius: 0.85vw;}
/* Honored */
.honored{width: 100vw;}
/* Assured */
.assure-con{padding: 5vw 8vw;}
.assure-con h4{font-size: 4.5vw;margin-bottom: 3vw;}
.assure-grid img{width: 9.5vw;margin-bottom: 0.6vw;}
.assure-items{width: 27vw;margin: 0.5vw;}
.assure-grid p{font-size: 2.8vw;color: var(--textcolor1);}
/* Connect */
.home-follow-count{padding: 5vw;}
.home-follow-count h3{font-size: 4vw;margin-bottom: 3.5vw;}
.home-follow-counts{padding: 0 8vw;}
.home-follow-count img{height: 12vw;margin-bottom: 1.6vw;}
.home-follow-count h4{font-size: 3vw;}
/* Gain Knowledge */
.know-con {padding: 5vw;}
.know-con h3{font-size: 4.5vw;margin-bottom: 3.5vw;}
.know-con .item{background-color: grey; border-radius: 12px;}
/* Footer */
footer{padding: 5vw 10vw;text-align: center;}
.footer{display: block;margin-bottom: 4vw;}
footer h4{font-size: 3.8vw;margin-bottom: 1.5vw;margin-top: 1.5vw;}
.foot-items1 a{font-size: 2.3vw;transition: 0.2s ease-in-out;margin-bottom: 0.4vw;}
.foot-items1 a:hover{color: var(--yellow);transform: scale(1.01);}
.footer-logo img{width: 12vw;}
.foot-items2 div{margin-bottom: 0.6vw;font-size: 1.2vw;font-weight: 500;color: var(--textcolor1);}
.foot-items2 img{width: 2vw;vertical-align: middle;margin-right: 1.4vw;}
.foot-items2 a{vertical-align: middle;font-size: 1.6vw;font-weight: 500;color: var(--textcolor1);}
footer p{font-weight: 400;font-size: 1vw;color: var(--textcolor1);text-align: center;margin-top: 0.4vw;vertical-align: middle}.india{width: 1.5vw;vertical-align: middle}footer p a:hover, .foot-items2 a:hover{color: var(--yellow);}

/* ========== Gallery ========== */
.gallery-con{padding: 5vw 7vw;}
.gallery-con h3{font-size: 5.85vw;margin-bottom: 2.2vw;}
.gallery-items{grid-template-columns: 1fr 1fr 1fr;}
.gallery-items div{margin: 0.66vw;border: 1px solid var(--yellow);}
.gimg1{width: 28vw;height: 28vw;}
.gimg2{width: 28vw;height: 28vw;}
/* Appoinment */
.appoint{width: 80vw;padding: 1.4vw;margin-bottom: 6vw;border-radius: 10px;}
.appoint-txt{margin-left: 35vw;}
.appoint-txt h3{font-size: 4vw;font-weight: 800;line-height: 1;display: inline-block;vertical-align: middle;margin-right: 2vw;color: var(--textcolor1);}
.appoint-txt a{background-color: var(--yellow);text-align: center;vertical-align: middle;align-items: center;display: inline-block;vertical-align: middle;font-size: 2.3vw;padding: 0.6vw 2vw;border-radius: 8px;font-weight: 600;}
/* ========== Services ========== */
.services-con{padding: 5vw 20vw;}
.services-con h3{font-size: 4.5vw;margin-bottom: 3vw;}
.services-grid{grid-template-columns: auto;}
.services-grid img{width: 60vw;margin-bottom: 2.25vw;}
/* Courses Container */
.course-con{padding: 6vw 10vw 10vw 10vw;}
.course img{width: 55vw;margin-right: 0;margin-bottom: 5vw;}
.course{margin-top: 5vw;display: block;}
.course-txt{width: 60vw;margin: 0 auto;}
.course-txt h3{font-size: 6vw;margin-bottom: 2vw;}
.course-txt h4{font-size: 3vw;margin-bottom: 2.2vw;}
.course-txt p{font-size: 2.85vw;margin-bottom: 5vw;}
.course-txt a{font-size: 3vw;padding: 1.85vw 5.85vw;border-radius: 7px;}
.course-txt a:hover{box-shadow: 0 4px 15px var(--yellow);}
.course-txt a span{font-size: 3.5vw;color: var(--yellow);font-weight: 500;}
/* ========== About Us Page ========= */
.about-us{padding: 5vw 8.85vw;}
.about-us h4{font-size: 3.85vw;margin-bottom: 1.3vw;}
.about-us p{font-size: 2.85vw;margin-bottom: 1vw;}
}