@font-face {
    font-family: 'Whyte-Black';
    src: url('../fonts/Whyte-Black.eot');
    src: url('../fonts/Whyte-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte-Black.woff2') format('woff2'),
        url('../fonts/Whyte-Black.woff') format('woff'),
        url('../fonts/Whyte-Black.ttf') format('truetype'),
        url('../fonts/Whyte-Black.svg#Whyte-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whyte-Bold';
    src: url('../fonts/Whyte-Bold.eot');
    src: url('../fonts/Whyte-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte-Bold.woff2') format('woff2'),
        url('../fonts/Whyte-Bold.woff') format('woff'),
        url('../fonts/Whyte-Bold.ttf') format('truetype'),
        url('../fonts/Whyte-Bold.svg#Whyte-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whyte-Medium';
    src: url('../fonts/Whyte-Medium.eot');
    src: url('../fonts/Whyte-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte-Medium.woff2') format('woff2'),
        url('../fonts/Whyte-Medium.woff') format('woff'),
        url('../fonts/Whyte-Medium.ttf') format('truetype'),
        url('../fonts/Whyte-Medium.svg#Whyte-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whyte-Regular';
    src: url('../fonts/Whyte-Regular.eot');
    src: url('../fonts/Whyte-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte-Regular.woff2') format('woff2'),
        url('../fonts/Whyte-Regular.woff') format('woff'),
        url('../fonts/Whyte-Regular.ttf') format('truetype'),
        url('../fonts/Whyte-Regular.svg#Whyte-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DO-Script Slanted';
    src: url('../fonts/DO-Script-Slanted.eot');
    src: url('../fonts/DO-Script-Slanted.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DO-Script-Slanted.woff2') format('woff2'),
        url('../fonts/DO-Script-Slanted.woff') format('woff'),
        url('../fonts/DO-Script-Slanted.ttf') format('truetype'),
        url('../fonts/DO-Script-Slanted.svg#DO-Script-Slanted') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



:root {
    --primary: #00FFAB;
    --secondary: #000000;
    --teritary: #E21AE7;
    --white: #FFFFFF;
    --secondary20: #040404;
    --gray: #D0CDD5;

  }


/* common css start */
*							{ margin: 0px; padding: 0px; }
body						{ font-size:16px; background-color: var(--secondary); color: var(--white); }
img							{ border: 0px; max-width: 100%; }
ul,ol						{ list-style: none;}
a							{ text-decoration: none; outline: none; transition-duration: 0.5s; }
p                           { margin-bottom: 10px; font-family: 'Whyte-Medium'; }
.theme-btn-small,.theme-btn,.common-btn { display: inline-block; font-family: 'Whyte-Bold'; font-size: 15px; }
.theme-btn,.common-btn      { line-height: 18px; }
/* .theme-btn-small,.theme-btn,.common-btn.theme-btn { border-radius: 37px; color: var(--secondary20); background-color: var(--primary); transition-duration: 0.5s; } */
/* .theme-btn-small:hover,.theme-btn:hover,.common-btn.theme-btn:hover { color: var(--secondary20); background-color: var(--white); transition-duration: 0.5s; } */
.theme-btn-small            { padding: 17px 22px 11.5px; }
.common-btn                 { padding: 14px 22px 7px; border-radius: 37px; transition-duration: 0.5s; box-shadow: 0px 0px 40px 0px #FFFFFF80; }
.common-btn:hover           { transition-duration: 0.5s; }
.purple-btn,.mint-collection-1-wrapper p.purple-btn                 { padding: 12px 24px 7px; font-size: 16px; line-height: 16px; border-radius: 62px; background-color: var(--teritary); color: var(--white); font-family: 'Whyte-Bold'; font-weight: 700; }
.common-btn.theme-btn.white-btn     { background-color: var(--white); color: var(--secondary20); transition-duration: 0.5s; }
/* .common-btn.theme-btn.white-btn:hover,.purple-btn:hover   { background-color: var(--primary); color: var(--secondary20); transition-duration: 0.5s; } */

.theme-btn-small            { line-height: 16px; }
.theme-btn,.theme-btn-small { background-color: var(--primary); }
.white-btn { background-color: var(--white); }
.theme-btn,.theme-btn-small,.white-btn { border-radius: 37px; position: relative; text-decoration: none; transition: 0.2s transform ease-in-out; will-change: transform; z-index: 0; display: inline-block; overflow: hidden; color: var(--secondary20); transition-duration: 0.3s; }
.theme-btn::after,.theme-btn-small::after{ background-color: var(--white); }
.white-btn::after{ background-color: var(--primary) !important; }
.theme-btn::after,.theme-btn-small::after { content: ''; border-radius: 37px; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; transform: translate(-100%,0)rotate(10deg); transform-origin: top left; transition: 0.2s transform ease-out; will-change: transform; z-index: -1; transition-duration: 0.3s; }
.theme-btn:hover::after,.theme-btn-small:hover::after,.white-btn:hover::after { transform: translate(0, 0); }
.theme-btn:hover,.theme-btn-small:hover,.white-btn:hover        { color: var(--secondary20); transform: scale(1.05); will-change: transform; text-decoration: none; }
/* background: transparent;  */

h1,h2,h3,h4,h5,h6           { font-family: 'Whyte-Bold';  font-weight: 700; }
h1                          { font-size: 70px; line-height: 84px; }
h2                          { font-size: 48px; line-height: 58px; }
h3                          { font-size: 30px; line-height: 45px; }
h4                          { font-size: 20px; line-height: 24px; }
/* common css ends  */

/* adding bg color when scroll */
.navbar.fixed-top.scrolled  { background-color: rgba(0, 0, 0, 0.9);  }

/* banner section start */
.banner-wrapper             { padding: 150px 0px 50px; height: 100vh; z-index: 1; overflow: hidden; position: relative; background: #000 url(../images/bg.png) no-repeat center center / cover  ; }
.banner-wrapper h1          { color: var(--primary); }
.banner-wrapper h3          { margin-bottom: 20px; color: var(--white); }
/* .banner-wrapper .common-btn { background-color: var(--white); color: var(--secondary20); }
.banner-wrapper .common-btn:hover { background-color: var(--primary); }
.banner-wrapper .common-btn.theme-btn   { background-color: var(--primary); color: var(--secondary20); margin-left: 10px;  background: #000 url(../images/bg.png) no-repeat right top / cover ;}
.banner-wrapper .common-btn.theme-btn:hover                     { background-color: var(--white); } */
.banner-wrapper a:nth-child(2) { margin-left: 10px; }
.banner-btn-wrap a:nth-child(3),.banner-btn-wrap a:last-child,.footer-icons a   { margin-left: 30px; font-size: 30px; line-height: 30px; color: var(--primary); }
.banner-btn-wrap a:nth-child(3):hover,.banner-btn-wrap a:last-child:hover,.footer-icons a:hover         { color: var(--white); } 
/* .banner-text-wrap           { height: 70vh; } */


/* ram-collection-wrapper starts */
.ram-collection-wrapper     { padding: 120px 0px 75px; }
.ram-collection-wrapper h4  { margin-bottom: 20px; }
.ram-collection-wrapper p,.detaild-info-wrapper p,.first-collection-wrapper p,.mint-collection-1-wrapper p,.rise-angle-wrapper p   { margin-bottom: 20px; font-family: 'Whyte-Medium'; font-weight: 500; font-size: 18px; line-height: 29px; }
.purple-box                 { border: 1px solid var(--teritary); border-radius: 30px; }
.ram-collection-wrapper ul  { margin: 20px; padding-left: 20px;  list-style-type: none; font-family: 'Whyte-Regular'; }
.ram-collection-wrapper ul li           { margin-bottom: 12px; line-height: 16px; }
.ram-collection-wrapper ul li:last-child        { margin-bottom: 0px; }
.ram-collection-wrapper ul li span      { font-family: 'Whyte-Medium'; font-weight: 700; }
.ram-collection-wrapper ul li::before   { content: "\2022"; color: var(--teritary); font-weight: bold; display: inline-block; width: 16px; margin-left: -16px; }
.ram-collection-wrapper a.common-btn.theme-btn      { margin-top: 30px; }
.collection-img-box         { position: relative; height: 100%; width: 100%; }
.collection-img-box img     { position: absolute; }
/* .collection-img-box img:first-child     { top: 50%; left: 50%;} */
     /* transform: translate(-50%, -50%);   */
/* .collection-img-box img:nth-child(2)    { top: 0%; left: 0%;  }
.collection-img-box img:nth-child(3)    { top: 0%; right: 0%;  }
.collection-img-box img:last-child      { top: 100%; left: 100%; } */
    /* transform: translate(-100%, -100%); } */
/* .ram-collection-wrapper a.common-btn.theme-btn:hover { background-color: var(--white); color: var(--secondary); } */

/* .collection-img-box         { padding-top: 120px; position: relative; height: 100%; width: 100%; }
.collection-img-box img:first-child     { margin: 0 auto; max-width: 422px;  }
.collection-img-box img:nth-child(2)    { top: -20% !important; left: 10% !important; max-width: 250px;  }
.collection-img-box img:nth-child(3)    { top: -30% !important; left: 64% !important; max-width: 235px; }
.collection-img-box img:last-child      { top: 65% !important; left: 70% !important; max-width: 195px;} */

.collection-img-box         { padding-top: 20vh; position: relative; height: 100%; width: 100%; }
.collection-img-box img:first-child     { margin: 0 auto; max-width: 70%;  }
.collection-img-box img:nth-child(2)    { top: -50% !important; left: 10% !important; max-width: 40%;  }
.collection-img-box img:nth-child(3)    { top: -30% !important; left: 60% !important; max-width: 40%; }
.collection-img-box img:last-child      { top: 65% !important; left: 70% !important; max-width: 30%;}

/* detaild-info-wrapper start */
.detaild-info-wrapper       { padding: 76px 0px 72px; }
.detaild-info-wrapper h2,.rise-angle-wrapper h2    { margin-bottom: 10px; }
.detaild-info-wrapper .img-box { margin-bottom: 30px; }
.detaild-info-wrapper .img-box img:first-child  { margin-right: 20px; }
.detaild-info-wrapper .purple-box               { padding: 30px;  }
.detaild-info-wrapper .purple-box p             { margin: 0px; font-size: 16px; line-height: 16px; }
.detaild-info-wrapper .purple-box h4                        { margin-bottom: 4px; color: var(--teritary); font-family: 'Whyte-Black'; }
.detaild-info-wrapper .purple-box p:nth-child(odd)          { margin-top: 20px; margin-bottom: 8px; color: var(--teritary); font-family: 'Whyte-Black';  }
.detaild-info-wrapper .purple-box p:nth-child(even)         { font-family: 'Whyte-Medium'; }
.detaild-info-wrapper .purple-box p:first-child             { margin-top: 0px; font-family: 'Whyte-Black'; }
/* detaild-info-wrapper ends */

/* First collection wrapper section start */
.first-collection-wrapper       { padding: 80px 0px; background:  url(../images/first-collection-bg.png) no-repeat right top / cover ; color: var(--white); }
.first-collection-wrapper h4    { margin-bottom: 0px; color: var(--primary); font-family: 'DO-Script Slanted'; text-transform: capitalize;  }
.first-collection-wrapper p:first-child                     { margin-bottom: 30px; }
.first-collection-wrapper .first-collection-txt-box div p:nth-child(2)                      { margin-bottom: 5px; }
/* First collection wrapper section ends */


/* mint collection 1 wrapper started  */
.mint-collection-1-wrapper      { padding: 90px 0px 75px; }
.mint-collection-1-wrapper .purple-btn:first-child  { margin-right: 15px; }
.mint-collection-1-wrapper h2   { margin-bottom: 12px; }
.mint-collection-1-wrapper .btn-box   { margin-bottom: 20px; }
/* .mint-collection-1-wrapper p    { margin-bottom: 10px; } */
.mint-collection-1-wrapper .white-btn    { margin-top: 20px; }
.mint-box                       { max-width: 90%; }
.mint-img-box                   { position: relative; width: 100%; height: 100%; }
.mint-img-box img               { position: absolute; }
.mint-img-box img:first-child   { left: 50%; bottom: 0; transform: translateX(-50%); }
.mint-img-box img:last-child    { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-animation:yogi 3s ease-in-out alternate infinite; }
@-webkit-keyframes yogi  { from { left:50%; top:50%; } to { left:50%; top:30%; } }
/* mint collection 1 wrapper ends */

/* Rise Angle section start */
.rise-angle-wrapper             { padding: 75px 0px 120px; }
.rise-angle-box                 { max-width: 92%; }
/* Rise Angle section ends */

/* footer section start */
.footer-wrapper                 { padding: 32px 0px 31px; border-top: 2px solid var(--primary); }
.footer-icons a:first-child     { margin-right: 20px; }
/* footer section ends */


/* mint ram collection page started */
.mint-ram-collection-page-wrapper{ padding: 150px 0px 50px; }
.mint-ram-collection-page-wrapper h2                        { margin-bottom: 20px; }
.mint-ram-collection-page-wrapper .mint-page-ram-gen1-box,.mint-ram-collection-page-wrapper .mint-page-ram-gen2-box   {  border: 1px solid var(--white); padding: 20px; }
.mint-ram-collection-page-wrapper .mint-page-ram-gen1-box   { margin-bottom: 60px; }
.purple-txt                     { color: var(--teritary); }
.mint-page-small-box            { flex-wrap: wrap; padding: 20px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.mint-page-small-box:last-child { border-bottom: none; padding-bottom: 0px; }
.mint-page-small-box h4         { margin-bottom: 10px; }
.mint-page-small-box p          { margin-bottom: 0px; }
.theme-btn.disabled             { position: relative; }
.theme-btn.disabled::after      { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); }
.theme-btn.disabled:hover       { color: var(--secondary20); background-color: var(--primary); transform: scale(1.00); }
.modal                        { color: var(--secondary20); }
.modal .modal-header          { margin-left: auto; border-bottom: none; }
.modal .modal-header button   { border: none; height: 22px; width: 22px; line-height: 22px; border-radius: 50px; background-color: var(--secondary20); color: var(--white); }
.modal img                    { margin-bottom: 20px; }
.modal .modal-content         { border-radius: 30px; }
/* mint ram collection page ends */


/* Media Queries start */
@media (min-width: 1200px) and (max-width: 1399px)
{
    
}

@media (min-width: 992px) and (max-width: 1199px) 
{
    h1                          { font-size: 55px; line-height: 70px; }
    h2                          { font-size: 40px; line-height: 50px; }
    h3                          { font-size: 25px; line-height: 35px; }
    h4                          { font-size: 19px; line-height: 23px; }

    .theme-btn-small, .theme-btn, .common-btn { font-size: 14px; }
    .theme-btn, .common-btn     { line-height: 17px; }
    .theme-btn-small            { padding: 14px 22px 10.5px; }
    .common-btn                 { padding: 12px 20px 6px; }
    .banner-btn-wrap a:nth-child(3), .banner-btn-wrap a:last-child, .footer-icons a { margin-left: 25px; font-size: 28px; line-height: 28px; }

    .ram-collection-wrapper     { padding: 100px 0px 65px; }

    .detaild-info-wrapper       { padding: 65px 0px 65px; }

    .first-collection-wrapper   { padding: 70px 0px } 

    .mint-collection-1-wrapper  { padding: 70px 0px 65px; }

    .rise-angle-wrapper         { padding: 60px 0px 100px; }
}

@media (min-width: 768px) and (max-width: 991px) 
{
    h1                          { font-size: 50px; line-height: 60px; }
    h2                          { font-size: 33px; line-height: 40px; }
    h3                          { font-size: 23px; line-height: 33px; }
    h4                          { font-size: 18px; line-height: 22px; }

    .theme-btn-small, .theme-btn, .common-btn { font-size: 14px; }
    .theme-btn, .common-btn     { line-height: 16px; }
    .theme-btn-small            { padding: 14px 22px 10.5px; }
    .common-btn                 { padding: 12px 20px 6px; }
    .banner-btn-wrap a:nth-child(3), .banner-btn-wrap a:last-child, .footer-icons a { margin-left: 23px; font-size: 26px; line-height: 26px; }

    .ram-collection-wrapper     { padding: 85px 0px 55px; }

    .detaild-info-wrapper       { padding: 55px 0px 55px; }
    .detaild-info-wrapper .purple-box { padding: 25px; }
    .img-box img:first-child    { margin-bottom: 20px; }

    .first-collection-wrapper   { padding: 60px 0px } 

    .mint-collection-1-wrapper  { padding: 60px 0px 55px; }
    .mint-img-box img:first-child { left: 50%; bottom: 20%; transform: translate(-50%,-20%); }
    @-webkit-keyframes yogi     { from { left:50%; top:45%; } to { left:50%; top:35%; } }


    .rise-angle-wrapper         { padding: 60px 0px 90px; }
}

@media (max-width: 767px)   
{ 
    body                        { font-size: 15px; }
    h1                          { font-size: 40px; line-height: 50px; }
    h2                          { font-size: 30px; line-height: 35px; }
    h3                          { font-size: 21px; line-height: 31px; }
    h4                          { font-size: 18px; line-height: 22px; }
    p                           { font-size: 15px; }

    .theme-btn-small, .theme-btn, .common-btn { font-size: 14px; }
    .theme-btn, .common-btn     { line-height: 15px; }
    .theme-btn-small            { padding: 12px 22px 9.5px; }
    .common-btn                 { padding: 12px 20px 6px; }
    .banner-btn-wrap a:nth-child(3), .banner-btn-wrap a:last-child, .footer-icons a { margin-left: 22px; font-size: 24px; line-height: 24px; }
    .banner-btn-wrap a:first-child          { margin-right: 10px;  }

    .banner-wrapper             { padding: 100px 0 50px; max-height: 50vh; }
    .banner-wrapper a:nth-child(2)          { margin-left: 0px; }

    .ram-collection-wrapper p, .detaild-info-wrapper p, .first-collection-wrapper p, .mint-collection-1-wrapper p, .rise-angle-wrapper p    { font-size: 16px; line-height: 25px; }


    .navbar-brand img,.img-box img           { max-width: 80%; }

    .ram-collection-wrapper     { padding: 85px 0px 55px; }
    .collection-img-box         { margin-top: 75px; }

    .detaild-info-wrapper       { padding: 55px 0px 55px; }
    .detaild-info-wrapper .purple-box { padding: 25px; }
    .img-box img:first-child    { margin-bottom: 0px; }
    .purple-box.wow             { margin-top: 30px; }


    .first-collection-wrapper   { padding: 60px 0px } 

    .mint-collection-1-wrapper  { padding: 60px 0px 55px; }
    .mint-img-box img:first-child { left: 50%; bottom: 0%; transform: translate(-50%,0%); }
    
    .mint-img-box               { height: 400px; margin-top: 200px; }
    @-webkit-keyframes yogi     { from { left:50%; top:45%; } to { left:50%; top:0%; } }

    .rise-angle-wrapper         { padding: 60px 0px 40px; }
    .riseangle-txt-wrap         { margin: 30px 0px }
    .rise-angle-wrapper p:last-child    { margin-bottom: 0px; }

    .mint-ram-collection-page-wrapper { padding: 100px 0 50px; }
}

@media (max-width: 575px)   
{ 

    h4                          { font-size: 17px; line-height: 21px; }

    .theme-btn-small, .theme-btn, .common-btn { font-size: 11px; }
    .theme-btn, .common-btn     { line-height: 14px; }
    .theme-btn-small            { padding: 10px 20px 7.5px; }
    .common-btn                 { padding: 10px 14px 4px; }
    .ram-collection-wrapper p, .detaild-info-wrapper p, .first-collection-wrapper p, .mint-collection-1-wrapper p, .rise-angle-wrapper p    { font-size: 13px; line-height: 20px; }


    .banner-wrapper             { padding: 140px 0 60px; max-height: 65vh; }
    .banner-btn-wrap            { flex-wrap: wrap; }
    .banner-btn-wrap a          { margin-bottom: 10px; margin-right: 10px; }
    .banner-btn-wrap a:nth-child(3), .banner-btn-wrap a:last-child, .footer-icons a { margin-left: 0px; font-size: 18px; line-height: 24px; }

    .ram-collection-wrapper     { padding: 65px 0px 35px; }
    .ram-collection-wrapper ul          { margin: 15px; }
    .ram-collection-wrapper ul li,.detaild-info-wrapper .purple-box p        { font-size: 12px; line-height: 12px; }
    .ram-collection-wrapper a.common-btn.theme-btn { margin-top: 25px; }
    .collection-img-box                 { margin-top: 10px; }

    .detaild-info-wrapper       { padding: 55px 0px 45px; }
    .detaild-info-wrapper .img-box { margin-bottom: 20px; }
    .collection-img-box         { padding-top: 20vh; } 
    
    .img-box img                { max-height: 81px; max-width: 45%; }
    .img-box img:first-child    { margin-bottom: 0px; }
    .detaild-info-wrapper .purple-box   { padding: 20px; }
    .detaild-info-wrapper .purple-box p:nth-child(2n+1) { margin-top: 15px; margin-bottom: 5px; }

    .first-collection-wrapper   { padding: 30px 0px; }
    .first-collection-wrapper p:first-child { margin-bottom: 20px; }

    .mint-collection-1-wrapper  { padding: 50px 0px 0px; }
    .purple-btn, .mint-collection-1-wrapper p.purple-btn { padding: 10px 21px 5px; font-size: 11px; line-height: 11px; }
    .mint-collection-1-wrapper .btn-box     { margin-bottom: 0px; }

    .mint-img-box img:first-child { left: 50%; bottom: 0%; transform: translate(-50%,0%); }    
    .mint-img-box               { height: 200px; margin-top: 120px; }
    @-webkit-keyframes yogi     { from { left:50%; top:25%; } to { left:50%; top:10%; } }

    .footer-icons               { margin-top: 20px; }

    .mint-ram-collection-page-wrapper h2                        { margin-bottom: 15px; }
    .mint-ram-collection-page-wrapper .mint-page-ram-gen1-box   { margin-bottom: 60px; }

    

}