@charset "UTF-8";

/*
Theme Name: priism
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {scroll-behavior: smooth!important; font-size: 62.5%; margin: 0; padding: 0;}
* {scroll-behavior: smooth !important;}
body {margin: 0; padding: 0; font-family: "Poppins", serif; font-size: 18px; line-height: 1.5; color: #fff; font-weight: 300;}
*{box-sizing: border-box}
img{max-width: 100%; height: auto}
/* body {overflow: hidden;}  */
/*
@media screen and (min-resolution: 105dpi) {
body {zoom: 0.9;}
}
@media screen and (min-resolution: 120dpi) {
body {zoom: 0.8;}
}
 @media screen and (min-resolution: 140dpi) {
body {zoom: 0.7;}
}
 @media screen and (min-resolution: 150dpi) {
body {zoom: 0.5;}
}
*/

p{margin: 0 0 20px 0}
p:last-child{margin-bottom: 0px; padding-bottom: 0px;}
.cDiv{width: 100%; margin: 0px; padding: 0px;}
.dFlex{display: flex; flex-wrap: wrap; margin: 0px; padding: 0px}
.mainWrapper{width: 100%; margin: auto; max-width: 1530px; padding: 0 15px; position: relative}
/*.pageMainWrapper{height: 100vh; overflow-y: scroll;}  */
.clear{clear: both}
.secondaryFont{font-family: "Zen Dots", serif; font-weight: 400; font-style: normal;}
.textCenter{text-align: center}
.siteBtn,.homeFormBtn input[type="submit"]{font-size: 19px; letter-spacing: 1px; color: #fff!important; background: #C73577; padding: 14px 20px; display: inline-block; line-height: normal; align-items: center; border-radius: 14px; font-family: "Zen Dots", serif; font-weight: 400; font-style: normal; border: 0; text-decoration: none!important; transition: all 0.5s ease-in-out;}
.siteBtn svg,.heroBannerBtn svg{margin-left: 10px;}
.siteBtn:hover,.homeFormBtn input[type="submit"]:hover{color: #C73577!important; background: #fff;}

.heroBanner,.priismSustainabilityArea,.whatIsPriismArea,.productDesignerVideo,.homeWorkshopSection,.ourCommunityArea,.priismJourneyArea,.pageFooterSection{width: 100%; height: 100vh; margin: 0px; padding: 0px; background-repeat: no-repeat !important; background-size: cover !important; position: relative} 
.priismSustainabilityArea{padding-top: 75px; padding-bottom: 100px;}
.heroBannerBtn{font-size: 17px; color: #fff; background: #C73577; padding: 0px 20px; height: 60px; display: flex; align-items: center; text-decoration: none; border-radius: 0 0 10px 10px; clip-path: polygon(0 0%, 10% 0, 90% 0, 100% 0%, 100% 80%, 96% 100%, 4% 100%, 0% 80%); letter-spacing: 1px; transition: all 0.5s ease-in-out;}
.heroBannerBtn:hover{color: #C73577; background: #fff; text-decoration: none}
.heroBannerBtn:hover svg path,
.siteBtn:hover svg path{fill:#C73577}

.heroBannerSubTitle{font-size: 23px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.46px; margin-top: 50px;}
.heroBannerTitle{font-size: 59px;line-height: 1.2; padding-top: 5px; }
.heroBannerShortDescription{font-size: 20px; font-weight: 200; padding-top: 5px;}
.heroBanner .mainWrapper{padding-top: 50px; padding-bottom: 100px}
.heroBannerImg img{max-height: calc(100vh - 250px); width: auto;}
.priismSustainabilityText{font-size: 30px; letter-spacing: -1.12px; line-height: 1.3; margin: auto; max-width: 1290px; padding-top: 40px;}
.priismSustainabilityImg img{max-height: calc(100vh - 500px); width: auto}
.priismSustainabilityBtn{padding-top: 60px;}
.pageMainHead{font-size: 60px;letter-spacing: -2px; line-height: 1.1;}
.whatIsPriismRow{align-items: center; height: calc(100vh - 200px); position: relative; display: flex!important}
.whatIsPriismImage{width: 45%}
.whatIsPriismInfo{width: 55%; padding-left: 35px;}
.whatIsPriismTitle{font-size: 50px; line-height: 1.2;}
.whatIsPriismDescription{border-top:1px solid #6e7076; border-bottom:1px solid #6e7076; padding-top: 20px; padding-bottom: 20px; margin-top: 35px;} 
/*.whatIsPriismContner{height: calc(100vh - 300px); overflow-y: scroll; margin-top: 20px; -ms-overflow-style: none; scrollbar-width: none;}
.whatIsPriismContner::-webkit-scrollbar {display: none;} */
.whatIsPriismContner{height: calc(100vh - 300px); margin-top: 20px; display: flex; align-items: center;}
.whatIsPriismBottomInfo{position: absolute; right:25px; bottom: 10px; width: 100%; max-width: 400px}
.whatIsPriismBulletRow{ justify-content: flex-end}
.whatIsPriismBulletRow span{width: 25px; height: 40px; border: 2px solid #fff; margin-left: 8px; transform: translateX(50%) skew(-35deg);}
.whatPriismSlider ul.slick-dots{position: absolute; right:20px; bottom: -10px; width: 100%; max-width: 400px; display: flex; list-style: none; justify-content: flex-end;}
.whatPriismSlider ul.slick-dots li{width: 25px; height: 40px; border: 2px solid #fff; margin-left: 8px; transform: translateX(50%) skew(-35deg);}
.whatPriismSlider ul.slick-dots li button{display: none}
.whatPriismSlider ul.slick-dots li.slick-active{background: #fff}


.whatIsPriismRow:first-child .whatIsPriismBulletRow span:first-child{background: #fff}

.whatIsPriismRow:nth-child(2) .whatIsPriismBulletRow span:first-child,
.whatIsPriismRow:nth-child(2) .whatIsPriismBulletRow span:nth-child(2){background: #fff} 

.whatIsPriismRow:nth-child(3) .whatIsPriismBulletRow span:first-child,
.whatIsPriismRow:nth-child(3) .whatIsPriismBulletRow span:nth-child(2),
.whatIsPriismRow:nth-child(3) .whatIsPriismBulletRow span:nth-child(3){background: #fff} 

.whatIsPriismRow:nth-child(4) .whatIsPriismBulletRow span:first-child,
.whatIsPriismRow:nth-child(4) .whatIsPriismBulletRow span:nth-child(2),
.whatIsPriismRow:nth-child(4) .whatIsPriismBulletRow span:nth-child(3),
.whatIsPriismRow:nth-child(4) .whatIsPriismBulletRow span:nth-child(4){background: #fff} 
.whatIsPriismArea{position: relative; padding-top: 75px; }
.whatIsPriismArea .scrollDown{bottom: 10px;}
.whatIsPriismArea:before{width: 100%; height: 375px; position: absolute;  left: 0; bottom: 0; content: ""; background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;}
.whatIsPriismArea:after{position: absolute;  left: 50%; margin-left: -265px; bottom: -69px; content: "";  width: 530px; height: 70px; background: #000; clip-path: polygon(0 0, 100% 0, 100% 0%, 88% 100%, 13% 100%, 1% 0%); z-index: 1}
.automatedDirectSetion:after{position: absolute;  left: 50%; margin-left: -265px; top: 30px; content: "";  width: 530px; height: 70px; background: #000; clip-path: polygon(0 0, 100% 0, 100% 0%, 88% 100%, 13% 100%, 1% 0%); z-index: 1}

.ourCommunityArea:before,
.homeWorkshopSection:before{position: absolute; left: 50%; margin-left: -265px; top: -70px; content: "";  width: 530px; height: 70px; background: #000; clip-path: polygon(0 0, 100% 0, 100% 0%, 88% 100%, 13% 100%, 1% 0%); z-index: 1; transform: rotate(180deg);}
.ourCommunityArea .mainWrapper{padding-bottom: 120px; padding-top: 90px;}
.automatedDirectSetion{padding-top: 40px; background: #000;}
.productDesignerVideo,.automatedDirectSetion{position: relative; height: 100vh; border: 0px solid #F00}
.play-pause-button{position: absolute; width: 104px; height: 104px; top:40%; left: 50%; margin: -0px 0 0 -52px; padding: 0; background: transparent; border: 0;}
.videoSectionTitle{letter-spacing: -1.65px; color: #FFFFFF; text-transform: uppercase; font-size: 40px; line-height: 1.3; position: absolute; left: 0; bottom: 20%}
#productDesignerVideo,#automatedVideo{width: 100%; height: 100vh; display: block; object-fit: cover} 
.homeWorkshopTitle{font-size: 50px; letter-spacing: -1.93px; color: #FFFFFF; text-transform: uppercase; line-height: normal}
.progress{display: block; width: 100%; height: 9px; border-radius: 10px; overflow: hidden; background-color: transparent; background-image: linear-gradient(to right, #fff, #fff);
  background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; position: relative; max-width: 1200px; margin: 30px auto 0}
.progress:after{content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top:5px; left: 0}
.progress .slider__label.sr-only{visibility: hidden}
.homeWorkshopSection .scrollDown{bottom: -40px;}
.homeWorkshopDescription{padding-top: 20px; }
.homeWorkshopBtn{padding-bottom: 40px; padding-top: 40px;}
.homeWorkshopSlider .slick-slider {margin:0 -15px;}
.homeWorkshopSlider .slick-slide {padding:10px; text-align:center; margin-right:15px; margin-left:15px;}
.homeWsSliderDescription{margin: -50px 0 0 -25px; position: relative; z-index: 1; text-align: left; width: 386px; height: 102px; display: flex; align-items: center; line-height: 1.3; padding: 0 25px; }
.homeWsSliderDescription:after{background: url("assets/images/workshop-lable.png") no-repeat; content: ''; position: absolute; top:0; left: 0px; width: 100%; height: 100%; opacity: 30%}
.homeWorkshopSection{padding-top: 75px; padding-bottom: 100px;}
.ourCommunityDescription{max-width: 975px; font-size: 37px; margin: auto; letter-spacing: -1px; line-height: 1.3; }
.ourCommunityBtn{margin-top: 25px; margin-bottom: 35px;}
.ourCommunityBoxWrapper{justify-content: space-between}
.ourCommunityBox{width: calc(20% - 28px); height: 195px; position: relative; margin: 18px 0}
.ourCommunityBox:after{content: ''; background: url("assets/images/our-community-box.svg") no-repeat; opacity: 30%; position: absolute; top:0; left: 0; width: 100%; height: 100%;     background-size: contain; background-position: center;}
.ourCommunityBoxIcon{margin-top: 40px; height: 55px; align-items: flex-end; display: flex; flex-wrap: wrap; justify-content: center;}
.ourCommunityBoxTitle{font-size: 20px; margin-top: 15px;}
.scrollDown{position: absolute; right: 20px; bottom: 40px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px;}
.flipster{overflow-y: hidden; width: 100%; }
.flipster--carousel .flipster__item--future-2 {transform: translateX(-241%);}
.flipster--carousel .flipster__item--future-2 .flipster__item__content {transform: rotateY(45deg) scale(0.8);}
.flipster--carousel .flipster__item--past-2 {transform: translateX(241%);}
.flipster--carousel .flipster__item--past-2 .flipster__item__content {transform: rotateY(-45deg) scale(0.8);}
.flipster__nav__link{text-indent: -9999px; width: 8px; height: 8px; border-radius: 100%; padding: 0px;}
.flipster__nav__link::after{transform: inherit; z-index: 1; background: #fff}
.flipster__nav__item--current .flipster__nav__link{width: 12px; height: 12px;}
.flipster__nav{display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.flipster__nav__item{margin: 0 3px}
.getInTouchSection{background: url("assets/images/get-in-tuch-bg.png") no-repeat;  height: 420px; background-size: cover;  }
.getInTouchSectionTitle{font-size: 47px; margin: 0 0 60px 0; line-height: normal;}
.homeFormRow{justify-content: space-between}
.homeFormCol {width: calc(33.33% - 10px)}
.wpcf7-form-control-wrap{width: 100%; display: block} 
.homeFormCol .wpcf7-form-control,.footerNewslwttweForm .gjs-cell input[type="email"]{height: 59px; background: #FFFFFF3B; border: 0!important; width: 100%; clip-path: polygon(0 20%, 3% 0, 97% 0, 100% 20%, 100% 80%, 97% 100%, 3% 100%, 0% 80%); font-size: 16px; color: #fff; padding:10px 15px; letter-spacing: 1px; font-family: "Poppins", serif;}
.wpcf7-form-control:focus-visible,
*:focus-visible{outline: none!important}
.wpcf7-form-control::placeholder,.footerNewslwttweForm .gjs-cell input[type="email"]::placeholder {color: #fff; opacity: 1; font-weight: 300}
.wpcf7-form-control::-ms-input-placeholder,.footerNewslwttweForm .gjs-cell input[type="email"]::-ms-input-placeholder {color: #fff; font-weight: 300}
.wpcf7-form-control.wpcf7-textarea{padding-top: 17px;}
.homeFormBtn input[type="submit"]{position: relative}
.homeFormBtn{margin-top: 35px; position: relative}
.wpcf7-not-valid-tip{font-size: 15px; padding-top: 5px;}
video::-webkit-media-controls-panel {  
    display: none !important; opacity: 0; 
} 
/*
 #productDesignerVideo::-moz-mediacontrols {  
        display: none !important;  
    }  
*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{text-align: center}
.priismJourneyArea{padding-top: 75px; padding-bottom: 50px;}
.priismJourneyTitle{font-size: 55px; letter-spacing: -1.93px; text-transform: uppercase; line-height: normal; padding-bottom: 20px;}
.priismJourneyDescription{font-weight: 200; max-width: 1120px; margin: auto}
.priismJourneyButton{padding-top: 35px; margin-bottom: 60px;}
.priismJourneyLable{position: relative; width: 467px; height: 124px; line-height: 1.3; padding: 0 35px; display: flex; align-items: center; margin: -100px 0 0 -30px}
.priismJourneyLable:before{content: ''; position: absolute; top:0; left: 0; opacity: 30%; background: url("assets/images/priism-journey-lable-bg.png") no-repeat;  width: 100%; height: 100%; background-size: cover;}
.priismJourneyArea .scrollDown{bottom: -10px;}
.priismSustainabilityArea .scrollDown{bottom: -40px;}
.priismJourneyImage img{width: auto; max-height: calc(100vh - 500px)}

.priismFormLightBox .modal-content{background: rgba(255,255,255,.2); border-radius: 21px; opacity: 1; overflow: hidden; padding-top: 50px; padding-bottom: 50px;}
.btn-close{width: 52px; height: 58px; background: #FFFFFF; position: absolute; top: 0; right: 0; border: 0;}
body.modal-open #page{-webkit-filter: blur(28px);  filter: blur(28px); pointer-events: none;}
.priismLbFormHeading{font-size: 40px; line-height: normal}
.priismLbFormCont{font-weight: 200; padding-top: 11px; padding-bottom: 40px; max-width: 775px; margin: auto;}
.priismFormLightBox .modal-body{max-width: 950px; width: 100%; margin: auto} 
.priismLbFormRow{justify-content: space-between}
.priismLbFormRow .homeFormCol{width: 100%; margin-bottom: 25px;}
.priismLbFormRow.priismLbCol2 .homeFormCol{width: calc(50% - 13px);}
.priismLbFormRow .wpcf7-form-control.wpcf7-textarea{height: 200px; clip-path: polygon(0 8.5%, 1.5% 0, 98.5% 0, 100% 8.5%, 100% 91.5%, 98.5% 100%, 1.5% 100%, 0% 91.5%);} 
.wpcf7-spinner{position: absolute; top:14px;}
 .wpcf7-form-control.wpcf7-select {background: url("assets/images/downarrow.png") no-repeat #FFFFFF3B; background-repeat:no-repeat;  background-position: right 15px top 26px; 
-webkit-appearance:none;  -moz-appearance:none;  -o-appearance:none; appearance:none; font-weight: 300;} 
select.wpcf7-form-control.wpcf7-select::-ms-expand {display: none;}
.wpcf7-form-control.wpcf7-select option{color: #000}
.priismFormLightBox .homeFormBtn{margin-top: 10px;}

/* Start For Footer Section */
.footerArea{background: #000000; padding-top: 55px; padding-bottom: 55px; min-height: calc(100vh - 420px)}
.footerArea .mainWrapper{max-width: 1380px;}
 
.footerSectionHead{font-size: 28px; line-height: normal; padding-bottom: 35px;}
.footerTopLeft{width: 35%}
.footerTopMid{width: 30%}
.footerTopRight{width: 35%}
.footerInfoRow{margin-bottom: 20px;}
.footerInfoIcon{width: 45px; padding-top: 0px;}
.footerInfoIcon svg path{stroke:#CF0968}
.footerInfoText{width: calc(100% - 45px); font-size: 19px;}
.footerInfoRow a{color: #fff; text-decoration: none}
.footerInfoRow a:hover{text-decoration: underline}
.footerWorkingHrs{font-size: 17px; color: #fff; opacity: 0.47;}
.footerNewslwttweForm{position: relative}

.footerBottomArea{justify-content: space-between; align-items: center; font-size: 15px; border-top:1px solid #575757; padding-top: 35px; margin-top: 75px;}
.footerBottomRight img{width: 60px; display: block; margin-left: 5px;}
.newsletterDescription{font-size: 15px; padding-top: 25px; padding-right: 125px;}
.footerNewslwttweForm .gjs-cell{width: 100%; position: relative; padding-right: 130px;}
.footerNewslwttweForm .gjs-cell input[type="email"]{border-radius: 9px; height: 46px; width: 100%; background: rgba(255,255,255,.3); border: 0px; font-size: 17px; padding: 0 15px;}
.footerNewslwttweForm .gjs-cell input[type="submit"]{width: 122px; height: 46px; background: #CF0968; border-radius: 9px; position: absolute; top:0; right:0; border: 0px; color: #fff; font-size: 17px; font-family: "Poppins", serif;}
.footerNewslwttweForm .gjs-row{margin: 0!important}
/* End For Footer Section */

/* Start For Header Menu Section */
.primaryNavigation{width: 435px; margin: 0px 0 0 -435px; padding: 0px 55px; background: rgba(0, 0, 22, 0.2); opacity: 1; position: fixed; top: 0; left: 0; z-index: 2; height: 100vh;  
	-webkit-backdrop-filter: blur(12px);  backdrop-filter: blur(12px); transition: all 0.5s ease-in-out;}
.primaryNavigation .custom-logo-link{width: 100%; position: relative; display: block; margin: 75px 0 0 0}
.primaryNavigation .custom-logo-link:after{background: rgba(255,255,255,.34); position: absolute; bottom: -35px; left: 0; height: 1px; width: 100%; content: ''}
.menuCross{width: 48px; height: 54px; background: #FFFFFF; position: absolute; top:0; right: 0; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.primaryNavigation .primary-menu-container{margin-top: 90px; overflow-y: scroll; height: calc(100vh - 275px);}
.primaryNavigation .primary-menu-container ul,.primaryNavigation .primary-menu-container li{width: 100%; margin: 0px; padding: 0px; list-style: none}
.primaryNavigation .primary-menu-container li{padding-bottom: 35px;}
.primaryNavigation .primary-menu-container li:last-child{padding-bottom: 0px;}
.primaryNavigation .primary-menu-container li a{text-decoration: none; color: #fff; font-size: 19px;}
.primaryNavigation .primary-menu-container li a:hover{color: #C73577}
.primaryNavigation .primary-menu-container::-webkit-scrollbar{display: none;}
.primaryNavigation .primary-menu-container{-ms-overflow-style: none; scrollbar-width: none;}
.heroBannerTopSection{justify-content: space-between; position: absolute; top:0; left: 0px; z-index: 1}
.siteMenuBtn{border: 0px solid #FFFFFF; background: #fff; color: #C73577; cursor: pointer; width: 136px; height: 60px; text-transform: uppercase; align-items: center; justify-content: center; clip-path: polygon(0 0%, 10% 0, 90% 0, 100% 0%, 100% 80%, 90% 100%, 10% 100%, 0% 80%); transition: all 0.5s ease-in-out;}
.siteMenuBtn svg{margin-right: 7px;}
.siteMenuBtn:hover{ background: #C73577; color: #fff; text-decoration: none}
.siteMenuBtn:hover svg rect{fill:#fff}
body.showMainMenu{overflow: hidden}
body.showMainMenu .primaryNavigation{margin-left: 0px;}
body.showMainMenu .siteMenuBtn{visibility: hidden}
/* End For Header Menu Section */
.siteScroll { position: fixed; right: 50px; bottom: 50px; font-size: 13px; text-transform: uppercase; display: flex}  
.siteScroll svg{margin-left: 8px;}
.siteScrollSu{display: none}
.siteScrollUp .siteScrollSu{display: block}
.siteScrollUp .siteScrollSd{display: none}
.siteScroll.siteScrollUp svg{transform: rotate(180deg);}
.flipster__button svg{stroke: #fff;}

ul.test{top: calc(100% / 2 - 135px);position: fixed; height: auto; right: 10px;}
ul.test li{list-style-type: none;  width: 8px;  height: 8px;  background-color: rgba(255,255,255,.5);  border-radius: 4px;  margin: 20px 15px;  transition: 0.3s ease;}
ul.test li.active{background-color: #C73577;}
.siteScroll{display: none}

@media screen and (max-width: 1500px){
	body{font-size: 17px;}
	.siteBtn, .homeFormBtn input[type="submit"]{font-size: 17px;}
 .heroBannerTopSection{padding: 0 15px}	
	.ourCommunityBoxTitle{font-size: 18px;}
	.heroBannerTitle,.priismJourneyTitle,.homeWorkshopTitle,.getInTouchSectionTitle,.pageMainHead{font-size: 45px;}
	.heroBannerSubTitle{font-size: 20px; margin-top: 25px;}
	.heroBannerShortDescription{font-size: 18px; margin-bottom: 20px;}
	.homeWsSliderDescription{height: 90px; font-size: 14px;}
	.ourCommunityArea .mainWrapper{padding-top: 75px;}
	.ourCommunityDescription{font-size: 25px;}
	.ourCommunityBoxIcon{margin-top: 20px;}
	.ourCommunityBox{height: 150px;}
	.getInTouchSectionTitle{margin-bottom: 25px;}
	.getInTouchSection{height: 300px;}
	.whatIsPriismTitle{font-size:35px;}
	.heroBannerBtn,.siteMenuBtn{height: 50px;}
	.heroBannerBtn,.siteMenuBtn{font-size: 15px;}
	.priismSustainabilityText{font-size: 23px}
	.videoSectionTitle{font-size: 35px;}
} /*1500px*/

@media screen and (max-width: 1200px){
	.siteMenuBtn,.heroBannerBtn{height: 45px; font-size: 15px;}
	.heroBannerSubTitle{font-size: 20px;}
	.heroBannerTitle,.priismJourneyTitle,.pageMainHead{font-size: 50px;}
	.heroBannerShortDescription{font-size: 18px;}
	.priismSustainabilityText {font-size: 25px;}
	.whatIsPriismTitle,.videoSectionTitle{font-size: 35px;}
	.homeWsSliderDescription{width: 100%; margin-left: 0px; font-size: 15px;}
	 .homeWorkshopSlider .slick-slider {margin:0 0px;}
.homeWorkshopSlider .slick-slide {padding:10px; text-align:center; margin-right:0px; margin-left:0px;}
	.ourCommunityDescription{font-size: 30px;}
	.ourCommunityBox{width: calc(33.33% - 25px); margin: 15px 0;}
	.footerSectionHead{font-size: 20px;padding-bottom: 25px;}
	.newsletterDescription {padding-right: 0px; padding-top: 20px;}
	.ourCommunityArea:before, .homeWorkshopSection:before,.whatIsPriismArea:after,.automatedDirectSetion:after{display: none}
	.heroBanner, .priismSustainabilityArea, .whatIsPriismArea, .productDesignerVideo, .homeWorkshopSection, .ourCommunityArea, .priismJourneyArea, .pageFooterSection{min-height: 100vh; height: auto}
	.siteScroll,ul.test {display: none}
} /*1200px*/

@media screen and (max-width: 990px){
.homeWorkshopTitle,.heroBannerTitle, .priismJourneyTitle, .pageMainHead,.getInTouchSectionTitle{font-size: 40px;}
.whatIsPriismBulletRow{display: none}
.whatIsPriismTitle, .videoSectionTitle {font-size: 27px;}
	.play-pause-button svg{width: 65px; height: 65px;}
	.siteBtn, .homeFormBtn input[type="submit"]{font-size: 15px;}
	 .ourCommunityDescription {font-size: 24px;}
	.getInTouchSectionTitle{margin-bottom: 35px;}
	.getInTouchSection{height: 350px;}
	.footerSectionHead {font-size: 18px; padding-bottom: 15px;}
	.footerTopMid,.footerTopLeft {width: 50%;}
	.footerTopRight {width: 100%; margin-top: 20px;}
	.footerBottomArea{margin-top: 50px;}
	.footerArea {padding-top: 40px; padding-bottom: 35px;}
	.homeFormCol {width: calc(50% - 10px)}
	.homeFormCol.hfc3{width: 100%; margin-top: 20px;}
	.priismLbFormRow .homeFormCol {width: 100% !important;}
	.priismLbFormRow .wpcf7-form-control.wpcf7-textarea {height: 150px; clip-path: polygon(0 10%, 3% 0, 97% 0, 100% 10%, 100% 93%, 97% 100%, 3% 100%, 0% 90%);}
	.btn-close{width: 30px; height: 35px;}
	.btn-close svg{width: 17px;}
	.priismFormLightBox .modal-content{padding: 25px 20px 25px; border-radius: 10px;}
	.priismLbFormHeading{font-size: 25px;} 
	
} /*990px*/


@media screen and (max-width: 767px){
body{font-size: 16px;}
.heroBanner, .priismSustainabilityArea, .whatIsPriismArea, .productDesignerVideo, .homeWorkshopSection, .ourCommunityArea, .priismJourneyArea{min-height: inherit}
.heroBannerBtnArea,.siteMenuBtn span{display: none}
.siteMenuBtn{width: 50px; height: 40px;}
.siteMenuBtn svg{margin: 0px;}
.homeWorkshopTitle, .heroBannerTitle, .priismJourneyTitle, .pageMainHead, .getInTouchSectionTitle {font-size: 30px; line-height: 1.3; letter-spacing: 0}
.heroBannerSubTitle {margin-top: 0px; font-size: 18px; margin-bottom: 5px;}
.heroBannerShortDescription{padding: 10px 0 25px;}
.scrollDown{display: none}
.heroBanner .mainWrapper {padding-top: 60px; padding-bottom: 50px;}
.siteBtn svg, .heroBannerBtn svg{display: none}
.siteBtn, .homeFormBtn input[type="submit"] {border-radius: 10px; font-size: 17px; line-height: 1.5;}
.priismJourneyArea,.whatIsPriismArea{padding-top: 50px;}
.priismSustainabilityText {font-size: 20px; letter-spacing: 0;}
.priismSustainabilityArea {padding-top: 60px; padding-bottom: 50px;}
.priismSustainabilityBtn {padding-top: 35px;}
.whatIsPriismContner,.whatIsPriismRow{height: auto}	
.whatIsPriismImage,.whatIsPriismInfo {width: 100%;}
	.whatIsPriismInfo{padding: 20px 0 0 0}
	.whatIsPriismRow{margin-bottom: 60px;}
	.whatIsPriismRow:last-child{margin-bottom: 0px;}
	.whatIsPriismContner{padding-top: 15px;}
	.whatIsPriismTitle{font-size: 20px; line-height: 1.5}
	.whatIsPriismDescription{padding: 0px; margin-top: 5px; border: 0px;}
	.whatIsPriismArea{padding-bottom: 50px;}
	.videoSectionTitle br{display: none}
	.videoSectionTitle{letter-spacing: 0; line-height: 1.5; padding: 0 15px; font-size: 25px;}
	.priismJourneyLable{width: 100%; background:transparent; height: auto; margin: 15px 0 0 0px; padding: 0 50px;}
	.priismJourneyLable:before{display: none}
	.ourCommunityBox {width: calc(50% - 25px);}
	.ourCommunityArea .mainWrapper {padding-bottom: 50px; padding-top: 50px;}
	.homeWorkshopSection {padding-top: 50px; padding-bottom: 50px;}
	.ourCommunityBtn{margin-bottom: 35px;}
	.footerTopMid, .footerTopLeft{width: 100%}
	.footerInfoText{font-size: 17px; width: calc(100% - 35px); word-wrap: break-word;}
	.footerInfoIcon{width: 35px; padding-top: 1px;}
	.footerWorkingHrs{font-size: 15px;}
	.footerInfoRow {margin-bottom: 15px;}
	.footerTopMid{margin-bottom: 15px;}
	.footerTopLeft{margin-bottom: 25px;}
	.footerTopMidInfo{margin-top: -5px;}
	.footerBottomArea{font-size: 13px;}
	.footerBottomLeft,.footerBottomRight{width: 100%; text-align: center}
	.footerBottomRight{justify-content: center; margin-top: 10px;}
	.footerBottomArea{margin-top: 35px;}
	.homeWsSliderDescription{max-width: 386px;}
	.homeWorkshopSlider .slick-slider {margin:0 0px;}
.homeWorkshopSlider .slick-slide {padding:0px; margin-right:0px; margin-left:0px;}
	.homeWorkshopBtn {padding-bottom: 50px; padding-top: 30px;}
	
	.primaryNavigation{width: 300px; margin: 0px 0 0 -300px; padding: 0px 20px;}
	.menuCross{width: 35px; height: 40px;}
	.menuCross svg{width: 18px;}
	.primaryNavigation .custom-logo-link{margin-top: 20px;}
	.primaryNavigation .custom-logo-link img{max-width: 200px;}
	.primaryNavigation .custom-logo-link:after{bottom: -25px;}
	.primaryNavigation .primary-menu-container{margin-top: 60px; height: calc(100vh - 150px);}
	.primaryNavigation .primary-menu-container li {padding-bottom: 25px;}
	.primaryNavigation .primary-menu-container li a{font-size: 17px;}
	.flipster__nav {margin-top: 20px;}
	.priismJourneyButton {padding-top: 25px; margin-bottom: 50px;}
	#productDesignerVideo, #automatedVideo{height: 500px;}
	.priismLbFormRow .homeFormCol{margin: 0 0 20px 0}
	.productDesignerVideo, .automatedDirectSetion{height: auto}
	.ourCommunityBoxTitle{font-size: 16px;}
	 
	.ourCommunityBox{height: 130px}
	.priismJourneyImage img{max-height: inherit;    width: 100%;}
} /*767px*/

@media screen and (max-width: 576px){
	.ourCommunityBox {width: calc(50% - 5px); }
	.ourCommunityBoxIcon{height: 40px;}
	.ourCommunityBoxIcon img{max-height: 40px;}
	.ourCommunityBoxTitle{font-size: 14px;}
	.ourCommunityBox:after{background-position: center;}
	.homeFormCol{width: 100%; margin-top: 20px;}
	    .getInTouchSection {height: auto; padding: 50px 0;}
	    .getInTouchSectionTitle {margin-bottom: 10px;}
	.footerNewslwttweForm .gjs-cell{padding-right: 0px;}
	.footerNewslwttweForm .gjs-cell input[type="submit"]{position: inherit; margin: 15px 0 0 0}
} /*576px*/