/** Shopify CDN: Minification failed

Line 588:6 Expected "," but found "margin-right"
Line 589:0 Unexpected "}"
Line 591:1 Unexpected "0%"
Line 592:1 Unexpected "100%"
Line 5846:2 "displa" is not a known CSS property
Line 5850:0 Unexpected "}"

**/


/* ?v=1698302028 */

@font-face {
  font-family: Dinot-normal;
  src: url(/cdn/shop/files/DINOT-Regular.otf);
}
@font-face {
  font-family: alscrp;
  src: url(/cdn/shop/files/alsscrp.ttf);
}



div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 body,
div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 h1,
div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 h2,
div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 h3,
div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 h4,
div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 h5,
div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 div, 
div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 p
{
    font-family: 'Poppins', sans-serif;
}

div#shopify-section-template--21327232565529__9940dc0d-83a6-43e5-8784-f333072d22f2 {
    margin: 0;
}

  section.pdp-sec {
    overflow: hidden;
    position: relative;
}
.pdp-section {
    position: relative;
   /* overflow:hidden; */
}

  .pdp-section img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}
  

/* ============================ pdp first sec  ============================ */
  
.pdp-block-sec {
    background: #007272;
    border-radius:0;
    /* overflow: hidden; */
  position:relative;
}
.pdp-cover {
    max-width: 1600px;
    margin: auto;
    padding-top: 90px;
    margin-top: 10px;
    /* padding-left:50px; */
     /* padding-right:50px */
   overflow: hidden;
}

.pdp-first-sec .pdf-asset .asset-bg {
    max-width: 400px;
    position: absolute;
    bottom: 0;
    left: 200px;
    top: auto;
}
  /* 
  .pdp-block-sec {
    display: none;
}
 */
.pdp-girls-img {
    max-height: 100%;
    padding-top: 100px;
}
  
.pdp-cover {
    max-width: 1600px;
    margin: auto;
    padding-top: 90px;
}

 .pdp-first-sec .pdp-content {
    display: flex;
    align-items: center;
}
 .pdp-first-sec .pdp-content {
    display: flex;
    align-items: center;
    justify-content: space-around;

}
.pdp-content {
    max-height: 650px;
  min-height:650px;
} 
.pdp-text {
    max-width: 500px;
}
.troll-bags {
    z-index: 9;
}
  .pdp-first-sec .pdp-content .troll-bags {
    margin-left: 60px;
}
.pdp-first-sec .pdp-content .troll-bags img {
    max-height: 550px;
    margin-top:50px;
}
 .pdp-first-sec .trolley-bags-container {
    height: 100%;
    min-height: 650px;
    overflow: hidden;
}
section.main-pdp-sec 
  {
    padding-top: 20px;
    padding-bottom: 20px;
  }
.pdp-third-sec .troll-bags {
    margin-bottom: -100px;
}

.pdp-first-sec.pdp-section .pdp-girls-img img {
    max-height: 850px;
}

.pdp-second-sec .pdf-asset {
    clear: both;
    min-height: 200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}



  
  
/* ============================ pdp-sec-second  ============================ */

.pdp-second-sec .leaf img {
    max-height: 100px;
}

.vertex-assets-bg img {
    width: 100%;
}

  
.pdp-second-sec .pdf-asset .cloud {
    position: absolute;
    top: 0;
    left: 0;
    /* max-height: 100px; */
}
.pdp-second-sec .pdf-asset .leaf {
    position: absolute;
    top: 50px;
    width: 80px;
    left: 0px;
    height: auto;
    right: 250px;
    margin: auto;
}

.pdp-second-sec .pdp-content .troll-bags img {
    min-height: 700px;
    max-height: 800px;
    width: auto !important;
    min-width: auto;
    max-width: unset;
  
}

.pdp-second-sec.pdp-section .troll-bags {
    z-index: 9;
    position: relative;
    margin-bottom: -90px;
}
 .pdp-second-sec .pdf-asset .cloud img {
    max-height: 300px;
}
  .pdp-second-sec .pdp-girls-img img {
    max-height: 610px;
}
.pdp-second-sec .pdp-content {
    display: flex;
    align-items: flex-end;
}
  
.pdp-second-sec .pdp-girls-img {
    margin-bottom: -20px;
}
.pdp-second-sec .pdp-block-sec {
    background: #00bbd6;
}
.pdp-second-sec .breeze-text {
    max-width: 400px;
}
span.overlay-text:nth-child(3) {
    opacity: 0.6 !important;
}
span.overlay-text:nth-child(4) {
    opacity: 0.5 !important;
}

span.overlay-text:nth-child(5) {
    opacity: 0.4 !important;
}
span.overlay-text:nth-child(6) {
    opacity: 0.3 !important;
}

span.overlay-text:nth-child(7) {
    opacity: 0.2 !important;
}
  
.pdp-second-sec .breeze-text {
    max-width: 400px;
    position: relative;
    bottom: 50px;
}

span.leaf-1 {
    max-width: 45px;
}

 .pdp-second-sec .pdf-asset .leaf span {
    display: block;
    position: relative;
} 

.pdp-second-sec .pdf-asset .leaf span.leaf-2 {
    margin-top: -20px;
}

.pdp-third-sec .pdp-block-sec {
    background: #ef8b46;
}







  
/* ====================  Pdp-third-sec ======================= */

.pdp-third-sec .asset-right {
    position: absolute;
    top: 50px;
    right: 50px;
}

.pdp-third-sec .asset-bottom {
    max-width: 400px;
    bottom: -19px;
    position: absolute;
    left: 100px;
}


.pdp-third-sec .pdp-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdp-third-sec .trolly-bags {
    margin-bottom: -100px;
    z-index: 9;
}
.trolley-content {
    color: #fff;
}

.pdp-third-sec .trolley-features {
    margin: 50px 0;
    display: block;
    border: none;
    min-width: 600px;
    padding-left: 100px;
      position: relative;
}
  
.pdp-third-sec .trolley-features h3 span {
    display: block;
}

.trolley-features h3 {
    font-weight: 500;
    font-size: 25px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 30px;
}
  .pdp-third-sec .trolley-features{ position: relative;}
.pdp-third-sec span.dotted-line {
    width: 320px;
    height: 2px;
    border-radius: 45px;
    background-image: linear-gradient(to right, #ef8b46 50%, white 50%);
    background-position: top;
    background-size: 16px 2px;
    background-repeat: repeat-x;
    position: absolute;
    content: "";
    left: -238px;
    right: auto;
    bottom: 11px;
}
/* .pdp-third-sec .trolley-features.top::before {
    position: absolute;
    content: "";
    width: 63px;
    height: 2px;
    bottom: -8px;
    background-image: linear-gradient(to right, #ef8b46 50%, white 50%);
    left: -357px;
    transform: rotate(-46deg);
    background-size: 17px 2px;
    background-repeat: repeat-x;
    border-radius: 45px;
    background-position: top;
} */
.pdp-third-sec .trolley-features.top {
    top: -100px;
}

  
.pdp-third-sec .trolley-features img {
    display: block;
}
  .trolley-features.bottom {
    margin-top: 200px;
}



/* =================================== pdp-fourth-sec  ===================================== */

  
.pdp-fourth-sec .pdp-block-sec
  {
    background: #ef9d9c;
  }

.pdp-fourth-sec .asset-bottom-right {
    position: absolute;
    bottom: -100px;
    right: -50px;
    max-width: 550px;
}

.pdp-fourth-sec.pdp-section .troll-bags {
    margin-bottom: 80px;
    position: relative;
    right: -150px;
     z-index:0;
}
  
.pdp-fourth-sec.pdp-section .troll-bags img {
    max-width: 670px;
}

 .pdp-fourth-sec.pdp-section .pdp-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
 .pdp-fourth-sec.pdp-section .trolley-features h3 span {
    display: block;
}
 .pdp-fourth-sec.pdp-section .trolley-content {
    min-width: 500px;
}
.pdp-fourth-sec.pdp-section span.dotted-line.bottom
  {
    /* position: relative; */
  }
  
.pdp-fourth-sec.pdp-section span.dotted-line.top::after,
.pdp-fourth-sec.pdp-section span.dotted-line.bottom::after  {
    position: absolute;
    content: "";
    width: 220px;
    height: 10px;
    background-size: 10px 2px;
    left: auto;
    top: 10px;
    background-image: linear-gradient(to right, #ef9d9c 50%, white 50%);
    background-repeat: repeat-x;
    right: auto;
    bottom: 0px;
    margin: auto;
}

.pdp-fourth-sec.pdp-section span.dotted-line.top::before, .pdp-fourth-sec.pdp-section span.dotted-line.bottom::before {
    position: absolute;
    content: "";
    width: 396px;
    right: -168px;
    background-image: linear-gradient(to right, #ef9d9c00 50%, white 50%);
    background-repeat: repeat-x;
    background-size: 15px 2px;
    height: 2px;
    transform: rotate(30deg);
    top: 147px;
    z-index: 9;
}
.pdp-fourth-sec.pdp-section span.dotted-line.bottom::before
  {
    width: 204px;
    right: 10px;
    transform: rotate(30deg);
    top: 98px;
    z-index: 9;
    bottom: 0;
    margin: auto;
    content: "";
}
  
.pdp-fourth-sec.pdp-section .trolley-features {
    z-index: 9;
    position: relative;
}
.trolley-features.bottom {
    margin-top: 100px;
    top: -20px;
}
.pdp-fourth-sec.pdp-section .trolley-features.top {
    bottom: 50px;
}
/* .pdp-fourth-sec.pdp-section span.dotted-line.bottom::after {
    top: 45px;
    width: 230px;
    right: -8px;
   content: "";
} */

.pdp-fourth-sec.pdp-section .trolley-features .bottom {
    margin-top: 100px;
    top: -40px;
}


.pdp-fourth-sec.pdp-section span.dotted-line.top {
    top: auto;
    bottom: 400px;
    left: -360px;
}
.pdp-fourth-sec.pdp-section span.dotted-line {
    position: absolute;
    /* left: -157px; */
    display: block;
    border: none;
    width: 417px;
    top: auto;
    /* background: #dddd; */
    z-index: 9999;
    /* bottom: 300px; */
    height: 100px;
    /* width: 0;
  overflow:hidden; */
    transition: all 0.4s ease-in;
}
  .pdp-fourth-sec.pdp-section span.dotted-line.bottom {
    left: -358px;
    bottom: 215px;
}



  
/* =================================== pdp-five-sec  ===================================== */



.pdp-five-sec.pdp-section .pdp-block-sec {
    background: #7bddff;
}

.pdp-five-sec.pdp-section .pdp-bags-group {
    display: flex;
    max-width: 900px;
    align-items: flex-end;
    justify-content: center;
    z-index: 9;
    margin-bottom: -100px;
}
  
.pdp-five-sec .asset-bottom {
    position: absolute;
    bottom: 0;
    right: 20%;
    max-width: 600px;
}

.pdp-five-sec .pdp-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.pdp-five-sec .pdp-text {
    max-width: 450px;
}
.pdp-bags-group .yellow-bags {
    padding: 0 20px;
}
.pdp-five-sec.pdp-section {
    padding-bottom: 30px;
}

.breeze-text span {
    display: block;
}

.troll-bags[data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;

}

  .troll-bags[data-aos=fade-up]
{
    transform: translate3d(0,1200px,0) ;
}






  
/* KEYFRAMES */

@-webkit-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@-webkit-keyframes moveclouds {
	0% {margin-right: 1000px;}
	100% margin-right: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-right: 1000px;}
	100% {margin-right: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-right: 1000px;}
	100% {margin-right: -1000px;}
}

@keyframes wind{
  0% {
    background-position: 0 200px, 0 300px, 100px 250px;
  }
  100% {
    background-position: 1000px 200px, 1200px 300px, 1100px 250px;
  }

}




  
.pdp-second-sec .pdf-asset .cloud {
    position: absolute;
    top: 0;
    left: 0;
    /* max-height: 100px; */
    background: url(/cdn/shop/files/CLOUDS.png?v=1697203351);
    height: 200px;
    width: 100%;
    animation: wind 115s linear infinite;
  margin-top: -30px;
}


  .pdp-fourth-sec span.dotted-line[data-aos=fade-left] {
    transform: translate3d(100px,0,0);
} 
.pdp-fourth-sec span.dotted-line.aos-init.aos-animate[data-aos=fade-left] {
    transform: translate3d(0,0,0);
}


.pdp-third-sec .trolley-features [data-aos=fade-down] {
    transform: translate3d(0,-50px,0);
}
.pdp-third-sec .trolley-features .aos-init.aos-animate[data-aos=fade-down] {
    transform: translate3d(0,0px,0);
}

  
/* ====== =====================   
         animation postion change

  ====================================== */


  [data-aos=fade-left] {
    transform: translate3d(800px,0,0);
}
[data-aos=fade-up] {
    transform: translate3d(0,500px,0);
}
  
[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

[data-aos=fade-right] {
    transform: translate3d(-500px,0,0);
}

[data-aos=fade-down] {
    transform: translate3d(0,-500px,0);
}

[data-aos^=fade][data-aos^=fade] {
    /* opacity: 1!important; */
}

.pdp-first-sec [data-aos=fade-down] {
    transform: translate3d(0,-800px,0);
}

.flex-container {
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center;
}

.chrysal-five-sec .trolley-bags-group {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    padding-left: 30px;
      margin-top: 50px;
}
.chrysal-five-sec .trolley-bags-group .bags {
    border: none;
    margin-left: 80px;
}





section.chrysal-bg.chrysal-main-sec {
    background-image: url(/cdn/shop/files/Clouds-top.png?v=1697456319);
    background-color: #80d6ec;
    background-repeat: no-repeat;
    background-position:0px  -1px;
      position: relative;
      overflow: hidden;
}
section.chrysal-bg.chrysal-main-sec::after {
    position: absolute;
    content: "";
    width: 400px;
    height: 900px;
    border: none;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}


  
section.chrysal-bg {
    background: #80d6ec;
}

.trolley-asset {
    display: flex;
    align-items: center;
}
.section-flex .feature-title h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.section-flex .asset-icon {
    max-width: 100px;
    z-index: 9;
    position: relative;
}
.chrysal-sec-one .trolley-bags .black-bags {
    max-width: 500px;
}
.section-flex .trolley-asset .feature-title span {
    display: block;
}

.section-flex .trolley-asset .feature-title {
    padding-left: 30px;
}

.section-flex .trolley-asset {
    margin: 40px 0;
    position: relative;
    /* padding-left: 350px; */
}
  
.flex-container {
    display: flex;
    align-items: center;
    max-width: 1600px;
    margin: auto;
    justify-content: center;
    z-index: 9;
    position: relative;
}

.section-flex .block-trolley-bags {
    width: 100%;
  z-index:9;
}

.main-asset-block {
    width: 100%;
    margin-left: -30px;
      align-items: center;
}

 .chrysal-sec-third.section-third .asset-line {
    position: relative;
}
  
.section-flex .asset-line .line {
    display: block;
    width: 400px;
    position: absolute;
    right: auto;
    left: 0;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main-asset-block {
    display: flex;
}

.chrysal-sec-third.section-third .asset-line {
    position: relative;

    min-height: 400px;
    min-width: 400px;
}

.chrysal-sec-third.section-third .asset-line::after {
    width: 100% !important;
    height: 100%;
    background: #80d6ec;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
     /* transition-delay: 2s !important; */
    transition: all 1s ease-in;
    width: 0;
    z-index: 9;
}
  .chrysal-sec-third.section-third .main-asset-block.aos-animate .asset-line::after
  {
     width: 0!important;
     transition-delay:0.5s !important;
  }

  /* .main-asset-block.aos-init.aos-animate {
    transform: translate(0) !important;
} */

.main-asset-block[data-aos=fade-right]
  {
     transform: translate(0) !important;
  }

.trolley-asset [data-aos=fade-right] {
    transform: translate3d(-10px,0,0);
}
  
.section-flex .asset-line .line.top {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    transform: rotate(-21deg);
    top: 122px;
    left: -15px;
    bottom: auto;
    width: 100%;
    width: 430px;
}
  
.section-flex .asset-line .line {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.5px;
    background: #000;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.chrysal-sec-third.section-third .asset-line .line.bottom {
    transform: rotate(21deg);
    left: -15px;
    top: auto;
    bottom: 121px;
    width: 432px;
}
  
.main-asset-block {
    width: auto;
    margin-left: -50px;
    overflow: hidden;
      z-index: 0;
}
.section-flex .block-trolley-bags {
    width: 100%;
    text-align: center;
    max-width: 420px;
    z-index: 9;
    position: relative;
}
.section-flex {
    padding: 90px 10px;
    position: relative;
  overflow:hidden;
}



.chrysal-sec-one .chrysal-asset {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.chrysal-sec-one .chrysal-asset img {
    max-height: 600px;
}
.chrysal-text ul li {
    display: block;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.chrysal-text ul {
    padding: 0;
    margin: 0;
}
.chrysal-text ul li span.ticon img {
    max-width: 80px;
}
.chrysal-sec-one .trolley-bags {
    position: relative;
    padding-right: 100px;
}
.chrysal-text ul li span.ticon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.chrysal-text ul {
    padding: 0;
    margin: 0;
    margin-top: 90px;
}

  
.chrysal-sec-one .trolley-bags .blue-bag.bags {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 100px;
    margin-left: 100px;
}


.chrysal-text h3 {
    font-size: 42px;
      font-family: 'Poppins', sans-serif;
}

.main-content-block {
    width: auto;
    max-width: 800px;
}

 .chrysal-five-sec .main-content-block .chrysal-text {
    text-align: right;
}
.chrysal-four-sec.section-four .main-content-block .chrysal-text {
    text-align: left;
}
  
.building-asset {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 0;
}

.chrysal-second-sec.section-second .flex-container {
    /* justify-content: space-between; */

}

/* chrysa second sec */
.chrysal-second-sec.section-second .flex-container .main-content-block {
    width: 40%;
}
.chrysal-second-sec.section-second .flex-container .modal-block {
    width: 30%;
    text-align: center;
}
  .chrysal-second-sec .modal-block .modal-boy img {
    max-height: 800px;
}
  .chrysal-second-sec .building-asset img {
    max-width: 1200px;
    margin: auto;
    display: block;
}

.chrysal-second-sec.section-second {
    background: url(/cdn/shop/files/Clouds-right_a1076620-cc88-40a5-807d-d0a898aa40b0.png?v=1697628750);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}
  

@keyframes cloudLoop{
  0% {
       -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
       -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

}


  
/* chrysa foue sec */

.chrysal-four-sec.section-four .flex-container {
    /* justify-content: space-between; */
}


  
/* chrysa five sec */
.chrysal-text h3 span {
    display: block;
}
.chrysal-four-sec .trolley-bags .black-bags img {
    max-height: 700px;
}
 .chrysal-five-sec.section-five .trolley-bags img {
    max-width: 700px;
   
} 
   .chrysal-five-sec.section-five .flex-container {
    /* justify-content: space-between; */
}
.chrysal-second-sec.section-second .chrysal-text h3 span {
    display: block;
    padding-left: 60px;
}


/* ================cityscape========================= */
/* ============================================================================ */

section.cityscape-main-section {
    overflow: hidden;
}

  .cityscape-first-sec {
    position: relative;
    overflow: hidden;
}
.cityscape-assets-bg {
    position: absolute;
    width: 100%;
    left: 0;
    /* max-height: 500px; */
    z-index: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
}
  
.cityscape-assets-bg img {
    max-height: 100%;
}
  
.cityscape-container {
    position: relative;
    z-index: 9;
}

.cityscape-assets-bg img {
    max-width: 100%;
     width:100%;
     height:100%;
  object-fit:cover;
}
  
.cityscape-container {
    max-width: 1600px;
    padding-left: 15px;
    padding-right: 15px;
}
.cityscape-container {
    max-width: 1600px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

  .cityscape-flex-container {
    display: flex;
    align-items: center;
}
.cityscape-flex-container .right-img-content {
    width: 50%;
    text-align: right;
    position: relative;
    top: -30px;
    right: 10%;
}
  
.cityscape-flex-container .left-content-img {
    width: 50%;
    position: relative;
}




.player-img {
    position: relative;
    z-index: 9;
}
.cityscape-first-sec .style-line {
    position: absolute;
    bottom: auto;
    border: none;
    min-height: 100px;
    left: 150px;
    margin: auto;
    z-index: 0;
    top: 230px;
}
.cityscape-first-sec .cityscape-flex-container {
    padding-top: 60px;
}
.cityscape-first-sec .cityscape-assets-left {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 9;
}

.cityscape-first-sec .cityscape-assets-left img {
    max-height: 100%;
    height: 100%;
    width: auto;
    border: none;
    margin-bottom: -8px;
}



.cityscape-first-sec .cityscape-container {
    min-height: 600px;
}
.cityscape-first-sec .cityscape-flex-container {
    justify-content: flex-end;
    min-height: 650px;
}

  .player-img img {
    margin-bottom: -6px;
}


.cityscape-section {
    position: relative;
    display: block;
    overflow: hidden;
}

.cityscape-second-sec .cityscape-flex-container .right-img-content {
    display: flex;
    align-items: center;
}
.cityscape-second-sec .cityscape-second-sec .player-img img {
    max-height: 500px;
}
.cityscape-second-sec .cityscape-flex-container .left-content-img {
    width: 40%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.cityscape-first-sec .style-line span.h-line {
    display: block;
    margin: -30px 0;
    position: relative;
}
.cityscape-first-sec .style-line span.h-line.h-line2 {
    position: relative;
    left: -100px;
}

.cityscape-second-sec .cityscape-flex-container .right-img-content {
    display: flex;
    align-items: end;
    width: 50%;
    margin-bottom: 60px;
    justify-content: right;
}
.cityscape-second-sec .cityscape-assets-right {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
}

.cityscape-second-sec .cityscape-second-sec.cityscape-section {
    margin-top: 100px;
}
.cityscape-second-sec .cityscape-assets-right img {
    height: 100%;
}
/* .cityscape-second-sec .cityscape-flex-container .left-content-img .text-img {
    border: none;
    max-width: 300px;
    min-width: 300px;
      position: relative;
} */
.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img:first-child {
    right: -10px;
    bottom: 100px;
}

.cityscape-second-sec.cityscape-section .cityscape-flex-container {
    padding-top: 150px;
}
  span.text-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    min-width:420px;
}
/* .cityscape-second-sec .cityscape-flex-container .left-content-img .player-img {
    max-width: 300px;
  min-width:300px;
} */

.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img > img {
    position: relative;
    z-index: 9;
    padding: 5px 30px;
  width:90%;
}
.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img:last-child {
    margin-left: 0;
    margin-top: 25px;
    position: relative;
    right: -200px;
    z-index: 999;
}
.cityscape-second-sec .cityscape-flex-container .right-img-content .bags-img.top {
    position: relative;
    z-index: 0;
    left: -150px;
}

.cityscape-second-sec .cityscape-flex-container .right-img-content .bags-img.bottom {
    position: relative;
    left: 0;
    z-index: 9;
    text-align: center;
    right: 0;
}

.cityscape-third-sec .banner-bags img {
    max-width: 650px;
    margin-bottom: 50px;
}
.cityscape-third-sec .cityscape-assets-left {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    height: 130%;
}
.cityscape-third-sec .cityscape-assets-left img
{
  height:100%;
  
}
.cityscape-third-sec .cityscape-container {
    z-index: 0;
}


.cityscape-third-sec .cityscape-flex-container .left-content-img {
    margin-left: 150px;
}


.cityscape-third-sec .cityscape-flex-container .right-img-content {
    text-align: center;
  left:0;
}

.cityscape-third-sec .cityscape-flex-container .right-img-content .text-img span.text-style.style2 {
    display: block;
    position: relative;
    left: 0;
    z-index: -9;
    margin-top: 10px;
    margin-left: -330px;
}




.cityscape-fourth-sec .top-head {
    display: flex;
    justify-content: center;
    padding: 30px 0;
    margin-bottom: 100px;
}
  .features-content-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.cityscape-fourth-sec.cityscape-section {
    padding: 0 0;
}
.features-content {
    text-align: center;
}
.features-content .features-img {
    max-width: 300px;
    margin: auto;
}
.cityscape-fourth-sec .features-content .features-title {
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    margin-top: 20px;
}
  
.cityscape-fourth-sec .features-content {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.cityscape-fourth-sec .top-head img {
    max-height: 80px;
}
.features-content [data-aos=fade-up] {
    transform: translate3d(0,100px,0);
}
.swirl-section .features-img {
    overflow: hidden;
}
.swirl-section .features-img img {
    margin-bottom: -35px;
}
.cityscape-first-part, .cityscape-second-part {
    position: relative;
    padding: 60px 0;
}
.cityscape-fourth-se .cityscape-first-part,
.cityscape-fourth-se .cityscape-second-part
{
    padding: 60px 0;
}

.cityscape-first-part .cityscape-assets-right {
    position: absolute;
    right: -150px;
    top: 0;
    height: 100%;
    z-index: 0;
}
.cityscape-first-part .cityscape-assets-right img {
    height: 100%;
}

.cityscape-first-part .features-content-block {
    max-width: 1200px;
    margin: auto;
}

.cityscape-third-sec .right-img-content .text-img span.text-style {
    display: block;
}
.cityscape-third-sec .cityscape-flex-container .right-img-content .text-img span.text-style.style2 img {
    max-height: 100px;
}



/* ========= */



/* ==========================================
         vertex
========================================== */

  
section.vertex-block {
    position: relative;
    display: block;
    overflow: hidden;
}

  
.vertex-container {
    width: 100%;
    max-width: 1600px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 9;
    position: relative;
     margin:auto;
}

.vertex-assets-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  width:100%;
  height: 100%;
}

.vertex-flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vertex-first-sec .img-content img {
    max-height: 700px;
}

.vertex-first-sec .text-block img {
    max-width: 600px;
}
.vertex-first-sec .vertex-flex-container {
    padding-top: 100px;
}

.vertex-first-sec .img-content {
    padding: 0;
    margin-bottom: -7px;
}
.vertex-section {
    overflow: hidden;
    position: relative;
     
}
.vertex-first-sec.vertex-section {
    max-height: 750px;
}
.vertex-grid {
    display: flex;
    flex-wrap: wrap;
}
.bags-feat {
    width: 50%;
    position: relative;
    text-align: center;
}
.bags-cover {
    border: none;
    display: inline-block;
    margin: auto;
    width: auto;
}
.bagspack-img {
    position: absolute;
    bottom: -40px;
    text-align: center;
    left: -240px;
    right: 0;
}
.bags-block {
    display: inline-block;
    border: none;
    position: relative;
    margin-bottom: 60px;
    margin-top: 60px;
}
.vertex-third-sec.vertex-section .left-img-content img {
    max-height: 800px;
    margin-bottom: -10px;
}

.vertex-third-sec.vertex-section .text-block {
    text-align: right;
}

.vertex-third-sec.vertex-section .left-img-content .img-content {
    max-height: 650px;
    padding-right: 60px;
}
  
.vertex-third-sec.vertex-section .vertex-flex-container {
    padding-top: 80px;
}
.vertex-bottom-bg {
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(59deg, #eadedb00 0%, #80d6ec 75%);
}
 .vertex-four-sec.vertex-section .vertex-flex-container {
    padding-top: 70px;
} 
.vertex-four-sec.vertex-section .right-img-content {
    display: flex;
}
.vertex-four-sec.vertex-section .img-content2 {
    position: relative;
    bottom: -150px;
}

.vertex-four-sec.vertex-section .left-text-img-content {
    margin-top: -50px;
}

.vertex-secon-sec .bagspack-img img {
    max-height: 550px;
}

.vertex-secon-sec.vertex-section .bags-cover img {
    max-height: 400px;
}
.vertex-secon-sec .bagspack-img img {
    max-height: 500px;
}
.vertex-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}




/* ===========================================

             Strider NXT 01 

=============================================== */


.strider-full-container {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    border: 1px solid #000;
    border: #ddd;
    height: 100%;
}
  
.strider-full-container .left-col {
    width: 50%;
    height: 100%;
}
  
.strider-full-container .right-col {
    width: 50%;
    height: 100%;
}

.strider-black-bg
{
   background: #231f20;
}
.strider-green-bg
{
    background:#8dc63f;
}
.strider-purple-bg {
    background:#9e80c0;
}


  strider-section {
    position: relative;
    overflow: hidden;
}
.strider-section.strider-first-sec .strider-flex-container {
    padding: 60px 0;
}

.strider-flex-container {
    z-index: 8;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  margin:auto;
}

  .strider-section.strider-first-sec {
    position: relative;
    overflow: hidden;
}
.backpack-bags {
    border: none;
    width: 1000px;
    margin: auto;
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
      position: relative;
}
  .Strider h2 {
   

}
.backpack-bags .Strider,
.backpack-bags .small-text,
.backpack-bags .skybags 
  
  {
    color: #fff;
    font-family: "helvetica";
}

.Strider {
    position: relative;
}


.Strider h2 {
    margin: auto;
    text-align: center;
    display: inline-block;
    /* background: #fff url(/cdn/shop/files/strider-black.png?v=1697783348);
    background-attachment: fixed;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text; */
    /* background-position: bottom -77px right 46%; */
    /* -webkit-text-stroke: 1px #fff; */
    /* font-family:'Poppins', sans-serif; */
    font-family: 'Archivo Black', sans-serif;
    /* font-family: fantasy; */
    font-size: 135px;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    /* letter-spacing: 14px; */
     
}

.Strider h2.blend-text {
   mix-blend-mode: color-burn;
}

.Strider h2.stroke-text {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    z-index: 9;
}
  
  .backpack-bags-img {
    padding: 40px;
}

.backpack-text .skybags {
    top: auto;
    font-size: 45px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    -webkit-text-stroke: 0.5px #fff;
    color: transparent !important;
    /* font-family:'Poppins', sans-serif; */
   font-family: 'Archivo Black', sans-serif;
  /* font-family: 'Roboto'; */
    /* letter-spacing: 7px; */
    font-style: italic;
    position: relative;
    bottom: -22px;
    right: -20px;
}
  
.backpack-text {
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    text-align: center;
}
.small-text {
    right: 0;
    text-align: right;
    font-size: 35px;
    display: block;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-style: normal;
      position: relative;
    top: -20px;
}
  
 .strider-asset .asset1 {
    position: absolute;
    min-width: 70px;
}
 .strider-asset .asset3 {
    position: absolute;
    bottom: 155px;
    top: auto;
    left: 0;
}

 .strider-asset .asset2 {
    position: absolute;
    bottom: 50px;
    right: 50px;
}
.strider-section {
    position: relative;
    overflow: hidden;
}
.stride-back-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* .strider-content {
    width: 40%;
} */
.strider-text-img {
    display: flex;
    align-items: center;
}
.right-col.strider-content .strider-text-title span.text-title {
    display: block;
    margin-left: 0;
    max-height: 150px;
}
.right-col.strider-content .strider-text-title span.text-title img {
    max-height: 120px;
    min-height: 100px;
}

.left-col.strider-content .girls-img img {
    margin-bottom: -25px;
}
section.strider-main-section .text-title h4 {
    font-size:35px;
    color: #fff;
  font-family:'Roboto';
    /* font-family: fantasy; */
    font-weight: 800;
    /* letter-spacing: 5px; */
}
.strider-third-sec .strider-flex-container {
    max-width: 1600px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.backpack-features-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.col-50 {
    width: 50%;
}
.strider-container {
    max-width: 1600px;
    z-index: 9;
    position: relative;
    margin: auto;
}

.strider-third-sec .backpack-bags-img {
    padding: 40px;
    text-align: center;
}
.strider-third-sec .features-text {
    padding: 10px;
    padding-left: 150px;
}


.features-text .text-title span.line::after {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    top: -4px;
    right: -2px;
    bottom: 0;
    content: "";
    display: block;
}
.features-text .text-title span.line {
    display: block;
    width: 100%;
    max-width: 450px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 20px;
    left: -470px;
    right: auto;
    margin: auto;
}
.features-text .text-title {
    padding: 30px 0;
  position: relative;
  color:#fff;
}
.features-text .text-title.text-title-2 {
    margin-top: 104px;

}

  .features-text .text-title.text-title-2 span.line {
    max-width: 500px;
    left: -518px;
}

/* .strider-section.strider-fourth-sec .features-text.text-right {
    padding-right: 150px;
} */


.strider-fourth-sec .features-text .text-title.text-title-2 span.line {
    max-width: 400px;
    left: auto;
    right: -290px;
}
.strider-fourth-sec .features-text .text-title {
    padding-right: 150px;
}
.strider-section.strider-fourth-sec .backpack-bags-img {
    max-width: 500px;
    margin: auto;
}

.strider-fourth-sec .features-text .text-title span.line::after {
    left: 0;
}


.strider-section.strider-fourth-sec .text-title.text-title-1 span.line {
    left: auto;
    right: -369px;
    max-width: 480px;
}

.strider-section.strider-five-sec .text-title {
    padding-left: 150px;
}

.strider-section.strider-five-sec .text-title span.line {
    max-width: 600px;
}
.strider-section.strider-five-sec .text-title.text-title-1 {
    bottom: 105px;
}
.strider-section.strider-five-sec .text-title.text-title-2 {
    margin-top: 24px;
}


.strider-section.strider-five-sec .features-text .text-title.text-title-2 span.line {
    max-width: 600px !important;
    left: -477px;
}


.mid-col.strider-content span.bags2 {
    position: relative;
    margin-left: -110px;
  z-index:-9;
}
.mid-col.strider-content span.bags2 {
    position: relative;
    margin-left: -110px;
    top: -50px;
}

.strider-section.strider-six-sec .girls-img {
    position: relative;
    display: flex;
    align-items: center;
}

.strider-section.strider-six-sec .strider-flex-container {
    padding: 60px 0;
    /* max-width: 1300px; */
    margin: auto;
  padding-top: 100px;
}
.strider-section.strider-six-sec .strider-flex-container .girls-img img {
    max-height: 600px;
    max-width: 400px;
}
/* .mid-col.strider-content span.bags2 {
    position: absolute;
    top: 0;
    left: 0;
} */

.strider-section.strider-six-sec .strider-flex-container .girls-img span.bags1 img {
    max-width: 380px;
}
.strider-section.strider-six-sec .strider-flex-container .girls-img span.bags2 img {
    /* margin-left: 101px;
    margin-top: 60px; */
}


.strider-six-sec .strider-content {
    /* width: 40%; */
    text-align: center;
      padding: 0 20px
}



/* ===========================================

            End Strider NXT 01 

=============================================== */



.pdp-third-sec .trolly-bags img {
    max-width: 580px;
}




/* ===========================================

           Squad-Plus 02

=============================================== */

section.Squad-Plus-main-section {
    overflow: hidden;
}
.Squad-section {
    position: relative;
    max-width: 1600px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    max-height: 800px;
}


.Squad-Plus-container .head-title h2 {
    font-size: 90px;
    text-align: center;
    font-weight: 800;
}

.Squad-Plus-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: #df3443;
}
.Squad-Plus-banner::after {
    position: absolute;
    width: 95%;
    height: 90%;
    content: "";
    left: 0;
    top: 0;
    border: 3px solid #fff;
    z-index: 9;
    right: 0;
    bottom: 0;
    margin: auto;
}
.Squad-Plus-container {
    /* max-width: 1500px; */
    margin: auto;
    text-align: center;
    /* border: 3px solid #fff; */
    position: relative;
    z-index: 9;
}

.Squad-Plus-container .head-title h2 span {
    display: block;
    width: 100%;
}


.Squad-Plus-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
      opacity: 0;
}

.Squad-Plus-container .head-title h2 span.stroke {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}

.Squad-Plus-container .head-title h2 span.solid {
    color: #fff;
}

.Squad-Plus-first-section.Squad-section {
    /* padding: 60px 0; */
      margin-bottom: 190px;
  padding:10px;
}

.Squad-Plus-container .head-title {
    display: inline-block;
    margin: auto;
    /* margin-top: -60px; */
    background: #df3443;
    padding: 5px 20px;
}
.Squad-bags {
    display: flex;
    justify-content: center;
}

.Squad-Plus-container .text-02 span {
    display: block;
    margin: 10px 0;
}
.Squad-content {
    display: flex;
    justify-content: center;
}

.Squad-Plus-first-section .text-02 {
    position: relative;
    top: -100px;
    left: 15px;
}

/* .Squad-Plus-first-section .Squad-Plus-container {
    max-height: 680px;
}
 */

.Squad-Plus-first-section .Squad-Plus-container {
    max-height: 700px;
}
.squad-image .plus-img {
    margin: 0px -70px;
}


/* ==================================================================== */

.Squad-Plus-second-section .Squad-Plus-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.Squad-Plus-second-section .squad-image {
    display: flex;
    margin-left: 70px;
}

.squad-text h3 span {
    display: block;
}

.Squad-Plus-second-section .squad-text h3 {
    text-align: left;
    display: inline-block;
    font-size: 55px;
    font-weight: 600;
}

.Squad-section {
    border: 3px solid #df3443;
    padding: 90px 50px;
}

.Squad-Plus-second-section .squad-text h3 {
    text-align: left;
    display: inline-block;
    font-size: 40px;
    font-weight: 800;
    line-height: 60px;
}



/* ===================== */



.Squad-Plus-thirdsection .squad-plus-bags-image, .plus-flex-section{
    display: flex;
    align-items: center;
}

.squad-plus-bags-image .bag-deatils img {
    max-height: 500px;
}
.squad-plus-bags-image ul li {
    display: block;
    text-align: left;
    height: 30px;
    font-weight: 400;
    min-width: 300px;
      font-family: 'Poppins', sans-serif !important;
}
.squad-plus-bags-image ul li span.icon {
    margin-right: 13px;
}
.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(1) {
    position: absolute;
    top: 120px;
    left: 207px;
}

.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(3) {
    position: absolute;
    bottom: 130px;
    right: -260px;
}

.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(2) {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    right: -284px;
}
.squad-plus-bags-image ul
  {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
  

.bag-deatils {
    position: relative;
    margin-left: -150px;
}

.Squad-Plus-thirdsection .Squad-Plus-container {
    display: flex;
    align-items: center;
    justify-content: center;
}


.Squad-Plus-thirdsection.Squad-section {
    padding: 5px;
}
.squad-right.red-bg {
    background: url(/cdn/shop/files/RightBg.png?v=1698057990);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.Squad-Plus-thirdsection .bags-with-features .bag-img {
    padding: 60px;
    position: relative;
}
.Squad-Plus-four-section.Squad-section h3.product-title {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.col-60
{
  width:60%;
  
}

.col-40
{
  width:40%;
  
}

.Squad-Plus-thirdsection .squad-plus-bags-image {
    display: flex;
    align-items: center;
    padding-left: 80px;
}

.Squad-Plus-thirdsection .bags-with-features .bag-img span.cms {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    border-bottom: 1px solid;
    padding: 5px 0;
      position: absolute;
}
.bags-with-features .bag-img span.cms.cms1 {
    padding: 0;
    position: absolute;
    top: 255px;
    left: -70px;
    transform: rotate(-90deg);
    right: auto;
    text-align: center;
    bottom: 0;
    height: 20px;
    max-width: 200px;
    width: 100%;
}


.Squad-Plus-thirdsection .bags-with-features span.cms.cms2 {
    position: absolute;
    bottom: 34px;
    left: 80px;
    transform: rotate(22deg);
    border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    max-width: 150px;
}
.Squad-Plus-thirdsection .bags-with-features span.cms.cms3 {
    position: absolute;
    bottom: 30px;
    top: auto;
    left: 165px;
    right: 0;
    max-width: 150px;
    margin: auto;
    transform: rotate(-20deg);
}



.Squad-Plus-thirdsection.Squad-section .bags-with-features {
    margin: auto;
    display: block;
    text-align: center;
}

/* =======Squad-Plus-four-section  ============= */


.Squad-Plus-four-section .Squad-Plus-container {
    display: flex;
    align-items: center;
    justify-content: center;
}


.Squad-Plus-four-section.Squad-section {
    padding: 5px;
}

.Squad-Plus-four-section .bags-with-features img {
    min-height: 500px;
}

.Squad-Plus-four-section .squad-plus-bags-image {
    text-align: center;
    justify-content: right;
    margin-right: 70px;
}

.bags-with-features .bag-img {
    padding: 60px;
}

.Squad-Plus-four-section .bag-deatils {
    position: relative;
    margin-left: 0;
}
.Squad-Plus-four-section .bag-deatils {
    position: relative;
    margin-left: 0;
    margin-right: -150px;
}
/* .Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(1) {
    position: absolute;
    top: 39px;
    right: 115px;
}
 */


.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(1) {
    position: absolute;
    top: 150px;
    right: 220px;
}
.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(2) {
    top: 0;
    bottom: 2px;
    margin: auto;
    position: absolute;
    right: 236px;
    display: inline-block;
    min-width: 230px;
    line-height: normal;
}

.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(3) {
    position: absolute;
    bottom: 140px;
    right: 215px;
}

.Squad-Plus-four-section .squad-plus-bags-image ul li {
    text-align: right;
    padding-right: 35px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}

.Squad-Plus-four-section .squad-plus-bags-image ul li span.icon {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
}










/* ==========================================================
                              chaser-section
====================================================================== */

.chaser-section {
    position: relative;
    overflow: hidden;
}
.chaser-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.chaser-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.chaser-container {
    z-index: 9;
    position: relative;
}

.chaser-first-section .chaser-container {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: auto;
}

.chaser-head-title h3 {
    font-size: 60px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
  font-style: italic;
}

.chaser-third-section.chaser-section .chaser-head-title h3 
{
  font-size: 65px;
  
}




.chaser-head-title h3 span {
    display: block;
}
.chaser-head-title h3 span i {
    font-size: 48px;
    -webkit-text-stroke: 0;
    color: #fff;
    text-transform: lowercase;
    /* font-style: italic; */
    margin-right: 15px;
    font-weight: normal;
    font-family: system-ui;
      vertical-align: super;
      font-family: alscrp;
}
.chaser-bags img {
    max-height: 800px;
}
.chaser-bags .bags {
    max-height: 700px;
}
.chaser-head-title {
    position: absolute;
    bottom: 80px;
    left: 2px;
    z-index: 9;
    top: auto;
    margin: auto;
    height: 150px;
}
.chaser-effect .effect img {
    height: 60px;
}
.chaser-effect {
    position: absolute;
    max-width: 1300px;
    bottom: 110px;
    transform: rotate(20deg);
    right: -5px;
}


.chaser-effect .effect img {
    height: 60px;
    margin: 5px 0;
}
.chaser-effect .effect-2.effect {
    left: -150px;
    position: relative;
}
.chaser-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.chaser-third-section .chaser-effect .effect {
    text-align: right;
}


/* second */

.chaser-position-container {
    padding: 150px 0;
}
.chaser-position-container .chaser-bags {
    text-align: center;
}

.chaser-position-container .chaser-content {
    position: absolute;
    margin: auto;
    display: inline-block;
    width: auto;
    max-width: 500px;
    top: 20px;
    left: 25%;
}

.chaser-feat-list .list-block .text {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 30px;
    font-weight: 800;
    height: 50px;
    /* letter-spacing: 5px; */
    color: #fff;
    padding: 0 20px;
    width: 100%;
    max-width: 1200px;
    text-align: right;
    left: 0;
    right: 0;
    font-style: italic;
}

.chaser-second-section span.effect-img {
    width: 100%;
    display: block;
}

.chaser-second-section span.effect-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.chaser-second-section span.effect-img {
    width: 100%;
    display: block;
    height: 100%;
    max-height: 70px;
    position: relative;
}

.chaser-second-section span.effect-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 60px;
}

.chaser-effect-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.chaser-effect-banner {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 400px;
}

.chaser-feat-list .list-block {
    margin: 20px 0;
}
.chaser-second-section .chaser-feat-list {
    padding-right: 10%;
}

.chaser-second-section .chaser-feat-list .list-block:nth-child(2) {
    margin-right: -100px;
}
.chaser-second-section .chaser-feat-list {
    padding-right: 25%;
}

.chaser-second-section .chaser-position-container {
    padding: 200px 0;
}

.chaser-second-section .chaser-bags img {
    max-height: 650px;
  padding:20px;
  margin-top:30px;
}

.chaser-five-section .chaser-bags .bags img {
    max-height: 600px;
}


.chaser-five-section .chaser-head-title {
    bottom: 150px;
    height: 202px;
}


.chaser-five-section .chaser-head-title h3 {
    font-size: 45px;

}
.chaser-five-section .chaser-effect {
    transform: rotate(18deg);
    right: -150px;
    bottom: 70px;
}
.chaser-five-section .chaser-content {
    margin-left: 100px;
}

.chaser-five-section .chaser-container {
    padding: 40px 0;
}



/* chaser-third-section */


.chaser-third-section.chaser-section .chaser-container {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 100%;
    border: none;
    max-width: 1200px;
    align-items: center;
}


.chaser-third-section.chaser-section .chaser-container .chaser-head-title {
    position: static;
    height: auto;
    margin: 0;
}



.chaser-third-section .chaser-effect {
    transform: rotate(21deg);
    bottom: 200px;
    right: 0;
    max-width: 110%;
    /* width: 110%; */
}

.chaser-third-section .chaser-effect .effect img {
    height: 80px;
}

.chaser-third-section .chaser-effect .effect {
    text-align: right;
    position: relative;
    right: -100px;
}
.chaser-third-section .chaser-effect .effect img {
    /* width: 100%; */
}

.chaser-effect .effect-2.effect img {
    height: 60px;
}

.chaser-third-section .chaser-effect .effect-2.effect {
    /* left: 0; */
    position: relative;
}

.chaser-second-section.chaser-four-section.chaser-section .chaser-feat-list .list-block .text {
    max-width: 400px;
    right: 80px;
    left:auto;

}
.chaser-third-section .chaser-effect .effect {
    text-align: right;
    position: relative;
    /* right: -200px; */
}
.chaser-third-section .chaser-effect .effect-2.effect {
    left: auto;
}


/* ==========================================================
                              End chaser-section
====================================================================== */



/* ==========================================================
                             Swirl section
====================================================================== */


section.swirl-main-section {
    overflow: hidden;
}
.swirl-container {
    max-width: 1600px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
     z-index: 99;
     position: relative;
}

.swirl-first-section.swirl-section .banner-img {
    position: absolute;
    top: 0;
    z-index: -9;
    width: 100%;
    height: 100%;
      background: #001e48;
}
.swirl-first-section.swirl-section .banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    max-height:700px;
}
.swirl-third-section.swirl-section .swirl-container {
    position: static;
}

.swirl-modal {
    text-align: center;
}

.yellow-block {
    text-align: center;
    background: #ffce17;
    padding: 100px 10px 30px 10px;
    max-width: 900px;
    margin: auto;
}

.yellow-block h3 {
    font-size: 120px;
    text-transform: capitalize;
    letter-spacing: 5px;
    font-weight: 800;
    display: inline-block;
    background: url(/cdn/shop/files/swirl-bg.jpg?v=1698243549);
    color: transparent;
    -webkit-background-clip: text;
    background-size: 600px;
    background-attachment: fixed;
        font-family: Dinot-bold !important;
}


.yellow-block h5 {
    font-size: 40px;
    text-transform: capitalize;
}
.yellow-block h4 {
    display: inline-block;
    font-size: 60px;
    font-weight: 700;
    color: #dd1c24;
}
.swirl-modal img {
    margin-bottom: -80px;
}

.swirl-flex-container {
    display: flex;
    align-items: center;
}

.swirl-modal {
    z-index: 9;
    position: relative;
}
.swirl-flex-containerv .trolley-bags img {
    max-height: 600px;
}


.right-asset-content .trolley-bags img, .left-asset-content .trolley-bags img{
    max-height: 600px;
}

.right-asset-content, .left-asset-content {
    text-align: center;
}

.right-asset-content .trolley-bags img {
    transform: rotate(14deg);
}

.left-asset-content .trolley-bags {
    text-align: center;
}
.swirl-second-section.swirl-section {
    background: #001e48;
    padding: 90px 0;
    position: relative;
} 

.swirl-section .asset-1 img {
    max-width: 180px;
}
.swirl-section .asset-1 {
    position: absolute;
    top: 20px;
    right: 10px;
}
.swirl-four-section.swirl-section .asset-1 {
    right: -60px;
}

.swirl-four-section.swirl-section .asset-2 {
    margin-left: -70px;
}


.swirl-section.asset-2 img {
    max-width: 180px;
}
.swirl-section .asset-2 {
    position: absolute;
    bottom: 50px;
    left: 10px;
    overflow: hidden;
    max-width: 180px;
}
.swirl-section .asset-2 img {
    transform: rotate(90deg);
}
.swirl-flex-container .trolley-bags {
    position: relative;
    display: inline-block;
}


.left-asset-content .trolley-bags .bags-crcle,  .right-asset-content span.bags-crcle {
    position: absolute;
    width: 380px;
    height: 380px;
    background: #97d3f0;
    border-radius: 50%;
    left: 0;
    bottom: 30px;
    right: auto;
    margin: auto;
    z-index: 0;
    display: block;
}
.swirl-flex-container .trolley-bags img {
    position: relative;
    z-index: 9;
}
span.blur-transparent-circle
{
    position: absolute;
    display: block;
    width: 150px;
    height: 150px;
    background: #005e94ad;
    border-radius: 50%;
    top: 135px;
    bottom: 1px;
    z-index: 0;
}

.right-asset-content span.bags-crcle {
    width: 250px;
    height: 250px;
    right: -190px;
    bottom: 150px;
}

.right-asset-content span.circle-border {
    position: absolute;
    width: 400px;
    height: 400px;
    border: 5px solid #ddd;
    left: 0;
    bottom: auto;
    border-radius: 50%;
    top: 50px;
    right: 0;
    margin: auto;
}
.swirl-first-section.swirl-section {
    position: relative;
  padding-top:60px;
}
.blue-bg-bottom {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 350px;
    background: #001e48;
    z-index: -9;
    width: 100%;
}

.swirl-section {
    position: relative;
    z-index: 9;
}

.swirl-third-section .swirl-trolley-bags {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 500px;
    text-align: center;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swirl-left-fixed img {
    max-width: 300px;
}
.swirl-left-fixed {
    position: absolute;
    top: 30px;
    right: 30px;
}

.swirl-four-section.swirl-section {
    background: #001e48;
    position: relative;
    padding: 90px 0;
}

.swirl-section .features-list .title {
    color: #fff;
}

.swirl-section .swirl-feature {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    max-width: 1200px;
    margin: auto;
}

.swirl-section .features-list {
    text-align: center;
}

.swirl-section .features-list {
    text-align: center;
    background: #6666bd;
    max-width: 400px;
    border-radius: 30px;
    margin: auto;
  overflow:hidden;
}

.swirl-section .features-list .title {
    color: #fff;
    font-size: 24px;
    padding: 10px 10px;
  font-family: Dinot-normal !important;
  
}
.swirl-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: -10px;
}

.yellow-section .text-list h3 {
    margin: 0;
    font-size: 26px;
    font-weight: 500;
      font-family: Dinot-normal !important;
}

.yellow-section .text-list {
    display: inline-block;
    padding: 25px 35px;
}

.yellow-container {
    text-align: center;
}
.yellow-section {
    background: #ffce16;
}
.yellow-section .text-list::after {
    position: absolute;
    width: 2px;
    height: 60%;
    background: #fff;
    right: 0;
    top: 0;
    content: "";
    bottom: 0;
    margin: auto;
}
.yellow-section .text-list:last-child::after {
    display: none;
}

.yellow-block h3 {
    font-size: 130px;
}

.yellow-block h4 {
 
    font-size:45px;

}

.swirl-container {
    max-width: 1600px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

.skybags-logo span img {
    max-height: 45px;
}

.skybags-logo span {
    display: block;
}



/* ======================================== */
  /* boho */
/* ============================================== */

section.boho-main-section {
    overflow: hidden;
}
.boho-section {
    position: relative;
    z-index: 9;
    padding: 60px 0;
}
.boho-section .text-content {
    position: relative;
    mix-blend-mode: luminosity;
}


.boho-banner-ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff478e;
}
.boho-banner-ripple img {
    width: 110%;
    height: 110%;
    object-fit: cover;
}

.boho-container {
    max-width: 1600px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
  position: relative;
  z-index:9;
}
.boho-flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.boho-section.boho-four-section .boho-flex-container {
    max-width: 1200px;
    margin: auto;
}

.modal-img img {
    max-height: 600px;
} .modal-img img {
    max-height: 600px;
}
.boho-section .text-content h3 span {
    display: block;
}

.boho-section .text-content h3 {
    font-size: 50px;
}
.boho-section .text-content h3 {
    font-size: 50px;
    color: #ffbf06;
    z-index: 9;
    position: relative;
    margin-right: -48px;
    /* mix-blend-mode: color-burn;
    -webkit-text-stroke: 1px #fff;
    color: transparent; */
     /* background: -webkit-linear-gradient(#FFFF00, #333);  */
       /* background: linear-gradient(to right, #ffe9a7 , #ffbf06 70%); */
     /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent;  */
}
.boho-section .text-content h3.stroke {
    -webkit-text-stroke: 1px #fff;
      color: transparent;
}
.boho-section .text-content h3.blend {
    /* mix-blend-mode: color-burn; */
    /* color: #ffbf06; */
}

.swirl-second-section.swirl-section .swirl-flex-container {
    max-width: 1200px;
    margin: auto;
}
.boho-section.boho-third-section .boho-banner-ripple {
    background: #147a5f;
}

.boho-section .boho-bag-features {
    display: flex;
}
.bag-features-list {
    text-align: center;
}

.bag-features-list .title {
    font-size: 26px;
    font-weight: 700;
  color:#000;
}

.bag-features-list .description {
    color: #000;
    font-size: 16px;
}
.bag-features-list .circle-effect {
    position: absolute;
    width: 380px;
    height: 380px;
    background: #ddd;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 0;
}
.boho-section .bag-features-list {
    text-align: center;
    position: relative;
}

.boho-section .bag-features-list .bags-img img {
    max-height: 400px;
}
.boho-section .bag-features-list {
    text-align: center;
    position: relative;
    min-width: 420px;
}

.boho-section .bag-features-list .bags-img {
    position: relative;
    z-index: 9;
}

.boho-section .bag-features-list .circle-effect1 {
    position: absolute;
    bottom: 30px;
    z-index: -9;
    max-width: 200px;
    left: -30px;
}

.boho-section .effect-box span img {
    max-width: 80px;
}
.boho-section .effect-box {
    position: absolute;
    max-width: 200px;
    right: 0;
    top: 0;
}

.boho-section.boho-four-section .effect-box {
    left: -45px;
    right: auto;
    transform: rotate(-102deg);
    top: 100px;
}

.boho-section.boho-four-section .effect-box {
    left: 0;
    right: auto;
    transform: rotate(0);
    top: 100px;
}

.boho-section.boho-four-section .effect-box span:nth-child(1) {
    right: auto;
    left: -20px;
}
.boho-section.boho-four-section .effect-box span:nth-child(2) {
    top: 0;
    right: 0;
    left: -55px;
}

.boho-section.boho-four-section .effect-box span:nth-child(3) {
    max-width: 13px;
    top: 68px;
    right: 58px;
}
.boho-section.boho-four-section .effect-box span:nth-child(3) img {
    max-width: 23px;
}



.boho-section .effect-box span {
    display: block;
}

.boho-section .effect-box span:nth-child(1) {
    position: absolute;
    top: 0;
    right: -20px;
}

.boho-section .effect-box span:nth-child(2) {
    top: 45px;
    position: relative;
    right: -20px;
}


.boho-section .effect-box span:nth-child(3) {
    position: absolute;
    top: 78px;
    max-width: 30px;
    right: 90px;
}

.boho-section .effect-box span:nth-child(3) img {
    max-width: 50px;
}

.boho-section.boho-four-section .boho-left {
    text-align: center;
}


.boho-section.boho-four-section .boho-right .boho-bag1-features {
    display: inline-block;
    text-align: left;
}

.boho-section.boho-four-section .boho-right {
    text-align: center;
}
.boho-bags-list {
    background: #eeeeee;
    margin: 15px 0;
    min-width: 300px;
    padding: 10px 30px;
  text-align:center;
}
.boho-bags-list h3 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 8px;
}
.boho-bags-list p {
    margin: 0;
    font-size: 14px;
}


.boho-bags-list {
    background: #eeeeee;
    margin: 15px 0;
    min-width: 300px;
    padding: 10px 30px;
    border-radius: 10px;
    border: 1px solid #ddd;
}


.boho-bag-block img {
    max-height: 500px;
}
.boho-section-one {
    padding: 60px 0;
}
.text-content {
    z-index: 99;
    position: relative;
}
.boho-section.boho-third-section .text-content h3 {

    margin-right: 0;
    margin-left: -75px;
}

.boho-bag-block {
    position: relative;
}
.boho-section-one span.big-circle {
    display: block;
    max-width: 150px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: -9;
}

.boho-section-one span.small-cicle {
    width: 100px;
    display: block;
    position: absolute;
    bottom: 20px;
    right:150px;
}
.boho-section-second span.big-circle {
    position: absolute;
    width: 300px;
    left: 30px;
    z-index: -9;
    top: 60px;
}

.boho-section-second span.mid-circle {
    width: 150px;
    position: absolute;
    left: 0;
    top: 0;
}

.boho-section-second span.small-cicle {
    position: absolute;
    max-width: 100px;
    bottom: 50px;
    width: 100%;
    right: auto;
    left: 100px;
}

.boho-section-one span.extra-big-circle {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    z-index: -9;
    max-width: 400px;
    margin: auto;
}

.boho-section .text-content h3.stroke {
    position: absolute;
    top: 0;
    left: 0;
}




/* ======================  Marvel  ================================ */


.marvel_section {
    position: relative;
    overflow: hidden;
}


.marvel_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.marvel_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.marvel_container {
    position: relative;
    z-index: 9;
}
.marvel_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* max-height: 600px; */
}

.marvel_container {
    display: flex;
    justify-content: space-between;
}
.caption_america img {
    margin-bottom: -10px;
}
.marvel_container .right-content {
    display: flex;
    align-items: flex-end;
    margin-bottom: -6px;
    right: 0;
    position: relative;
    padding-right: 50px;
    max-width: 800px;
}

.marvel_container .right-content .marvel-text {
    padding-bottom: 50px;
  padding-left:20px;
}
.caption_america img {
    max-width: 900px;
}

.marvel_container.container2 {
    align-items: center;
    justify-content: center;
}
.marvel_section.second_section .left-text .text-img img {
    max-width: 600px;
}

.marvel_full_container {
    display: flex;
    align-items: flex-start;
}

.relative {
    position: relative;
}

.marvel_left_content .trolley-basg {
    position: absolute;
    top: -70%;
    right: -50%;
    left: auto;
}

.marvel_left_content .asset1 {
    position: absolute;
    bottom: 20px;
    left: 50px;
    max-width: 550px;
}
.marvel_right_content .trolley-bags-half {
    position: absolute;
    bottom: 0;
    left: auto;
    top: auto;
}

.marvel_right_content .asset1.push-button {
    position: absolute;
    bottom: 30px;
    max-width: 500px;
    left: auto;
    right: 60px;
}

.marvel_section.fourth_section {
    margin-top: -8px;
}

.trolley-basg-bottom {
    bottom: 0;
    right: 0;
    position: absolute;
    max-width: 500px;
}
.marvel_right_content .trolley-bags-half.top {
    left: 0;
    top: -1px;
}


.marvel_right_content .asset1.embossed-pc-shell {
    position: absolute;
    bottom: 10px;
    right: 50px;
    max-width: 500px;
}


.fourth_section .trolley-bag-bottom.bottom-right {
    position: absolute;
    bottom: 0;
    max-width: 600px;
    right: 0;
}

.marvel_section.third_section {
    margin-top: -1px;
}

/* fifth */



.marvel_section .col.relative {
    width: 33.33%;
}

.marvel_section .left-col.col.relative {
    width: 25%;
}
.marvel_section .middle-col.col.relative {
    width: 40%;
}
.marvel_section .right-col.col.relative {
    width: 40%;
}
.marvel_section .col .marvel-feature-bg img {
    height: 600px;
}

.marvel_section .right-col .marvel-feature-bg {
    margin: auto;
    text-align: right;
}
.marvel_section  .left-col.col .marvel-feature-bg {
    text-align: left;
}

.marvel_section .middle-col .marvel-feature-bg {
    text-align: center;
}

.marvel_section .col .marvel-feature-bg img {
    height: auto;
    width: 100%;
    max-height: 700px;
}



.marvel_section .trolley-size-details {
    z-index: 0;
    position: relative;
    text-align: center;
    padding: 30px;
}

.marvel_section .col .marvel-feature-bg {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    top: 0;
    /* border: 1px solid; */
    bottom: auto;
    /* min-height: 900px;
    max-height: 900px; */
      opacity: 0;
    /* background: #ddd; */
}
.marvel_section.fifth_section .marvel_full_container {
    align-items: flex-end;
}
/* .marvel_section.fifth_section {
    background: url(/cdn/shop/files/full-background-last.png);
}
 */
.marvel_section .trolley-size-details img {
    /* padding: 80px; */
}
.marvel_section .trolley-size-details {
    z-index: 0;
    position: relative;
    text-align: center;
    padding: 50px;
    margin-left: 0;
    left: -50px;
}

.marvel_section.fifth_section {
    margin-top: -10px;
}

.marvel_section .middle-col.col.relative {
    /* margin-left: -70px; */
}

.marvel_section .trolley-bags {
    padding-bottom: 20px;
}
.marvel_section .marvel-feature-bg img {
    min-width: 100%;
}



/* end marvel css */




div#shopify-section-template--21327232565529__60ff9d88-e2ee-4109-b6a3-5a2cfca0b302 .grid-product__content .grid-product__meta span.sale-price {
    font-weight: 600;
    color: #027CC3;
}





/* media css */
/* ========================================================================================== */


@media screen and (min-width:1900px)
{

section.cityscape-main-section {
    max-width: 1920px;
    margin: auto;
}

  
}

@media screen and (max-width:1599px)

{

.vertex-first-sec .img-content img {
    max-height: 500px;
}
   .vertex-first-sec .text-block img {
    max-width: 500px;
}
.vertex-secon-sec .bagspack-img img {
    max-height: 400px;
}
    
.vertex-secon-sec.vertex-section .bags-cover {
    max-width: 500px;
}


.vertex-secon-sec.vertex-section .bagspack-img 
  {
    left: -200px;
}

.squad-plus-bags-image ul li:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 223px;
    display: inline-block;
    min-width: 230px;
}



  
  /* =================== */


  .pdp-content {
    max-height: 650px;
    min-height: 650px;
}
.pdp-first-sec .troll-bags {
    max-height: 500px;
}

.pdp-text {
    max-width: 350px;
}

.pdp-girls-img {
    max-height: 100%;
    padding-top: 150px;
}
.pdp-first-sec .pdf-asset .asset-bg {
    max-width: 400px;
    position: absolute;
    bottom: 0;
    left: 300px;
    top: auto;
}
.pdp-first-sec .pdp-content .troll-bags img {
    max-height: 540px;
}
  .pdp-first-sec .pdf-asset .asset-bg {
    left: 200px;
} 

.pdp-second-sec .pdp-content .troll-bags img {
    max-height:775px;
}

.pdp-second-sec .breeze-text {
    max-width: 350px;
}
.pdp-second-sec .pdf-asset .leaf {
    top: 50px;
}
 .pdp-third-sec .trolly-bags {

    max-width: 500px;
}   

.trolley-features h3 {
    font-size: 22px;

}
.pdp-third-sec .asset-bottom {
    max-width: 500px;
}


.pdp-fourth-sec.pdp-section .troll-bags img {
    max-width: 500px;
}
  .pdp-fourth-sec.pdp-section .troll-bags {
    right: -130px;
  
}  

.pdp-fourth-sec.pdp-section .trolley-content .trolley-features::before {
    width: 358px;
    right: -327px;
    top: 126px;
      background-size: 12px 1px;

}

.pdp-fourth-sec.pdp-section .trolley-content .trolley-features.bottom::before {
    width: 180px;
    right: -171px;
    transform: rotate(24deg);
    top: 79px;
    background-size: 12px 1px;
}
    .pdp-fourth-sec.pdp-section .trolley-content .trolley-features::after {

    top: 13px;
          background-size: 12px 1px;
  
}
.pdp-five-sec .pdp-text {
    max-width: 400px;
    margin-left: 50px;
}
.pdp-cover {

    padding-top: 70px;
}
.pdp-first-sec.pdp-section .pdp-girls-img img {
    max-height: 920px;
}  
.pdp-third-sec .trolley-features::after, .pdp-third-sec .trolley-features.top::before {
    background-size: 15px 1px;

}

.pdp-fourth-sec .asset-bottom-right {
    max-width: 520px;
}
.pdp-section {
    position: relative;
    /* overflow: hidden; */
    padding-left: 50px;
    padding-right: 50px;
}
  .pdp-fourth-sec .trolley-features.bottom {
 
    top: -70px;
}  
.pdp-fourth-sec.pdp-section .trolley-features.top {
    bottom: 100px;
}

  
/* ================================================ */
   .chrysal-sec-one .trolley-bags .blue-bag.bags 
  {
    margin-left: 100px;
}



.main-content-block {
    width: 50%;
}


.chrysal-sec-one .trolley-bags {
    padding-left: 100px;
    padding-right: 0;
    width: 50%;
    margin-left: 50px;
      left: 100px;
}

.flex-container {
    padding-left: 15px;
    padding-right: 15px;
}
.chrysal-text h3 {
    font-size: 40px;
}
.chrysal-second-sec .modal-block .modal-boy img {
    max-height: 550px;
}
.chrysal-sec-third.section-third .block-trolley-bags img {
    max-height: 550px;
}
.chrysal-sec-third.section-third .asset-line .line.bottom {

    bottom: 122px;

}

.section-flex .asset-line .line.top {
    top: 132px;
    left: -15px;
    width: 385px;
}
.chrysal-sec-third.section-third .asset-line .line.bottom {
    left: -14px;
    bottom: 131px;
    width: 382px;
}    

.chrysal-sec-third.section-third .asset-line {
    min-width: 350px;
}
.section-flex .asset-line .line {
    top: 1px;
 
}
   .chrysal-sec-one .trolley-bags .bags img {
    max-height: 480px;
} 
   .chrysal-sec-one .chrysal-asset img {
    max-height: 500px;
} 
.chrysal-four-sec .trolley-bags .black-bags img {
    max-height: 600px;
}
 .chrysal-five-sec.section-five .trolley-bags img {
    max-width: 600px;
} 

.vertex-secon-sec.vertex-section .bags-cover img {
    max-height: 360px;
}

.vertex-secon-sec.vertex-section .bags-cover img {
    max-height: 350px;
}
.vertex-secon-sec .bagspack-img img {
    max-height: 400px;
}
/* .vertex-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

 */
.bags-block {
    margin-top: 0;
}


.vertex-third-sec.vertex-section .text img {
    max-width: 500px;
}
.vertex-third-sec.vertex-section .text.bottom img {
    max-width: 300px;
}
.vertex-third-sec.vertex-section .left-img-content img {
    max-height: 600px;

}
.vertex-third-sec.vertex-section .vertex-flex-container {
    padding-top: 30px;
}
.vertex-four-sec.vertex-section .left-text-img-content .text img {
    max-width: 500px;
}
.vertex-four-sec.vertex-section .right-img-content img {
    max-height: 500px;
}
.vertex-four-sec.vertex-section .img-content2 {
    position: relative;
    bottom: -50px;
}    
.vertex-bottom-bg {
    height: 150px;
}
 .vertex-third-sec.vertex-section .left-img-content .img-content {
    max-height: 500px;
}   

.player-img img {
    max-height: 500px;
}
.style-line {
    right: 60px;
}

.style-line img {
    max-height: 45px;
}
    
.cityscape-first-sec.cityscape-section .cityscape-container {
    max-width: 1200px;
}
    
/* .cityscape-first-sec.cityscape-section .cityscape-flex-container .right-img-content {
    width: 45%;
} */

  
.cityscape-second-sec.cityscape-section .cityscape-flex-container {
    padding-top: 50px;
}
.cityscape-second-sec.cityscape-section {
    /* margin-top: 60px; */
}
 .pdp-section {
    padding: 0;
} 

.pdp-section {
    padding: 0 !important;
} 

.cityscape-section .text-img span.text-style {
    display: block;
}




  
/* ========= Strider =========== */

  .Strider h2 {
    font-size: 100px;
}
  .backpack-bags-img {
    max-width: 750px;
    margin: auto;
}
.backpack-text {
    bottom: 80px;
    max-width: 800px;
    margin: auto;
}
.Strider span.small-text {
    font-size: 20px;
  margin-top:10px;
}

 .strider-asset img {
    max-width: 50px;
} 
.right-col.strider-content .strider-text-title span.text-title img {
    max-height: 70px;
    min-height: 50px;
}

.strider-text-s img {
    max-height: 350px;
}

.left-col.strider-content .girls-img img {
    max-height: 560px;
}
section.strider-main-section .text-title h4 {
    font-size: 26px;
}
.strider-section .backpack-bags-img img {
    max-height: 500px;
}
.features-text .text-title span.line {
    max-width: 380px;
    left: -408px;
}
.features-text .text-title.text-title-2 span.line {
    max-width: 415px;
    left: -448px;
}

  
.features-text .text-title {
    padding: 20px 0;
}
  .features-text.text-right {
    position: relative;
    z-index: 9;
}
.strider-section.strider-fourth-sec .text-title.text-title-1 span.line {
    left: auto;
    right: -255px;
    max-width: 389px;
}
.strider-fourth-sec .features-text .text-title.text-title-2 span.line {
    max-width: 290px;
    left: auto;
    right: -180px;
}
  .backpack-bags-img {
    margin: auto;
    text-align: center;
}

.strider-section.strider-five-sec .text-title span.line {
    max-width: 380px;
    left: -255px;
}

.strider-section.strider-five-sec .features-text .text-title.text-title-2 span.line {
    max-width: 390px !important;
    left: -260px;
}

  .strider-section.strider-six-sec .strider-flex-container .girls-img img {
    /* max-height: 400px; */
}
.strider-section.strider-six-sec .strider-flex-container .girls-img span.bags1 img {
    max-width: 280px;
}
.strider-section.strider-six-sec .strider-flex-container .girls-img img {
    max-height: 500px;
    max-width: 290px;
}
  
 .strider-section.strider-six-sec .strider-flex-container {
    padding-top: 80px;
} 


  /* =======    chaser =================== */
  .chaser-head-title h3 {
    font-size: 40px;
  }


.chaser-bags img {
    max-height: 550px;
}

.chaser-effect {
    max-width: 900px;
    transform: rotate(25deg);
}

.chaser-section {
    padding-bottom: 0;
  padding-top: 0;
}
  .chaser-effect .effect img, .chaser-effect .effect-2.effect img {
    height: 40px;
    margin: 5px 0;
}
 .chaser-head-title {
    left: 15%;
}
.chaser-first-section.chaser-section .chaser-bags {
    left: 100px;
    position: relative;
}
  
.chaser-second-section .chaser-bags img {
    max-height: 500px;
    padding: 20px;
}
 .chaser-feat-list .list-block .text {
    font-size: 20px;
} 

.chaser-second-section span.effect-img {
    height: 40px;
}
 .chaser-feat-list .list-block .text {
    font-size: 18px;
    padding: 13px 50px;
}
  .chaser-five-section .chaser-head-title {
    bottom: 100px;
}
.chaser-second-section .chaser-position-container {
    padding: 180px 0;
}
.chaser-effect-banner {
    position: absolute;
    right: -55px;
    top: -100px;
    max-width: 300px;
}
 .chaser-third-section .chaser-effect .effect img {
    height: 40px;
}

 .chaser-third-section  .chaser-bags img {
    max-height: 500px;
    margin-bottom: -10px;
}
  .chaser-third-section.chaser-section .chaser-container {
    padding: 0 100px;
}

.chaser-second-section.chaser-four-section.chaser-section .chaser-feat-list .list-block .text {
    max-width: 400px;
    right: 0;
    left: auto;
}
 .chaser-five-section .chaser-content {
    margin-left: 150px;
} 

  .chaser-five-section .chaser-effect {
    transform: rotate(18deg);
    right: -180px;
    bottom: 70px;
        max-width: 1200px
}

.chaser-five-section .chaser-head-title h3 {
    font-size: 30px;
}
  .chaser-five-section .chaser-bags .bags img {
    max-height: 500px;
}

.chaser-third-section .chaser-effect {
    transform: rotate(21deg);
    bottom: 115px;
    right: 0;
    max-width: 100%;
}

.chaser-third-section.chaser-section .chaser-head-title h3 
{
  font-size: 55px;
  
}

  
  
/* ==============================
      Squad-Plus
 ============================== */

section.Squad-Plus-main-section {
    overflow: hidden;
    padding: 0 50px;
}
.Squad-Plus-container .head-title h2 {
    font-size: 70px;
}

.Squad-Plus-first-section .Squad-Plus-container .head-title {
    margin-top: -10px;
}
.Squad-Plus-first-section .text-02 img {
    max-height: 80px;
}
.Squad-Plus-first-section.Squad-section .Squad-bags img {
    max-height: 420px;
}
.Squad-Plus-second-section .squad-text h3 {
    font-size: 30px;
    /* mix-blend-mode: lighten; */
    line-height: 40px;
    /* -webkit-text-stroke: 1px #fff; */
    letter-spacing: normal;
}
 .squad-plus-bags-image .bag-img img {
    max-height: 300px;
} 
  .squad-plus-bags-image .bag-deatils img {
    max-height: 390px;
}
 span.plus-bag {
    display: block;
} 

.squad-plus-bags-image ul li {
    font-size: 14px;
}
.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(1) {
    position: absolute;
    top: 109px;
    left: 170px;
}

.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(2) {
    right: -215px;
}

.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(3) {
    position: absolute;
    bottom: 108px;
    right: -273px;
}
.Squad-Plus-thirdsection .bags-with-features .bag-img img {
    max-height: 400px;
}

.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(1) {
    position: absolute;
    top: 120px;
    right: 176px;
}
.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(2) {
    right: 182px;
}
.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(3) {
    position: absolute;
    bottom: 120px;
    right: 170px;
}
.Squad-Plus-four-section .bags-with-features img {
    min-height: 250px;
    max-height: 350px;
}

.bags-with-features .bag-img {
    padding: 40px;
}

.Squad-Plus-first-section.Squad-section {
    margin-bottom: 100px;
}

  .Squad-Plus-thirdsection.Squad-section, .Squad-Plus-four-section.Squad-section {
    padding: 2px;
}
  .Squad-Plus-first-section .Squad-Plus-container {
    max-height: 550px;
}
.Squad-section {
    padding: 50px 30px;
}
  section.Squad-Plus-main-section {
    overflow: hidden;
}

.swirl-section .asset-1 img {
    max-width: 150px;
}

.swirl-section .asset-2 img {
    max-width: 150px;
}

.swirl-third-section .swirl-trolley-bags img {
    max-height: 500px;
}

.yellow-section .text-list h3 {
    font-size: 22px;
}

.yellow-section .text-list {
    display: inline-block;
    padding: 20px 35px;
}

.swirl-section .features-list .title {
    font-size: 24px;

}
 .right-asset-content .trolley-bags img, .left-asset-content .trolley-bags img {
    max-height: 500px;
} 
  
 .left-asset-content .trolley-bags .bags-crcle, .right-asset-content span.bags-crcle {
    width: 280px;
    height: 280px;


}

.right-asset-content span.circle-border {
    width: 350px;
    height: 350px;
    border: 2px solid #fff;
}

.swirl-section .swirl-feature {
    gap: 20px;
    max-width: 900px;
}

.swirl-content .swirl-modal img {
    max-height: 400px;
}

  .yellow-block {
    padding: 70px 10px 20px 10px;
}
 .blue-bg-bottom {
    height: 280px;

} 

.swirl-first-section.swirl-section .banner-img img {
    max-height: 550px;
}


.caption_america img {
    max-width: 700px;
}

.marvel_container .right-content {
    max-width: 650px;
}
.marvel_section .middle-col.col.relative {
    width: 30%;
}

.marvel_section .right-col .trolley-size-details img {
    max-width: 380px;
}
.marvel_section .middle-col.col.relative .trolley-size-details img {
    max-width: 340px;
}
  
 .marvel_section .right-col.col.relative .trolley-size-details {
    left: 0;
}

.marvel_section .trolley-size-details {
    left: 0;
}
  .marvel_section .left-col.col.relative .trolley-size-details {
    left: -50px;
}

.marvel_left_content .trolley-basg {
    position: absolute;
    top: -109%;
    right: -69%;
    left: auto;
}

.marvel_left_content .asset1 {
    bottom: 30px;
    max-width: 500px;
}

  .marvel_right_content .trolley-bags-half {
    max-width: 450px;
}
.marvel_right_content .asset1.push-button img {
    max-width: 400px;
}
.marvel_right_content .asset1.push-button {
    right: 130px;
} 

.marvel_right_content .asset1.embossed-pc-shell img {
    max-width: 400px;
}
.marvel_right_content .asset1.embossed-pc-shell {
    position: absolute;
    bottom: 100px;
    right: 100px;
    max-width: 500px;
}
.marvel_left_content .asset1 img {
    max-width: 400px;
}
 .fourth_section .trolley-bag-bottom.bottom-right img {
    max-height: 500px;
} 
  
}

/* =======================End max 1599======================================= */


/* =================start  Max-width 1299 ======================================================= */

@media screen and (max-width:1349px)
{
.cityscape-first-sec .cityscape-flex-container {
    justify-content: flex-end;
    min-height: 500px;
}
 .cityscape-second-sec .cityscape-assets-right {

    right: -100px;
 
}

.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img:first-child {
    right: -100px;
    z-index: 99;
}
.cityscape-flex-container .right-img-content {
    right: 0%;
}
.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img > img {
    width: 85%;
  padding: 0;
}
.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img:last-child {
    right: -100px;

}
.cityscape-third-sec .cityscape-flex-container .right-img-content .text-img {
    margin-left: -80px;
}
  
 .cityscape-third-sec .cityscape-flex-container .right-img-content .text-img span.text-style.style1 img {
    max-height: 40px;
} 
.cityscape-third-sec .cityscape-flex-container .right-img-content .text-img span.text-style.style2 {

    margin-left: -140px;
}


.marvel_section .right-col .trolley-size-details img {
    max-width: 300px;
}
.marvel_section .middle-col.col.relative .trolley-size-details img {
    max-width: 280px;
}
  .marvel_section .left-col.col.relative img {
    max-width: 240px;
}
.marvel_section .trolley-size-details {
 
    padding: 0;

}



  
  
}





/* =================start  Max-width 767 ======================================================= */


@media screen and (max-width:767px)

{
.chrysal-sec-one .chrysal-asset {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    right: 0;
    margin: auto;
}

.chrysal-sec-one .chrysal-asset img {
    transform: rotate(90deg);
    max-width: 100px;
    margin-top: -89px;
    margin-left: 103px;
}
  
.chrysal-sec-one .chrysal-asset {
    display: block;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
}

.chrysal-sec-one.section-one .flex-container {
    display: block;
}
.chrysal-sec-one.section-one .flex-container .trolley-bags {
    width: 100%;
    margin: 0;
    padding: 0;
      margin-top: 50px;
}
.chrysal-sec-one.section-one .main-content-block {
    width: 100%;
  margin-top: 100px;
}
 .chrysal-text h3 {
    line-height:35px;
    font-size: 24px ;
}

.chrysal-sec-one .chrysal-asset {
    bottom: auto !important;
}
.chrysal-second-sec.section-second .flex-container {
    display: block;
}
.chrysal-second-sec.section-second .flex-container .modal-block {
    width: 60% !important;
    text-align: center;
}
.chrysal-second-sec.section-second .flex-container .main-content-block {
    width: 100% !important;
    margin: auto;
    position: absolute;
    right: 0;
    left: auto;
    text-align: right;
    padding-left: 10px;
      margin-top: 30px;
}
.chrysal-second-sec.section-second .flex-container .chrysal-text h3 {
    line-height: 36px;
   font-size: 24px !important;
}
  

.chrysal-four-sec.section-four .flex-container {
    display: block;
}
.chrysal-four-sec.section-four .main-content-block {
    width: 100%;
}
.chrysal-four-sec.section-four.section-flex .chrysal-text ul {
    padding: 0;
    margin: 0;
    margin-top: 0;
}
  .chrysal-sec-one .trolley-bags .blue-bag.bags {
    margin-left: 30px !important;
}
.chrysal-text ul li {
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.chrysal-text ul li span.ticon img {
    max-width: 60px;
}  
.chrysal-four-sec .trolley-bags .black-bags img {
    max-height: 350px;
    margin: auto;
    display: block;
}  
 .chrysal-five-sec.section-five .flex-container {
    display: block !important;
}
.chrysal-five-sec .trolley-bags-group .bags {
    border: none;
    margin-left: 10px !important;
}
.chrysal-five-sec .trolley-bags-group {
    margin-top: 30px !important;
}

.chrysal-five-sec .trolley-bags-group .bags {
    border: none;
    margin-left: 10px !important;
}
.chrysal-text ul li {
    display: block !important;
    font-size: 18px !important;

}

.chrysal-five-sec.section-five .trolley-bags img {
    max-width: 350px !important;
}

.chrysal-five-sec.section-five.section-flex .main-content-block {
    width: 100%;
}

  
.section-flex {
    padding: 50px 10px !important;
}

  .chrysal-sec-third.section-third .block-trolley-bags img {
    max-height: 400px !important;
}
 .chrysal-sec-third.section-third .main-asset-block {
    display: block !important;
    margin-left: 0 !important;
}


.chrysal-sec-third.section-third .asset-line {
    display: none;
}



.chrysal-sec-one .trolley-bags .blue-bag.bags {
    margin-left: 35px !important;
    margin-top: 56px;
    right: -58px;
}

.section-flex .feature-title h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

.section-flex .trolley-asset {
    margin: 30px 0;

}
.section-flex .trolley-asset {
    display: block;
      text-align: center;
}

.section-flex .asset-icon {
    max-width: 50px;
      margin: auto;
}

.section-flex .trolley-asset .feature-title {
    padding-left: 0;
}

.section-flex .block-trolley-bags {
    position: absolute;
    left: -150px;
}

.chrysal-sec-third .main-asset-block {
    width: 100%;
    padding-left: 110px;
    padding-right: 0;
}
.chrysal-text h3 {
    font-size: 24px !important;
}

  .hide-for-mobile
  {
    display:none;
    
  }

.chrysal-five-sec .trolley-bags-group {
    padding-left: 0;
}

.chrysal-five-sec .chrysal-text h3 {
    font-size: 25px;
}
.chrysal-four-sec.section-four .black-bags.bags {
    transform: rotate(-90deg);
}
  .chrysal-five-sec.section-five.section-flex {
    padding-top: 0 !important;
}

.vertex-first-sec .vertex-flex-container {
    padding-top: 10px;
    display: block;
}

.vertex-first-sec .text-block img {
    max-width: 300px;
}

.vertex-first-sec .img-content img {
    max-height: 300px;
}

.vertex-first-sec.vertex-section .vertex-assets-bg img {
    min-height: 500px;
}


.chrysal-second-sec .building-asset img {
    transform: translate(-4%, 0%);
    background-size: cover;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.product__thumbs--below {
    margin-top: 15px!important;
}

.vertex-first-sec .img-content {
    text-align: right;
}
.vertex-grid {
    display: block;
    margin-top: 80px;
}

.bags-feat {
    width: 100%;
}
.vertex-secon-sec .bagspack-img img {
    max-height: 300px;
}

.bagspack-img {
    position: absolute;
    bottom: -10px;
    text-align: center;
    left: -145px;
    right: 0;
}

.bags-block {
    margin-top: 20px;
    margin-bottom: 20px;
}
.vertex-third-sec.vertex-section .vertex-assets-bg img {
    min-height: 478px;
    object-fit: cover;
    object-position: left bottom;
}

.vertex-third-sec.vertex-section .vertex-flex-container {
    padding-top: 30px;
}
.vertex-four-sec.vertex-section .vertex-flex-container {
    padding-top: 0;
}
 .vertex-third-sec.vertex-section .left-img-content .img-content {
    max-height: 650px;
    padding-right: 0;
} 
.vertex-four-sec.vertex-section {
    min-height: 400px;
    padding-top: 50px;
}
  
.vertex-bottom-bg {
    height: 100px;
}

.vertex-four-sec.vertex-section .img-content2 {
    position: relative;
    bottom: -60px;
}
.vertex-four-sec.vertex-section .vertex-flex-container {
    padding-top: 30px;
    display: block;
}
.cityscape-assets-bg img {
    /* min-height: 280px; */
}
.cityscape-first-sec.cityscape-section .player-img img {
    margin-bottom: -6px;
    margin-left: -25px;
}
.style-line {
    right: -40px;
    top: 30px;
}

  .callection-text img {
    max-height: 90px;
}

  .game-text img {
    max-width: 150px;
}

.cityscape-assets-bg {
    position: absolute;
    width: 110%;
}
.cityscape-first-sec.cityscape-section .cityscape-flex-container .right-img-content {
    top: 0;
}
.style-line img {
    max-height: 15px;
}
.cityscape-second-sec.cityscape-section .cityscape-flex-container {
    padding-top: 50px;
    position: relative;
}

.cityscape-second-sec .cityscape-flex-container .left-content-img {
    display: block;
    width: 45%;
}
  
.cityscape-second-sec .cityscape-assets-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img > img {
  
   margin-top: 0px;
  min-width: 170px;
}
 .cityscape-second-sec .player-img img {
    max-height: 200px;
}
.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img:first-child {
    right: auto;
    position: absolute;
    left: 0;
    top: -30px;
    bottom: auto;
}


.cityscape-second-sec.cityscape-section .cityscape-flex-container {

}
  
.cityscape-second-sec .cityscape-flex-container .right-img-content {
    width: 50%;
    min-width: 300px;
    position: relative;
    right: -18px;
}
  .cityscape-third-sec .banner-bags img {
    max-width: 250px;
    margin-bottom: 0;
}
.cityscape-third-sec.cityscape-section .cityscape-flex-container .left-content-img {

}
.cityscape-third-sec .cityscape-flex-container .right-img-content {
    text-align: center;
    position: relative;
    right: auto;
    bottom: -50px;
    top: auto;
    left: -23px;
}

.features-content-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.features-content .features-img {
    max-width: 150px;
}

.cityscape-fourth-sec .features-content .features-title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px;
}
.cityscape-fourth-sec .features-content {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cityscape-fourth-sec.cityscape-section {
    padding-bottom: 0;
}

  .cityscape-fourth-sec .top-head {

    margin-bottom: 20px;
}
.pdp-first-sec.pdp-section {
    padding: 0;
}

.chrysal-sec-one .trolley-bags {
    left: 0;
}

 .cityscape-second-sec.cityscape-section {
    margin-top: 0;
}

span.text-bg {
    min-width: 350px;
}
.vertex-secon-sec.vertex-section .bagspack-img {
    left: -140px;
}
.vertex-third-sec.vertex-section .vertex-flex-container .left-img-content {
    width: 50%;
    max-width: 300px;
    min-width: 200px;
    left: -100px;
    position: relative;
}
  
 /* .vertex-third-sec.vertex-section .text-block .text.top img {
    max-width: 300px;
}  */
.vertex-third-sec.vertex-section .text.bottom img {
    max-width: 200px;
}
.vertex-third-sec.vertex-section .vertex-flex-container .right-text-content {
    padding-right: 10px;
    position: absolute;
    right: 0;
    max-width: 250px;
    bottom: auto;
    top: 100px;
    left: auto;
    margin-right: 0;
}
  
.vertex-third-sec.vertex-section .vertex-flex-container {
    padding-right: 0;
}
  .vertex-third-sec.vertex-section .left-img-content img {
    max-height: 339px;
}
  .vertex-four-sec.vertex-section .left-text-img-content .text img {
    max-width: 350px;
}
.vertex-third-sec.vertex-section .text-block .text.top img {
    max-width: 250px;
}

 .backpack-bags-img {
    padding: 0px;
}
.Strider h2 {
    font-size: 60px;
}

.backpack-text .skybags {
    font-size: 28px;
    bottom: -10px;
}  
  .Strider span.small-text {
    font-size: 16px;
    top: 0;
}
.backpack-text {
    bottom: 15px;
}

.strider-asset .asset3 {
    position: absolute;
    bottom: 200px;
    left: 10px;
}

  .strider-asset .asset1 {
    left: 10px;
    bottom: -22px;
}
.strider-asset .asset2 {
    position: absolute;
    bottom: -50px;
    right: 10px;
}

.strider-third-sec .features-text {
    padding: 0;
    padding-left: 0;
}

.features-text .text-title.text-title-2 {
    margin-top: 15px;
}
section.strider-main-section .text-title h4 {
    font-size: 18px;
    font-weight: 100;
}
.strider-fourth-sec .features-text .text-title {
    padding-right: 15px;
}

.stride-back-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.right-col.strider-content .strider-text-title span.text-title img {
    max-height: 60px;
    min-height: 20px;
}

.left-col.strider-content .girls-img img {
    max-height: 600px;
}
.strider-flex-container .right-col.strider-content {
    padding-right: 10px;
}  
section.strider-main-section .text-title h4 {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto';
      margin: 0;
}
.features-text .text-title.text-title-2 {
    margin-top: 0;
}
.features-text .text-title {
    padding: 10px 15px;
}
  
.strider-third-sec .backpack-bags-img {
    padding: 5px;
    text-align: center;
}

.features-text .text-title span.line {
    display: none;
}

.strider-section.strider-five-sec .text-title {
    padding-left: 15px;
}

 .strider-section.strider-five-sec .text-title.text-title-2 {
    margin-top: 25px;
}
.strider-section.strider-five-sec .text-title.text-title-1 {
    bottom: 10px;
}

.strider-section.strider-six-sec .strider-flex-container {
    display: block;
}

.strider-section.strider-six-sec .strider-flex-container .girls-img img {
    max-height: 300px;
    max-width: 300px;
}
  .strider-section.strider-six-sec .girls-img {
    justify-content: center;
}
.strider-six-sec .text-title h4 {
    font-size: 18px;
    font-weight: 800;
}

.strider-six-sec .mid-col.strider-content {
    margin-top: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}
  
.strider-six-sec .strider-flex-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
  
.strider-six-sec .mid-col.strider-content span.bags2 {
    position: relative;
    margin-left: -90px;
    top: 0;
}
.strider-section .backpack-bags-img {
    padding: 20px;
}
section.strider-main-section .features-text .text-title h4::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 16px;
    background: #fff;
    left: -10px;
    border-radius: 50px;
    bottom: 0;
    top: 0;
    margin: auto;
}

section.strider-main-section .features-text.text-right .text-title h4::after {
    left: auto;
    right: -10px;
}
 .strider-section.strider-six-sec .text-title h4 {
    font-size: 22px;
} 

  
/* Squad-Plus */

section.Squad-Plus-main-section {
    overflow: hidden;
    padding: 0 10px;
}

.Squad-Plus-container .head-title h2 {
    font-size: 40px;
}
.Squad-Plus-first-section .text-02 {
    position: relative;
    top: -60px;
    left: -15px;
}
 .Squad-Plus-first-section  .Squad-bags {
    padding: 10px;
    position: relative;
    bottom: -30px;
}

.Squad-Plus-container .head-title {
    padding: 5px 0px;
}

 .Squad-Plus-banner::after {
    border: 2px solid #fff;
 
} 

.Squad-Plus-first-section.Squad-section {
    margin-bottom: 0;
}
.Squad-section {
    padding:30px;
    margin-top: 30px;
}  
.Squad-Plus-second-section .Squad-Plus-container {
    display: block;
}
.Squad-Plus-second-section .col-50 {
    width: 100%;
}
.Squad-Plus-second-section .squad-image {
    margin-left: 0;
}
.Squad-Plus-second-section .squad-image .plus-img img {
    max-height: 200px;
}
.Squad-Plus-second-section .squad-image {
    display: flex;
    margin-left: 0;
    justify-content: center;
}

.squad-image .plus-img {
    margin: 0px -30px;
}
.Squad-Plus-second-section .squad-text h3 {
    font-size: 20px;
    mix-blend-mode: unset;
    line-height: 32px;
    -webkit-text-stroke: unset;
    letter-spacing: normal;
}

.Squad-Plus-container .squad-left.col-60 {
    width: 100%;
}

.Squad-Plus-container .squad-right.col-40 {
    width: 100%;
}
.Squad-Plus-thirdsection .Squad-Plus-container {
    display: block;
}

.squad-plus-bags-image .bag-img img {
    max-height: 150px;
}
.Squad-Plus-thirdsection .squad-plus-bags-image {
    display: flex;
    align-items: center;
    padding-left: 10px;
      padding-top: 20px;
    padding-bottom: 20px;
}
  
.squad-plus-bags-image .bag-deatils img {
    max-height: 250px;
}
.Squad-section .bag-deatils {
    position: relative;
    margin-left: -100px;
}

  .Squad-Plus-thirdsection .bags-with-features .bag-img img {
    max-height: 250px;
}
.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(1) {
    position: absolute;
    top: 50px;
    left: 100px;
}
.Squad-Plus-thirdsection .squad-plus-bags-image ul li:nth-child(3) {
    position: absolute;
    bottom: 51px;
    right: -277px;
}
  .squad-plus-bags-image ul li span.icon {
    margin-right: 3px;
}

.squad-plus-bags-image ul li {
    font-size: 12px;
}
  .Squad-Plus-thirdsection .bags-with-features span.cms.cms2 {
    left: 60px;
    max-width: 80px;
}

.Squad-Plus-thirdsection .bags-with-features span.cms.cms3 {
    bottom: 35px;
    left: 133px;
    right: 0;
    max-width: 85px;
    margin: auto;
    transform: rotate(-20deg);
}

 .bags-with-features .bag-img span.cms.cms1 {
    top: 165px;
    left: -80px;
    right: auto;
    text-align: center;
    bottom: 0;
    height: 20px;
    max-width: 200px;
    width: 100%;
}
.Squad-Plus-four-section .Squad-Plus-container {
    display: block;
}
.Squad-Plus-four-section .bags-with-features img {
    min-height: 150px;
    max-height: 250px;
}
.Squad-Plus-four-section .squad-plus-bags-image {
    text-align: center;
    justify-content: right;
    margin-right: 10px;
}
.Squad-Plus-four-section .bag-deatils {
    margin-right: -100px;
}
.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(1) {
    position: absolute;
    top: 55px;
    right: 97px;
}
  
.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(2) {
    right: 115px;
}
  
.Squad-Plus-four-section .squad-plus-bags-image ul li:nth-child(3) {
    position: absolute;
    bottom: 60px;
    right: 101px;
}

.Squad-Plus-four-section .squad-plus-bags-image {
    padding-top: 15px;
    padding-bottom: 15px;
}
.Squad-Plus-thirdsection.Squad-section .bags-with-features h3 {
    margin: 0;
}  
.Squad-section {
    margin-bottom: 20px;
    margin-top: 20px;
}
.Squad-Plus-four-section.Squad-section h3.product-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}


/* chaser */


  
.chaser-head-title h3 {
    font-size: 30px;
}
  
.chaser-first-section.chaser-section .chaser-bags {
    left: 0;
    position: relative;
}

  .chaser-head-title {
    left: 5%;
    bottom: 10px;
    height: auto;
}

.chaser-head-title h3 span i {
    font-size: 35px;
}

.chaser-effect .effect img, .chaser-effect .effect-2.effect img {
    height: 35px;
    margin: 5px 0;
}


.chaser-position-container .chaser-content {
    position: static;
    width: 100%;
}
.chaser-second-section .chaser-position-container {
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
  
  .chaser-second-section .chaser-bags img {
    max-height: 350px;
    padding: 20px;
}
.chaser-third-section.chaser-section .chaser-container {
    padding: 0 15px;
}
.chaser-third-section.chaser-section .chaser-container {
    flex-wrap: wrap;
    padding-top: 20px;
}

  
.chaser-third-section .chaser-bags img {
    max-height: 400px;
    margin-bottom: -10px;
}
  
 .chaser-feat-list .list-block {
    margin: 10px 0;
}

.chaser-five-section .chaser-content {
    margin-left: 0;
}

.chaser-five-section .chaser-bags .bags img {
    max-height: 300px;
}

.chaser-five-section .chaser-head-title {
    bottom: 0;
    height: auto;
}
.chaser-five-section .chaser-container {
    padding-bottom: 107px;
}
.chaser-five-section .chaser-effect {
    right: 0;
    bottom: 170px;
    max-width: 1200px;
    left: 30px;
}

.yellow-block h3 {
    font-size: 75px;
}
.yellow-block h4 {
    font-size: 30px;
}
.yellow-block h5 {
    font-size: 22px;
    font-family: Dinot-bold;
}
.yellow-block h4 {
    font-size: 45px;
    font-family: 'Dinot-bold';
}

/* swirl */
  
.swirl-second-section .swirl-flex-container {
    display: block;
}

.left-asset-content .trolley-bags .bags-crcle, .right-asset-content span.bags-crcle {
    width: 200px;
    height: 200px;
}
  
.swirl-second-section.swirl-section .col-50 {
    width: 100%;
    margin: 30px 0;
}

.right-asset-content .trolley-bags img, .left-asset-content .trolley-bags img {
    max-height: 350px;
}

.right-asset-content span.circle-border {
    width: 250px;
    height: 250px;
    border: 1px solid #fff;
}


span.blur-transparent-circle {
    width: 100px;
    height: 100px;
    top: 90px;
    bottom: 1px;

}
  .right-asset-content span.bags-crcle {
    top: auto;
    right: -50px;
    left: auto;
    bottom: 100px;
}
 .swirl-section .asset-1 img {
    max-width: 100px;
} 

.swirl-third-section .swirl-trolley-bags img {
    max-height: 300px;
}
 .swirl-left-fixed {
    position: absolute;
    top: 10px;
    right: -15px;
}

 .swirl-third-section .swirl-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 380px;
} 
.swirl-third-section .swirl-trolley-bags img {
    max-height: 300px;
    margin-top: 50px;
}

.yellow-section .text-list {
    padding: 15px 15px;
}

.yellow-section .text-list h3 {
    font-size: 16px;
}

.swirl-section .swirl-feature {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.swirl-section .features-list .title {
    font-size: 18px;
}
.swirl-section .features-list .title {
    font-size: 16px;
    line-height: normal;
    min-height: 55px;
}
 .swirl-section .asset-2 img {
    max-width: 100px;
} 

.swirl-four-section.swirl-section .asset-2 {
    bottom: 15px;
    left: -20px;
}
.swirl-four-section.swirl-section {
    padding: 30px 0;
}
.blue-bg-bottom {
    height: 150px;
}
  
/* .boho-section.boho-first-section .boho-flex-container {
    display: block;
} */
.boho-section .text-content h3 {
    font-size: 35px;
    margin-bottom: 30px;
}

  
.boho-section .boho-bag-features {
    display: block;
}
.boho-section .bag-features-list {
    margin: 30px 0;
}
.boho-section .bag-features-list .bags-img img {
    max-height: 300px;
}

.bag-features-list .circle-effect {

    width: 250px;
    height: 250px;

 
}
.boho-section .modal-img {
    max-width: 250px;
}

.boho-section .text-content h3 {
    font-size: 22px;
    margin-bottom: 30px;
    margin-right: -20px;
}
 .boho-section.boho-third-section .text-content h3 {
    margin-right: 0;
    margin-left: -20px;
} 
.boho-section.boho-first-section .text-content h3 {
    text-align: right;
}
  
.boho-section {
    padding: 30px 0;
}
.boho-section.boho-four-section .boho-flex-container {
    display: flex;
    flex-wrap: wrap;
}
  
.boho-section.boho-four-section .boho-flex-container .col-50 {
    width: 100%;
      margin-top: 15px;
}
  .boho-section-second .boho-flex-container {
    flex-direction: column-reverse;
}
.boho-section-one span.small-cicle {
    right: 0;
}
.bag-features-list .title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.wizzy-filters-close-btn {
    z-index: 999999 !important;
    right: 100px !important;
}

.chaser-third-section.chaser-section .chaser-head-title h3 {
    font-size: 30px;
}

.chaser-bags img {
    max-height: 300px;
}
.chaser-first-section.chaser-section {
    padding-top: 20px;
    padding-bottom: 30px;
}

/* marvel */


.marvel_container {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

  
.caption_america {
    margin-left: -20%;
}
  
.marvel_container .right-content {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-right: 10px;
}
  
.caption_america img {
    max-width: 300px;
}
.marvel_container .right-content .marvel-text {
    padding-bottom: 5px;
}
.marvel-text {
    position: absolute;
    top: -45px;
    right: 100px;
    width: 100%;
}
.marvel_section.second_section .left-text .text-img img {
    max-width: 165px;
    margin-bottom: 30px;
}
  
.marvel_section.second_section {
    min-height: 220px;
}
.second_section  .trolley-bags img {
    min-width: 160px;
}

.trolley-bags {
    padding: 20px 0;
}

.cityscape-first-sec .cityscape-flex-container {
    justify-content: flex-end;
    min-height: 150px;
}
.cityscape-first-sec .cityscape-container {
    min-height: 250px;
}
.cityscape-first-sec .style-line {
    top: 100px;
  left: 80px;
}
.cityscape-first-sec .style-line span.h-line {
    display: block;
    margin: -10px 0;
      left: -45px;
}

.cityscape-second-sec .cityscape-flex-container .left-content-img .text-img:last-child {
    right: -50px;
    margin: 0;
}
.cityscape-third-sec .cityscape-assets-left {
    height: 124%;
    width: 50%;
}
.cityscape-second-sec .cityscape-flex-container .right-img-content .bags-img.top {
    left: -130px;
}

.cityscape-second-sec .cityscape-flex-container .right-img-content {
    margin-bottom: 0;
 
}

  .cityscape-third-sec .cityscape-flex-container .right-img-content .text-img span.text-style.style2 {
    margin-left: 0;
}
.cityscape-third-sec .cityscape-flex-container .right-img-content {
    text-align: center;
    position: absolute;
    right: auto;
    bottom: 0;
    top: 20px;
    left: 70px;
    width: auto;
    max-width: 150px;
}
 .features-content-block {
    display: block;
    text-align: center;
}
.features-content-block .features-content {
    text-align: center;
    display: inline-block;
    margin: 15px 10px;
    vertical-align: top;
}

.marvel-feature-bg img {
    min-height: 250px;
    object-fit: cover;
}
  .fourth_section .trolley-bag-bottom.bottom-right img {
    max-height: 180px;
}
 .marvel_section.fourth_section .asset1.smooth-weels {
    left: 0;
    max-width: 150px;
    bottom: 115px;
}
.marvel_right_content .asset1.embossed-pc-shell {
    position: absolute;
    bottom: 30px;
    right: auto;
    max-width: 150px;
    left: 50px;
}
  .marvel_left_content .trolley-basg img {
    margin-left: 55px;
}

  .marvel_section.fifth_section .marvel_full_container {
    display: block;
}

.marvel_section .left-col.col.relative {
    width: 100%;
}
 .marvel_section .middle-col.col.relative {
    width: 100%;
} 
 .marvel_section .right-col.col.relative {
    width: 100%;
}

.marvel_section .left-col.col.relative .trolley-size-details {
    left: 0;
}
.marvel_section.fifth_section .marvel_bg {
    display: none;
}
.marvel_section .left-col.col.relative img {
    max-width: 100%;
}
  .marvel_section .col .marvel-feature-bg {
    opacity: 1;
}

.marvel_section .col.relative .trolley-size-details img {
    max-width: 250px;
}
.marvel_section .left-col.col.relative .trolley-size-details img {
    max-width: 250px;
}
.marvel_section .col .marvel-feature-bg img {
    height: auto;
    width: 100%;
    max-height: 700px;
    min-width: 150%;
    min-height: 100%;
}
 .marvel_section .col.relative {
    overflow: hidden;
}
.marvel_section .col.relative .trolley-size-details img 
{
    padding: 30px;
}
.marvel_section .right-col.col.relative .marvel-feature-bg img {
    margin-left: -40%;
}
.marvel_section .middle-col.col.relative .marvel-feature-bg img {
    margin-left: -32%;
}
.marvel_section .left-col.col.relative .marvel-feature-bg img {
    margin-left: 0;
    min-width: 101%;
}
.marvel_left_content .asset1 img {
    max-width: 150px;
}
.marvel_right_content .asset1.embossed-pc-shell img {
    max-width: 154px;
}
.marvel_left_content .trolley-basg {

    top: -96%;

}
.marvel_right_content .asset1.embossed-pc-shell {
    left: 33px;
}
.marvel_right_content .asset1.push-button img {
    max-width: 150px;
}
.marvel_right_content .asset1.push-button {
    right: -2px;
    bottom: 10px;
}
.skybags-logo span img {
    max-height: 30px;
}

h2.section-header__title {
    font-size: 24px;
}

div#shopify-section-template--21327232565529__d6aa5c7a-98f0-42ac-8029-af3f917326ca h2.section-header__title {
    font-size: 24px;
}

button#add-to-cart-main:after {
    left: -14px;
}

.cityscape-third-sec .cityscape-flex-container .right-img-content .text-img {
    margin-left: -30px;
}




  
/* product page css */

/* .product__thumbs .product__thumb-item {
    background: #fff;
}
.product__thumbs .product__thumb-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-height: 88px;
} */

  .cityscape-third-sec .cityscape-flex-container .right-img-content .text-img span.text-style.style2 {
    margin-top: 0px;
}

.cityscape-third-sec .cityscape-flex-container .left-content-img {
    margin-left: 115px;
    margin-top: 26px;
}


  
  
}

/* ================================= end max 767 =================================== */






@media screen and (max-width:380px)

.boho-section .modal-img {
    max-width: 200px;
}


.cityscape-main-section
{
  displa:none;
  
}

}


/* 
.wizzy-result-product .wizzy-addToCart-button:hover svg path {
    fill: #fff;
}
.wizzy-result-product .wizzy-addToCart-button:hover {
    color: #fff;
}
.wizzy-result-product .wizzy-addToCart-button {
    position: relative;
    z-index: 9;
    overflow: hidden;
    transition: all 0.3s ease;
}

.wizzy-result-product .wizzy-addToCart-button::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #007CC3 , #019AB6 70%);
    width: 0;
    transition: all 0.3s ease-in;
    left: 0;
    top: 0;
    z-index: -9;
}

.wizzy-result-product .wizzy-addToCart-button:hover::after
{
width:100%;
	
}

.wizzy-result-product .wizzy-addToCart-buttonsvg path 
{
	 transition: all 0.3s ease-in;
}



.js-qty__wrapper button.js-qty__adjust {
    background: none;
}



 */


}

/* @media screen and (min-width:767px)


{

.slideshow2 .spin-canvas-container::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    border: none;
    display: block;
    bottom: 20px;
    left: 0;
    right: 0;
    background: url(/cdn/shop/files/Group_179210.png?v=1698307388);
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
}

  
}
 */