body {
  margin: 0;
  padding: 0;
}
.prism-create {
  color: #ffffff;
  font-family: 'SourceSansPro-Light';
  font-weight: 100;
  font-style: normal;
}
.prism-create img {
  max-width: 100%;
}
* {
  box-sizing: border-box;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.no-break {
	white-space: nowrap;
}
a {
  text-decoration: none;
}
.prism-create .template h1, .prism-create .template h2, .prism-create .template h3, .prism-create .template p, .prism-create .template ul, .prism-create .template ol {
  margin-bottom: 0px;
}/* fonts used */

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('fonts/SourceSansPro-Regular.eot');
  src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'), url('fonts/SourceSansPro-Regular.svg#amadeusregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Light';
  src: url('fonts/SourceSansPro-Light.eot');
  src: url('fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Light.woff') format('woff'), url('fonts/SourceSansPro-Light.ttf') format('truetype'), url('fonts/SourceSansPro-Light.svg#amadeusregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-ExtraLight';
  src: url('fonts/SourceSansPro-ExtraLight.eot');
  src: url('fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-ExtraLight.woff') format('woff'), url('fonts/SourceSansPro-ExtraLight.ttf') format('truetype'), url('fonts/SourceSansPro-ExtraLight.svg#amadeusregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('fonts/SourceSansPro-Bold.eot');
  src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'), url('fonts/SourceSansPro-Bold.svg#amadeusregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ClanOffcPro-Ultra';
  src: url('fonts/ClanOffcPro-Ultra.eot');
  src: url('fonts/ClanOffcPro-Ultra.eot?#iefix') format('embedded-opentype'), url('fonts/ClanOffcPro-Ultra.woff') format('woff'), url('fonts/ClanOffcPro-Ultra.ttf') format('truetype'), url('fonts/ClanOffcPro-Ultra.svg#amadeusregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'ClanOT';
    src: url('fonts/ClanOT-Medium.eot');
    src: url('fonts/ClanOT-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/ClanOT-Medium.woff2') format('woff2'),
        url('fonts/ClanOT-Medium.woff') format('woff'),
        url('fonts/ClanOT-Medium.ttf') format('truetype'),
        url('fonts/ClanOT-Medium.svg#ClanOT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.slick-next, .slick-prev {
  display: inline-block !important;
}
.prism-create .controls a.icon-menu {
  display: none;
}
.prism-create .controls a.icon-share, .prism-create .controls a.icon-share-button, .prism-create div.language-select, .prism-create .controls a.icon-download {
  display: none !important;
}
.prism-create .dis_hide {
  display: none;
}

.prism-create .deep-dive {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0px;
  height: calc(100%);
  bottom: 0px;
  width: calc(100%);
}
.prism-create .controls a.icon-prev {
  display: none;
  top: 34px;
  left: 200px;
}
.prism-create .controls a.icon-next {
  display: none;
  top: 34px;
  left: 232px;
}
.prism-create .nav {
  width: 400px;
  height: auto;
  max-height: calc(100% - 100px);
  top: 70px;
  left: -400px;
  z-index: 100;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.31);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: auto;
    -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
    background: rgb(255,31,62);
background: linear-gradient(135deg, rgba(255,31,62,1) 0%, rgba(76,18,161,1) 100%);
    font-family: 'SourceSansPro-Bold';
}

.prism-create .deep-dive .slider-controls {
	position: absolute;
	background: #ffffff;
}
.prism-create .deep-dive .slider-controls ul.slick-dots li {
	background: #aaaaaa;
}
.prism-create .deep-dive .slider-controls ul.slick-dots li.slick-active {
	background: #ffffff;
}
.prism-create p, .prism-create h1, .prism-create h2, .prism-create h3, .prism-create h4, .prism-create h5, .prism-create h6 {
	margin: 0px;
	padding: 0px;
}
.prism-create p {
}
.prism-create .text-left {
	text-align: left;
}
.prism-create .text-center {
	text-align: center;
}
.prism-create .text-right {
	text-align: right;
}
.prism-create .float-left {
	float: left;
}
.prism-create .float-right {
	float: right;
}
.prism-create .color_white {
  color: #ffffff !important;
}
.prism-create .color_purple {
    color: #4C12A1 !important;
}
.prism-create .color_blue {
    color: #285BC5 !important;
}
.prism-create .color_skyblue {
    color: #3BCFF0 !important;
}
.prism-create .color_orange {
    color: #FD8D62 !important;
}
.prism-create .color_yellow {
    color: #FFCD00 !important;
}
.prism-create .color_green {
     color: #4BCD3E !important;
}
.prism-create .bg_gray {
    background: #F5F5F5;
}
.prism-create .bg_gradient_blue {
    background: rgb(59,207,240);
background: linear-gradient(90deg, rgba(59,207,240,1) 0%, rgba(27,27,111,1) 100%);
}
.prism-create .bg_gradient_orange {
    background: rgb(253,141,98);
background: linear-gradient(125deg, rgba(253,141,98,1) 0%, rgba(255,31,62,1) 100%);
}
.prism-create {
  position: absolute;
  left: 0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.prism-create .template {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* background: #E6D8CE;*/
}
.prism-create .fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.prism-create .fullscreen-bg-abs {
  position: absolute;
}
.prism-create .fullscreen-bg-video-inner {
  width: 100%;
  height: 100%;
  position: absolute;
}
.prism-create .fullscreen-bg-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* template1 css start */
.prism-create .template1 {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #D41836;
}

.prism-create .logo_top {
  position: absolute;
  z-index: 100000;
  top: 4%;
  left: 7%;
  width: 10%;
}
.prism-create .template1 .pulse_text {
  position: absolute;
  z-index: 100000;
  top: 4%;
  right: 7%;
  width: 9%;
}
.prism-create .home_logo {
  width: 24%;
}
.prism-create .home_icon {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 80px;
  height: 80px;
  cursor: pointer;
  z-index: 999999;
}
.prism-create .template1 .temp1_inner {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url("../images/page1_bg_img.png") no-repeat center bottom;
    background-size: cover;
}
.prism-create .template1 .temp1_content {
  position: relative;
  width: 86%;
    min-height: 100vh;
    margin: 0px auto;
  z-index: 10000;
    text-align: left;
    padding: 5% 0 3.5vw;
    display: flex;
    align-items: flex-end;
}
.prism-create .template .font_bold {
    font-family: 'SourceSansPro-Bold';
}
.prism-create .template1 .temp1_content .temp1_content_inner {
    width: 40%;
}
.prism-create .template1 .temp1_content h1 {
  font-size: 5.5vw;
  line-height: 4.7vw;
  margin: 4% 0% 1%;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template1 .temp1_content p {
  font-size: 1.4vw;
  line-height: 1.8vw;
  margin: 3% 0% 9vw;
}


.btn_default {
  text-align: center;
  color: #ffffff;
  font-weight: lighter;
  display: inline-block;
  padding: 0.6vw 2vw;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 1vw;
background: rgb(40,91,197);
    background: linear-gradient(135deg, rgba(40,91,197,1) 0%, rgba(59,207,240,1) 100%);
  border-radius: 50px;
    font-family: 'SourceSansPro-Regular';
    border: 0px;
    transform: scale(1);
    min-width: 10vw;
}
.btn_default:hover {
background: rgb(40,91,197);
    background: linear-gradient(135deg, rgba(40,91,197,1) 0%, rgba(59,207,240,1) 100%);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
    transform: scale(1.1);
}
.btn_white {
    background: #ffffff;
    color: #000000;
}
.btn_white:hover {
    background: #ffffff;
    color: #000000;
}
.btn_default_port_show {
    display: none;
}
.prism-create img {
  max-width: 100%;
}
.no-padding {
  padding-bottom: 0 !important;
}
.prism-create .left_arrow,
.prism-create .right_arrow {
  display: none;
}
.prism-create .left_arrow {
  position: absolute !important;
  left: 0%;
  top: 42%;
      height: 126px;
    width: 80px;
  cursor: pointer;
  z-index: 1000000;
    display: block !important;
}

.prism-create .left_arrow,
.prism-create .right_arrow {
  display: none;
}

.prism-create .sec_arrow_prev {
  position: absolute !important;
  width: 30px;
  left: 8px;
  top: 22px;
  cursor: pointer;
  -webkit-animation: arrow-prev 1.5s infinite ease;
  -moz-animation: arrow-prev 1.5s infinite ease;
  -ms-animation: arrow-prev 1.5s infinite ease;
  -o-animation: arrow-prev 1.5s infinite ease;
  animation: arrow-prev 1.5s infinite ease;
  z-index: 10000;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes arrow-prev {
  0% {
    left: 8px;
  }
  50% {
    left: 13px;
  }
  100% {
    left: 8px;
  }
}
/* Standard syntax */
@keyframes arrow-prev {
  0% {
    left: 8px;
  }
  50% {
    left: 13px;
  }
  100% {
    left: 8px;
  }
}
.prism-create .right_arrow {
  position: absolute !important;
  right: 0%;
  top: 42%;
      height: 126px;
    width: 80px;
  cursor: pointer;
  z-index: 10000;
  display: block !important;
}

.prism-create .sec_arrow_next {
  position: absolute !important;
  width: 30px;
  right: 8px;
  top: 22px;
  cursor: pointer;
  -webkit-animation: arrow-next 1.5s infinite ease;
  -moz-animation: arrow-next 1.5s infinite ease;
  -ms-animation: arrow-next 1.5s infinite ease;
  -o-animation: arrow-next 1.5s infinite ease;
  animation: arrow-next 1.5s infinite ease;
  z-index: 10000;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes arrow-next {
  0% {
    right: 8px;
  }
  50% {
    right: 13px;
  }
  100% {
    right: 8px;
  }
}
/* Standard syntax */
@keyframes arrow-next {
  0% {
    right: 8px;
  }
  50% {
    right: 13px;
  }
  100% {
    right: 8px;
  }
}
/* Control nav */
.prism-create .control_nav {
  position: absolute !important;
  bottom: 2%;
  left: 0;
  z-index: 10000;
  width: 100%;
  text-align: center;
}
.prism-create .control_nav .pageno {
  color: #222222;
  font-weight: bold;
  font-size: 0.8vw;
    margin-bottom: 0px !important;
}
.prism-create .left_arrow_mob, .prism-create .right_arrow_mob {
        display: none;
    }
.prism-create .arrow_port_hide {
  display: block;
}
.prism-create .arrow_port_show {
  display: none;
}
.prism-create .mob_show1 {
  display: none;
}
@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
.prism-create .template1 .temp1_content h1 {
    font-size: 6.5vw;
    line-height: 5.5vw;
}    
.prism-create .template1 .temp1_content p {
    font-size: 1.4vw;
    line-height: 2vw;
}    
.btn_default {
    padding: 0.8vw 2vw;
    font-size: 1.2vw;
}  
.prism-create .logo_top {
    width: 12%;
}   
   
}
@media (max-width: 1440px) {
  .prism-create .home_icon {
    width: 60px;
  }
  .prism-create .controls a.icon-menu {
    top: 70px;
    width: 60px;
    height: 60px;
  }
  .prism-create .nav .title h3 {
    font-size: 30px;
    height: 60px;
    line-height: 60px;
  }
  .prism-create .nav a.icon-close {
    top: 18px;
  }
  .prism-create .nav li a span {
    font-size: 18px;
    line-height: 24px;
  }
  .prism-create .nav li a {
    padding: 1% 10%;
    font-size: 14px;
    line-height: 18px;
  }
 
}
@media (min-width: 1800px) {
  .prism-create .sec_arrow_prev {
    width: 45px;
  }
  .prism-create .sec_arrow_next {
    width: 45px;
  }
}
@media (max-width: 1280px) and (min-height: 650px) {
.prism-create .template1 .temp1_content h1 {
    font-size: 6.5vw;
    line-height: 5.7vw;
    margin: 4% 0% 1%;
}
.prism-create .template1 .pulse_text {
    width: 10%;
}    
.prism-create .template1 .temp1_content p {
    font-size: 1.6vw;
    line-height: 2vw;
    margin: 3% 0% 11vw;
}    
.btn_default {
    padding: 0.8vw 2vw;
    font-size: 1.2vw;
}    
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template1 {
    overflow: hidden !important;
  }

.prism-create .template1 .temp1_content {
    align-items: center;
}
  .prism-create .mob_hide {
    display: none;
  }
  .prism-create .mob_show {
    display: block;
  }

  .prism-create .logo_top {
    top: 4%;
    width: 13%;
}
.prism-create .template1 .temp1_content .temp1_content_inner {
    width: 40%;
    margin-top: 4%;
}    
.prism-create .template1 .temp1_content h1 {
    font-size: 7vw;
    line-height: 6vw;
}    
.prism-create .template1 .temp1_content p {
    font-size: 1.6vw;
    line-height: 2.2vw;
    margin: 3% 0% 4vw;
}    
.btn_default {
    padding: 1vw 3vw;
    font-size: 1.4vw;
}    
}

@media (max-width: 1024px) {
  .prism-create .template1 {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {

.prism-create .logo_top {
    top: 5%;
    left: 7%;
    width: 10%;
}    
   
}

@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {
  .prism-create .home_icon {
    width: 40px;
    position: fixed;
  }
  .prism-create .controls a.icon-menu {
    top: 50px;
    width: 40px;
    height: 40px;
  }
  .prism-create .control_nav {
    bottom: 20px;
  }
  .prism-create .control_nav p.pageno {
    font-size: 14px;
  }
  .prism-create .nav .title h3 {
    font-size: 20px;
    height: 48px;
    line-height: 50px;
  }
  .prism-create .nav a.icon-close {
    top: 12px;
  }
}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {    
.prism-create .template1 .temp1_content {
    padding: 5% 0 20%;
    width: 80%;
    align-items: flex-end;
}  
.prism-create .template1 .temp1_content .temp1_content_inner {
    width: 90%;
}    
.prism-create .template1 .temp1_inner {
    background: url("../images/page1_bg_img_mob.png") no-repeat center bottom;
    background-size: cover;
}    
.prism-create .template1 .temp1_inner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0px;
    bottom: 0px;
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
}    
  .prism-create .mob_hide,
  .prism-create .mob_show,
  .prism-create .hide_break {
    display: none;
  }
.btn_default_port_show {
    display: block;
}
  .prism-create .mob_hide_full {
    display: none;
  }
  .prism-create .mob_show1 {
    display: block;
  }
  .prism-create .left_arrow,
  .prism-create .right_arrow {
    display: block !important;
    position: fixed !important;
  }
  .prism-create .template .left_arrow,
  .prism-create .template .right_arrow {
    display: none !important;
  }

  .prism-create .template1 .control_nav,
  .prism-create .template35 .control_nav,
  .prism-create .template36 .control_nav,
  .prism-create .template40 .control_nav {
    position: absolute !important;
    bottom: 0%;
    left: 0;
    z-index: 10000;
    width: 100%;
    text-align: center;
     
  }


  .prism-create .control_nav {
    position: relative !important;
    left: inherit;
    z-index: 10000;
    width: 100%;
    text-align: center;
    bottom: inherit;
    margin-bottom: 140px;
       display: none;
  }
  .prism-create .template .footer_section p {
    color: #232323;
  }
  .prism-create .template .control_nav .pageno {
    color: #232323;
  }
  .prism-create .color_white {
    color: #232323;
  }
  .prism-create .control_nav p.pageno {
    font-size: 2.5vw;
  }

  .prism-create .arrow_port_hide {
    display: none;
  }
  .prism-create .arrow_port_show {
    display: block;
  }
 .prism-create .logo_top {
    top: 4%;
    width: 25%;
    left: 10%;
}
.prism-create .template1 .pulse_text {
    width: 16%;
    top: 4.5%;
}    
.prism-create .template1 .temp1_content h1 {
    font-size: 11vw;
    line-height: 11vw;
} 
.prism-create .template1 .temp1_content p {
    font-size: 3.2vw;
    line-height: 4vw;
    margin: 3% 0% 4vw;
}    
 
.temp1_footer_text {
    bottom: 10%;
    font-size: 2vw;
    line-height: 3vw;
}  
.btn_default {
    padding: 2vw 5vw;
    font-size: 3vw;
}  
.btn_white {
    background: rgb(40,91,197);
    background: linear-gradient(135deg, rgba(40,91,197,1) 0%, rgba(59,207,240,1) 100%);
    color: #ffffff;
}
.btn_white:hover {
     background: rgb(40,91,197);
    background: linear-gradient(135deg, rgba(40,91,197,1) 0%, rgba(59,207,240,1) 100%);
    color: #ffffff;
}    
.prism-create .left_arrow_mob, .prism-create .right_arrow_mob {
        display: block;
    } 
.prism-create .mob_fixed_bot_nav {
        position: fixed;
        width: 100%;
        height: 50px;
        bottom: 0px;
        left: 0px;
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    }   
.prism-create .nav {
  max-height: calc(100% - 0px);
  top: inherit !important;
    bottom: 50px !important;
    padding-bottom: 10px;
}   
.prism-create .right_arrow_mob {
        position: fixed;
        right: 10%;
        width: 16px;
        bottom: 5px;
    }
    .prism-create .left_arrow_mob {
        position: fixed;
        right: 34%;
        width: 16px;
        bottom: 5px;
    }    
}
@media (max-width: 768px) {
     
}
@media (max-width: 480px) {
.prism-create .logo_top {
    top: 3%;
    width: 35%;
    left: 8%;
} 
.prism-create .template1 .pulse_text {
    width: 22%;
    top: 3.8%;
}    
      
.prism-create .template1 .temp1_content {
    padding: 5% 0 150px;
    width: 80%;
    align-items: flex-end;
}    
 .prism-create .template1 .temp1_content .temp1_content_inner {
    width: 100%;
}
  .prism-create .sec_arrow_next {
    width: 20px;
  }
  .prism-create .sec_arrow_prev {
    width: 20px;
  }
  .prism-create .template1 .temp1_content h1 {
    font-size: 12vw;
    line-height: 13vw;
    margin: 0% 0 5%;
  }
.prism-create .template1 .temp1_inner::before {
    height: 80%;
}
  .prism-create .control_nav {
  }  
    
  .prism-create .control_nav p.pageno {
    font-size: 3vw;
  }

  .prism-create .template1 {
    overflow: hidden;
  }
  .prism-create .template1 .temp1_content .temp1_content_sec {
    margin: 5% 0 13%;
  }
  .prism-create .template1 .temp1_content p {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }
.btn_default {
    padding: 4vw 8vw;
    font-size: 4.5vw;
    width: 100%;
}
.btn_white {
    width: auto;
    min-width: 60%;
    white-space: nowrap;
    }
  .prism-create .home_logo {
    width: 60%;
  }
  .prism-create .sec_arrow_next {
    width: 20px;
  }
  .prism-create .sec_arrow_prev {
    width: 20px;
  }
  .prism-create .left_arrow,
  .prism-create .right_arrow {
    top: 9px;
      right: 10%;
    height: 35px;
    width: 25px;
    display: block !important;
    position: fixed !important;
  }
    .prism-create .left_arrow {
        right: 20%;
        left: inherit;
    }
    
  .prism-create .template .left_arrow,
  .prism-create .template .right_arrow {
    top: 47%;
    height: 60px;
    width: 28px;
    display: none !important;
  }
  .prism-create .sec_arrow_next {
    width: 15px;
  }
  .prism-create .top_sec_img {
    height: 20vh;
  }
  .prism-create .sec_arrow_prev {
    width: 15px;
  }
  .prism-create .sec_arrow_prev {
    width: 17px;
    right: 0px;
      left: inherit;
    top: 0px;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
  }
  
  .prism-create .sec_arrow_next {
    width: 17px;
    right: 0px;
    top: 0px;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
  }
  
.prism-create .line_hor {
    width: 9%;
}      
}

@media (max-height: 450px) {
.prism-create {
    min-height: 100%;
    overflow: auto;
    height: 100vh;
}
.prism-create .template1 .temp1_content h1 {
    margin: 3% 0%;
}
  .prism-create .control_nav p.pageno {
    font-size: 10px;
  }
    
  .prism-create .home_logo {
    min-width: 150px;
  }
      
  .prism-create .mob_hide {
    display: none;
  }
  .prism-create .mob_show {
    display: none;
  }
  .prism-create .left_arrow,
  .prism-create .right_arrow {
    top: 44%;
    height: 60px;
    width: 28px;
  }
  .prism-create .template .left_arrow,
  .prism-create .template .right_arrow {
    top: 44%;
    height: 60px;
    width: 28px;
  }
  .prism-create .sec_arrow_next {
    width: 15px;
  }
  .prism-create .sec_arrow_prev {
    width: 15px;
  }
  .prism-create .sec_arrow_prev {
    width: 12px;
    left: 4px;
    top: 20px;
    -webkit-animation: arrow-prev 1.5s infinite ease;
    -moz-animation: arrow-prev 1.5s infinite ease;
    -ms-animation: arrow-prev 1.5s infinite ease;
    -o-animation: arrow-prev 1.5s infinite ease;
    animation: arrow-prev 1.5s infinite ease;
  }
  /* Chrome, Safari, Opera */
  @-webkit-keyframes arrow-prev {
    0% {
      left: 4px;
    }
    50% {
      left: 8px;
    }
    100% {
      left: 4px;
    }
  }
  /* Standard syntax */
  @keyframes arrow-prev {
    0% {
      left: 4px;
    }
    50% {
      left: 8px;
    }
    100% {
      left: 4px;
    }
  }
  .prism-create .sec_arrow_next {
    width: 12px;
    right: 4px;
    top: 20px;
    -webkit-animation: arrow-next 1.5s infinite ease;
    -moz-animation: arrow-next 1.5s infinite ease;
    -ms-animation: arrow-next 1.5s infinite ease;
    -o-animation: arrow-next 1.5s infinite ease;
    animation: arrow-next 1.5s infinite ease;
  }
  /* Chrome, Safari, Opera */
  @-webkit-keyframes arrow-next {
    0% {
      right: 4px;
    }
    50% {
      right: 8px;
    }
    100% {
      right: 4px;
    }
  }
  /* Standard syntax */
  @keyframes arrow-next {
    0% {
      right: 4px;
    }
    50% {
      right: 8px;
    }
    100% {
      right: 4px;
    }
  }
}
/* template1 css end */

/* template2 css start */
.prism-create .template2 {
  position: relative;
  width: 100%;
    background: #012ABC url("../images/page2_bg_img.jpg") no-repeat center center;
    background-size: cover;
}


.prism-create .template2 .temp2_content {
  position: relative;
  width: 86%;
    min-height: 100vh;
    margin: 0px auto;
  z-index: 10000;
    text-align: left;
    display: flex;
    align-items: center;
}

.prism-create .template2 .temp2_content .temp2_content_inner {
    width: 100%;
}
.prism-create .template2 .temp2_content .temp2_content_flexrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5% 0;
    flex-direction: row-reverse;
}
.prism-create .template2 .temp2_content .temp2_content_flexcolleft {
    width: 25%;
}
.prism-create .template2 .temp2_content .temp2_content_flexcolright {
    width: 34%;
}
.prism-create .template2 .temp2_content .temp2_rightside_text {
    position: absolute;
    right: 8%;
    top: 10%;
    width: 25%;
}
.prism-create .template2 .temp2_content h2 {
 font-size: 2.8vw;
    line-height: 3.2vw;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
    text-shadow: 3px 3px 7px rgba(0,0,0,0.20);
}
.prism-create .template2 .temp2_content h2.primary_blue {
 	color: #3BCFF0;
	margin-bottom: 2%;
}
.prism-create .template2 .temp2_content p {
  font-size: 1.1vw;
  line-height: 1.7vw;
  margin-bottom: 7%;
}
@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
.prism-create .template2 .temp2_content p {
    font-size: 1.2vw;
    line-height: 1.8vw;
}
.prism-create .template2 .temp2_content h2 {
    font-size: 3.1vw;
    line-height: 3.5vw;
}    
}
@media (max-width: 1440px) {
 
}
@media (min-width: 1800px) {

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template2 {
    overflow: hidden !important;
  }
.prism-create .template2 .temp2_content .temp2_content_flexcolright {
    width: 30%;
}
.prism-create .template2 .temp2_content .temp2_content_flexcolleft {
    width: 28%;
}    
.prism-create .template2 .temp2_content h2 {
    font-size: 3.5vw;
    line-height: 4vw;
}
.prism-create .template2 .temp2_content p {
    font-size: 1.4vw;
    line-height: 2vw;
}    
}

@media (max-width: 1024px) {
  .prism-create .template2 {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}
@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
.prism-create .template2 {
    background-position: top center;
    background-size: 150% auto;
    height: 100vh;
}   
.prism-create .template2 .temp2_content h1 {
    font-size: 8vw;
    line-height: 8vw;
}    
.prism-create .template2 .temp2_content {
    width: 100%;
    padding: 0% 0% 15%;
    min-height: auto;
    margin-top: 50%;
    position: relative;
}   

.prism-create .template2 .temp2_content .temp2_content_flexrow {
    display: block;
    padding: 5% 0;
    position: relative;
    z-index: 1000;
    background: url("../images/page2_overlay.png") no-repeat top center;
    background-size: cover;
}
.prism-create .template2 .temp2_content .temp2_content_flexcolright {
    width: 100%;
    padding: 0% 10%;
}    
.prism-create .template2 .temp2_content .temp2_content_flexcolleft {
    width: 100%;
    padding: 0% 10%;
}    

.prism-create .template2 .temp2_content h2 {
    font-size: 9vw;
    line-height: 10vw;
    margin-bottom: 0px;
    padding-bottom: 5%;
}    
.prism-create .template2 .temp2_content p {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-bottom: 7%;
}    
}
@media (max-width: 768px) {
   
}
@media (max-width: 480px) {
.prism-create .template2 {
    background-position: top center;
    background-size: 250% auto;
    height: 100vh;
}   
.prism-create .template2 .temp2_content {
    margin-top: 80%;
}    
  .prism-create .template2 .temp2_content h2 {
    font-size: 11vw;
    line-height: 12vw;
    margin: 0% 0 5%;
  }
.prism-create .template2 .temp2_content .temp2_content_flexrow {
margin-bottom: -30px;    
    padding: 5% 0 130px;
}
  .prism-create .template2 {

  }
  .prism-create .template2 .temp2_content .temp2_content_sec {
    margin: 5% 0 13%;
  }
  .prism-create .template2 .temp2_content p {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }
.prism-create .template2 .temp2_content h2 {
    text-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
    
}
@media (max-width: 400px) { 
	
}
@media (max-height: 450px) {

.prism-create .template2 .temp2_content h1 {
    margin: 3% 0%;
}

}
/* template2 css end */


/* template3 css start */
.prism-create .template3 {
  position: relative;
  width: 100%;
    background: #7036B2 url("../images/page3_bg_img.jpg") no-repeat center top;
    background-size: cover;
    height: 100vh;
}
.prism-create .template3 .temp3_bottom_img {
    position: fixed;
    width: 100%;
    min-height: 100%;
    background: url("../images/page3_bg_img1.png") no-repeat center bottom;
    background-size: 100% auto;
    bottom: -4%;
    left: 0px;
}

.prism-create .template3 .temp3_content {
  position: relative;
  width: 86%;
    height: 100vh;
    margin: 0px auto;
  z-index: 10000;
    text-align: left;
    padding: 3.5% 0;
    display: flex;
    align-items: flex-start;
}

.prism-create .template3 .temp3_content .temp3_content_inner {
    width: 100%;
}
.prism-create .template3 .temp3_content h2 {
  font-size: 2.8vw;
    line-height: 3.2vw;
  margin: 0% 0 0.5%;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template3 .temp3_content h3 {
  font-size: 1.4vw;
  line-height: 1.8vw;
  margin: 0% 0% 2%;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template3 .temp3_content p {
  font-size: 1vw;
  line-height: 1.45vw;
  margin-bottom: 2.5%;
}
.prism-create .template3 .temp3_flex_row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.prism-create .template3 .temp3_flex_row .temp3_flex_cols {
    width: 30%;
}
.prism-create .template3 .temp3_profile_flexrow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.prism-create .template3 .temp3_profile_flexleftcols {
    width: 18%;
    margin-right: 5%;
}
.prism-create .template3 .temp3_profile_flexrightcols {
    width: 60%;
}
@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
.prism-create .template3 .temp3_content {
    padding: 5% 0;
}    
.prism-create .template3 .temp3_content p {
    font-size: 1.2vw;
    line-height: 1.6vw;
    margin-bottom: 5%;
}    
.prism-create .template3 .temp3_content h2 {
    font-size: 3.2vw;
    line-height: 3.6vw;
    margin: 0% 0 1%;
}    
.prism-create .template3 .temp3_content h3 {
    font-size: 1.4vw;
    line-height: 1.8vw;
    margin: 0% 0% 3%;

}    
}
@media (max-width: 1440px) {
 
}
@media (min-width: 1800px) {

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template3 {
    overflow: hidden !important;
  }
.prism-create .template3 .temp3_content {
    padding: 6% 0;
}
.prism-create .template3 .temp3_content p {
    font-size: 1.4vw;
    line-height: 1.8vw;
}    
.prism-create .template3 .temp3_profile_flexrightcols {
    width: 70%;
}   
.prism-create .template3 .temp3_content h2 {
    font-size: 3.5vw;
    line-height: 4vw;
    margin: 0% 0 2%;
}    
}

@media (max-width: 1024px) {
  .prism-create .template3 {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}
@media (max-width: 1280px) and (min-height: 650px) {
.prism-create .template3 .temp3_content {
    padding: 6.5% 0;
}
}
@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
.prism-create .template3 .temp3_bottom_img {
    min-height: auto;
    background: url("../images/page3_bg_img1_mob.png") no-repeat center top;
    background-size: cover;
    z-index: 10000;
    height: 25%;
	pointer-events: none;
}
.prism-create .template3 .temp3_content h1 {
    font-size: 8vw;
    line-height: 8vw;
}    
.prism-create .template3 .temp3_content {
    width: 80%;
    padding: 10% 0 35%;
    height: auto;
}   
.prism-create .template3 .temp3_flex_row {
    display: block;
    justify-content: inherit;
    width: 100%;
}
.prism-create .template3 .temp3_flex_row .temp3_flex_cols {
    width: 100%;
}    
.prism-create .template3 .temp3_content h2 {
    font-size: 5vw;
    line-height: 6vw;
    margin: 0% 0 2%;
}    
.prism-create .template3 .temp3_profile_flexrow {
    margin-bottom: 5%;
}
.prism-create .template3 .temp3_content p {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 5%;
}    
.prism-create .template3 .temp3_content h3 {
    font-size: 4vw;
    line-height: 5vw;
    margin: 0% 0% 2%;
}    
}
@media (max-width: 768px) {
   
}
@media (max-width: 480px) {
.prism-create .template3 .temp3_content {
    padding: 15% 0 250px;
}
  .prism-create .template3 .temp3_content h2 {
    font-size: 8.5vw;
    line-height: 9.5vw;
    margin: 0% 0 5%;
  }
  .prism-create .template3 {
  }
  .prism-create .template3 .temp3_content .temp3_content_sec {
    margin: 5% 0 13%;
  }
  .prism-create .template3 .temp3_content p {
    font-size: 4.5vw;
    line-height: 6vw;
  }
.prism-create .template3 .temp3_profile_flexrightcols {
    width: 70%;
}
.prism-create .template3 .temp3_content h3 {
    font-size: 6vw;
    line-height: 7vw;
    margin: 0% 0% 2%;
} 
.prism-create .template3 .temp3_bottom_img {
    height: 30%;
}    
}

@media (max-height: 450px) {

.prism-create .template3 .temp3_content h1 {
    margin: 3% 0%;
}

}
/* template3 css end */


/* template4 css start */
.prism-create .template4 {
  position: relative;
  width: 100%;
    background: #003FB9 url("../images/page4_bg_img.jpg") no-repeat center bottom;
    background-size: cover;
}

.prism-create .template4 .temp4_content {
  position: relative;
  width: 86%;
    height: 100vh;
    margin: 0px auto;
  z-index: 10000;
    text-align: left;
    padding: 2% 0;
    display: flex;
    align-items: flex-start;
    min-height: 85vh;
}

.prism-create .template4 .temp4_content .temp4_content_inner {
    width: 100%;
}

.prism-create .template4 .temp4_content h3 {
  font-size: 2.3vw;
  line-height: 2.8vw;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template4 .temp4_content h6 {
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template4 .temp4_content p {
  font-size: 1vw;
  line-height: 1.45vw;
  margin-bottom: 5%;
}
.prism-create .template4 .temp4_content .temp4_slider_section {
    position: relative;
    width: 62%;
    min-width: 300px;
    margin: 0px auto;
    text-align: center;
    padding-top: 16%;
}
.prism-create .template4 .temp4_content .slide_numbers {
    position: absolute;
    left: 7%;
    top: 6%;
}
.prism-create .template4 .temp4_content .temp4_meet_text {
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1000;
}
.prism-create .template4 .temp4_content .temp4_slides_content {
    position: absolute;
        width: 95%;
    height: 96%;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    flex-flow: row wrap;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.prism-create .template4 .temp4_slides_content_outer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    left: 0px;
    top: 0px;
}
.prism-create .template4 .temp4_content .temp4_slides_content_outer::before {
    content: "";
    position: absolute;
    width: 94%;
    top: 0%;
    left: 1%;
    height: 96%;
    z-index: 0;
    background: url("../images/page4_gradient_overlay.png") no-repeat center center;
    background-size: cover;
   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    opacity: 0;
    border-radius: 0.4vw;
} 
.prism-create .template4 .temp4_content .temp4_slides_content_outer:hover::before {
     -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    opacity: 1;
}
.prism-create .template4 .temp4_content .temp4_slides_content_outer:hover {
    cursor: pointer;
}
.prism-create .template4 .temp4_content .temp4_slides_content_outer:hover .temp4_cta a {
    transform: scale(1.1);
}
.prism-create .template4 .temp4_cta {
    position: absolute;
    bottom: 12%;
    left: 0px;
    width: 100%;
    text-align: center;
}
.prism-create .template4 .dg-container {
	width: 100%;
	height: 25vw;
	position: relative;
    z-index: 1001;
}
.prism-create .template4 .dg-wrapper {
    width: 16vw;
    height: 22vw;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.prism-create .template4 .dg-wrapper .temp4_slides {
    width: 17vw;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.prism-create .template4 .dg-wrapper .dg-center {
    width: 21vw !important;
    left: -1.7vw;
    z-index: 100000000;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    opacity: 0;
}

.prism-create .template4 .dg-wrapper .dg-center::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 98%;
    left: 0px;
    height: 8vw;
    background: url("../images/page4_caurosel_shadow.png") no-repeat center center;
    background-size: contain;
}
.prism-create .template4 .dg-wrapper .temp4_slides:hover {

}
.prism-create .template4 .dg-wrapper .dg-transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.prism-create .template4 .dg-wrapper .temp4_slides img{
	display: block;
}
.prism-create .template4 .dg-wrapper .temp4_slides .temp4_slides_content_outer {
	display: none;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.prism-create .template4 .dg-wrapper .temp4_slides.dg-center .temp4_slides_content_outer {
	display: block;
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.prism-create .template4 .dg-container nav {
    width: 26vw;
    position: absolute;
    z-index: 0;
    top: 43%;
    left: 26%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.prism-create .template4 .dg-container nav span {
	text-indent: -9000px;
	float: left;
	cursor:pointer;
    width: 1.8vw;
    height: 3.5vw;
	opacity: 1;
    pointer-events: auto;
}
.prism-create .template4 .dg-container nav span.dg-prev {
    background: transparent url(../images/left-arrow-w.png) no-repeat;
    background-size: contain;
}
.prism-create .template4 .dg-container nav span:hover{
	opacity: 1;
}
.prism-create .template4 .dg-container nav span.dg-next{
	background: transparent url("../images/right-arrow-w.png") no-repeat;
    background-size: contain;
}
.prism-create .template4 .port_img_hide {
    
}
.prism-create .template4 .port_img_show {
    display: none;
}


@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
.prism-create .template4 .temp4_content {
    padding: 6% 0 5%;
}    
.prism-create .template4 .dg-wrapper .dg-center::after {
    top: 100%;
}    
.prism-create .template4 .temp4_content .temp4_slider_section {
        width: 68%;
    padding-top: 22%;
}
.prism-create .template4 .temp4_content h3 {
    font-size: 2.2vw;
    line-height: 2.6vw;
}    
.prism-create .template4 .dg-wrapper .temp4_slides {
    width: 18vw;
}    
.prism-create .template4 .dg-wrapper .dg-center {
    width: 22vw !important;
    left: -2vw;
}    
.prism-create .template4 .dg-container nav {
    width: 28.5vw;
}    
}

@media (max-width: 1440px) and  (min-width: 1400px) {
 .prism-create .template4 .temp4_content {
    padding: 5% 0 3%;
}
.prism-create .template4 .dg-wrapper .dg-center::after {
    top: 100%;
}    
}
@media (min-width: 1800px) {

}
@media (max-width: 1280px) and (min-height: 650px) {
.prism-create .template4 .temp4_content {
    padding: 8% 0;
}
.prism-create .template4 .temp4_content .temp4_slider_section {
    padding-top: 20%;
}    
.prism-create .template4 .dg-wrapper .dg-center::after {
    top: 104%;
    height: 10vw;
}    
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template4 {
    overflow: hidden !important;
  }
.prism-create .template4 .temp4_content {
    padding: 13% 0;
}
}

@media (max-width: 1024px) {
  .prism-create .template4 {
    overflow: hidden;
    overflow-y: auto;
      height: auto;
      min-height: 100vh;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}

@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
.prism-create .template4 {
    background: #003FB9 url("../images/page4_bg_img_tab.jpg") no-repeat center bottom;
    background-size: cover;
}
.prism-create .template4 .temp4_content h1 {
    font-size: 8vw;
    line-height: 8vw;
}    
.prism-create .template4 .temp4_content {
    width: 80%;
    height: auto;
    padding-bottom: 3%;
}   
.prism-create .template4 .temp4_content .temp4_slider_section {
    width: 100%;
    padding-top: 5%;
}    
.prism-create .template4 .temp4_content .temp4_meet_text {
    position: relative;
    left: inherit;
    top: inherit;
}    
    .prism-create .template4 .temp4_content .temp4_meet_text img {
        width: 70%;
        margin: 0px auto;
    }    
.prism-create .template4 .port_img_hide {
    display: none;
}
.prism-create .template4 .port_img_show {
    display: block;
}
.prism-create .template4 .dg-container {
    height: 65vw;
    margin-top: 18%;
}    
.prism-create .template4 .dg-wrapper {
    width: 32vw;
    height: 50vw;
}    
.prism-create .template4 .dg-wrapper .temp4_slides {
    width: 35vw;
}    
.prism-create .template4 .dg-wrapper .dg-center {
    width: 46vw !important;
    left: -5.5vw;
}    
.prism-create .template4 .dg-wrapper .dg-center::after {
    display: none;
}    
.prism-create .template4 .temp4_cta {
    bottom: -34%;
}    
.prism-create .template4 .temp4_content h3 {
    font-size: 5vw;
    line-height: 6vw;
}   
.prism-create .template4 .temp4_content h6 {
    font-size: 4vw;
    line-height: 5vw;
}
.prism-create .template4 .dg-container nav {
        width: 62vw;
    top: 40%;
    left: 14%;
}
.prism-create .template4 .dg-container nav span {
    width: 7vw;
    height: 9vw;
}    
}
@media (max-width: 768px) {  
}
@media (max-width: 480px) {
.prism-create .template4 {
    background: #003FB9 url("../images/page4_bg_img_mob.jpg") no-repeat center top fixed;
    background-size: 100% auto;
}
  .prism-create .template4 .temp4_content h1 {
    font-size: 11vw;
    line-height: 12vw;
    margin: 0% 0 5%;
  }
.prism-create .template4 .dg-container {
    margin-top: 17%;
}  
  .prism-create .template4 {
    overflow: hidden;
  }
  .prism-create .template4 .temp4_content .temp4_content_sec {
    margin: 5% 0 13%;
  }
  .prism-create .template4 .temp4_content p {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

.prism-create .template4 .dg-wrapper .temp4_slides {
    width: 62vw;
}
.prism-create .template4 .dg-wrapper {
    width: 33vw;
    height: 94vw;
}    
.prism-create .template4 .dg-wrapper .dg-center {
    width: 72vw !important;
    left: -18vw;
    z-index: 10000;
}      
.prism-create .template4 .dg-container nav {
        width: 101vw;
    top: 7%;
    left: -13%;
}    
.prism-create .template4 .dg-container nav span {
    width: 17vw;
    height: 85.5vw;
}  
.prism-create .template4 .dg-container nav span.dg-prev {
    background: transparent url(../images/left-arrow-w.png) no-repeat center center;
    background-size: 40px auto;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}    

.prism-create .template4 .dg-container nav span.dg-next {
    background: transparent url(../images/right-arrow-w.png) no-repeat center center;
    background-size: 40px auto;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}    
   .prism-create .template4 .temp4_content .temp4_meet_text img {
    width: 65%;
    margin: 0% auto;
}   
.prism-create .template4 .temp4_content h6 {
    font-size: 7vw;
    line-height: 8vw;
}    
.prism-create .template4 .temp4_content h3 {
    font-size: 8vw;
    line-height: 9vw;
}    
    .prism-create .template4 .temp4_cta {
    bottom: -24%;
}
}
@media (max-width: 480px) and (max-height: 700px) {
.prism-create .template4 .dg-container {
    margin-top: 3%;
}    
.prism-create .template4 .dg-wrapper {
    width: 32vw;
    height: 90vw;
}    
.prism-create .template4 .dg-container nav {
    top: 2%;
}    
}
@media (max-height: 450px) {

.prism-create .template4 .temp4_content h1 {
    margin: 3% 0%;
}

}
/* template4 css end */


/* template_tab css start */
.prism-create .template_tab {
  position: relative;
  width: 100%;
    background: #7036B2 url("../images/page5_bg_img.jpg") no-repeat center center;
    background-size: cover;
}

.prism-create .template_tab .temp_tab_content {
  position: relative;
  width: 100%;
    height: 100vh;
    margin: 0px auto;
  z-index: 10000;
    text-align: left;
    /*padding: 3% 0 5%;*/
    display: flex;
    align-items: flex-start;
}
.prism-create .template_tab .temp_tab_grid {
    width: 86%;
    margin: 0px auto;
}
.prism-create .temp_tab_main {
    display: none;
}
.prism-create .temp_tab_main1 {
    display: block;
}
.prism-create .template_tab .temp_tab_navigation {
    position: absolute;
    right: 2%;
    top: 2%;
    width: 38vw;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
}
.prism-create .template_tab .temp_tab_navigation p {
    margin: 0% 1% !important;
    position: relative;
    -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
    cursor: pointer;
}

.prism-create .template_tab .temp_tab_navigation p img {
    -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
    cursor: pointer;
    position: relative;
    float: left;
   box-shadow: 7px 7px 13px 3px rgba(0,0,0,0.21);
-webkit-box-shadow: 7px 7px 13px 3px rgba(0,0,0,0.21);
-moz-box-shadow: 7px 7px 13px 3px rgba(0,0,0,0.21);
    border-radius: 100%;
}
.prism-create .template_tab .temp_tab_navigation p::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: rgba(27, 27, 111, 0.7);
    z-index: 100;
    -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.prism-create .template_tab .temp_tab_navigation p img:hover, .prism-create .template_tab .temp_tab_navigation p.active_nav img {

}
.prism-create .template_tab .temp_tab_navigation p:hover::before, .prism-create .template_tab .temp_tab_navigation p.active_nav::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 100;
    -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.prism-create .template_tab .temp_tab_navigation p.temp_tab_navigation_last {
    margin-right: 0px !important;
}
.prism-create .template_tab .temp_tab_content .temp_tab_content_inner {
    width: 100%;
}
.prism-create .text_outline_white {
  color: transparent;
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #ffffff;
}
.prism-create .template_tab .temp_tab_content h2 {
  font-size: 4.5vw;
  line-height: 4.2vw;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template_tab .temp_tab_content h2.extra_marg {
  margin-bottom: 1.5%;
}
.prism-create .template_tab .temp_tab_content h3 {
  font-size: 2.2vw;
  line-height: 2.2vw;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template_tab .temp_tab_content h3.h3_big {
    font-size: 3vw;
  line-height: 3vw;
}
.prism-create .template_tab .temp_tab_content h3.h3_big .h3_big_sm {
    font-size: 2vw;
  line-height: 3vw;
}
.prism-create .template_tab .temp_tab_content h4 {
  font-size: 1.5vw;
  line-height: 2vw;
    margin-bottom: 2%;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template_tab .temp_tab_content h5 {
  font-size: 1.2vw;
  line-height: 1.6vw;
    margin-bottom: 2%;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template_tab .temp_tab_content h6 {
  font-size: 1.1vw;
  line-height: 1.5vw;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template_tab .temp_tab_content p {
  font-size: 0.9vw;
  line-height: 1.4vw;
  margin-bottom: 5%;
  color: #000000;
    font-weight: bold;
}
.prism-create .template_tab .temp_tab_flex_row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0% 8%;
    margin-top: -2%;
}

.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols {
    width: 32%;
}
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols2 {
    position: relative;
}
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols1 {
    position: absolute;
    left: 10%;
    top: 35%;
    width: 26%;
}
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols3 {
    margin-top: 5%;
}
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols1_inner {
    width: 85%;
}
.prism-create .template_tab .top_tab_title {
    position: relative;
    z-index: 100;
}
.prism-create .top_tab_navigation {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1%;
}
.prism-create .top_tab_navigation p {
    margin-right: 0.5vw;
    margin-bottom: 0% !important;
}
.prism-create p .tab_sec_click {
  text-align: center;
  background: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
    color: #000000;
  font-weight: lighter;
  display: inline-block;
  padding: 0.4vw 1.2vw 0.35vw 1vw;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 0.9vw;
  border-radius: 50px;
    font-family: 'SourceSansPro-Regular';
    border: 1px solid #ffffff;
    min-width: 8vw;
    transform: scale(1);
}
.prism-create p .tab_sec_click:hover, .prism-create p .tab_sec_click.active_tab, .prism-create p .tab_sec_click.active_tab_def {
  transform: scale(1.1);
}
.prism-create .top_tab_navigation p .tab_back_arrow {
    width: 0.55vw;
    margin-top: 0.20vw;
    float: left;
    margin-right: 10px;
}
.prism-create .flip-box {
    background-color: transparent;
    width: 100%;
    display: flex;
    perspective: 12000px;
}
.prism-create .flip-box-inner {
    position: relative;
    width: 100%;
    height: 28vw;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.prism-create .flip-box-inner::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 92%;
    left: 0px;
    height: 8vw;
    background: url("../images/thumb_shadow.png") no-repeat center center;
    background-size: contain;
}
.prism-create .flip-box:hover .flip-box-inner {
  transform: rotateY(-180deg);
}
.prism-create .flip-box-front, .prism-create .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.prism-create .flip-box-front img, .prism-create .flip-box-back img {
    object-fit: contain;
    object-position: right top;
    max-width: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.prism-create .flip-box-back {
    transform: rotateY(-180deg);
}

.prism-create .rotate_img_sec {
    position: absolute;
    width: 3.5vw;
    height: 3.5vw;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
    bottom: 10%;
    left: 43%;
    border: 1px solid #ffffff;
    -webkit-animation: circle_pulse 1.5s linear infinite;
    animation: circle_pulse 1.5s linear infinite;
    transition: all 1s linear;
    transform: scale(1);
    opacity: 1;
}
.prism-create .flip-box:hover .rotate_img_sec {
    transition: none;
    opacity: 0;
}
/* move in Keyframes */

@-webkit-keyframes circle_pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }    
}

@keyframes circle_pulse {
0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }    
} /*End of move in Keyframes */

.prism-create .flip_cols_back_text {
    position: absolute;
    width: 88%;
    height: 95%;
    left: 5%;
    top: 1%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2% 7%;
}
.prism-create .tab4_rotate_img_sec {
    bottom: inherit;
    left: 38%;
    top: 38%;
    cursor: pointer;
}
.prism-create .winabutton_cta {
  position: absolute;
    top: 102%;
    left: 4%;
    width: 92%;
    z-index: 1000;
    margin-bottom: 0%;
}

.prism-create .circle_bar_flex {
  display: flex;
    justify-content: flex-start;
    margin-bottom: 6%;
}
.prism-create .circle_bar_flex_cols {
    width: 42%;
    margin: 0% 6%;
    text-align: center;
}
.prism-create .circle_bar_flex_cols2 {
    width: 42%;
    margin: 0% 4%;
}
.prism-create .circle_bar_flex_cols p {
  font-size: 0.7vw !important;
  line-height: 1vw !important;
  margin-top: 8%;
  color: #000000;
    font-weight: bold;
    font-family: 'SourceSansPro-Regular';
}
.prism-create .thumb_slider_sec {
    position: relative;
}

.prism-create .thumb_slider_sec_flexrow {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 0% 6%;
}
.prism-create .thumb_slider_sec_flexcols {
    width: 30%;
    position: relative;
}
.prism-create .curve_text {
    position: absolute;
    width: 46%;
    left: 27%;
    top: 0%;
    z-index: 0;
}
.prism-create .slide_text_bottom_left {
    position: absolute;
    width: 75%;
    left: 12.5%;
    top: 55%;
    min-height: 24vh;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}
.prism-create .slide_text_bottom_center {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 63%;
}
.prism-create .slide_text_bottom_center2 {
    width: 60%;
    left: 20%;
    top: 57%;
}
.prism-create .slide_text_top_left {
    position: absolute;
    width: 75%;
    left: 12.5%;
    top: 6%;
}
.prism-create .slide_text_top_center {
	position: absolute;
    width: 60%;
    left: 20%;
    top: 15%;
}
.prism-create .slide_text_top_center2 {
    width: 75%;
    left: 12.5%;
    top: 10%;
}
.prism-create .slide_text_top_center3 {
    top: 8%;
}
.prism-create .slide_all_icons {
    position: absolute;
    width: 30%;
    bottom: 5%;
    left: 12.5%;
}
.prism-create .slide_all_icons_40 {
    width: 40%;
}
.prism-create .slide_all_icons_35 {
    width: 35%;
}
.prism-create .slide_all_icons_30 {
    width: 30%;
}
.prism-create .slide_text_bottom_left25 {
    position: absolute;
    width: 75%;
    left: 12.5%;
    top: 75%;
}

.prism-create .width_80 {
    width: 85%;
}
.prism-create .temp_tab4_flex {
    margin: 2.5% 0;
    display: flex;
    justify-content: space-between;
}
.prism-create .temp_tab4_flex .temp_tab4_flexcols {
    width: 34.2%;
}
.prism-create .temp_tab4_flex .temp_tab4_flexcols_first {
    width: 29%;
}
.prism-create .temp_tab4_flex .temp_tab4_flexcols_twocolsrow {
    display: flex;
    margin-bottom: 5%;
    min-height: 10.5vw;
    position: relative;
}
.prism-create .temp_tab4_flex .temp_tab4_flexcols_twocolssec {
    width: 50%;
    position: relative;
}
.prism-create .temp_tab4_flex p {
    font-size: 0.9vw !important;
    line-height: 1.3vw !important;
    margin-bottom: 0% !important;
}
.prism-create .mb_0 {
    margin-bottom: 0px !important;
}
.prism-create .bor_rad {
    border-radius: 20px;
    overflow: hidden;
}
.prism-create .img_float {
    float: left;
}
.prism-create .dis_flex {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}
.prism-create .temp_tab4_flexcols_twocolssec_pad {
    padding: 4% 5%;
}
.prism-create .temp_tab4_flexcols_twocolssec_pad2 {
    padding: 3%;
}
.prism-create .temp_tab4_circle_bar {
    width: 100%;
    margin: 0% 4%;
    text-align: center;
}
.prism-create .temp_tab4_ver40 {
    width: 100%;
    height: 43%;
    overflow: hidden;
    position: relative;
}
.prism-create .temp_tab4_ver60 {
    width: 100%;
    height: 52%;
}
.prism-create .temp_tab4_ver40 img {
    object-fit: cover;
    object-position: center;
}
.prism-create .temp_tab4_ver60_text {
    padding: 5% 5% 0%;
}

.prism-create .bar {
  width: 100%;
  height: 1vw;
    border-radius: 15px;
    background: #ffffff;
  }
.prism-create .bar-inner {
  height: 100%;
  position: relative;
	background: rgb(1,91,126);
background: linear-gradient(90deg, rgba(1,91,126,1) 0%, rgba(75,205,62,1) 100%);
    border-radius: 10px;
    width: 0px;
}
.prism-create .bar-inner::after {
    content: "";
    position: absolute;
    right: 0px;
    top: -0.5vw;
    width: 2vw !important;
    height: 2vw !important;
    border-radius: 100%;
    border: 0.6vw solid #ffffff;
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.17);
-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.17);
}
.prism-create .bar-inner-orange {
    background: rgb(161,140,222);
    background: linear-gradient(90deg, rgba(161,140,222,1) 0%, rgba(253,141,98,1) 100%);
}


.prism-create .bar-inner-blue {
    background: rgb(76,18,161);
    background: linear-gradient(90deg, rgba(76,18,161,1) 0%, rgba(59,207,240,1) 100%);
}
.prism-create .bar-inner-yellow {
    background: rgb(253,141,98);
    background: linear-gradient(90deg, rgba(253,141,98,1) 0%, rgba(255,205,0,1) 100%);
}
.prism-create .bar-inner.active_bar {
     -webkit-animation: progress-bar 0.6s ease-in;
    -moz-animation: progress-bar 0.6s ease-in;
    -ms-animation: progress-bar 0.6s ease-in;
    -o-animation: progress-bar 0.6s ease-in;
    animation: progress-bar 0.6s ease-in;
     transform-origin: top left;
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes progress-bar {
 0% {
     -webkit-transform: scaleX(0); 
    -ms-transform: scaleX(0); 
    -moz-transform: scaleX(0);
    transform: scaleX(0); 
}
100% {
       -webkit-transform: scaleX(1); 
    -ms-transform: scaleX(1); 
    -moz-transform: scaleX(1);
    transform: scaleX(1);  
}
}
/* Standard syntax */
@keyframes progress-bar {
0% {
    -webkit-transform: scaleX(0); 
    -ms-transform: scaleX(0); 
    -moz-transform: scaleX(0);
    transform: scaleX(0);  
}
100% {
       -webkit-transform: scaleX(1); 
    -ms-transform: scaleX(1); 
    -moz-transform: scaleX(1);
    transform: scaleX(1);  
}
}
.prism-create .bar_flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
    color: #000000;
    align-items: baseline;
}
.prism-create .bar_title {
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-family: 'SourceSansPro-Regular';
}
.prism-create .bar_count {
    width: 10vw;
    text-align: right;
}
.prism-create .bar_content {
    margin-bottom: 4%;
}
.prism-create .bar_content_last {
    margin-bottom: 0px;
}

.prism-create .temp_tab4_ver40_text {
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prism-create .temp_tab4_ver40_text h3 {
    text-shadow: 3px 3px 7px rgba(0,0,0,0.20);
}
.prism-create .temp_tab {
    min-height: 100vh;
    padding: 3% 0% 0;
}
.prism-create .conveyor_belt_animation {
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0px;
    bottom: 0%;
    z-index: 1000;
    min-height: 100px;
}
.prism-create .conveyor_anim_images {
    position: absolute;
    bottom: 60%;
    left: 0px;
    height: 250%;
    width: 100%;
    z-index: 100;
}
.prism-create .conveyor_anim_images_list {
    width: 17%;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px !important;
}

.prism-create .conveyor_anim_images_list_five_1 {
    -webkit-animation: anim-five-cards1 32s linear infinite;
    -moz-animation: anim-five-cards1 32s linear infinite;
    -ms-animation: anim-five-cards1 32s linear infinite;
    -o-animation: anim-five-cards1 32s linear infinite;
    animation: anim-five-cards1 32s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-five-cards1 {
    0% {
        left: 100%;
    }
    55% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-five-cards1 {
     0% {
        left: 100%;
    }
    55% {
        left: -20%;
    }
     100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_five_2 {
    -webkit-animation: anim-five-cards2 32s linear infinite;
    -moz-animation: anim-five-cards2 32s linear infinite;
    -ms-animation: anim-five-cards2 32s linear infinite;
    -o-animation: anim-five-cards2 32s linear infinite;
    animation: anim-five-cards2 32s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-five-cards2 {
    0% {
        left: 100%;
    }
    11% {
        left: 100%;
    }
    66% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-five-cards2 {
     0% {
        left: 100%;
    }
    11% {
        left: 100%;
    }
    66% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_five_3 {
    -webkit-animation: anim-five-cards3 32s linear infinite;
    -moz-animation: anim-five-cards3 32s linear infinite;
    -ms-animation: anim-five-cards3 32s linear infinite;
    -o-animation: anim-five-cards3 32s linear infinite;
    animation: anim-five-cards3 32s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-five-cards3 {
    0% {
        left: 100%;
    }
    22% {
        left: 100%;
    }
    77% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-five-cards3 {
    0% {
        left: 100%;
    }
    22% {
        left: 100%;
    }
    77% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_five_4 {
    -webkit-animation: anim-five-cards4 32s linear infinite;
    -moz-animation: anim-five-cards4 32s linear infinite;
    -ms-animation: anim-five-cards4 32s linear infinite;
    -o-animation: anim-five-cards4 32s linear infinite;
    animation: anim-five-cards4 32s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-five-cards4 {
    0% {
        left: 100%;
    }
    33% {
        left: 100%;
    }
    88% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-five-cards4 {
     0% {
        left: 100%;
    }
    33% {
        left: 100%;
    }
    88% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_five_5 {
    -webkit-animation: anim-five-cards5 32s linear infinite;
    -moz-animation: anim-five-cards5 32s linear infinite;
    -ms-animation: anim-five-cards5 32s linear infinite;
    -o-animation: anim-five-cards5 32s linear infinite;
    animation: anim-five-cards5 32s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-five-cards5 {
    0% {
        left: 100%;
    }
    44% {
        left: 100%;
    }
    99% {
        left: -20%;
    }
    100% {
        left: -100%;
    }
}
/* Standard syntax */
@keyframes anim-five-cards5 {
    0% {
        left: 100%;
    }
    44% {
        left: 100%;
    }
    99% {
        left: -20%;
    }
    100% {
        left: -100%;
    }
}


.prism-create .conveyor_anim_images_list_four_1 {
    -webkit-animation: anim-four-cards1 28s linear infinite;
    -moz-animation: anim-four-cards1 28s linear infinite;
    -ms-animation: anim-four-cards1 28s linear infinite;
    -o-animation: anim-four-cards1 28s linear infinite;
    animation: anim-four-cards1 28s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-four-cards1 {
    0% {
        left: 100%;
    }
    62% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-four-cards1 {
     0% {
        left: 100%;
    }
    62% {
        left: -20%;
    }
     100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_four_2 {
    -webkit-animation: anim-four-cards2 28s linear infinite;
    -moz-animation: anim-four-cards2 28s linear infinite;
    -ms-animation: anim-four-cards2 28s linear infinite;
    -o-animation: anim-four-cards2 28s linear infinite;
    animation: anim-four-cards2 28s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-four-cards2 {
    0% {
        left: 100%;
    }
    12% {
        left: 100%;
    }
    74% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-four-cards2 {
     0% {
        left: 100%;
    }
    12% {
        left: 100%;
    }
    74% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_four_3 {
    -webkit-animation: anim-four-cards3 28s linear infinite;
    -moz-animation: anim-four-cards3 28s linear infinite;
    -ms-animation: anim-four-cards3 28s linear infinite;
    -o-animation: anim-four-cards3 28s linear infinite;
    animation: anim-four-cards3 28s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-four-cards3 {
    0% {
        left: 100%;
    }
    24% {
        left: 100%;
    }
    86% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-four-cards3 {
    0% {
        left: 100%;
    }
    24% {
        left: 100%;
    }
    86% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_four_4 {
    -webkit-animation: anim-four-cards4 28s linear infinite;
    -moz-animation: anim-four-cards4 28s linear infinite;
    -ms-animation: anim-four-cards4 28s linear infinite;
    -o-animation: anim-four-cards4 28s linear infinite;
    animation: anim-four-cards4 28s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-four-cards4 {
    0% {
        left: 100%;
    }
    36% {
        left: 100%;
    }
    98% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-four-cards4 {
     0% {
        left: 100%;
    }
    36% {
        left: 100%;
    }
    98% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}


.prism-create .conveyor_anim_images_list_three_1 {
    -webkit-animation: anim-three-cards1 24s linear infinite;
    -moz-animation: anim-three-cards1 24s linear infinite;
    -ms-animation: anim-three-cards1 24s linear infinite;
    -o-animation: anim-three-cards1 24s linear infinite;
    animation: anim-three-cards1 24s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-three-cards1 {
    0% {
        left: 100%;
    }
    70% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-three-cards1 {
     0% {
        left: 100%;
    }
    70% {
        left: -20%;
    }
     100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_three_2 {
    -webkit-animation: anim-three-cards2 24s linear infinite;
    -moz-animation: anim-three-cards2 24s linear infinite;
    -ms-animation: anim-three-cards2 24s linear infinite;
    -o-animation: anim-three-cards2 24s linear infinite;
    animation: anim-three-cards2 24s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-three-cards2 {
    0% {
        left: 100%;
    }
    15% {
        left: 100%;
    }
    85% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-three-cards2 {
     0% {
        left: 100%;
    }
    15% {
        left: 100%;
    }
    85% {
        left: -20%;
    }
    100% {
        left: -20%;
    }
}
.prism-create .conveyor_anim_images_list_three_3 {
    -webkit-animation: anim-three-cards3 24s linear infinite;
    -moz-animation: anim-three-cards3 24s linear infinite;
    -ms-animation: anim-three-cards3 24s linear infinite;
    -o-animation: anim-three-cards3 24s linear infinite;
    animation: anim-three-cards3 24s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes anim-three-cards3 {
    0% {
        left: 100%;
    }
    30% {
        left: 100%;
    }
    100% {
        left: -20%;
    }
}
/* Standard syntax */
@keyframes anim-three-cards3 {
    0% {
        left: 100%;
    }
    30% {
        left: 100%;
    }
    100% {
        left: -20%;
    }
}
.prism-create .temp_tab_stage_port {
    position: fixed;
    bottom: -60px;
    left: 0px;
    height: 28%;
    width: 100%;
    background: url("../images/page5_img_port.png") no-repeat center top;
    background-size: cover;
    z-index: 1000;
    pointer-events: none;
}
.prism-create .temp_tab_stage_port img {
    object-fit: cover;
}
.prism-create .glance_temp_tab {
    background: url("../images/page5_glance_bg.jpg") no-repeat center center;
    background-size: cover;
}
.prism-create .glance_text_flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 3% 0 0;
}
.prism-create .glance_temp_tab h5 {
    line-height: 1.7vw !important;
}
.prism-create .glance_text_flex .glance_text_flex_leftcols {
    width: 35%;
}
.prism-create .glance_text_flex .glance_text_flex_leftcols_big {
    width: 41%;
}
.prism-create .glance_text_flex .glance_text_flex_rightcols {
    width: 43%;
}
.prism-create .glance_text_flex .glance_text_flex_rightcols_90 {
    padding-right: 10%;
}
.prism-create .glance_text_flex .glance_text_flex_rightcols_twosec {
    column-count: 2;
     width: 54%;
    column-gap: 3vw;
}
.prism-create .glance_text_flex .glance_text_flex_rightcols_twosec_big {
    width: 60%;
}
.prism-create .pru_temp_tab, .prism-create .silvia_temp_tab, .prism-create .clover_temp_tab, .prism-create .vikram_temp_tab, .prism-create .ralph_and_ernesto_temp_tab, .prism-create .alice_temp_tab {
    display: none;
}
.prism-create .pru_temp_tab1, .prism-create .silvia_temp_tab1, .prism-create .clover_temp_tab1, .prism-create .vikram_temp_tab1, .prism-create .ralph_and_ernesto_temp_tab1, .prism-create .alice_temp_tab1 {
    display: block;
}

.prism-create .temp_tab4_flexcols_twocolsrow_stats {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(40, 91, 197, 0.7);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    display: none;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_country {
    background-color: rgba(255, 31, 62, 0.7);
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex_left {
    width: 55%;
    padding: 5% 1% 5% 5%;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex_right {
    width: 45%;
    padding: 5%;
}

.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex h3 {
  font-size: 1.8vw !important;
  line-height: 2vw !important;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex table {
    width: 85%;
    margin-left: 15%;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex table.table_full {
    width: 100%;
    margin-left: 0%;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex table tr td {
    padding: 1% 0;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex h5 {
    font-size: 1.2vw !important;
    line-height: 1.3vw !important;
    margin-bottom: 0% !important;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex table.table_full tr td {
    padding-right: 10px;
}
.prism-create .temp_tab4_flexcols_twocolsrow_stats_flex table.table_full p {
    text-align: right;
}
.prism-create .port_show {
     display: none !important;
}  


@media (min-height: 1000px) {
.prism-create .top_tab_navigation {
	margin-bottom: 3%;
}
}
@media (max-width: 1440px) and (min-height: 700px) {
 .prism-create .top_tab_navigation {
    margin-bottom: 3%;
}
}
@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
.prism-create .template_tab .temp_tab_navigation {
    right: 3%;
    top: 4%;
}    
.prism-create .top_tab_navigation {
    margin-bottom: 6%;
}    
.prism-create .flip-box-inner::after {
    top: 94%;
}    
.prism-create p .tab_sec_click {
    padding: 0.4vw 1.2vw 0.35vw 1vw;
    font-size: 1vw;
}    
.prism-create .slide_text_bottom_left {
    min-height: 21vh;
}
}
@media (min-width: 1800px) {

}
@media (max-width: 1280px) and (min-height: 650px) {
.prism-create .top_tab_navigation {
    margin-bottom: 6%;
}
.prism-create .flip-box-inner::after {
    top: 101%;
}   
.prism-create .slide_text_bottom_left {
    min-height: 20vh;
}    
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template_tab {
    overflow: hidden !important;
  }
.prism-create .slide_text_bottom_left {
    min-height: 17vh;
}    
.prism-create .template_tab .temp_tab_flex_row {
    padding: 0%;
}    
.prism-create p .tab_sec_click {
    padding: 0.6vw 1.5vw 0.6vw 1.5vw;
    font-size: 1.2vw;
}
.prism-create .template_tab .temp_tab_navigation {
    right: 2%;
    top: 2%;
    width: 50vw;
}    
.prism-create .top_tab_navigation {
    margin-bottom: 8%;
}    
.prism-create .template_tab .temp_tab_content p {
    font-size: 1.2vw;
    line-height: 1.7vw;
}    

.prism-create .circle_bar_flex_cols p {
    font-size: 1vw !important;
    line-height: 1.4vw !important;
}    
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols1_inner {
    width: 100%;
}    
.prism-create .top_tab_navigation p .tab_back_arrow {
    margin-top: 0.4vw;
}    
.prism-create .flip-box-inner {
    height: 35vw;
}    
.prism-create .template_tab .temp_tab_content h6 {
    font-size: 1.3vw;
    line-height: 1.8vw;
}    
}

@media (max-width: 1024px) {
  .prism-create .template_tab {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}

@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
.prism-create .template_tab .temp_tab_content .temp_tab_content_inner {
    padding-bottom: 45%;
}
.prism-create .template_tab .temp_tab_content h1 {
    font-size: 8vw;
    line-height: 8vw;
}    
.prism-create .template_tab .temp_tab_content {
    width: 80%;
}   
.prism-create .template_tab .temp_tab_content h3 {
    font-size: 7vw;
    line-height: 7vw;
    margin-bottom: 2%;
}
.prism-create .temp_tab4_ver40_text h3 {
    font-size: 5vw !important;
    line-height: 6vw !important;
}  
.prism-create .temp_tab4_ver60_text {
    padding: 14% 8% 14%;
}  
.prism-create .temp_tab4_ver40 {
    height: 26.8vh;
}        
.prism-create .bar_title {
    font-size: 2.2vw;
    line-height: 3vw;
}    
.prism-create .temp_tab4_ver40 img {
    border-radius: 0px !important;
}
.prism-create .bar_content {
    margin-bottom: 7%;
}
.prism-create .slide_box_country .bar_content {
    margin-bottom: 11.3%;
}    
       
.prism-create .template_tab .temp_tab_content h3.h3_big {
    font-size: 4vw;
    line-height: 4vw;
}
.prism-create .bar {
    height: 2vw;
}  
.prism-create .bar-inner::after {
    right: 0px;
    top: -1vw;
    width: 4vw !important;
    height: 4vw !important;
    border: 1.2vw solid #ffffff;
}   
.prism-create .bor_rad {
    border-radius: 13px;
}    
.prism-create .bar_flex {
    margin-bottom: 12px;
}    
    .prism-create .slide_box {
        padding: 8%;
    }
.prism-create .slide_box_circlebar {
        padding: 52% 10% 25%;
    background: rgb(174,235,249);
background: linear-gradient(135deg, rgba(174,235,249,1) 0%, rgba(255,255,255,1) 100%);
}  
.prism-create .width_80 {
    width: 100%;
}    
.prism-create .temp_tab4_circle_bar {
    margin: 0px;
}    
    .prism-create .slide_box_circlebar p {
        margin-top: 10%;
        text-align: center;
    }    
.prism-create .template_tab .glance_text_flex_leftcols h3 {
    margin-bottom: 5%;
}
.prism-create .text_outline_white {
    -webkit-text-stroke-width: 2.5px;
}    
.prism-create .top_tab_navigation {
    margin-bottom: 0%;
}
.prism-create .template_tab .top_tab_title {
    margin-top: 10%;
}    
.prism-create .template_tab .temp_tab_content h2 {
    font-size: 10vw;
    line-height: 9vw;
}
.prism-create .template_tab .temp_tab_flex_row {
    display: block;
    padding: 0%;
    margin-top: 2%;
}
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols {
    width: 100%;
	margin-bottom: 8%;
}
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols1_inner {
    width: 100%;
}
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols_porhide {
    display: none;
}
.prism-create .circle_bar_flex {
    width: 80%;
	margin: 0px auto;
}
.prism-create .circle_bar_flex_cols {
    width: 44%;
}    
.prism-create .circle_bar_flex_cols p {
    font-size: 2.5vw !important;
    line-height: 3.5vw !important;
    margin-top: 8%;
}
.prism-create p .tab_sec_click {
    padding: 1.6vw 3vw;
    font-size: 2.5vw;
    min-width: 18vw;
	margin-top: 5%;
    display: none;
}
.prism-create .top_tab_navigation_main p .tab_sec_click {
    display: block !important;
}    
.prism-create .temp_tab {
    padding: 6% 0% 0;
    min-height: inherit;
}
.prism-create .pru_temp_tab, .prism-create .silvia_temp_tab, .prism-create .clover_temp_tab, .prism-create .vikram_temp_tab, .prism-create .ralph_and_ernesto_temp_tab, .prism-create .alice_temp_tab {
    display: block;
    position: relative;
    -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
    }    
.prism-create .flip-box-inner::after {
    display: none;
}    
.pie_progress__number {
    font-size: 9vw !important;
}
.pie_progress__number span {
    font-size: 5vw !important;
}    
.prism-create .template_tab .temp_tab_flex_row .temp_tab_flex_cols1 {
    position: relative;
    left: inherit;
    top: inherit;
    margin-bottom: 10%;
}
.prism-create .flip-box-inner {
    width: 60%;
    height: 60vw;
    margin: 0px auto;
}
.prism-create .template_tab .temp_tab_content h6 {
    font-size: 2.5vw;
    line-height: 3.5vw;
}
.prism-create .rotate_img_sec {
    width: 6vw;
    height: 6vw;
    bottom: 10%;
    left: 43%;
}
.prism-create .winabutton_cta {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
}
.prism-create .template_tab .temp_tab_content h5 {
    font-size: 3.5vw !important;
    line-height: 4.5vw !important;
    margin-bottom: 2%;
}
.prism-create .template_tab .temp_tab_content p {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2%;
}
.prism-create .top_tab_navigation p .tab_back_arrow {
    width: 1.3vw;
    margin-top: 0.9vw;
}
    .prism-create .template_tab .temp_tab_navigation {
        display: none !important;
    }
.prism-create .glance_temp_tab {
    background: none;
}    
.prism-create .conveyor_belt_animation {
    position: relative;
    width: 100%;
    height: auto;
    left: inherit;
    bottom: inherit;
    z-index: 1000;
    min-height: 200px;
    display: none;
}   
.prism-create .port_hide {
     display: none !important;
}    
.prism-create .port_show {
     display: block !important;
}   
.prism-create .glance_text_flex {
    display: block;
    margin: 3% 0 0;
} 
.prism-create .glance_text_flex .glance_text_flex_leftcols {
    width: 100%;
    margin-bottom: 5%;
}    
.prism-create .glance_text_flex .glance_text_flex_rightcols {
    width: 100%;
}     
.prism-create .template_tab .temp_tab_content .thumb_slider_sec h5 {
    font-size: 2.3vw !important;
    line-height: 3.5vw !important;
}  
.prism-create .template_tab .temp_tab_content h4 {
    font-size: 3vw;
    line-height: 4vw;
}    
.prism-create .slide_text_bottom_left {
    min-height: auto;
}    
.prism-create .template_tab .temp_tab_content h2.extra_marg {
    margin-bottom: 5%;
    margin-top: 5%;
}    
.prism-create .glance_text_flex .glance_text_flex_rightcols_twosec {
    column-count: 1;
    width: 100%;
    column-gap: 0;
}    
.prism-create .slide_box_eq_height {
    min-height: 630px;  
}
}
@media (max-width: 768px) {
   
}
@media (max-width: 480px) {

  .prism-create .template_tab .temp_tab_content h1 {
    font-size: 11vw;
    line-height: 12vw;
    margin: 0% 0 5%;
  }

  .prism-create .template_tab {
  }
  .prism-create .template_tab .temp_tab_content .temp_tab_content_sec {
    margin: 5% 0 13%;
  }
  .prism-create .template_tab .temp_tab_content p {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }
.prism-create .template_tab .temp_tab_content h3 {
    font-size: 8vw;
    line-height: 8vw;
}
.prism-create .template_tab .temp_tab_content h2 {
    font-size: 10vw;
    line-height: 9vw;
}
.prism-create .text_outline_white {
    -webkit-text-stroke-width: 1.5px;
}   
.prism-create .flip-box-inner {
    width: 90%;
    height: 95vw;
}   
.prism-create .template_tab .temp_tab_content h6 {
    font-size: 4vw;
    line-height: 5vw;
}    
.prism-create .rotate_img_sec {
    width: 15vw;
    height: 15vw;
    bottom: 15%;
    left: 39%;
}    
.prism-create .circle_bar_flex {
    display: block;
    padding: 0% 10%;
}    
.prism-create .circle_bar_flex_cols {
    width: 100%;
    margin: 0px;
    margin-bottom: 50px;
}    
.pie_progress__number {
    font-size: 16vw !important;
}    
.pie_progress__number span {
    font-size: 10vw !important;
}   
.prism-create .circle_bar_flex_cols p {
    font-size: 4vw !important;
    line-height: 5vw !important;
    margin-top: 8%;
}    
.prism-create .template_tab .temp_tab_content h5 {
    font-size: 6vw !important;
    line-height: 7vw !important;
    margin-bottom: 2%;
}  
.prism-create .template_tab .temp_tab_content p {
    font-size: 4.5vw;
    line-height: 6vw;
} 
.prism-create p .tab_sec_click {
    font-size: 4vw;
} 
.prism-create .top_tab_navigation p .tab_back_arrow {
    width: 2vw;
    margin-top: 1.3vw;
}    
   
.prism-create .template_tab .temp_tab_content .thumb_slider_sec h5 {
    font-size: 4.2vw !important;
    line-height: 5.5vw !important;
}    
.prism-create .template_tab .temp_tab_content h4 {
    font-size: 5vw;
    line-height: 7vw;
    margin-bottom: 5%;
}    
.prism-create .bar_title {
    font-size: 4vw;
    line-height: 5vw;
}    
.prism-create .template_tab .temp_tab_content h3.h3_big {
    font-size: 7vw;
    line-height: 7vw;
}    
.prism-create .temp_tab {
    padding: 10% 0% 0;
}    
.prism-create .bar_content {
    margin-bottom: 8%;
}
.prism-create .slide_box .bar_content {
    margin-bottom: 3.8%;
}  
.prism-create .slide_box {
    padding: 5% 7% 7%;
}
.prism-create .bar_flex {
    margin-bottom: 5px;
}    
.prism-create .template_tab .temp_tab_content h3.h3_big .h3_big_sm {
    font-size: 4vw;
    line-height: 5vw;
}    
.prism-create .slide_box_country .bar_content {
    margin-bottom: 7.6%;
}   
.prism-create .slide_box_circlebar {
    padding: 45% 20% 22%;
}    
.prism-create .temp_tab4_ver40_text h3 {
    font-size: 8vw !important;
    line-height: 9vw !important;
    padding: 0% 5%;
}    
.prism-create .template_tab .temp_tab_content .temp_tab_content_inner {
    padding-bottom: 230px;
}    
.prism-create .bar {
    height: 4vw;
}
.prism-create .bar-inner::after {
    right: 0px;
    top: -1.35vw;
    width: 7vw !important;
    height: 7vw !important;
    border: 1.8vw solid #ffffff;
}  
.prism-create .temp_tab4_ver60_text {
    padding: 10% 8%;
}    
.prism-create .slide_box_eq_height {
    min-height: 500px;  
}  
}
@media (max-width: 450px) and (min-width: 400px) and (min-height: 800px) {
.prism-create .slide_box_eq_height {
    min-height: 520px;  
}  
}
@media (max-width: 400px) and (max-height: 700px) {

.prism-create .temp_tab4_ver40 {
    height: 32.8vh;
}
.prism-create .temp_tab4_ver60_text {
    padding: 13% 8%;
}    
.prism-create .slide_box_country .bar_content {
    margin-bottom: 7.5%;
}    
.prism-create .slide_box_circlebar {
    padding: 42% 20% 21%;
}    
.prism-create .temp_tab_stage_port {
    height: 33%;
}   
.prism-create .slide_box_eq_height {
    min-height: 480px;  
}    
}
@media (max-width: 380px) and (min-height: 700px) {
   
}

@media (max-height: 450px) {

.prism-create .template_tab .temp_tab_content h1 {
    margin: 3% 0%;
}

}
/* template_tab css end */








/* template6 css start */
.prism-create .template6 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #D41836;
}
.prism-create .template6 .temp6_content {
  position: relative;
  width: 86%;
    height: 100vh;
    margin: 0px auto;
  z-index: 10000;
    text-align: left;
    padding: 4vw 0;
    display: flex;
    align-items: center;
}

.prism-create .template6 .temp6_content .temp6_content_inner {
    width: 40%;
}
.prism-create .template6 .temp6_content h1 {
  font-size: 5.5vw;
  line-height: 4.7vw;
  color: #ffffff;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
  text-shadow: 3px 3px 7px rgba(0,0,0,0.20);
}
@media (max-width: 1440px) and (min-height: 700px) {

}
@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
  
 
}
@media (min-width: 1800px) {

}
@media (max-width: 1280px) and (min-height: 650px) {

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.prism-create .template6 .temp6_content h1 {
    font-size: 7vw;
    line-height: 6vw;
}    
}



@media (max-width: 1024px) {
  .prism-create .template6 {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}

@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
.prism-create .template6 .temp6_content .temp6_content_inner {
    width: 100%;
}
   .prism-create .template6 .temp6_content h1 {
    font-size: 14vw;
    line-height: 15vw;
}
}
@media (max-width: 768px) {
   
}
@media (max-width: 480px) {


    
}

@media (max-height: 450px) {

}
/* template6 css end */







/* template7 css start */
.prism-create .template7 {
  position: relative;
  width: 100%;
    background: #003FB9 url("../images/page7_bg_img.jpg") no-repeat center top;
    background-size: cover;
    height: 100vh;
}
.prism-create .template7 .temp7_bottom_img {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url("../images/page7_bg_img1.png") no-repeat center top;
    background-size: cover;
    bottom: 0px;
    left: 0px;
}

.prism-create .template7 .temp7_content {
  position: relative;
  width: 86%;
    height: 100vh;
    margin: 0px auto;
  z-index: 10000;
    text-align: left;
    padding: 5% 0;
    display: flex;
    align-items: flex-start;
}

.prism-create .template7 .temp7_content .temp7_content_inner {
    width: 100%;
}

.prism-create .template7 .temp7_content h3 {
  font-size: 2vw;
  line-height: 2.3vw;
  color: #ffffff;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template7 .temp7_content p {
  font-size: 1vw;
  line-height: 1.45vw;
  margin-bottom: 5%;
  color: #ffffff;
}
.prism-create .template7 .temp7_flex_row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.prism-create .template7 .temp7_flex_row .temp7_flex_cols {
    width: 26%;
}
.prism-create .template7 .temp7_flex_row .temp7_flex_cols1 {
    width: 36%;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.prism-create .template7 .page12_profile_img img {
    width: 20%;
    max-width: 100px;
}

@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
.prism-create .template7 .temp7_content {
    padding: 5% 0;
}    
.prism-create .template7 .temp7_content p {
    font-size: 1.1vw;
    line-height: 1.5vw;
    margin-bottom: 5%;
}    
.prism-create .template7 .temp7_content h2 {
    font-size: 3.2vw;
    line-height: 3.6vw;
    margin: 0% 0 1%;
}    
.prism-create .template7 .temp7_content h3 {
    font-size: 1.7vw;
    line-height: 2vw;


}    
}
@media (max-width: 1440px) {
 
}
@media (min-width: 1800px) {

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template7 {
    overflow: hidden !important;
  }
.prism-create .template7 .temp7_content {
    padding: 6% 0;
}
.prism-create .template7 .temp7_content p {
    font-size: 1.2vw;
    line-height: 1.6vw;
}    
.prism-create .template7 .temp7_content h2 {
    font-size: 3.5vw;
    line-height: 4vw;
    margin: 0% 0 2%;
}    
}

@media (max-width: 1024px) {
  .prism-create .template7 {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}
@media (max-width: 1280px) and (min-height: 650px) {
.prism-create .template7 .temp7_content {
    padding: 6.5% 0;
}
}
@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
.prism-create .template7 .temp7_bottom_img {
    min-height: auto;
    background: url("../images/page7_bg_img1_mob.png") no-repeat center top;
    background-size: cover;
    z-index: 10000;
    height: 25%;
    pointer-events: none;
}
.prism-create .template7 .temp7_content h1 {
    font-size: 8vw;
    line-height: 8vw;
}    
.prism-create .template7 .temp7_content {
    width: 80%;
    padding: 10% 0 40%;
    height: auto;
}   
.prism-create .template7 .temp7_flex_row {
    display: block;
    justify-content: inherit;
    width: 100%;
}
.prism-create .template7 .temp7_flex_row .temp7_flex_cols {
    width: 100%;
}    
.prism-create .template7 .temp7_content h2 {
    font-size: 5vw;
    line-height: 6vw;
    margin: 0% 0 2%;
}    
.prism-create .template7 .temp7_content p {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 5%;
}    
.prism-create .template7 .temp7_content h3 {
    font-size: 4vw;
    line-height: 5vw;
    margin: 0% 0% 2%;
}    
}
@media (max-width: 768px) {
   
}
@media (max-width: 480px) {
.prism-create .template7 .temp7_content {
    padding: 15% 0 280px;
}
  .prism-create .template7 .temp7_content h2 {
    font-size: 8.5vw;
    line-height: 9.5vw;
    margin: 0% 0 5%;
  }
  .prism-create .template7 {
  }
  .prism-create .template7 .temp7_content .temp7_content_sec {
    margin: 5% 0 13%;
  }
  .prism-create .template7 .temp7_content p {
    font-size: 4.5vw;
    line-height: 6vw;
  }

.prism-create .template7 .temp7_content h3 {
    font-size: 6vw;
    line-height: 7vw;
    margin: 0% 0% 2%;
} 
.prism-create .template7 .temp7_bottom_img {
    height: 30%;
}    
 
}

@media (max-height: 450px) {

.prism-create .template7 .temp7_content h1 {
    margin: 3% 0%;
}

}
/* template7 css end */

/* template8 css start */
.prism-create .template8 {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #40CCEF url("../images/page8_bg_img.jpg") no-repeat center top;
  background-size: cover;
}
.prism-create .template8 .temp8_content {
  position: relative;
  width: 86%;
  min-height: 100vh;
  margin: 0px auto;
  z-index: 10000;
  padding: 4% 0 2%;
      display: flex;
    align-items: center;    
}
.prism-create .template8 .temp8_content .temp8_fivecols {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 2%;
	    flex-flow: row wrap;
}
.prism-create .template8 .temp8_content .temp8_fivecols .temp8_five_inner {
	width: 19%;
}

.prism-create .template8 .temp8_content h1 {
  font-size: 5.5vw;
  line-height: 4.7vw;
  color: #ffffff;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
	position: relative;
	z-index: 2;
    text-shadow: 3px 3px 7px rgba(0,0,0,0.20);
}
.prism-create .template8 .temp8_content p {
    font-size: 0.9vw;
    line-height: 1.4vw;
	color: #000000;
	padding: 0% 6%;
}
@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
  
}
@media (max-width: 1440px) {
 
}
@media (min-width: 1800px) {

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template8 {
    overflow: hidden !important;
  }
 
}

@media (max-width: 1024px) {
  .prism-create .template8 {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}
@media (max-width: 1280px) and (min-height: 650px) {

}
@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
 .prism-create .template8 .temp8_content {
    height: auto;
    padding: 10% 0% 20%;
    display: block;
     text-align: left;
     width: 80%;
}
.prism-create .template8 .temp8_content h1 {
    font-size: 8vw;
    line-height: 9vw;
    margin-bottom: 5%;
}    
.prism-create .template8 .temp8_content .temp8_fivecols .temp8_five_inner {
    width: 50%;
}
.prism-create .template8 .temp8_content p {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 15%;
}
}
@media (max-width: 768px) {
   
}
@media (max-width: 480px) {
   .prism-create .template8 .temp8_content h1 {
    font-size: 11vw;
    line-height: 12vw;
       text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	   margin-bottom: 6%;
}      
.prism-create .template8 .temp8_content .temp8_fivecols .temp8_five_inner {
    width: 100%;
	margin: 0px auto;
}
.prism-create .template8 .temp8_content p {
    font-size: 4.5vw;
    line-height: 6vw;
    margin-bottom: 15%;
	margin-top: -6%;
}
.prism-create .template8 .temp8_content {
    padding: 10% 0% 150px;
}    
}

@media (max-height: 450px) {
.prism-create .template8 .temp8_content .temp8_fivecols {
    margin-top: 1%;
}
.prism-create .template8 .temp8_content {
    padding: 4% 0;
}
}

/* template8 css end */

/* template9 css start */
.prism-create .template9 {
  position: relative;
  width: 100%;
  height: 100vh;
background: rgb(27,27,111);
background: linear-gradient(180deg, rgba(27,27,111,1) 0%, rgba(76,18,161,1) 100%);
}
.prism-create .template9 .temp9_content {
  position: absolute;
  width: 86%;
  top: 16%;
  left: 7%;
  z-index: 10000;
}

.prism-create .template9 .temp9_content h1 {
  font-size: 5.5vw;
  line-height: 4.7vw;
  color: #ffffff;
  font-weight: bold;
  font-family: 'ClanOffcPro-Ultra';
	margin-bottom: 6%;
}
.prism-create .template9 .temp9_content .temp9_twocols {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.prism-create .template9 .temp9_content .left_cols {
	width: 40%;
    position: relative;
    padding-bottom: 100px;
}
.prism-create .template9 .temp9_content .right_cols {
	width: 45%;
    padding-right: 5%;
}
.prism-create .template9 .temp9_content p {
  font-size: 1vw;
  line-height: 1.45vw;
  margin-bottom: 5%;
  color: #ffffff;
}
.prism-create .template9 .temp9_content h3 {
    font-size: 2vw;
    line-height: 2.5vw;
    margin: 0% 0% 2%;
    color: #3BCFF0;
    font-weight: bold;
    font-family: 'ClanOffcPro-Ultra';
}
.prism-create .template9 .temp9_content p a {
  color: #3BCFF0;
	font-family: 'SourceSansPro-Bold';
}
.prism-create .template9 .temp9_content .temp9_iconsec_twocols {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4%;
}
.prism-create .template9 .temp9_content .temp9_iconsec_twocols .imgsec {
	width: 8%;
}
.prism-create .template9 .temp9_content .temp9_iconsec_twocols .imgsec2 {
	width: 5%;
}
.prism-create .template9 .temp9_content .temp9_iconsec_twocols .imgsec img {
	float: left;
}
.prism-create .template9 .temp9_content .temp9_iconsec_twocols .contentsec {
	width: 50%;
	padding-left: 3%;

}.prism-create .template9 .temp9_content .temp9_iconsec_twocols .contentsec2 {
	padding-left: 6%;

}
.prism-create .template9 .temp9_content h4 a {
    font-size: 1vw;
    line-height: 1.4vw;
    color: #ffffff;
    font-weight: bold;
    font-family: 'SourceSansPro-Bold';
}
.prism-create .template9 .temp9_logosec {
	width: 8%;
    position: absolute;
    bottom: 3%;
    right: 3%;
}

@media (min-width: 1440px) and (max-width: 1800px) and (min-height: 780px) {
.prism-create .template9 .temp9_content {
}
.prism-create .template9 .temp9_content .right_cols {
    height: 78vh;
    padding-right: 0px;
    width: 40%;
}    
}
@media (max-width: 1440px) {
 
}
@media (min-width: 1800px) {

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .prism-create .template9 {
    overflow: hidden !important;
  }
 
}

@media (max-width: 1024px) {
  .prism-create .template9 {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) and (max-height: 650px) {
  
}
@media (max-width: 1280px) and (min-height: 650px) {

}
@media (max-width: 1024px) and (min-height: 650px) {

}
@media (max-width: 990px) {

}
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) {
}
@media (max-width: 767px) {
}
@media (orientation: portrait) {
.prism-create .template9 {
    padding-bottom: 10%;
}
.prism-create .template9 .temp9_content {
    position: relative;
    width: 80%;
    top: inherit;
    left: inherit;
    z-index: 10000;
    margin: 11% auto 4%;
}
.prism-create .template9 .temp9_content .temp9_twocols {
    display: block;
}
 .prism-create .template9 .temp9_content .right_cols {
    width: 100%;
    padding-right: 0%;
}
.prism-create .template9 .temp9_content .left_cols {
    width: 100%;
	padding-bottom: 40px;
}    
.prism-create .template9 .temp9_content h3 {
    font-size: 5vw;
    line-height: 5.5vw;
    margin: 0% 0% 4%;
}    
.prism-create .template9 .temp9_content p {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 5%;
}    
.prism-create .template9 .temp9_content h4 a {
    font-size: 3vw;
    line-height: 4vw;
}    
.prism-create .template9 .temp9_logosec {
    width: 28%;
    margin: 8% 0%;
	position: relative;
    bottom: inherit;
    right: inherit;
	left: 10%;
}    
}
@media (max-width: 768px) {
   
}
@media (max-width: 480px) {
.prism-create .template9 .temp9_logosec {
    width: 38%;
    margin: 12% 0;
}  
.prism-create .template9 .temp9_content h3 {
    font-size: 7vw;
    line-height: 7.5vw;
    margin: 0% 0% 5%;
}     
.prism-create .template9 .temp9_content .left_cols {
    padding-bottom: 30px;
}    
.prism-create .template9 .temp9_content p {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 5%;
}    
.prism-create .template9 .temp9_content h4 a {
    font-size: 4vw;
    line-height: 5vw;
}      
.prism-create .template9 {
    padding-bottom: 100px;
}    
}

@media (max-height: 450px) {

}
/* template9 css end */
.jumpto {
	cursor: pointer;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/*#alice_temp_tab2,
#ralph_and_ernesto_temp_tab2,
#vikram_temp_tab2,
#clover_temp_tab2,
#silvia_temp_tab2,
#pru_temp_tab2 {
  background: #7036B2 url("../images/video_bg.jpg") no-repeat center center
}*/

.absolute-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#carousel-video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.anim-content-wrapper {
  padding-top: 30px;
}

.anim-container {
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 56.25%;
  position: relative;
}

.anim-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 600px) {
  .anim-wrapper {
    padding-bottom: 56.25%;
  }

  .anim-container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transform: scale(2);
    transform-origin: top center;
  }
}

@media (orientation: portrait) {
  .prism-create .section[data-page-id="Meet-the-shoppers"] .template_tab .temp_tab_content {
    width: 100%;
  }
}