{"version":3,"sources":["C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/LogoAnimationComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/LogoAnimationComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/LogoAnimationComponent/LogoAnimationComponent.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/HoverAnimationComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/HoverAnimationComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/HoverAnimationComponent/ImageAnimationComponent.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/HoverAnimationComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/common/HoverAnimationComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/variable.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/view_uniqueBrandView.scss"],"names":[],"mappings":"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","file":"9.389c076c.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","$cWhite : #ffffff;\r\n$cBlack : #000000;\r\n$cLightBlue : #43C5E4;\r\n$cBlue : #004359;\r\n$cMaroon : #88161E;\r\n$cOrange : #F04B24;\r\n$cCrimson: #CA1F35;\r\n$cYellow: #F89520;\r\n\r\n// Button Bg color\r\n\r\n$buttonBgColor: #E82C2A;\r\n$transparentButtonColor: #E82C2A;\r\n\r\n\r\n// Media Query Mixins \r\n$mobile-minBreakPoint: 320px;\r\n$mobile-breakPoint: 767px;\r\n@mixin mobile {\r\n  @media only screen and (min-width: $mobile-minBreakPoint) and (max-width: $mobile-breakPoint) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Font Size For Header\r\n$fSecondHeader : 40px;\r\n$fSecondHeaderMobile: 32px;\r\n\r\n// $fFirstHeader : 50px;\r\n// $fFirstHeaderMobile: 50px;\r\n// $fFirstPara : 40px;\r\n// $fFirstParaMobile: 40px;\r\n// $fSecondPara : 24px;\r\n// $fSecondParaMobile: 30px;\r\n\r\n\r\n/* Changes done in the branding and reverted code\r\n$cWhite : #ffffff;\r\n$cBlack : #000000;\r\n$cLightBlue : #43C5E4;\r\n$cBlue : #007EC5;  // old Value #004359;\r\n$cMaroon : #C3271B;// old Value  #88161E;\r\n$cOrange : #EA5329;// old Value #F04B24;\r\n$cCrimson: #E82C2A;// old Value #CA1F35;\r\n$cYellow: #F89520;\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"]}