*{box-sizing: border-box;}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-BlackItalic.eot');
    src: local('Axiforma Black Italic'), local('Axiforma-BlackItalic'),
        url('../fonts/Axiforma/Axiforma-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-BlackItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

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

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-ThinItalic.eot');
    src: local('Axiforma Thin Italic'), local('Axiforma-ThinItalic'),
        url('../fonts/Axiforma/Axiforma-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-ThinItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Heavy.eot');
    src: local('Axiforma Heavy'), local('Axiforma-Heavy'),
        url('../fonts/Axiforma/Axiforma-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Heavy.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

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

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-LightItalic.eot');
    src: local('Axiforma Light Italic'), local('Axiforma-LightItalic'),
        url('../fonts/Axiforma/Axiforma-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-LightItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-BoldItalic.eot');
    src: local('Axiforma Bold Italic'), local('Axiforma-BoldItalic'),
        url('../fonts/Axiforma/Axiforma-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-BoldItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-BookItalic.eot');
    src: local('Axiforma Book Italic'), local('Axiforma-BookItalic'),
        url('../fonts/Axiforma/Axiforma-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-BookItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-SemiBold.eot');
    src: local('Axiforma SemiBold'), local('Axiforma-SemiBold'),
        url('../fonts/Axiforma/Axiforma-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-SemiBold.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

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

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Thin.eot');
    src: local('Axiforma Thin'), local('Axiforma-Thin'),
        url('../fonts/Axiforma/Axiforma-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Thin.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Book.eot');
    src: local('Axiforma Book'), local('Axiforma-Book'),
        url('../fonts/Axiforma/Axiforma-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Book.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-ExtraBold.eot');
    src: local('Axiforma ExtraBold'), local('Axiforma-ExtraBold'),
        url('../fonts/Axiforma/Axiforma-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-ExtraBold.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-HeavyItalic.eot');
    src: local('Axiforma Heavy Italic'), local('Axiforma-HeavyItalic'),
        url('../fonts/Axiforma/Axiforma-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-HeavyItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-MediumItalic.eot');
    src: local('Axiforma Medium Italic'), local('Axiforma-MediumItalic'),
        url('../fonts/Axiforma/Axiforma-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-MediumItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Italic.eot');
    src: local('Axiforma Italic'), local('Axiforma-Italic'),
        url('../fonts/Axiforma/Axiforma-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Italic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-SemiBoldItalic.eot');
    src: local('Axiforma SemiBold Italic'), local('Axiforma-SemiBoldItalic'),
        url('../fonts/Axiforma/Axiforma-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

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

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Light.eot');
    src: local('Axiforma Light'), local('Axiforma-Light'),
        url('../fonts/Axiforma/Axiforma-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Light.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-ExtraBoldItalic.eot');
    src: local('Axiforma ExtraBold Italic'), local('Axiforma-ExtraBoldItalic'),
        url('../fonts/Axiforma/Axiforma-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
/*************************************Scroll*****************************************/
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar:focus{50px}
::-webkit-scrollbar-track {background: #fff; }
::-webkit-scrollbar-thumb {background:#43459C; ;border-radius:5px;}
::-webkit-scrollbar-thumb:hover {background:#43459C; }

/*************************************Body and Heading*****************************************/
body{background:#040016; color: #FFFFFF;font-family: 'Axiforma';} 
h1{font-size: 100px;font-weight: 900; font-family: 'Lato', sans-serif; }
h2{font-size: 65px; font-weight: 500; }
h3{font-size: 36px;font-weight: 500;  }
h4{font-size: 24px;font-weight: 500;  }
h5{font-size: 18px;font-weight: 500; letter-spacing: 0.25em; }
p{font-size: 14px;font-weight: 400; font-family: 'Lato', sans-serif; color: #B4B3BA;}
label{font-size: 14px;font-weight: 400; font-family: 'Lato', sans-serif; }
li{font-size: 12px;font-weight: 400; font-family: 'Lato', sans-serif;}
/*************************************Theme btn and Fonts*****************************************/
.font-Lato{font-family: 'Lato', sans-serif;}
.font-Axiforma{font-family: 'Axiforma';}
.font-12{font-size: 12px}
.font-14{font-size: 14px}
.font-15{font-size: 15px}
.font-16{font-size: 16px}
.font-20{font-size: 20px}
.font-25{font-size: 25px}
.font-400{font-weight: 400}
.font-600{font-weight: 600}
.font-opacity{opacity: 0.75;}
.color-blue{color: #2B33EF}
.color-grey{color: #B4B3BA; }
.color-white{color: #FFFFFF; }
.uppercase{text-transform: uppercase;}
.letter-spacing{letter-spacing: 0.05em}
.theme-btn{width: 157px;height: 47px;background: #2B33EF; color: #FFFFFF;border-radius: 60px;display:flex; align-items: center; justify-content: center; text-transform: capitalize; white-space: nowrap; font-family: 'Lato' , sans-serif;;font-weight: 400;font-size: 16px;}
.theme-btn:hover{background:#0F1133;color: #FFFFFF;}
.w-264{width: 264px !important}
/*************************************Header*****************************************/
/*************************************Footer*****************************************/
footer .main-container{max-width: 1598px}
.subscribe-btn{width: 507px;height: 64px;border: 1px solid #707070;box-sizing: border-box;border-radius: 12px;}
.subscribe-btn input{border-style: none; padding: 10px 13px; width: 100%; background: none;}
.subscribe-btn input::placeholder{color: #C2C2C2; padding: 10px; font-size: 12px;}
.subscribe-btn .theme-btn{width: 111px; height: 39px;  }
.footer-section a{font-size: 14px; white-space: nowrap; color: #B4B3BA}
.footer-section a:hover{color:#2B33EF;}
.footer-section a:hover path{fill:#2B33EF;}
.footer-section label{font-size: 14px;color: #7E0AAA;}
/*************************************Sections*****************************************/
.about-us-section .main-container{max-width: 1330px}
.about-us-section{margin-top:450px !important }
.about-us-section .img-sec{width: 513px;height: 642px;}
.badges-section .main-container{max-width: 1620px}
.teams-section .main-container{max-width: 1192px}
.teams-section .content a:hover path{fill:#2B33EF;}
.teams-section .content a:hover circle{fill:#FFFFFF;}
.advisors-section .main-container{max-width: 1068px}
.partners-section .main-container{max-width: 1297px}
.roadmap-slider .content{width: 321px;min-height: 210px;background: #0F1133;border: 1px solid #4478AD;box-shadow: 0px 4px 25px rgba(55, 72, 176, 0.5);border-radius: 8px;}
.roadmap-slider .slick-dots {justify-content: center !important; margin-top: 0px !important; }
.roadmap-slider .slick-dots li {width: 12px !important;height: 12px !important;background: rgba(43, 51, 239, 0.5);border-radius: 8px;margin: 0px 5px !important}
.roadmap-slider .slick-dots li.slick-active {background: #2B33EF;}

.benefits-section .main-container{max-width: 1500px}
.benefits-panel .inner-panel { padding: 0px; border-bottom: 1px solid #4A4A4A; }
.benefits-panel .collapsible { cursor: pointer; padding: 5px 0 0 0px; width: 100%; border: none; text-align: left; outline: none; background: none;}
.benefits-panel button.collapsible:focus {outline: 0 }
.benefits-panel .collapsible:after { content: url(../img/down.svg); float: right; margin-left: 5px;  margin-top: -20px; line-height: 0;}
.benefits-panel .collapsible.active:after {content: url(../img/up.svg)}
.benefits-panel .content {padding: 0 80px 0 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.testimonials-slider .content{width: 513px;height: 345px;background: #0F1133;border: 1px solid #4478AD;box-shadow: 0px 4px 25px rgba(55, 72, 176, 0.5);border-radius: 8px;}
.testimonials-slider .slick-dots {justify-content: center !important; margin-top: 0px !important; }
.testimonials-slider .slick-dots li {width: 12px !important;height: 12px !important;background: rgba(43, 51, 239, 0.5);border-radius: 8px;margin: 0px 5px !important}
.testimonials-slider .slick-dots li.slick-active {background: #2B33EF;}
.testimonials-slider .slide-content {padding: 0px 25px 50px 25px;}
.collections-section .main-container{max-width: 1620px}
.collection-slider .content{background: #0F1133;border: 1px solid #4478AD;box-shadow: 0px 4px 25px rgba(55, 72, 176, 0.5);
border-radius: 8px; min-height: 568px; }
.btn-collection{width: auto;padding: 9px 24px;  border-radius: 60px; position: absolute; font-family: 'Lato';font-weight: 400;font-size: 16px;color: #FFFFFF; text-transform: inherit; top:15px; right:15px}
.btn-collection:hover{color: #FFFFFF; background: #2D4D1F!important;;}
.collection{width: 342px; height: 361px; border-radius: 8px;}
.bg-red{background: linear-gradient(91.15deg, #A32626 0.96%, #CE2E2E 99.44%) !important;}
.bg-blue{background: linear-gradient(91.15deg, #2826A3 0.96%, #2EA3CE 99.44%) !important;}
.bg-yellow{background: linear-gradient(91.15deg, #ECB939 0.96%, #FFB800 99.44%)!important;}
.collection-slider .slick-arrow.slick-next,.blog-slider .slick-arrow.slick-next{right: 20px;top: -70px;}
.collection-slider .slick-arrow.slick-prev,.blog-slider .slick-arrow.slick-prev{right: 90px;top: -70px;}
.collection-slider .content:hover {background: #002C59!important}
.faq-section .main-container{max-width: 1330px}
.faq-panel .FAQ-panel { padding-bottom: 0px; border-bottom: 1px solid #4478AD }
.faq-panel .collapsible { cursor: pointer; padding: 0px; width: 100%; border: none; text-align: left; outline: none; background: none;}
.faq-panel button.collapsible:focus {outline: 0 }
.faq-panel .collapsible:after { content: '+'; font-family: 'Lato';font-weight: 400;font-size: 48px;float: right; margin-left: 5px; font-size: 24px; margin-top: -10px; line-height: 0; color: #FFFFFF;}
.faq-panel .collapsible.active:after {content: '-'; font-size: 48px;}
.faq-panel .content {padding: 0 18px 0 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.blog-section .main-container{max-width: 1610px}
.blog-slider .content{width: 375px; background: #0F1133;border: 1px solid #4478AD;box-shadow: 0px 4px 25px rgba(55, 72, 176, 0.5);border-radius: 8px;}
.blog-slider .slick-dots{display: none !important;}
.blog-slider .slick-dots {justify-content: center !important; margin-top: 0px !important; }
.blog-slider .slick-dots li {width: 12px !important;height: 12px !important;background: rgba(43, 51, 239, 0.5);border-radius: 8px;margin: 0px 5px !important}
.blog-slider .slick-dots li.slick-active {background: #2B33EF;}
.blog-slider .content:hover {background: #002C59}
.royal-col-section .main-container{max-width: 1330px}
.royal-col-section .img-sec{width: 581px;}
.royal-col-section .img-sec img{border-radius: 16px;}
.royal-col-sec-tag{width: 121px;height: 29px;background: #0F1133;border: 1px solid #4478AD;border-radius: 8px;font-family: 'Lato';font-weight: 400;font-size: 14px;color: #B4B3BA;display:flex; align-items: center; justify-content: center; text-transform: capitalize;padding: 5px 0px;}
.w-107{width: 107px !important}
.w-83{width: 83px !important}
.marketplace-section .main-container{max-width: 1730px}
.marketplace-section .content{background: #0F1133;border: 1px solid #4478AD;box-shadow: 0px 4px 25px rgba(55, 72, 176, 0.5);border-radius: 8px;}
.marketplace-section .content:hover{background: #002C59}
.marketplace-section .content .img-sec{width: 242px; height: 255px;}
.marketplace-section .content .img-sec img{border-radius: 8px;width: 100%; height: 100%}
.marketplace-section .search-input{width: 378px;height: 50px;background: #191A2C;border-radius: 60px;font-weight: 400;font-size: 14px; font-family: 'Axiforma'; color: #FFFFFF;border: hidden;}
.marketplace-section .search-input::placeholder{color: #FFFFFF; opacity: 1 !important;}
.marketplace-section .dropdown-collection{width: 203px;height: 50px;background: #191A2C;border-radius: 60px;font-weight: 400;font-size: 14px; font-family: 'Axiforma';color: #FFFFFF; border: hidden;}
.marketplace-section select option{width: 203px;height: 50px;background: #191A2C;border-radius: 60px;font-weight: 400;font-size: 14px; font-family: 'Axiforma';color: #FFFFFF;border: hidden;}
.marketplace-section .favorite-icon img{position:absolute;right:15px; top:15px;}
/*********************************************Ellipse Loaction*********************************************/
.ellipse-location img{position:absolute;}
.ellipse-location .ellipse-1{top: 1148px; left: 0;}
.ellipse-location .ellipse-2{top: 2496px; right: 0; transform: rotate(180deg)}
.ellipse-location .ellipse-3{top: 3048px; left: 0;}
.ellipse-location .ellipse-4{top: 4848px; left: 0;}
.ellipse-location .ellipse-5{top: 6296px; right: 0; transform: rotate(180deg)}
.ellipse-location .ellipse-6{top: 6848px; left: 0;}
.ellipse-location .ellipse-7{top: 8096px; right: 0; transform: rotate(180deg)}
.ellipse-location .ellipse-8{top: 8848px; left: 0;}
.ellipse-location .ellipse-9{top: 9996px; right: 0; transform: rotate(180deg)}
.ellipse-location .ellipse-10{top: 10496px; left: 0;}
.ellipse-location .ellipse-11{top: 11396px; right: 0; transform: rotate(180deg)}
.ellipse-location .ellipse-12{top: 12000px; left: 0;}



/*************************************Navigations*****************************************/
.nav-container{max-width: 1600px}
.navbar {box-shadow: none; background: none;}
.navbar a{font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 14px;color: #FFFFFF }
.navbar .nav-link{font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 14px;color: #FFFFFF}
.navbar a:hover{color: #2B33EF}
.mobile-nav nav {background:#040016;position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;
    transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;  z-index: 9;}
.mobile-nav nav ul { list-style-type: none; padding: 0; margin: 0; position: absolute;left: 50%; top: 170px; transition: all 0.3s ease-in-out; 
    transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.mobile-nav nav ul li { transform: translateY(50px); -webkit-transform: translateY(50px);opacity: 0;}
.mobile-nav nav ul li a { display: block; font-size: 20px; text-decoration: none; padding: 8px 0; text-align: center; color: #fff; font-weight: bold;  transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.mobile-nav nav ul li a:hover {color: #2B33EF;}
.toggle-btn {display: block; position: fixed; z-index: 10; right: 25px; top: 35px; cursor: pointer;}
.toggle-btn .bar { width: 30px; height: 2px; margin: 7px auto; background-color: #fff; transition: all 0.3s ease-in-out; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);}
.toggle-btn .bar:nth-child(1){width: 14px; margin-left: 0}
.toggle-btn .bar:nth-child(2){width: 24px;}
.toggle-btn .bar:nth-child(3){width: 14px; margin-right: 0}
#toggle:checked ~ nav {opacity: 1;visibility: visible;}
#toggle:checked ~ nav ul {top: 70px;}
#toggle:checked ~ nav ul li {transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1;}
#toggle:checked ~ nav ul li:nth-child(1) {
    transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;
}
#toggle:checked ~ nav ul li:nth-child(2) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;
}
#toggle:checked ~ nav ul li:nth-child(3) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;
}
#toggle:checked ~ nav ul li:nth-child(4) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s; -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;
}
#toggle:checked + label.toggle-btn .bar { background-color: white;}
/*
#toggle:checked + label.toggle-btn .bar:nth-child(2) {
  transform: translateX(50px);
  opacity: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
*/

#toggle:checked + label.toggle-btn .bar:nth-child(2) {transform: translateX(0px); -webkit-transform: translateX(0px);opacity: 1;}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {transform: translateY(0px); -webkit-transform: translateY(0px); margin-right: 0; margin-left: 10px;}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {transform: translateX(-10px); -webkit-transform: translateX(-10px);}





@media (min-width:2560px){
    .header{height: 100vh}
}
@media (min-width:1920px){
     

}
@media (min-width:1441px) and (max-width:1800px){
    .footer-logo{width: 100%;display: flex; align-items: center; justify-content: center; flex-direction: column}
    .navigate-sec,.social-sec, .subscribtion-sec{width: 33%; padding: 0px !important}
    .subscribe-btn{width: 500px}
    .subscribtion-sec input{width: 80% !important;}
    footer .main-container{max-width: 90% !important}
    p br{display: none;}
    .marketplace-section .content .img-sec {width: 100%;height: 203px;}
    .badges-section img {width: 100% !important; height: 100% !important}
    
}


@media (min-width:1025px) and (max-width:1440px){
    .badges-section img {width: 100% !important; height: 100% !important}
    .marketplace-section .col-sm-2{width: 20% !important;margin: 10px 0px !important}
    .show-none{display: none}
    .subscribe-btn{width: 420px}
    footer p br{display: none;}
    .about-us-section{margin-top:0px !important}
    .about-us-section .img-sec{width: 80%;height: 440px;margin-top: 100px !important}
    
    
}
@media (min-width:1025px) and (max-width:1280px){
    .footer-logo{width: 100%;display: flex; align-items: center; justify-content: center; flex-direction: column}
    .navigate-sec,.social-sec, .subscribtion-sec{width: 33%; padding: 0px !important}
    .subscribe-btn{width: 345px}
    .subscribtion-sec input{width: 80% !important;}
    footer .main-container{max-width: 90% !important}
    p br{display: none;}
    .about-us-section{margin-top:0px !important}
    .benefits-section .col-sm-6,.benefits-section .col-sm-5{width: 50%;}
    .teams-section img{width: 100% !important}
    .main-container{max-width: 90% !important}
    
    .testimonials-sec{margin: 0 !important}
    
}

@media(width:1024px){
    h1{font-size: 52px}
    h2{font-size: 48px}
    .footer-logo{width: 100%;display: flex; align-items: center; justify-content: center; flex-direction: column}
    .navigate-sec,.social-sec, .subscribtion-sec{width: 33%; padding: 0px !important}
    .subscribe-btn{width: 345px}
    .subscribtion-sec input{width: 80% !important;}
    footer .main-container{max-width: 90% !important}
    .marketplace-section .col-sm-2{width: 33.3% !important;margin: 10px 0px !important}
    .marketplace-section .content { width: 280px !important; }
    .marketplace-section .content .img-sec img{width: 95% !important; display: flex; align-items: center; justify-content: center;}
    .marketplace-section select,.marketplace-section input{margin: 10px 5px !important}
    .marketplace-section .content .img-sec{width: 100% !important; }
    .badges-section img {width: 100% !important; height: 100% !important}
    .navbar .nav-link{margin: 0px 0px 0px 10px !important}
    .about-us-section{margin-top:-100px !important}
    .header-content{margin-top:-50px !important}
    .teams-section img{width: 100% !important}
    .advisors-section img,.partners-section img{width: 85% !important}
    .benefits-section .col-sm-6,.benefits-section .col-sm-5{width: 50%;}
    .royal-col-section .img-sec img{width: 75% !important}
    .main-container{max-width: 90% !important }
    .testimonials-slider .content { width: 420px !important;} 
    p br{display: none;}
    .about-us-section .img-sec{width: 80%;margin-top: 200px !important}
    
}

@media (min-width:769px){
    .desktop{display: flex !important}
    .mobile{display: none !important}
    .about-us-section .img-sec img{opacity: 0.5; border-radius: 16px}
    
}
@media (width:768px){
    .benefits-section .col-sm-6,.benefits-section .col-sm-5{width: 100%;}
    .footer-logo{width: 100%;}
    .navigate-sec,.social-sec{width: 50%;}
    .navigate-sec .col-sm-6{width: 35%;}
    .subscribtion-sec{width: 100%;display: flex; align-items: center; justify-content: center; flex-direction: column}
    footer .main-container,.benefits-section .main-container,.royal-col-section .main-container,.faq-section .main-container{max-width: 90% !important; }
    .advisors-section .main-container,.teams-section .main-container,.partners-section .main-container{max-width: 80% !important; }
    .teams-section img{width: 100% !important}
    .royal-col-section .img-sec{margin: 100px 0px !important}
    .marketplace-section select,.marketplace-section input{margin: 10px 5px !important}
    .roadmap-section.section-margin {margin-top: -100px!important;}
    .section-margin{margin-top: 0px!important; padding-top: 0px!important}
    .benefits-section .slider-sec{margin-top:50px!important}
    .marketplace-section .col-sm-2{width: 33% !important;margin: 10px 0px !important}
      
}

@media (max-width:768px){
    .desktop{display: none !important}
    .mobile{display: flex !important}
    .mobile-nav{display: flex !important; }
    .header-content h1{font-size: 26px}
    .header-content p{font-size: 12px}
    h2{font-size: 24px !important;}
    h3{font-size: 24px !important;}
    h4{font-size: 12px !important;}
    h5{font-size: 12px !important;}
    p{font-size: 14px !important;}
    p br{display: none!important}
    .subscribe-btn{width: 345px}
    .m-txt-center{text-align: center;}
    .m-flex-column{flex-direction: column}
    .item-center{display: flex; justify-content: center; align-items: center;}
    .about-us-section{margin-top: 0px !important;}
    .about-us-section .img-sec{width: 100%;height: 440px;}
    .badges-section img{width: 104px; height: 104px}
    .teams-section img{width: 203px;width: 203px}
    .advisors-section img{width: 129px;height: 129px}
    .partners-section img{width: 102px;}
    .roadmap-slider h5{font-size: 16px!important; font-weight: 600;!important;}
    .testimonials-slider .content{width: auto; height: auto;}
    .benefits-panel h4{font-size: 16px !important}
    .benefits-panel .collapsible:after { content: url(../img/down-mb.svg); }
    .benefits-panel .collapsible.active:after {content: url(../img/up-mb.svg)}
    .benefits-panel .content {padding: 0 60px 0 0px;}
    .collection-slider p,.testimonials-slider p,.benefits-panel p,.royal-col-section p{font-size: 12px !important}
    .collection-slider h4{font-size: 14px !important}
    .collection-slider .content{width: 248px;min-height: 381px}
    .collection{width: 230px; height: 238px}
    .btn-collection{padding: 3px 15px; font-size: 12px;top:10px; right:10px}
    .collection-slider .slick-arrow,.blog-slider .slick-arrow{display: none!important}
    .royal-col-section .img-sec{width: 100%;}
    .royal-col-section .img-sec img{border-radius: 0px; width: 100%;}
    .royal-col-section h4{font-size: 24px !important}
    .faq-section h4{font-size: 16px!important;}
    .faq-panel .collapsible:after { font-size: 28px;margin-top:-20px}
    .faq-panel .collapsible.active:after{font-size: 28px;}
    .blog-slider .content{width: 345px; }
    .blog-slider .content img{width: 312px; }
    .blog-slider .content h4{font-size: 14px !important}
    .blog-slider .slick-dots{display: flex !important;}
    .footer-section p,.faq-section p{font-size: 12px !important }
    .footer-section h4{font-size: 18px !important }
    .theme-btn{width: 247px}
    .marketplace-section .content{width: 263px;}
    .marketplace-section .search-input,.marketplace-section .dropdown-collection{width: 345px;}
}
@media (width:768px){
    .about-us-section .img-sec{width: 80%;height: 440px; margin-top: 200px !important}
    .subscribe-btn{width: 90% !important}
    .collection {width: 213px !important;}
    .testimonials-slider .content {height: 300px !important; }
    .badges-section img {width: 220px !important; height: 220px !important}
    .marketplace-section .content { width: 230px !important; }
    .marketplace-section .content .img-sec{ width: 200px !important; height: 205px !important}
}


.animation-element.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-right .subject {
 opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(200px, 0, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-right.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-left .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(-200px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-left.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-down .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.fade-in-animate {
  display: inline-block;
  animation: fadeIn linear 1s;
  -webkit-animation: fadeIn linear 1s;
  -moz-animation: fadeIn linear 1s;
  -o-animation: fadeIn linear 1s;
  -ms-animation: fadeIn linear 1s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}



@media (min-width: 1025px) and (max-width:1440px){
    .marketplace-section .content .img-sec{width: 100%; height: auto}
}