/* Global CSS */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap'); body{background-color: #ffffff;color: #979797;font-family: 'Open Sans', sans-serif;} li{list-style: none;} ul{padding-left: 0;margin-bottom: 0;} a{text-decoration: none;color: #212121;transition: all 0.5s ease-in;display: inline-block;} a:hover{color:#E0A43D;transition: all 0.5s ease-out;} p , h1,h2,h3,h4,h5,h6{margin-bottom: 0;} p {font-size: 20px; line-height: 34px;} h1,h2,h3,h4,h5,h6{color:#212121;} .dark-bg {background-color: #1D1C1C;} /* Custom CSS */ .pos-rel{position: relative;} .pos-abs{position: absolute;} .custom-container{max-width: 1436px;margin: 0 auto;} .common-section{padding: 100px 0;} .title{font-size: 36px;margin-bottom: 30px; color: #E0A43D;;text-transform: capitalize;font-weight: 700;} span.blue-bold {color:#E0A43D;display: inline-block;font-weight: 800;} .sub-title{font-size: 24px;line-height: 32px;font-weight: 600;letter-spacing: 1px;} .raiders-img {background-image: url(images/bottle-raiders/scanning-bottle.png);background-attachment: fixed;background-size: cover;height: 100vh;} .raiders-img .con-box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;} .raiders-img .con-box img {margin-bottom: 20px;} .raiders-img .con-box p {font-size: 24px;} #raiders-concept {background: linear-gradient(0deg, #36454F 0.04%, #242B2F 26.47%, #0C0906 54.69%);padding-top: 100px;} .concepts-box ul{gap: 26px;} .concepts-box li span {color: #fff;font-size: 20px;font-weight: 600;letter-spacing: 4px;text-transform: uppercase;display: block;} .concepts-box li p {color: #fff;;font-size: 24px;font-weight: 700;letter-spacing: 2px;} #raiders-concept .about .con-box {width: 50%;} #raiders-concept .con-box p:not(:last-child){margin-bottom: 20px;} #raiders-specs .con-box {margin-top: 35px;} #raiders-specs .con-box h3 {color: #DD9A27;font-size: 32px;font-weight: 700;margin-bottom: 20px;text-transform: capitalize;} #raiders-specs .con-box p {color: #fff;letter-spacing: 0.4px;} #raiders-specs .step-no {font-size: 400px;font-weight: 700;color: #3C4B54;line-height: 325px;} #raiders-specs {background-color: #36454F;} #raiders-specs .step , #raiders-specs .step-box{position: relative;} #raiders-specs .step-box.one .step {padding-top: 100px;width: 45%;} #raiders-specs .step-box.two .step {width: 53%;} #raiders-specs .step-box.three .step {width: 48%;} #raiders-specs .con-box svg{position: absolute;top: 3%;right: -12%;} #raiders-specs .step {gap: 35px;} #raiders-specs .step-box.three .feature-img {width: 39%;text-align: right;} #raiders-specs .step-box.three {padding-bottom: 200px;} #raiders-specs .glass {position: absolute;bottom: 20%;left: 0;} #raiders-specs .stars {position: absolute;right: 0;bottom: 25%;} #raiders-specs .feather{position: absolute;right: 20%;top: -25%;} #raiders-specs .heart{position: absolute;left: 0;top: 10%;animation: zoomIn 2s ease-in infinite;} #raiders-challenges .common-box {gap: 100px;} #raiders-challenges .common-box:not(:last-child) {margin-bottom: 100px;} #raiders-challenges .common-box p:not(:last-child){margin-bottom: 20px;} #raiders-challenges .common-box img {border-radius: 20px;transition: all 0.5s ease-in;} /* #raiders-challenges .common-box:hover img{transform: scale(0.9);transition: all 0.5s ease-in;} */ #raiders-challenges .common-box .con-box {width: 49%;} #raiders-challenges .common-box .con-box strong {color: #fff;} #raiders-challenges .image-container {position: relative;overflow: hidden;width: 700px;height: 640px;border-radius: 20px;background-color: #404e58;} #raiders-challenges .image-container img {position: absolute;top: 10%;left: 10%;object-fit: cover;} #raiders-challenges .image-container.right img {top: -44%;right: -15%;left: auto;} #raiders-challenges .title.text-center {margin-bottom: 50px;} .inner-content .img-box {width: 100%;text-align: center;position: relative;} /* .inner-content .img-box:hover img{scale: 0.9;} */ .inner-content .img-box p {margin-bottom: 20px;color: #fff;font-size: 24px;} .inner-content .img-box.yellow {background-color: #DD9A27;} .inner-content .img-box.blue {background-color: #0E6E7F;} .inner-content .img-box.grey {background-color: #404E58;} .inner-content .img-box span {position: absolute;color: #DD9A27;font-size: 32px;font-weight: 600;bottom: 95px;left: -75px;rotate: -90deg;letter-spacing: 0.64px;} #raiders-banner {height: 100vh;} #raiders-banner h1{font-size: 103px;font-weight: 200;letter-spacing: -3.3px;} #raiders-banner p {font-size: 30px; font-weight: 500;color: #212121; margin-bottom: 10px;letter-spacing: 0.6px;} #forbes {background-image: url(images/bottle-raiders/forbes-bg.png);background-attachment: fixed; background-size: cover;background-position: right;height: 100vh;} #forbes h2 {font-size: 100px;font-weight: 200;color: #fff;width: 60%;letter-spacing: -3px;margin-top: 20px;} #forbes h2 span {font-weight: 400;} #forbes a {background-color: #dd9a27;padding: 20px 30px;color: #fff;text-transform: uppercase;letter-spacing: 0.8px;font-size: 18px;font-weight: 600;margin-top: 30px;transition: all 0.5s ease-in} #forbes a:hover {background-color: #0E6E7F;transition: all 0.5s ease-in;} #raiders-ui {background-image: url(images/bottle-raiders/ui-bg.png);background-attachment: fixed;} #raiders-ui img.custom-mt {margin-top: 50px;} #raiders-colors img {width: 46%;display: inline-block;vertical-align: middle;} #raiders-colors img:nth-child(2){margin-left: 100px;} #raiders-tech {padding-bottom: 0;} #raiders-tech .upper-bottle {margin-bottom: -50px;} #raiders-tech .mid-bottle {margin-left: 150px;margin-top: 80px;} /* sherpa Store Section */ #raiders-download {position: relative;} /* #raiders-download {position: relative;background-image: url(../../css/portfolio/images/bottle-raiders/download-text.svg);background-attachment: fixed;background-size: contain;background-repeat: no-repeat;background-position: 10% 0;} */ #raiders-download .container {padding-top: 50px;} #raiders-download h2 {font-size: 44px;font-weight: 700;margin-bottom: 50px;width: 80%;text-transform: capitalize;color: #fff;letter-spacing: 0.88px;} #raiders-download .left-box p{letter-spacing: 1px;margin-bottom: 50px;color: #fff;width: 70%;} #raiders-download ul{gap: 20px;} #raiders-download ul img {height: 50px;} #raiders-download a:hover {transform: scale(1.05);} #raiders-download .left-box {width: 50%;} #raiders-download .right-box {width: 40%;} #raiders-download .bg-title {position: absolute;font-size: 250px;font-weight: 700;z-index: -1;opacity: 0.2;text-align: center;top: 0;} #raiders-colors .d-flex {gap: 100px;} /* Animations*/ @keyframes upDown { 0%{transform: translateY(-10px) } 50%{transform: translateY(10px);} 100%{transform: translateY(-10px);} } @keyframes zoomIn { 0%{transform: scale(1) } 50%{transform: scale(1.1);} 100%{transform: scale(1);} } @keyframes slide{ 0%{transform: translateX(-10px) } 50%{transform: translateX(10px);} 100%{transform: translateX(-10px);} } /************************ Responsive Bottle Raiders CSS **********************/ @media screen and (max-width:1919px) { #forbes h2 {width: 70%;} } @media screen and (max-width:1599px) { p {font-size: 18px;line-height: 30px;} .custom-container {max-width: 1280px;} .common-section {padding: 80px 0;} #raiders-banner h1 {font-size: 84px;} .concepts-box li span {font-size: 18px} .concepts-box li p {font-size: 22px;} #raiders-ui .image-container , #raiders-ui .image-container-up{text-align: center;} #raiders-ui img {width: 80%;} .inner-content .img-box img {width: 65%;} .title {font-size: 32px;} #raiders-specs .step-box.one .image-container {text-align: right;} #raiders-specs .step-box.two .image-container {text-align: left;} #raiders-specs .step-box .image-container img {width: 80%;} #raiders-specs .stars {width: 35%;} #raiders-concept .about .image-container {text-align: right;} #raiders-concept .about .image-container img{width: 85%;} #raiders-specs .step-no {font-size: 290px;line-height: 270px;} #raiders-specs .con-box svg {width: 150px;height: 150px;top: 5%;right: -8%;} #raiders-specs .glass {width: 450px;bottom: 5%;} #raiders-specs .con-box h3 {font-size: 30px;margin-bottom: 15px;} #raiders-specs .feather {right: 15%;top: -20%;width: 60px;} #raiders-specs .step-box.three .feature-img {width: 55%} #raiders-specs .heart {width: 190px;} .inner-content .img-box span {bottom: 84px;left: -70px;font-size: 28px;} #raiders-challenges .common-box .con-box .title {font-size: 28px;} #raiders-challenges .image-container {width: 625px;height: 575px;border-radius: 16px;} #raiders-tech .upper-bottle img {width: 75%;} #raiders-tech .upper-bottle .image-container:nth-child(2) {text-align: right;} #raiders-tech ul img {width: 90px;} #forbes img {width: 160px;} #forbes h2 {font-size: 78px;width: 65%;} #forbes a {font-size: 16px;} #raiders-tech .mid-bottle {margin-left: 115px;margin-top: 70px;} #raiders-tech .mid-bottle img {width: 30%;} #raiders-download h2 {font-size: 41px;margin-bottom: 30px;} #raiders-challenges .image-container img {width: 90%;} #raiders-specs .step-box.three {padding-bottom: 160px;} .raiders-img .con-box img {height: 75px;} .raiders-img .con-box p {font-size: 22px;} } @media screen and (max-width:1439px) { .custom-container {max-width: 1200px;} #raiders-banner p {font-size: 26px;} #raiders-banner h1 {font-size: 70px;} .concepts-box li p {font-size: 20px;letter-spacing: 1px;} .concepts-box li span {font-size: 16px;letter-spacing: 2px;} #raiders-concept .about .image-container img {width: 75%;} #raiders-specs .glass {width: 410px;bottom: 0;} #raiders-specs .step-box.one .step {padding-top: 50px;width: 60%;} #raiders-specs .step-box .image-container img {width: 75%;} #raiders-specs .step-no {font-size: 225px;line-height: 210px;} #raiders-specs .con-box svg {width: 115px;height: 115px;top: 4%;right: 0%;} #raiders-specs .step-box.two {padding-top: 100px;} #raiders-specs .con-box h3 {font-size: 26px;margin-bottom: 10px;} #raiders-specs .feather {width: 45px;} #raiders-specs .stars {width: 30%;} .inner-content .img-box img {width: 55%;} .inner-content .img-box span {bottom: 75px;left: -65px;font-size: 24px;} #raiders-ui img {width: 70%;} #raiders-challenges .image-container {width: 580px;height: 480px;border-radius: 12px;} #raiders-challenges .common-box .con-box .title {font-size: 26px;} #raiders-download .left-box p {margin-bottom: 35px;} #raiders-challenges .common-box {gap: 60px;} #raiders-tech .upper-bottle img {width: 65%;} #forbes h2 {font-size: 70px;} #raiders-specs .step-box.three {padding-bottom: 130px;} #raiders-colors img {width: 47%;} #raiders-colors img:nth-child(2) {margin-left: 50px;} } @media screen and (max-width:1365px) { .custom-container {max-width:90%;} #raiders-banner p {font-size: 24px;} #raiders-banner h1 {font-size: 70px;} .title {font-size: 28px;} #raiders-download h2 {font-size: 36px;} } @media screen and (max-width:1279px) { .custom-container {max-width: 90%;} .common-section {padding: 70px 0;} #raiders-banner h1 {font-size: 62px;} #raiders-download .container {padding-top: 0;} #raiders-download .left-box {width: 60%;} #raiders-download h2 {font-size: 32px;} #forbes h2 {font-size: 64px;} #forbes img {width: 140px;} #raiders-tech ul img {width: 75px;} #raiders-challenges {padding-bottom: 0;} #raiders-concept .about .con-box {width: 55%;} p {font-size: 16px;line-height: 28px;} #raiders-specs .con-box svg {width: 80px;height: 80px;top: 7%;right: 4%;} #raiders-specs .glass {width: 310px;} #raiders-specs .step-box.one .step {padding-top: 30px;width: 75%;} #raiders-specs .step-no {font-size: 180px;line-height: 180px;} #raiders-specs .feather {right: 6%;top: -3%;width: 35px;} #raiders-specs .heart {width: 130px;} .inner-content .img-box p {font-size: 20px;} .inner-content .img-box {padding: 50px 0;} .inner-content .img-box img {width: 60%;} .inner-content .img-box span {bottom: 65px;left: -47px;font-size: 20px;} #raiders-colors .d-flex {gap: 60px;} #raiders-challenges .common-box {gap: 40px} #raiders-challenges .common-box .con-box { width: 55%;} #raiders-challenges .image-container img {top: 18%;} #raiders-challenges .common-box:not(:last-child) {margin-bottom: 70px;} #raiders-challenges .common-box .con-box .title {font-size: 22px;} #raiders-challenges .image-container {height: 440px;} #raiders-specs .step-box.three .step {width: 85%;} #raiders-specs .step-box.three .feature-img {width: 65%;} #raiders-specs .step-box.three .feature-img img {width: 100%;} #raiders-specs .step-box .image-container img {width: 70%;} #raiders-concept .about .image-container img {width: 65%;} #raiders-specs .step-box.three .container {align-items: center !important;} .raiders-img .con-box p {font-size: 20px;} .raiders-img .con-box img {height: 65px;} } @media screen and (max-width:1023px) { .title {font-size: 28px;} .common-section {padding: 50px 0;} #raiders-concept {padding-top: 80px;} #raiders-challenges .image-container {width: 520px;height: 420px;border-radius: 10px;} #raiders-banner p {font-size: 22px;} #raiders-banner h1 {font-size: 54px;} .concepts-box ul {flex-wrap: wrap;} .concepts-box ul li {width: 48%;text-align: center;} #raiders-concept .about .con-box {width: 100%;text-align: center;} #raiders-concept .about .image-container {text-align: center;width: 100%;margin-top: 40px;} #raiders-concept .about .image-container img {width: 45%;} #raiders-concept .about {flex-wrap: wrap;} #raiders-specs .step-box.one .step, #raiders-specs .step-box.two .step, #raiders-specs .step-box.three .step {width: 100%;} #raiders-specs .step-no {font-size: 130px;line-height: 140px;} #raiders-specs .step-box .container {flex-wrap: wrap;} #raiders-specs .step-box.one .image-container , #raiders-specs .step-box.two .image-container, #raiders-specs .step-box.three .feature-img {text-align: center;width: 100%;margin-top: 40px;} #raiders-specs .step-box .image-container {text-align: center;width: 100%;} #raiders-specs .con-box svg {display: none;} #raiders-specs .glass {width: 250px;bottom: 33%;} #raiders-specs .step {order: -1;} #raiders-specs .step-box.two {padding-top: 50px;} #raiders-specs .step-box .image-container img {width: 50%;} #raiders-specs .stars {top: 19%;bottom: auto;} #raiders-specs .heart {top: -12%;} .inner-content .img-box p {font-size: 18px;margin-bottom: 10px;} .inner-content .img-box span {bottom: 50px;left: -37px;font-size: 16px;} #raiders-colors .d-flex {flex-wrap: wrap;} #raiders-ui img.custom-mt {margin-top: 20px;} .title {font-size: 24px;} #raiders-ui img {width: 80%;} #raiders-challenges .common-box {flex-wrap: wrap;} #raiders-challenges .common-box .con-box {width: 100%;order: -1;} #raiders-tech ul img {width: 65px;} #raiders-tech .mid-bottle img {width: 35%;} #raiders-tech .upper-bottle img {width: 58%;} #raiders-challenges .image-container {margin: 0 auto;} #forbes {height: 70vh;background-position: left;} #forbes h2 {font-size: 55px;width: 85%;} #raiders-colors {text-align: center;} #raiders-colors img {width: 85%;margin: 0 auto;} #raiders-colors img:nth-child(2) {margin-left: 0;margin-top: 20px;} #raiders-download .left-box {width: 100%;text-align: center;} #raiders-download .container {flex-wrap: wrap;} #raiders-download h2 {width:70%;margin: 0 auto; letter-spacing: 0.58px;margin-bottom: 30px;} #raiders-download .left-box p {width: 70%;margin: 0 auto;margin-bottom: 20px;} #raiders-download ul {justify-content: center;} #raiders-download .right-box {width: 100%;margin-top: 30px;text-align: center;} #raiders-download .right-box img{width: 50%;} #raiders-specs .step-box.three .feature-img img {width: 65%;} #raiders-challenges .title.text-center {margin-bottom: 30px;} #raiders-challenges .common-box .con-box .title {margin-bottom: 15px;} #forbes a {padding: 15px 25px;font-size: 12px;} .raiders-img {height: 70vh;background-position: 40%;} } @media screen and (max-width:767px) { .title {font-size: 22px;} .common-section {padding: 50px 0;} #raiders-banner h1 {font-size: 40px;letter-spacing: -2.3px;} .concepts-box ul li {width: 45%;} #raiders-specs .step-box.one .step {padding-top: 0;} #raiders-specs .con-box h3 {font-size: 20px;} #raiders-specs .con-box {margin-top: 20px;} #raiders-specs .step-box .image-container img {width: 55%;} #raiders-specs .step-box.three .feature-img img {width: 75%;} #raiders-colors img {width: 95%;} #raiders-ui img {width: 95%;} #raiders-tech .mid-bottle {margin-left: 60px;margin-top: 30px;} #forbes {height: auto;} #forbes img {width: 120px;} #forbes h2 {font-size: 36px;width: 72%;letter-spacing: -1px;} #raiders-download h2 {width: 80%;font-size: 30px;margin-bottom: 20px;} #raiders-download .left-box p {width: 85%;} #raiders-specs .step-box.three {padding-bottom: 60px;} #raiders-concept {padding-top: 50px;} .concepts-box li p {font-size: 18px;} #raiders-challenges .image-container.right img {right: -5%;} #raiders-ui img.custom-mt {margin-top: 0;} .raiders-img {height: 100vh;} .raiders-img .con-box img {height: 50px;} } @media screen and (max-width:639px) { #raiders-banner h1 {font-size: 32px;letter-spacing: -1.3px;} .concepts-box li span {font-size: 14px;letter-spacing: 1px;} .concepts-box li p {font-size: 16px;} .inner-content {flex-wrap: wrap;} .inner-content .img-box img {width: 45%;} #raiders-specs .step-no {font-size: 110px;line-height: 115px;} #raiders-specs .step {gap: 15px;} p {font-size: 14px;line-height: 26px;} #raiders-specs .stars {top: 27%;width: 60%;} #raiders-specs .feather {right: 27%;top: -19%;} #raiders-specs .glass {width: 190px;bottom: 38%;} #raiders-specs .heart {width: 100px;} #raiders-concept .about .image-container {margin-top: 15px;} #raiders-concept .about .image-container img {width: 55%;} #raiders-concept .about {padding-bottom: 0;} .inner-content .img-box img , #raiders-ui img , #raiders-concept .about .image-container img , #raiders-specs .step-box .image-container img {transform: none !important;} #raiders-ui .d-flex {flex-wrap: wrap;gap: 30px;} #raiders-ui .image-container , #raiders-ui .image-container-up {width: 100%;} #raiders-ui img {width: 50%;} #raiders-challenges .common-box .con-box .title {font-size: 20px;margin-bottom: 15px;} #raiders-tech ul img {width: 50px;} #forbes h2 {font-size: 30px;width: 65%;} #forbes img {width: 85px;} #raiders-download h2 {font-size: 26px;margin-bottom: 10px} #raiders-download .right-box img {width: 70%} #raiders-download ul img {height: 40px;} #raiders-challenges .image-container {height: 370px;} #forbes a {padding: 10px 20px;margin-top: 20px;letter-spacing: 0;} #raiders-colors img:nth-child(2) {margin-top: 10px;} .raiders-img .con-box p {font-size: 16px;} .raiders-img .con-box img {height: 45px;margin-bottom: 10px;} } @media screen and (max-width:479px) { .title {font-size: 20px;} .sub-title {font-size: 14px;line-height: 20px;} #raiders-download h2 {font-size: 22px;} #raiders-download .left-box p {width: auto;} #raiders-tech ul img {width: 40px;} #raiders-tech .mid-bottle {margin-left: 35px;} #raiders-challenges .image-container {height: 315px;} #raiders-banner h1 {font-size: 30px;} #raiders-banner p {font-size: 20px;} .concepts-box li p {font-size: 16px;} #raiders-specs .step-box .image-container img {width: 65%;} #raiders-specs .con-box h3 {font-size: 18px;} .inner-content .img-box {padding: 25px 0;} #forbes h2 {font-size: 26px;width: auto;letter-spacing: 0;} #forbes {text-align: center;} #raiders-specs .glass {width: 100px;bottom:65%;} #raiders-specs .step-box .image-container img {width: 85%;} #raiders-specs .step-box.three .feature-img img {width: 90%;} .concepts-box ul li {width: 100%;} .inner-content .img-box img {width: 55%;} .raiders-img .con-box {width: 85%;} .raiders-img {height: 60vh;} } @media screen and (max-width:359px) { }