@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Manrope:wght@200;300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,900&family=Sora:wght@200;300;400;500;600;700;800&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Manrope:wght@200;300;400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,900&family=Sora:wght@200;300;400;500;600;700;800&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
.login-button { position: relative; }
.login-icon { background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; opacity: 0; transition: opacity 0.3s ease; }
.fa-arrow-right-to-bracket:before,
.fa-sign-in:before { content: "\f090"; color: #2EBEC7; font-size: 25px; cursor: pointer; }
img.vert-move { -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; }
@-webkit-keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-10px);
}
}
@keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-10px);
}
}
.hidden-element { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; }
.show-element { opacity: 1; transform: translateY(0); }
/* shake img */
.h-thmb1,
.h-thmb5,
.fa-cubes1 { animation: shake2 13s; animation-iteration-count: infinite; }
 @keyframes shake2 {
 0% {
transform: translate(1px, 1px) rotate(-0deg);
}
 10% {
transform: translate(-1px, -2px) rotate(2deg);
}
 20% {
transform: translate(-3px, 0px) rotate(-0deg);
}
 30% {
transform: translate(3px, 2px) rotate(1deg);
}
 40% {
transform: translate(1px, -1px) rotate(-2deg);
}
 50% {
transform: translate(-1px, 2px) rotate(1deg);
}
 60% {
transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
transform: translate(3px, 1px) rotate(1deg);
}
 80% {
transform: translate(-1px, -1px) rotate(-1deg);
}
 90% {
transform: translate(1px, 2px) rotate(-0deg);
}
 100% {
transform: translate(1px, -2px) rotate(1deg);
}
}
.h-thmb2,
.h-thmb4,
.fa-cubes2 { animation: shake1 13s; animation-iteration-count: infinite; }
 @keyframes shake1 {
 0% {
transform: translate(1px, 1px) rotate(0deg);
}
 10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
transform: translate(3px, 2px) rotate(0deg);
}
 40% {
transform: translate(1px, -1px) rotate(1deg);
}
 50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
 60% {
transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
transform: translate(3px, 1px) rotate(-1deg);
}
 80% {
transform: translate(-1px, -1px) rotate(1deg);
}
 90% {
transform: translate(1px, 2px) rotate(0deg);
}
 100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
.h-thmb3,
.h-thmb6,
.fa-cubes3 { animation: shake3 5s; animation-iteration-count: infinite; }
 @keyframes shake3 {
 0% {
 transform: translateX(0);
}
 20% {
 transform: translateX(4px);
}
 40% {
 transform: translateX(8px);
}
 60% {
 transform: translateX(6px);
}
 80% {
 transform: translateX(3px);
}
 100% {
 transform: translateX(0px);
}
/* 0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); } */
}
* { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; }
.background { background-image: url('/assets/solutions/cubes/body-bg.png'); height: auto; }
body { background: #F1F1F1; overflow-x: hidden; }
.navbar-toggler:focus { outline: unset; border: none; box-shadow: none; }
.navigation-wrap { position: fixed; width: 100%; left: 0; z-index: 10000; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.scroll-on .nav-link { color: #252525; }
.scroll-on .navbar-btn { color: #252525; }
.scroll-on .login-btn { color: #252525; top: -31px; left: 180px; }
.scroll-on { position: fixed; background-color: white; top: 0; left: 0; width: 100%; box-shadow: 2px 2px 30px 2px rgba(0, 0, 0, 0.15); transition: all 0.15s ease-in-out 0s; }
i.fa.fa-bars.navbar-toggler-icon { color: #252525; line-height: 2; }
.navbar-brand img { width: 136px; height: 45px; }
.nav-item { padding: 8px 5px; margin: 0 5px; }
.nav-item a { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; /* font-weight: 500; */
line-height: normal; }
.nav-item a.active { color: #2EBEC7; }
.login-btn { text-decoration: none !important; font-size: 12px !important; font-weight: 400 !important; position: absolute; top: 0px; left: 55px; transition: all 1s ease-in-out; }
.navbar-btn { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; /* font-weight: 500; */
line-height: normal; border-radius: 50px; border: 3px solid #2EBEC7; padding: 5px 20px; }
i.fa.fa-search { margin-left: 6px; font-size: 15px; }
.navbar-btn img { width: 15px; height: 15px; }
/* hero section start */
.main-hero { background-image: url('/assets/solutions/cubes/banner.png' ); width: 100%; height: 655px; background-position: bottom; background-size: cover; background-repeat: no-repeat; }
.hero-img { position: relative; }
/* hero section */
.hero-sec { width: 100%; /* height: 615px; */
padding-top: 150px; }
.hero-sec .hero-content h1 { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 39px; font-style: normal; font-weight: 700; }
.hero-sec .hero-content p { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px; margin-top: 11px; }
.hero-sec .hero-content .hero-p2 { font-size: 12px; }
.hero-content a { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; padding: 9px 20px; border-radius: 45.968px; background: linear-gradient(99deg, #84D2E2 0%, #2EBEC7 100%); text-decoration: none; margin-right: 20px; }
img.h-desktop { z-index: 2; position: absolute; width: 475px; }
img.h-tab { z-index: 3; position: absolute; width: 375px; left: -123px; top: 148px; }
img.h-thmb1 { position: absolute; top: 357px; left: 207px; }
img.h-thmb2 { position: absolute; left: 393px; top: 290px; }
img.h-thmb3 { position: absolute; left: -141px; top: 275px; }
img.h-thmb4 { position: absolute; left: -34px; top: 38px; }
img.h-thmb5 { position: absolute; top: -35px; left: 162px; }
img.h-thmb6 { position: absolute; top: -14px; left: 445px; }
/* license section */
.license-section { padding: 80px 0; padding-top: 40px; }
.license-section h2 { color: #252525; font-family: 'Poppins', sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
.license-section h2 span { color: #FF7000; }
.license-section p { color: #202020; text-align: center; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
/* about-us */
.about-us { padding: 30px 0 50px; }
.about-us .about-content h2 { color: #252525; font-family: 'Poppins', sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
.about-us .about-content h2 span { color: #FF7000; }
.about-us .about-content p { color: #202020; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; padding-right: 15px; }
.about-us .about-img img { width: 100%; }
/* license feature section */
.license-feature-section { padding: 120px 0; }
.license-feature-cards { margin-top: 100px; }
.license-feature-section h2 { color: #2EBEC7; font-family: 'Poppins', sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
.license-feature-section h2 span { color: #FF7000; }
.license-feature-section p { color: #202020; text-align: center; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
/* card css */

.card-bg { margin: 0 15px; background-color: white; border-radius: 14.201px; }
.card-bg:hover { border-radius: 16.359px; background: #FFF; box-shadow: 2px 2px 30px 2px rgba(0, 0, 0, 0.15); }
.license-card { height: 306.72px; border-radius: 14.201px; background: #FFF; padding: 20px 30px; text-align: center; transition: all 0.5s ease-in-out; margin-bottom: 50px; }
.license-card:hover { transform: rotate(-5.757deg); border-radius: 16.359px; background: #FFF; box-shadow: 2px 2px 30px 2px rgba(0, 0, 0, 0.15); }
.card-img { height: 100px; }
.license-card h2 { color: #0D2D40; font-family: 'Poppins', sans-serif; font-size: 15.781px; font-style: normal; font-weight: 600; line-height: normal; margin: 15px 0 20px; }
.license-card p { color: #252525; text-align: center; font-family: 'Poppins', sans-serif; font-size: 11.174px; font-style: normal; font-weight: 400; line-height: normal; }
/* white paper start */
.whitepaper-section { background-image: linear-gradient(227deg, rgba(37, 177, 187, 0.65) 100%, rgba(156, 240, 255, 0.65) 100%), url('/assets/solutions/cubes/whitepaper-bg.png'); height: 562px; border-radius: 22px; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; padding: 0 50px; }
.whitepaper-section .whitepaper-content h2 { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
.whitepaper-section .whitepaper-content h2 span { color: #FF7000; }
.whitepaper-section .whitepaper-content .para { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin: 15px 0 50px; }
.pdf-img-div1.last-pdf { width: 260px; }
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 p { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 15px; }
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 a { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 15.629px; font-style: normal; font-weight: 400; line-height: normal; padding: 9.194px 22.984px; border-radius: 45.968px; background: linear-gradient(99deg, #84D2E2 0%, #2EBEC7 100%); text-decoration: none; }
.whitepaper-img { background-image: url('/assets/solutions/cubes/pdf-main.png'); /* width: 100%;
    height: 366px; */
width: 90%; height: 330px; background-size: 100% 100%; background-repeat: no-repeat; }
/* Unveiling section */
.Unveiling-section { padding: 100px 0; }
.Unveiling-cards { margin-top: 70px; }
.Unveiling-section .Unveiling-main-h { color: #252525; font-family: 'Poppins', sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
.Unveiling-section .Unveiling-main-h .h-span { color: #FF7000; }
.Unveiling-section p { color: #202020; text-align: center; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
/* card css */

.Unveiling-card { padding: 0px 35px; }
.Unveiling-card h2 { color: #0B3046; text-align: center; font-family: 'Poppins', sans-serif; font-size: 60px; font-style: normal; font-weight: 600; line-height: normal; }
.Unveiling-card p { color: #202020; text-align: center; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; }
/* contact form */
div#asterisk3 { top: 4px !important; left: 90px !important; }
.contact-main { border-radius: 27px; background: #FFF; box-shadow: 0px 0px 13.047773361206055px 0px rgba(0, 0, 0, 0.20); height: 645px; }
.contact-main .contact-img { border-radius: 27px 0px 0px 27px; background: #0D2D40; box-shadow: 0px 0px 13.047773361206055px 0px rgba(0, 0, 0, 0.20); height: 100%; position: relative; }
.contact-main .contact-img img { position: absolute; top: 90px; right: -21%; width: 400px; }
.contact-main .contact-form { padding: 80px 100px 70px 0; }
.contact-main .contact-form h2 { color: #202020; font-family: 'Poppins', sans-serif; font-size: 33px; font-style: normal; font-weight: 700; line-height: normal; }
.contact-main .contact-form .para { color: #202020; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 17.211px; /* 171.429% */ letter-spacing: 0.1px; }
/* input */
.input-container { display: flex; align-items: center; position: relative; }
.input-field { flex: 1; border: none; padding: 5px; }
.asterisk-container { display: flex; align-items: center; color: red; font-size: 14px; position: absolute; top: 2px; left: 52px; }
.contact-form .strik { position: absolute; left: 50px; top: 7px; }
span.text-danger.strik-phone { position: absolute; left: 115px; top: 3px; z-index: 50; }
span.text-danger.strik-email { position: absolute; top: 59px; left: 48px; }
.contact-main .contact-form input { color: var(--gray-3, #828282); font-family: 'Montserrat', sans-serif; font-size: 11px; font-style: normal; font-weight: 400; line-height: 17.211px; /* 171.429% */ letter-spacing: 0.1px; padding: 8.605px 14.342px; border: 0.717px solid var(--gray-5, #E0E0E0); width: 100%; margin-bottom: 18px; outline: none; }
.contact-main .contact-form .select-find { color: var(--black, #000); font-family: 'Montserrat', sans-serif; font-size: 11px; font-style: normal; font-weight: 400; line-height: 17.211px; /* 171.429% */ letter-spacing: 0.1px; padding: 8.605px 14.342px; border: 0.717px solid var(--gray-5, #E0E0E0); margin-bottom: 18px; width: 100%; outline: none; appearance: none; background-image: url('/assets/solutions/cubes/select.png'); background-repeat: no-repeat; background-position: 96%; cursor: pointer; }
.phone-select { background-image: url(./images/phone-select.png); background-repeat: no-repeat; border: none; position: absolute; left: 16px; top: 10px; color: var(--gray-3, #828282); font-family: 'Montserrat', sans-serif; font-size: 11px; font-style: normal; font-weight: 400; line-height: 17.211px; letter-spacing: 0.1px; appearance: none; background-position: 94% 39%; cursor: pointer; width: 97px; outline: none; }
.contact-main .contact-form button { color: var(--white, #FFF); font-family: 'Poppins', sans-serif; font-size: 11.474px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; padding: 8.605px 17.211px; background: #84D2E2; outline: none; border: none; width: 100%; margin-bottom: 18px; outline: none; }
.contact-detail-icon { display: flex; gap: 40px; }
.contact-icon-phone,
.contact-icon-mail { display: flex; align-items: center; gap: 10px; }
.cont-icon-content .phone-text { color: var(--black, #000); font-family: 'Montserrat', sans-serif; font-size: 15px; font-style: normal; font-weight: 600; line-height: 14.342px; /* 153.846% */ letter-spacing: 0.186px; margin: 0; text-transform: uppercase; }
.cont-icon-content .phone-no a { color: #DD5471; font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14.342px; letter-spacing: 0.186px; margin: 0; text-decoration: none; }
/* cubes section */
.cubes-section { padding: 80px 0 0; }
.cube-row { width: 100%; margin-top: 100px; }
.cubes-section .main-heading { color: #FF7000; font-family: 'Poppins', sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
.cubes-section .main-heading span { color: #252525; }
.cubes-section .para1 { color: #202020; text-align: center; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.cubes-section .cubes-content .cubes-div1 { display: flex; gap: 10px; margin-bottom: 5px; }
.cubes-section .cubes-content .cubes-div1 .cubes-heading { color: #000; font-family: 'Poppins', sans-serif; font-size: 21px; font-style: normal; font-weight: 600; line-height: normal; }
.cubes-section .cubes-content .cubes-div1 .cubes-para { color: #000; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.cubes-img { padding-left: 40px; height: 100%; width: 100%; background-repeat: no-repeat; background-image: url('/assets/solutions/cubes/parts/cubes-main.webp'); background-size: 100%; background-position: center; z-index: 4; position: relative;/* background */
        /* background-image: url(./images/cubes.png);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 98%; */
}
img.cube-img1 { position: absolute; top: 30px; left: -119px; } 
img.cube-img2 { position: absolute; bottom: 6px; left: 193px; }
/* frequently ask question */

.questions-section { margin: 100px 0; }
.question-row { width: 100%; padding-top: 100px; margin: 0; }
.questions-cards { margin-top: 70px; }
.questions-section h2 { color: #252525; font-family: 'Poppins', sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; }
.questions-section h2 span { color: #FF7000; }
.questions-section p { color: #202020; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.q-img { align-self: center; }
.accordian-img { background-image: url('/assets/solutions/cubes/questions.png'); width: 100%; height: 415px; position: relative; background-size: 62%; background-repeat: no-repeat; }
.fa-cubes1 { position: absolute; top: 311px; left: 44px; }   
.fa-cubes2 { position: absolute; top: 301px; left: 324px; }
.fa-cubes3 { top: 25px; position: absolute; left: 37px; }
/*  */
.qustion-content .question h3 { width: 90%; color: #000; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 0; }
.qustion-content .question .q-no { color: #9D96A8; font-family: 'Poppins', sans-serif; font-size: 21.094px; font-style: normal; font-weight: 700; line-height: normal; margin-right: 15px; transition: all 5s ease-in-out; }
.faq { /* max-height: 1000px; */
border-radius: 7.812px; border: 0.391px solid #DBDBDB; /* background: #FFF; */
box-shadow: 0px 0.78125px 1.5625px 1.171875px rgba(0, 0, 0, 0.20); }
.answer { display: block; color: #868686; font-family: 'Poppins', sans-serif; font-size: 10.938px; font-style: normal; font-weight: 400; line-height: normal; background: #F2EBFD; overflow: hidden; max-height: 0; transition: max-height 0.3s ease-in-out; }
/* Show the answer when the question is active */
.question.show-answer + .answer { max-height: 1000px; /* Adjust this value as needed */ transition: max-height 3s ease-in-out; }
.answer p { padding: 0px 25px 0 50px; }
.question.show-answer { background: #F2EBFD; }
.question { display: flex; justify-content: space-between; align-items: center; padding: 15px 15px; cursor: pointer; }
.icon { margin-left: 10px; font-size: 20px; font-weight: 800; transition: background-color 0.3s ease-in-out; background-color: transparent; /* Default background color */ padding: 5px; /* Add padding for the background area */ }
/*  */
.accordion { /* width: 90%; */
max-width: 1000px; }
.accordion-item:first-of-type { border-top-left-radius: 7px !important; border-top-right-radius: 7px !important; }
.accordion-item:last-of-type { border-bottom-right-radius: 7px !important; border-bottom-left-radius: 7px !important; }
.accordion-item { background-color: #fff; border-radius: 7px !important; border: 0 !important; }
.accordion-item-header { padding: 0.5rem 3rem 0.5rem 1rem; min-height: 4.5rem; line-height: 1.25rem; display: flex; align-items: center; position: relative; cursor: pointer; }
.accordion-item-header::after { content: "\002B"; font-size: 2rem; position: absolute; right: 1rem; }
.accordion-item-header.active::after { /* content: "\2212"; */
content: ''; background-image: url('/assets/solutions/cubes/parts/cross-img.png'); height: 21px; width: 21px; background-position: bottom; background-repeat: no-repeat; }
.accordion-item-body { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; }
/* Add this rule to change the color of the active accordion header */
.accordion-item-header.active { background-color: #F2EBFD; }
/* footer */
/* .footer-shadow{
    position: relative;
}
.footer-shadow img{
    width: 100%;
    position: absolute;
    bottom: -121px;
} */
.footer-section { background-image: url('/assets/solutions/cubes/f1.png'); background-size: cover; position: relative;/* height: 550px; */
}
.footer-main { padding-top: 150px; }
.footer-logo-row { margin-bottom: 30px; }
.footer-main .footer-logo p { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.footer-main .footer-links h2 { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 20px; }
.footer-main .footer-links ul { padding: 0; list-style: none; }
.footer-main .footer-links ul li { margin-bottom: 13px; }
.footer-main .footer-links ul li a,
.footer-main .footer-links ul li span { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; }
.footer-main .footer-links i { margin-right: 13px; }
.footer-main .footer-links .fa-phone:before,
.footer-main .footer-links .fa-envelope:before,
.footer-main .footer-links .fa-message:before { color: white; }
.footer-copyright { display: flex; justify-content: space-between; padding-bottom: 15px; }
.footer-copyright .copy-text { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.footer-copyright .copy-link a { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; padding-right: 15px; }

@media (min-width: 1200px) {
}

/*new media query*/
@media (min-width:1970px) {/* For 1920 */
}

@media (max-width:1969.98px) {/* For 1670 */
.about-us { padding: 30px 0 65px; }
img.cube-img2 { bottom: 0px; left: 301px; }
}

@media (max-width:1679.98px) {/* For 1560 */
}

@media (min-width:1830.98px) {/* For 1440 */
.main-hero { height: 710px; }
}

@media (max-width:1830.98px) {/* For 1440 */
.main-hero { height: 700px; }
}

@media (max-width:1700.98px) {/* For 1440 */
.main-hero { height: 700px; }
}

@media (max-width:1500.98px) {/* For 1440 */
.main-hero { height: 680px; }
}

@media (max-width:1500.98px) {/* For 1440 */
.main-hero { height: 680px; }
.about-us { padding: 30px 0 63px; }
img.cube-img2 { bottom: 0px; left: 193px; }
}

@media (max-width:1400.98px) {/* For 1440 */
.main-hero { height: 655px; }
.accordian-img { background-size: 73%; }
}

/*  */

@media (max-width: 1400.98px) {/* For 1366 */
.license-card h2 { font-size: 15px; margin: 10px 0 10px; }
.about-us { padding: 30px 0 50px; }
}

@media (max-width: 1365.98px) {/* For 1280 */
}

@media (max-width: 1279.98px) {/* For 1152 */
}

@media (max-width: 1200px) {/* For 1024 */
.accordian-img { background-size: 88%; }
img.h-desktop { width: 385px; }
img.h-tab { width: 334px; left: -126px; top: 107px; }
img.h-thmb1 { top: 295px; left: 168px; }
img.h-thmb2 { left: 309px; top: 239px; }
img.h-thmb3 { left: -141px; top: 225px; }
img.h-thmb4 { left: -34px; top: 38px; }
img.h-thmb5 { top: -35px; left: 162px; }
img.h-thmb6 { top: -14px; left: 353px; }
.hero-sec .hero-content h1 { font-size: 38px; }
.license-card { padding: 20px 12px; }
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 a { font-size: 13.629px; padding: 9.194px 14.984px; }
.contact-main .contact-img img { position: absolute; top: 155px; right: -23%; width: 300px; }
.contact-main .contact-form h2 br { display: none; }
}

@media (max-width: 1023.98px) {/* For 992 */
}

@media (max-width: 991.98px) {/* For 768 */
.accordian-img { background-size: 59%; }
.login-btn { position: relative; top: 7px; left: 0; color: #252525; }
.nav-item a { color: #252525; }
.navbar-btn { color: #252525; }
.navbar { background-color: white; padding-top: 0.5rem !important; padding-bottom: 0.5rem; }
.main-hero { height: 870px; }
.hero-sec { flex-wrap: wrap; padding-top: 126px; }
.hero-sec .hero-img { width: 100%; padding-left: 150px; margin-top: 30px; }
img.h-tab { width: 334px; left: 24px; top: 107px; }
img.h-thmb1 { top: 295px; left: 311px; }
img.h-thmb2 { left: 454px; top: 239px; }
img.h-thmb3 { left: 2px; top: 225px; }
img.h-thmb4 { left: 112px; top: 31px; }
img.h-thmb6 { top: -14px; left: 508px; }
img.h-thmb5 { top: -35px; left: 256px; }
.hero-sec .hero-content h1 { font-size: 24px; }
.hero-sec .hero-content { width: 100%; order: 2; }
/* about */
section.about-us { height: 567px; }
.about-content-col { margin-bottom: 120px; }
.license-section { padding: 40px 0; }
.about-us .about-content p { padding-right: 0px; }
.license-card { padding: 20px 30px; }
.license-feature-cards { margin-top: 30px; }
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 a { font-size: 9.629px; padding: 9.194px 12.984px; }
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 p { font-size: 9px; font-weight: 600; }
.pdf-img-div1.last-pdf { width: auto; }
.Unveiling-section h2 br { display: none; }
.Unveiling-section p br { display: none; }
.Unveiling-card { padding: 30px 35px; } 
.cube-order { order: 2; }
.cube-row { width: 100%; margin-top: 30px; }
.cubes-img { padding-left: 10px; padding-bottom: 30px; width: 80%; margin: auto; height: 600px; background-size: 100% auto; }
img.cube-img1 { position: absolute; top: 21px; left: -10px; width: 250px; }
img.cube-img2 { position: absolute; bottom: 18px; left: 441px; width: 250px; }
.contact-main .contact-form { padding: 30px;/* padding: 80px 100px 70px 0; */
}
/* question */
.question-row { width: 100%; padding-top: 20px; } 
.q-img { text-align: center; }
/* .q-img img{
        width: 300px !important;
    } */
.accordian-img { margin: auto; }
.col-md-12.col-lg-6.qustion-content { margin-top: 40px; }
.contact-main { height: auto; }
.contact-img { display: none; }
.license-feature-section { padding: 75px 0; }
.Unveiling-section { padding: 75px 0; }
.questions-section { margin: 75px 0; }
.footer-main .footer-links h2 { margin-top: 30px; }
/* login */
.scroll-on .login-btn { color: #252525; top: 7px; left: 0; opacity: 1 !important; }
.login-icon { display: none; }
}

@media (max-width: 767.98px) {/* For 576 */
.accordian-img { background-size: 81%; }
.main-hero { height: 972px; }
.hero-sec .hero-img { padding-left: 142px; margin-top: 60px; }
img.h-desktop { width: 355px; }
img.h-thmb1 { top: 273px; left: 311px; }
img.h-thmb2 { left: 422px; top: 220px; }
img.h-thmb6 { top: -14px; left: 467px; }
.license-card { height: auto; }
.whitepaper-img { display: none; }
.cubes-img { height: 447px; }
img.cube-img2 { left: 288px; }
.questions-section p br { display: none; }
.footer-main { padding-top: 250px; }
.footer-copyright { flex-wrap: wrap; gap: 5px; justify-content: center; }
}

@media (max-width: 575.98px) {/* For 414 */
.accordian-img { background-size: contain; }
.hro-btn-div { text-align: center; }
.first-pdf-m { margin-bottom: 29px; }
.fa-cubes1 { top: 327px; left: 60px; width: 50px !important; }
.fa-cubes2 { width: 50px !important; position: absolute; top: 294px; left: 330px; }
.fa-cubes3 { top: 39px; position: absolute; left: 37px; width: 50px !important; }
.hero-sec .hero-img { padding-left: 56px; }
.main-hero { height: 874px; }
img.h-desktop { width: 230px; left: 30%; }
img.h-tab { width: 200px; left: 16%; top: 70px; }
img.h-thmb1 { top: 177px; left: 54%; width: 38px; }
img.h-thmb2 { left: 66%; top: 141px; width: 38px; }
img.h-thmb3 { left: 12%; top: 128px; width: 38px; }
img.h-thmb4 { left: 24%; top: 19px; width: 38px; }
img.h-thmb5 { top: -29px; left: 46%; width: 38px; }
img.h-thmb6 { top: -14px; left: 71%; width: 38px; }
/* about  */
section.about-us { height: 600px; }
.license-section h2 { font-size: 24px; }
.license-section p br { display: none; }
.about-us .about-content h2 { font-size: 24px; }
.about-us .about-content h2 br { display: none; }
.license-feature-section h2 { font-size: 24px; }
.license-feature-section p br { display: none; }
.Unveiling-section h2 br { display: none; }
.Unveiling-card { padding: 10px 35px; }
.Unveiling-card h2 { margin: 0px; }
.Unveiling-section .Unveiling-main-h { font-size: 24px; }
.Unveiling-cards { margin-top: 20px; }
.cubes-section .main-heading { font-size: 24px; }
.questions-section h2 { font-size: 24px; }
.questions-section h2 span { font-size: 24px; }
.contact-main .contact-form h2 { font-size: 24px; }
.contact-detail-icon { display: flex; gap: 25px; }
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 a { font-size: 8.629px; padding: 8.194px 9.984px; }
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 p { font-size: 8px; font-weight: 400; }
.whitepaper-section .whitepaper-content h2 { font-size: 24px; }
.whitepaper-section .whitepaper-content .para { margin: 15px 0 35px; }
.whitepaper-section { padding: 10px 14px; }
img.cube-img1 { top: 5%; left: 10px; width: 40%; }
img.cube-img2 { bottom: 13%; left: 63%; width: 40%; }
.footer-section { background-size: 440% 100%; background-repeat: no-repeat; background-position-x: center; background-position-y: bottom; }
.questions-section { margin-bottom: 0; }
img.m2 { top: -70px !important; left: 126px !important; }
img.m3 { top: 125px !important; left: 126px !important; }
img.m4 { top: -70px !important; left: -143px !important; }
img.m5 { top: 127px !important; left: -142px !important; }
img.m6 { top: 17px !important; left: 126px !important; }
img.m7 { top: 25px !important; left: -143px !important; }
.svg1 { left: -37px !important; }
.svg3 { left: -207px !important; top: -10px !important; }
.svg6 { left: -157px !important; }
.svg5 { left: -220px !important; }
.license-feature-section { padding-top: 25px; }
}

@media (max-width: 470.98px) {
img.h-thmb1 { top: 177px; left: 57%; width: 38px; }
img.h-thmb2 { left: 72%; top: 141px; width: 38px; }
img.h-thmb3 { left: 12%; top: 128px; width: 38px; }
img.h-thmb4 { left: 24%; top: 19px; width: 38px; }
img.h-thmb5 { top: -29px; left: 46%; width: 38px; }
img.h-thmb6 { top: -14px; left: 80%; width: 38px; }
}

@media (max-width: 413.98px) {/* For 375 */
.fa-cubes1 { top: 237px; left: 60px; width: 50px !important; }
.fa-cubes2 { width: 50px !important; position: absolute; top: 207px; left: 272px; }
.fa-cubes3 { width: 50px !important; top: 22px; left: 45px; }
.hero-sec .hero-content h1 { font-size: 19px; }
.hero-content a { font-size: 13px; padding: 9px 20px; margin-right: 8px; }
.main-hero { height: 890px; }
.license-section { padding: 40px 0; padding-top: 0; }
section.about-us { height: 720px; }
.license-feature-section { padding-top: 0px; }
.license-card { padding: 20px 20px; }
.hero-sec .hero-img { margin-top: 30px; }
.accordian-img { width: 314px; height: 303px; margin: auto; background-size: contain; background-repeat: no-repeat; background-position: center; }
.cubes-img { height: 300px; }
}

@media (max-width: 374.98px) {/* For 360 */
.footer-main { padding-top: 250px; }
.hero-sec .hero-img { margin-top: 60px; }
}

@media (max-width: 359.98px) {/* For 320 */
.whitepaper-section .whitepaper-content .pdf-img-main .pdf-img-div1 a { font-size: 8px; padding: 8.194px 8.984px; }
}