{"version":3,"sources":["C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/common/LogoAnimationComponent/C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/common/LogoAnimationComponent/C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/common/LogoAnimationComponent/LogoAnimationComponent.scss","C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/common/HoverAnimationComponent/C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/common/HoverAnimationComponent/C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/common/HoverAnimationComponent/ImageAnimationComponent.scss","C:/Users/ZDM3025/Desktop/careers/careers/source/src/assets/sass/C:/Users/ZDM3025/Desktop/careers/careers/source/src/assets/sass/C:/Users/ZDM3025/Desktop/careers/careers/source/src/assets/sass/view_uniqueBrandView.scss"],"names":[],"mappings":"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","file":"9.9c112c11.chunk.css","sourcesContent":["@import '../../../assets/sass/global.scss';\r\n.logoAnimation {\r\n  clear: both;\r\n  \r\n}\r\n\r\n\r\n.logoAnimation.container {\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n\r\n.logoAnimation.container .col-lg-4 {\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n\r\n.logoAnimation.container .col-lg-4:nth-child(1) {\r\n  padding-left: 5px;\r\n  padding-right: 12px;\r\n}\r\n\r\n.logoAnimation.container .col-lg-4:nth-child(2) {\r\n  padding-left: 12px;\r\n  padding-right: 12px;\r\n}\r\n\r\n.logoAnimation.container .col-lg-4:nth-child(3) {\r\n  padding-left: 12px;\r\n  padding-right: 5px;\r\n}\r\n\r\n.logoAnimation.container .col-lg-4:nth-child(4) {\r\n  padding-left: 5px;\r\n  padding-right: 12px;\r\n}\r\n\r\n.logoAnimation.container .col-lg-4:nth-child(5) {\r\n  padding-left: 12px;\r\n  padding-right: 12px;\r\n}\r\n\r\n.logoAnimation.container .col-lg-4:nth-child(6) {\r\n  padding-left: 12px;\r\n  padding-right: 5px;\r\n}\r\n\r\n\r\n\r\n.logoAnimation > a {\r\n  position: relative;\r\n  display: inline-block;\r\n  /*margin: 40px;*/\r\n  width: 100%;\r\n  height: auto;\r\n  \r\n}\r\n\r\n.logoAnimation a:hover .front {\r\n  opacity: 0;  \r\n}\r\n\r\n.logoAnimation a:hover .behind {\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n  z-index: 20;\r\n  font-size:0.75rem;\r\n  \r\n}\r\n\r\n.logoAnimation a:hover .behind img {\r\n  width: 40%;\r\n  \r\n}\r\n\r\n.front {\r\n  /*position: absolute;*/\r\n  z-index: 10;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 5px;\r\n  box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.06);\r\n  transition: all 0.3s ease-out;\r\n  vertical-align: middle;\r\n \r\n /* margin: 10px;*/\r\n  /*padding:10px;*/\r\n}\r\n.front img.fa {\r\n  display: block;\r\n  margin: 80px 0 30px 0;\r\n  font-size: 32px;\r\n}\r\n.front span {\r\n  font-weight: bold;\r\n  display: inline-block;\r\n  padding-top: 5px;\r\n  font-family: Montserrat;\r\n  color: #004359;\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  \r\n}\r\n.behind span {\r\n  font-weight: bold;\r\n  font-family: Montserrat;\r\n  display: inline-block;\r\n  \r\n}\r\n.behind {\r\n  position: absolute;\r\n  z-index: -1;\r\n  top: 5px;\r\n  left: 5px;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 5px;\r\n  color: #023649;\r\n  /*box-shadow: 0px 0px 40px #b6bec7, 0px 0px 120px #b6bec7;*/\r\n  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.40);\r\n  opacity: 0;\r\n  padding: 10px;\r\n  transition: opacity .25s linear;\r\n  -moz-transition: opacity .25s linear;\r\n  -webkit-transition: opacity .25s linear;\r\n  cursor: default !important;\r\n}\r\n\r\n.behind {\r\n  background: #fff;\r\n  \r\n}\r\n\r\n.logoAnimation img {\r\n  height: 80%;\r\n  width: auto;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.front, .behind {\r\n    text-align: center;\r\n}\r\n\r\n.behind-section p {\r\n\tmargin-top:5px;\r\n\tpadding: 5px;\r\n}\r\n\r\n.front:before, .behind:before {    /* create a full-height inline block pseudo=element */\r\n    content: ' ';\r\n    display: inline-block;\r\n    vertical-align: middle;  /* vertical alignment of the inline element */\r\n    height: 100%;\r\n}\r\n\r\n.front-section, .behind-section {\r\n    display: inline-block;\r\n    vertical-align: middle;  /* vertical alignment of the inline element */\r\n}\r\n\r\n.logoAnimation div {\r\n\tpadding-top: 12px;\r\n\tpadding-bottom: 12px;\r\n}\r\n\r\n.imgSection {\r\n  height: 100px;\r\n  width: 200px;\r\n  margin: auto;\r\n}\r\n\r\n.App_Home_View .imgSection{\r\n  height: 200px;\r\n}\r\n\r\n// Image Remain same for Diversity Page alone\r\n.sectionUniqueBrandView .logoAnimation .behind .behind-section img {\r\n  width: 209px;\r\n  height: 120px;\r\n}\r\n\r\n@media only screen and (max-width: 576px) {\r\n  .logoAnimation img {\r\n    width: 80%;\r\n  }\r\n  .App_Home_View .logoAnimation img {\r\n    width: auto;\r\n  }\r\n}\r\n","@import '../../../assets/sass/global.scss';\r\n\r\na.button-learn-more {\r\n\toutline: none;\r\n\tcolor: #fff;\r\n\ttext-decoration: none;\r\n}\r\n\r\na.button-learn-more:hover, a.button-learn-more:focus {\r\n\tcolor: #fff;\r\n}\r\n\r\n.content {\r\n\tmargin: 0 auto;\r\n\tmax-width: 1000px;\r\n}\r\n\r\n.content>h2 {\r\n\tclear: both;\r\n\tmargin: 0;\r\n\tpadding: 4em 1% 0;\r\n\tcolor: #484B54;\r\n\tfont-weight: 800;\r\n\tfont-size: 1.5em;\r\n}\r\n\r\n.content>h2:first-child {\r\n\tpadding-top: 0em;\r\n}\r\n\r\n.button-learn-more {\r\n\tborder: 1px solid #fff;\r\n\tcolor: white;\r\n\tpadding: 5px 20px;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-block;\r\n\tfont-size: 16px;\r\n\tmargin: 4px 2px;\r\n\tcursor: pointer;\r\n\t-moz-border-radius: 50px;\r\n\t-webkit-border-radius: 50px;\r\n\tborder-radius: 50px;\r\n\ttext-transform: uppercase;\r\n}\r\n\r\n.grid {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 1em 0 4em;\r\n\tmax-width: 1000px;\r\n\tlist-style: none;\r\n\ttext-align: center;\r\n}\r\n\r\n/* Common style */\r\n\r\n.grid .figure {\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid .figure-2 {\r\n\tmin-width: 320px;\r\n\tmax-width: 480px;\r\n\tmax-height: 360px;\r\n\twidth: 48%;\r\n}\r\n\r\n.grid .figure-3 {\r\n\tmax-width: 320px;\r\n\tmax-height: 360px;\r\n\twidth: 31%;\r\n}\r\n\r\n.grid figure img {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tmin-height: 100%;\r\n\tmax-width: 100%;\r\n\topacity: 0.8;\r\n}\r\n\r\n.grid figure figcaption {\r\n\tpadding: 2em;\r\n\tcolor: #fff;\r\n\tfont-size: 1.25em;\r\n\t-webkit-backface-visibility: hidden;\r\n\tbackface-visibility: hidden;\r\n}\r\n\r\n.grid figure figcaption::before, .grid figure figcaption::after {\r\n\tpointer-events: none;\r\n}\r\n\r\n.grid figure figcaption,\r\n.grid figure figcaption>a {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n\r\n/* Anchor will cover the whole item by default */\r\n\r\n\r\n/* For some effects it will show as a button */\r\n\r\n.grid figure figcaption>a {\r\n\tz-index: 1000;\r\n\ttext-indent: 200%;\r\n\twhite-space: nowrap;\r\n\tfont-size: 0;\r\n\topacity: 0;\r\n}\r\n\r\n.grid figure h2 {\r\n\t\r\n\tfont-weight: 300;\r\n}\r\n\r\n\r\n/*.grid figure h2 span {\r\n\tfont-weight: 800;\r\n}*/\r\n\r\n.grid figure h2,\r\n.grid figure p {\r\n\tmargin: 0;\r\n}\r\n\r\n.grid figure p {\r\n\tletter-spacing: 1px;\r\n\tfont-size: 68.5%;\r\n}\r\n\r\n\r\n/*---------------*/\r\n\r\n\r\n/***** Effect Hover *****/\r\n\r\n\r\n/*---------------*/\r\n\r\nfigure.effect-hover figcaption::before {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);\r\n\tbackground: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);\r\n\tcontent: '';\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0, 50%, 0);\r\n\ttransform: translate3d(0, 50%, 0);\r\n}\r\n\r\nfigure.effect-hover h2 {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\tcolor: #fff;\r\n\t-webkit-transition: -webkit-transform 0.35s, color 0.35s;\r\n\ttransition: transform 0.35s, color 0.35s;\r\n\t-webkit-transform: translate3d(0, -50%, 0);\r\n\ttransform: translate3d(0, -50%, 0);\r\n\tfont-weight: bold;\r\n}\r\n\r\nfigure.effect-hover figcaption::before,\r\nfigure.effect-hover p {\r\n\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\r\n\ttransition: opacity 0.35s, transform 0.35s;\r\n}\r\n\r\nfigure.effect-hover p {\r\n\tposition: absolute;\r\n\t/*bottom: 0;\r\n\tleft: 0;\r\n\ttop: 40%;*/\r\n\tpadding: 2em;\r\n\twidth: 100%;\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0, 10px, 0);\r\n\ttransform: translate3d(0, 10px, 0);\r\n}\r\n\r\nfigure.effect-hover p.contentDiv {\r\n\tleft: 0;\r\n\ttop: 40%;\r\n}\r\n\r\nfigure.effect-hover p.buttonDiv {\r\n\tleft: 0;\r\n\ttop: 55%;\r\n}\r\n\r\nfigure.effect-hover:hover h2 {\r\n\tcolor: #fff;\r\n\t-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);\r\n\ttransform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);\r\n}\r\n\r\nfigure.effect-hover:hover figcaption::before,\r\nfigure.effect-hover:hover p {\r\n\topacity: 1;\r\n\t-webkit-transform: translate3d(0, 0, 0);\r\n\ttransform: translate3d(0, 0, 0);\r\n}\r\n\r\n\r\n\r\n/*Hover and Overlay*/\r\n\r\n.effect-overlay figcaption::before {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);\r\n\tbackground: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);\r\n\tcontent: '';\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0, 50%, 0);\r\n\ttransform: translate3d(0, 50%, 0);\r\n}\r\n\r\n.effect-overlay h2 {\r\n\ttext-align: center;\r\n\tposition: absolute;\r\n\ttop: 40%;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\tcolor: #fff;\r\n\t-webkit-transition: -webkit-transform 0.35s, color 0.35s;\r\n\ttransition: transform 0.35s, color 0.35s;\r\n\t-webkit-transform: translate3d(0, -50%, 0);\r\n\ttransform: translate3d(0, -50%, 0);\r\n\tfont-weight: bold;\r\n}\r\n\r\n.effect-overlay figcaption::before, .effect-overlay p {\r\n\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\r\n\ttransition: opacity 0.35s, transform 0.35s;\r\n}\r\n\r\n.effect-overlay p {\r\n\tposition: absolute;\r\n\t/*bottom: 0;\r\n\tleft: 0;\r\n\ttop: 40%;*/\r\n\tpadding: 2em;\r\n\twidth: 100%;\r\n\topacity: 0;\r\n}\r\n\r\n.effect-overlay p.contentDiv {\r\n\tleft: 0;\r\n\ttop: 40%;\r\n}\r\n\r\n.effect-overlay p.buttonDiv {\r\n\tleft: 0;\r\n\ttop: 55%;\r\n}\r\n\r\n.effect-overlay:hover h2 {\r\n\tcolor: #fff;\r\n\t-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);\r\n\ttransform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);\r\n}\r\n\r\n.effect-overlay:hover figcaption::before {\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0, 0, 0);\r\n\ttransform: translate3d(0, 0, 0);\r\n}\r\n\r\n.effect-overlay:hover img {\r\n\topacity: 0;\r\n}\r\n\r\n.effect-overlay:hover .initSection {\r\n\topacity: 0;\r\n}\r\n\r\n.effect-overlay .initSection {\r\n\topacity: 1;\r\n}\r\n\r\n.effect-overlay:hover {\r\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n\tz-index: 10;\r\n}\r\n\r\n.effect-overlay:hover .overlay-text {\r\n\topacity: 1;\r\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n\tz-index: 10;\r\n}\r\n\r\n.effect-overlay:hover .overlay-text p {\r\n\topacity: 1;\r\n\tpadding: 0;\r\n\tletter-spacing: 0;\r\n}\r\n\r\n.overlay-text {\r\n\tposition: absolute;\r\n\topacity: 0;\r\n\theight: 104%;\r\n\twidth: 104%;\r\n\tleft: -2%;\r\n\ttop: -2%;\r\n\tbackground-color: $cBlue;\r\n\tpadding-top: 5rem;\r\n\tborder-radius: 8px;\r\n}\r\n.overlay-text:hover {\r\n\ttext-decoration: none;\r\n}\r\n\r\ni {\r\n\tborder: solid;\r\n\tborder-width: 0 3px 3px 0;\r\n\tdisplay: inline-block;\r\n\tpadding: 3px;\r\n}\r\n\r\n.right {\r\n  transform: rotate(-45deg);\r\n  -webkit-transform: rotate(-45deg);\r\n}\r\n\r\n@media screen and (max-width: 50em) {\r\n\t.content {\r\n\t\tpadding: 0 10px;\r\n\t\ttext-align: center;\r\n\t}\r\n\t.grid figure.figure-2 {\r\n\t\tdisplay: inline-block;\r\n\t\tfloat: none;\r\n\t\tmargin: 10px auto;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.grid figure.figure-3 {\r\n\t\tdisplay: inline-block;\r\n\t\tfloat: none;\r\n\t\tmargin: 10px auto;\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n","/* View level CSS - International */\r\n@import 'global.scss';\r\n.sectionUniqueBrandView .scrollContainer1 {\r\n    position: relative;\r\n    overflow: hidden;\r\n    // //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    // .scrollSection1Image1 {\r\n    //     transform: translate(727px, 60px) rotate(0deg);\r\n    //     position: absolute;\r\n    //     z-index: 0;\r\n    //     .scrollSection1Image1_img {  \r\n    //         width: auto;\r\n    //         height: auto;\r\n    //     }\r\n    // }\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection1Image2 {\r\n        transform: translate(1340px, 240px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image2_img {  \r\n            width: 214px;\r\n            height: 392px;\r\n        }\r\n    }\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection1Image3 {\r\n        transform: translate(940px, 190px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image3_img {  \r\n            width: 214px;\r\n            height: 392px;\r\n        }\r\n    }\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection1Image4 {\r\n        transform: translate(40px, 890px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image4_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n}\r\n\r\n.sectionUniqueBrandView .scrollContainer2 {\r\n    position: relative;\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection2Image1 {\r\n        transform: translate(-180px, 65px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection2Image1_img {  \r\n            width: 202px;\r\n            height: 370px;\r\n        }\r\n    }\r\n     //// Image bgImageFive- Blue small one -RectangleCopy13\r\n     .scrollSection2Image2 {\r\n        transform: translate(1275px, -200px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection2Image2_img {\r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection2Image3 {\r\n        transform: translate(517px, 360px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection2Image3_img {  \r\n            width: 226px;\r\n            height: 224px;\r\n        }\r\n    }\r\n    // Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection2Image4 {\r\n        transform: translate(1217px, 2084px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection2Image4_img {\r\n            width: 250px;\r\n            height: 181px;\r\n        }\r\n    }\r\n    // Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection2Image5 {\r\n        transform: translate(0px, 1970px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection2Image5_img {  \r\n            height: 276px;\r\n        }\r\n    }\r\n\r\n    // Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection2Image7 {\r\n        transform: translate(0px, 1874px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection2Image7_img {\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    // Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection2Image6 {\r\n        transform: translate(1117px, 1005px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection2Image6_img {  \r\n            width: 270px;\r\n            height: 468px;\r\n        }\r\n    }\r\n}\r\n\r\n// Other Style for Background Animation Support for z-index priority \r\n.sectionUniqueBrandView {\r\n    overflow:hidden;\r\n    .pageMargin {\r\n        margin-top:100px;\r\n    }\r\n    .top-row {\r\n        padding-top:0px;\r\n        margin-top: 0px;\r\n    }\r\n    .yourBrand, .yourBrandImage {\r\n        padding-top:0px;\r\n    }\r\n}\r\n\r\n\r\n// Mobile Background Images \r\n@media only screen and (max-width: 767px) {\r\n    .sectionUniqueBrandView .pageMargin {\r\n        margin-top:48px;\r\n    }\r\n    .sectionUniqueBrandView .scrollContainer1 {\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        // //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        // .scrollSection1Image1 {\r\n        //     transform: translate(727px, 60px) rotate(0deg);\r\n        //     position: absolute;\r\n        //     z-index: 0;\r\n        //     .scrollSection1Image1_img {  \r\n        //         width: auto;\r\n        //         height: auto;\r\n        //     }\r\n        // }\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image2 {\r\n            transform: translate(1340px, 240px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image2_img {\r\n                width: 214px;\r\n                height: 392px;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image3 {\r\n            transform: translate(940px, 190px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image3_img {\r\n                width: 214px;\r\n                height: 392px;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image4 {\r\n            transform: translate(40px, 890px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image4_img {\r\n                width: 50%;\r\n                height: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    .sectionUniqueBrandView .scrollContainer2 {\r\n        position: relative;\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image1 {\r\n            transform: translate(-180px, 65px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image1_img {\r\n                width: 202px;\r\n                height: 370px;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image2 {\r\n            transform: translate(1275px, -200px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image2_img {\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image3 {\r\n            transform: translate(517px, 360px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image3_img {\r\n                width: 75%;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image4 {\r\n            transform: translate(1217px, 2084px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image4_img {\r\n                width: 250px;\r\n                height: 181px;\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image5 {\r\n            transform: translate(0px, 1970px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image5_img {\r\n                height: 202px;\r\n                width: 68%\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image7 {\r\n            transform: translate(0px, 1874px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image7_img {\r\n                height: auto;\r\n                width: 50%;\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image6 {\r\n            transform: translate(1117px, 1005px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image6_img {\r\n                width: 50%;\r\n                height: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// iPad\r\n@media only screen and (min-width: 768px) and (max-width: 991px) {\r\n    .sectionUniqueBrandView .scrollContainer1 {\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        // //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        // .scrollSection1Image1 {\r\n        //     transform: translate(727px, 60px) rotate(0deg);\r\n        //     position: absolute;\r\n        //     z-index: 0;\r\n        //     .scrollSection1Image1_img {  \r\n        //         width: auto;\r\n        //         height: auto;\r\n        //     }\r\n        // }\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image2 {\r\n            transform: translate(1340px, 240px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image2_img {\r\n                width: 214px;\r\n                height: 392px;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image3 {\r\n            transform: translate(940px, 190px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image3_img {\r\n                width: 214px;\r\n                height: 392px;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image4 {\r\n            transform: translate(40px, 890px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image4_img {\r\n                width: 140%;\r\n                height: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    .sectionUniqueBrandView .scrollContainer2 {\r\n        position: relative;\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image1 {\r\n            transform: translate(-180px, 65px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image1_img {\r\n                width: 202px;\r\n                height: 370px;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image2 {\r\n            transform: translate(1275px, -200px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image2_img {\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image3 {\r\n            transform: translate(517px, 360px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image3_img {\r\n                width: 226px;\r\n                height: 224px;\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image4 {\r\n            transform: translate(1217px, 2084px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image4_img {\r\n                width: 250px;\r\n                height: 181px;\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image5 {\r\n            transform: translate(0px, 1970px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image5_img {\r\n                height: 276px;\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image7 {\r\n            transform: translate(0px, 1874px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image7_img {\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection2Image6 {\r\n            transform: translate(1117px, 1005px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection2Image6_img {\r\n                width: 270px;\r\n                height: 468px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Only for Landscape tablet remove the code \r\n// @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {\r\n//     /* For landscape layouts only */\r\n//     .sectionInvestView {\r\n//         .scrollSection1Image1, .scrollSection1Image2 {\r\n//             img {\r\n//                 display: none;\r\n//             }\r\n//         }\r\n//     }\r\n//   }\r\n"]}