/*
Theme Name: Pergola Solutions 
Theme URI: https://ballsymedia.co.uk/
Author: Ballsy Media
Author URI: https://ballsymedia.co.uk/
Description: Theme V8
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Pergola Solutions

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

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

                                        THEME STYLE default CSS START

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



body, html, ul {
	margin: 0px;
 	padding: 0px;
}

body {
	font-family: 'Roboto-Regular';
	word-wrap: break-word;
	overflow-x: hidden;
	opacity: 0;
	transition: all .5s;
	transition-delay: .3s;
}

.wrapperOuter {
    overflow: hidden;
}

.elementor-section.elementor-section-boxed > .elementor-container .elementor-container {
	padding: 0;
}
body.elementor-editor-active {
	opacity: 1;
}
.elementor-editor-active .preloader {
	display: none !important;
}
b, strong {
	font-family: 'Roboto-Bold';
    font-weight: normal;
}

a {
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	outline:0!important;
}

.upb_row_bg {
	width: 100% !important;
}

::selection {
   color: #fff; 
   background: #ce4c99 !important;
}

* { 
	outline:none!important;
}


h1,h2,h3,h4,h5,h6 {
	margin-top:0;
	font-family: 'Classy Vogue';
	font-weight: normal;
	margin-bottom: 10px;
}

ul {
	list-style:disc;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ol {
	list-style:decimal;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ol li,ul li {
	margin:0;
	padding:0;
}

p {
	padding-bottom: 20px;
	line-height: 26px;
	margin: 0;
}  

img {
	transition:all .5s;
	max-width: 100%;
	height: auto;
}

/* content */

.containerWrap ol li, 
.containerWrap ul li {
	list-style-position: outside;
    line-height: 26px;
    margin-bottom: 10px;
}

.containerWrap ol, 
.containerWrap ul {
	margin: 0px 0 20px 40px;
}


/* pointer css start */

.cursor {
  top: 0px;
  left: 0px;
  position: fixed;
}

.dot {
  top: -20px;
  left: -20px;
  position: fixed;
  border-radius: 50%;
  z-index: 9999;
  mix-blend-mode: multiply;
  pointer-events: none;
  will-change: transform;
  transform: scale(.3);
  transition: 0.2s all;
  width: 40px;
  height: 40px;
}

.drag,
.scroll,
.play {
  box-sizing: border-box;
  overflow: hidden;
  cursor: none;
}

.drag-pointer {
  opacity: 1;
  transform: scale(1);
}

.scroll-pointer {
  opacity: 1;
  transform: scale(1);
}

.play-pointer { 
  opacity: 1;
  transform: scale(1);
}

.dot.play-pointer:before {
	content: 'Play'; 
}

.dot.scroll-pointer:before {
	content: 'scroll'; 
}
.dot.drag-pointer:before {
	content: 'drag'; 
}

.dot:before { 
	display: inline-block;
	border: 2px solid #061424;
	width: 50px;
	height: 50px;
	line-height: 51px;
	border-radius: 50%;
	text-align: center;
	color: #061424;
	text-transform: uppercase;
	font-size: 11px;
	transition: all .5s;
	opacity: 0;
	visibility: hidden;
}

.dot.play-pointer:before,
.dot.scroll-pointer:before,
.dot.drag-pointer:before {
	opacity: 1;
	visibility: visible;
}


/* pointer css end */



/*default form css start*/

textarea {
	min-height: 200px !important;
}

/* radio/checkbox */
form.elementor-form .elementor-field-type-upload .elementor-field-label,form.elementor-form .elementor-field-type-acceptance .elementor-field-label,form.elementor-form .elementor-field-type-checkbox .elementor-field-label,form.elementor-form .elementor-field-type-radio .elementor-field-label {
    position: static !important;
    padding: 0 !important;
    min-height: auto !important;
    color: #fff !important;
    margin-bottom: 15px; 
    background: transparent !important;
    font-weight: 400 !important;
}

form.elementor-form .elementor-field-type-radio .elementor-field-subgroup{
	flex-basis: auto !important;
    margin-left: 20px;
}
 

form.elementor-form .elementor-field-type-upload .elementor-field-label:before,form.elementor-form .elementor-field-type-acceptance .elementor-field-label:before,form.elementor-form .elementor-field-type-checkbox .elementor-field-label:before,form.elementor-form .elementor-field-type-radio .elementor-field-label:before {
	display: none;
}

form.elementor-form .elementor-field-type-upload,form.elementor-form .elementor-field-type-acceptance,form.elementor-form .elementor-field-type-checkbox,form.elementor-form .elementor-field-type-radio {
	border: none !important;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option,form.elementor-form .elementor-field-type-radio .elementor-field-option,form.elementor-form .elementor-field-type-checkbox .elementor-field-option {
    position: relative;
    margin-right: 18px;
    padding-right: 0;
    margin-bottom: 15px;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option:last-child,form.elementor-form .elementor-field-type-radio .elementor-field-option:last-child,form.elementor-form .elementor-field-type-checkbox .elementor-field-option:last-child {
	margin-right: 0;
}

form.elementor-form .elementor-field-type-acceptance input,form.elementor-form .elementor-field-type-radio input,form.elementor-form .elementor-field-type-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    opacity: 0;
    display: block !important;
    margin: 0;	
    cursor: pointer;
}

form.elementor-form .elementor-field-type-acceptance label,form.elementor-form .elementor-field-type-radio label,form.elementor-form .elementor-field-type-checkbox label {
    padding-left: 26px;
    vertical-align: middle;
    display: block !important;
    line-height: 26px !important;
}
form.elementor-form .elementor-field-type-acceptance .elementor-field-option label:before,form.elementor-form .elementor-field-type-radio .elementor-field-option label:before,form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #cccccc;
    background: #ffffff;
    cursor: pointer;
}
form.elementor-form .elementor-field-type-acceptance .elementor-field-option label:after,form.elementor-form .elementor-field-type-radio .elementor-field-option label:after,form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:after {
	content: "";
	display: none;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option label:after,form.elementor-form .elementor-field-type-radio .elementor-field-option label:after,form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:after {
    left: 6px;
    top: 6px;
    width: 11px;
    position: absolute;
    height: 6px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-50deg);
    opacity: 0;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option input:checked ~ label:after,form.elementor-form .elementor-field-type-radio .elementor-field-option input:checked ~ label:after,form.elementor-form .elementor-field-type-checkbox .elementor-field-option input:checked ~ label:after {
	display: block;
}

form.elementor-form .elementor-field-type-radio .elementor-field-option label:before {
   border-radius: 0;
    border: none !important;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option input:checked ~ label:before,form.elementor-form .elementor-field-type-checkbox .elementor-field-option input:checked ~ label:before,
form.elementor-form .elementor-field-type-radio .elementor-field-option input:checked ~ label:before {
	background: #ed008b;
	border: 3px solid #fff !important
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #ffffff !important;
	opacity: 1 !important;
}

textarea:-moz-placeholder,
input:-moz-placeholder { /* Firefox 18- */
	color: #ffffff !important;
	opacity: 1 !important;
}

textarea::-moz-placeholder,
input::-moz-placeholder {  /* Firefox 19+ */
	color: #ffffff !important;
	opacity: 1 !important;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {  
	color: #ffffff !important;
	opacity: 1 !important;
}

.flatpickr-calendar .dayContainer span {
    transition: all .8s;
    opacity: 0;
    width: 0;
    transform: scale(.2);
    color: transparent;	
}
.flatpickr-calendar.open .dayContainer span {
	opacity: 1;
	transform: scale(1);
	color: #393939;
}

/*default form css end*/

.newsWrap .elementor-post__card .elementor-post__read-more,
.dbtn {
    font-size: 20px !important;
    font-weight: normal;
    line-height: 26px !important;
    padding: 15px 36px !important;
    background: #154e71 !important;
    color: #fff !important;
    border: 2px solid #154e71 !important;
    border-radius: 0 !important;
    display: inline-block;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important;  
    margin-bottom: 0;
    font-family: 'Roboto-Bold';
    position: relative;
    z-index: 1;
    cursor: pointer;
}              

.newsWrap .elementor-post__card .elementor-post__read-more:before,
.dbtn:before {
    content: '';
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    position: absolute;
    top: -2px;
    left: -2px;
    border-left: 2px solid #154e71;
    border-right: 2px solid #154e71;
    transition: all .3s linear;
    
}

.newsWrap .elementor-post__card .elementor-post__read-more:hover:before,
.dbtn:hover:before {
    height: calc(100% + 16px);
    top: -8px;
    left: -2px;
}

.newsWrap .elementor-post__card .elementor-post__read-more:after,
.dbtn:after {
    content: '';
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 2px solid #154e71;
    border-bottom: 2px solid #154e71;
    transition: all .3s linear;
}

.newsWrap .elementor-post__card .elementor-post__read-more:hover:after,    
.dbtn:hover:after {
    width: calc(100% + 16px);
    top: -2px;
    left: -8px;
}


.button2 .dbtn .mText:first-child:before {
    content: '';
    display: inline-block;
    border: 2px solid #898989;
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    transition: all .2s linear;
}

.button2 .dbtn:hover .mText:first-child:before {
	opacity: 0;
}


.dbtn .mText:last-child {
    display: none;
}
 
/* Post Image Start*/

/* Post Image Start*/
.wp-block-image figure {
  margin-top: 20px;
  margin-bottom: 20px;
}
img.alignright,
.wp-block-image .alignright {
  margin-left: 20px;
  float: right;
  margin-bottom: 10px;
  max-width: 50% !important;
}
img.alignleft,
.wp-block-image .alignleft {
  margin-right: 20px;
  float: left;
  margin-bottom: 10px;
  max-width: 50% !important;
}
img.aligncenter,
.wp-block-image .aligncenter {
  margin: 0 auto 10px;
    display: block;
}
img.alignnone {
  display: block;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
  img.alignnone,
  img.alignright,
  img.alignleft,
  img.aligncenter,
  .wp-block-image .alignright,
  .wp-block-image .alignleft,
  .wp-block-image .aligncenter {
    float: none !important;
    margin: 10px 0 10px !important;
    display: block;
    max-width: 100% !important;
  }

}

/* Post Image End */


/* testimonial css */

.elementor-widget-testimonial-carousel .elementor-testimonial {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* bannerWrap */ 


.callbackWrap .leaveTitle h3.elementor-heading-title,
.privacyWrap .smallTitle h2.elementor-heading-title,
.bannerWrap .beautyTitle h3 {
    font-size: 30px;
    line-height: 38px;   
    text-shadow: 9.5px 0px 118px rgba(0, 0, 0, .7), 0.1px 0px 49px rgba(0, 0, 0, .7), -0.9px 0px 70px rgba(0, 0, 0, .7);
}

.bannerWrap .title .elementor-heading-title {  
    text-shadow: 9.5px 0px 118px rgba(0, 0, 0, .9), 0.1px 0px 49px rgba(0, 0, 0, .9), -0.9px 0px 70px rgba(0, 0, 0, .9);
}

.bannerWrap .smallText p {
	padding: 0;
}

.whiteBtn .dbtn,
.bannerWrap .elementor-button-link {
    background: #ffffff !important;
    color: #595a5a !important;
    border-color: #ffffff !important;
}

.whiteBtn .dbtn:before,
.whiteBtn .dbtn:after,
.bannerWrap .elementor-button-link:before,
.bannerWrap .elementor-button-link:after {
	border-color: #ffffff !important;
}

.whiteBtn .dbtn .mText:first-child:before,
.bannerWrap .button2 .dbtn .mText:first-child:before {
   border-color: #ffffff !important;
   border-width: 1px !important;
}


.colorBox .color-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 0;
    grid-row-gap: 0;
}

.colorBox .color-items .color-item {
    width: 100%;
    height: 7px;
    background: #ce4c99;
} 
 
.colorBox .color-items .color-item:nth-child(2) {
    background: #41bdaa;
}
 
.colorBox .color-items .color-item:nth-child(3) {
    background: #f6995e;
}

.colorBox .color-items .color-item:nth-child(4) {
    background: #ee5459;
}



/*aboutWrap*/

.aboutWrap .bgBox:before {
    width: 100vw;
    left: 10%;
    top: 38px;
}

.aboutWrap:before {
	content: '' !important;
    display: inline-block !important;
    background: #f7f7f7;
    width: 100% !important;
    height: calc(100% + 288px) !important;
    transition: all 1s !important;
    -webkit-clip-path: polygon(20% 0, 20% 0, 0 0, 0 0);
    clip-path: polygon(20% 0, 20% 0, 0 0, 0 0);
}

.aboutWrap.in-viewport-once:before {
	-webkit-clip-path: polygon(20% 0, 58% 50%, 37% 53%, 0 0);
	clip-path: polygon(20% 0, 58% 50%, 37% 53%, 0 0);
	transition-delay: 1s !important;
}

.aboutWrap:after {
    content: '' !important;
    display: inline-block !important;
    background: #f7f7f7;
    width: 100% !important;
    height: calc(100% + 289px) !important;
    position: absolute;
    z-index: -1; 
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(34% 50%, 54% 51%, 54% 51%, 34% 50%);
    clip-path: polygon(34% 50%, 54% 51%, 54% 51%, 34% 50%);
    transition: all 1s !important;
}

.aboutWrap.in-viewport-once:after {
	-webkit-clip-path: polygon(34% 50%, 54% 51%, 0 100%, 0 79%);
	clip-path: polygon(34% 50%, 54% 51%, 0 100%, 0 79%);
	transition-delay: 1.5s !important;
}

 
/*scnTitle*/ 
  
.privacyWrap .textBox h2,
.scnTitle .elementor-heading-title {  
	font-size: 50px;
	line-height: 56px;
	margin-bottom: 0;
	padding-bottom: 25px;     
	position: relative;
} 
.scnTitle .elementor-heading-title:before {
    content: '';
    display: inline-block;
    width: 220px;
    height: 5px;
    bottom: 0;
    position: absolute;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
} 
.scnCenter.scnTitle .elementor-heading-title:before {
	left: calc(50% - 110px);  
}  

/*serviceWrap*/ 

.serviceWrap:before {
	top: auto !important;
	bottom: 0 !important;
	height: 65% !important;
}

.serviceWrap .elementor-button-link {
	background: transparent !important;
	color: #f7f7f7 !important;
}

.serviceWrap .elementor-button-link:before,
.serviceWrap .elementor-button-link:after {
	border-color: #ffffff !important;
}

.serviceWrap .textBox p {
	line-height: 34px;
}

.serviceWrap .srvBox:after {
    content: '';
    width: calc(100% - 10%);
    height: 100%;
    z-index: -1;
    display: block; 
	transition: all 1s; 
    background: #41bdaa;
    position: absolute;
    top: -12px;         
    left: 5%;
}
        
.serviceWrap .srvBox.in-viewport-once:after {    
    -webkit-animation: bounce-effect 5s linear;
    animation: bounce-effect 5s linear; 
    animation-delay: .5s;
}
   
@keyframes bounce-effect {
  100%,
  0% {
      opacity: 1;
  }
  
  20% {
      -webkit-transform: translateY(-30px);
      -o-transform: translateY(-30px);
      -moz-transform: translateY(-30px);
      transform: translateY(-30px);
      opacity: 1;
  }
    
  40% {
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
  }
      

  50% {
      -webkit-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      transform: translateY(-15px);
      opacity: 1;
  }        
  60%,
  80%, 
  99% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }



}  

/*processWrap*/ 

.processWrap .numberTitle .elementor-widget-container {
    width: 70px;
    height: 70px !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.processWrap .numberTitle .elementor-heading-title {
    font-family: 'Roboto-Black';
    font-weight: normal;
    font-size: 38px;
    line-height: 1;
}

.processWrap .simpleTitle .elementor-heading-title {
    font-size: 30px;
    line-height: 40px;
}

.processWrap .box p {
	line-height: 28px;
}

/*whyWrap*/

.whyWrap .choseTitle .elementor-heading-title {
    font-family: 'Roboto-Bold';
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
}

.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon .cls-1 {
    fill: #1e556f;
}

.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon svg {
	margin: 0;
}

.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon {
	width: 40px;
	min-width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative;
    margin-right: 20px;
}           

.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon:after {
    content: '';
    display: inline-block;
    border: 2px solid #595a5a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text {
	font-family: 'Roboto-Bold';
	font-weight: normal;
}

.whyWrap .border-image {
	opacity: .27;
}

.whyWrap:before {
	width: 40% !important;
    left: auto !important;
    right: -8% !important;
    top: -16% !important;
    transform: rotate(7deg);
    z-index: -1;  
    -webkit-clip-path: polygon(62% 0, 100% 0%, 100% 0, 62% 0);
    clip-path: polygon(62% 0, 100% 0%, 100% 0, 62% 0);
    transition: all 1s !important;
}

.whyWrap.in-viewport-once:before {	 
	-webkit-clip-path: polygon(62% 0, 100% 0%, 32% 67%, 11% 50%);
	clip-path: polygon(62% 0, 100% 0%, 32% 67%, 11% 50%);
	transition-delay: .5s !important;
}

.whyWrap:after {
    content: '' !important;
    display: inline-block !important;
    width: 36%;
    position: absolute;
    background: #f7f7f7;
    right: 2%;
    top: 5%;
    height: calc(100% + 200px);
    transform: rotate(-18deg);
    z-index: -1;
    transition: all 1s !important;
    -webkit-clip-path: polygon(13% 43%, 29% 24%, 29% 24%, 13% 43%);
    clip-path: polygon(13% 43%, 29% 24%, 29% 24%, 13% 43%);
}

.whyWrap.in-viewport-once:after {	
	-webkit-clip-path: polygon(13% 43%, 29% 24%, 100% 100%, 64% 100%); 
	clip-path: polygon(13% 43%, 29% 24%, 100% 100%, 64% 100%);
	transition-delay: 1s !important;
}

/* preloader */

.preloader {   
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; 
  z-index: 999;   
  background: #154e71;   
  -webkit-transition: opacity .5s, visibility .5s;  
  transition: opacity .5s, visibility .5s;
  -webkit-transition-delay: .8s, .8s;
  transition-delay: .8s, .8s;
  flex-direction: column;
  justify-content: center;
  display: none;    
}

.home .preloader {
	display: flex;
}

.page-loaded .preloader {
  opacity: 0;  
  visibility: hidden; 
  -webkit-transition: opacity .5s, visibility .5s;
  transition: opacity .5s, visibility .5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 3s, 3s;
} 

.preloader .wrapper-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;  
  z-index: -1;  
}   

.preloader .wrapper-box:after {
  content: '';
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: -1;
  opacity: 0;
  transition: all .5s;
  transition-delay: 1s; 
}

.page-loaded .preloader .wrapper-box:after {
  opacity: 1;
  transition-delay: .3s;
} 

.preloader .wrapper-box .topBox .white-box {
  background: #fff;
  position: fixed;
  top: 0;
  left: 100%;
  width: 15%;
  height: 100%;        
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -o-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -moz-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -ms-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: all .7s linear;
  transition-delay: 1s;
}

.page-loaded .preloader .wrapper-box .topBox .white-box {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition-delay: 0s;
}

.preloader .wrapper-box .topBox .whitebox1 { 
  left: -66px;
  top: 0;
  top: -6%;
  -webkit-transform: rotate(8deg); 
  transform: rotate(8deg); 
}    
 
.preloader .wrapper-box .topBox .whitebox2 { 
  left: 10.5%;
  top: -6%;
  -webkit-transform: rotate(8deg); 
  transform: rotate(8deg); 
}

.preloader .wrapper-box .topBox .whitebox3 { 
  left: 25.5%;
  top: -10%;
  -webkit-transform: rotate(8deg); 
  transform: rotate(8deg); 
}
   
.preloader .wrapper-box .topBox .whitebox4 { 
  left: 40%;
  top: -5%;
  -webkit-transform: rotate(8deg); 
  transform: rotate(8deg); 
}
.preloader .wrapper-box .topBox .whitebox5 { 
  left: 54.2%;
  top: -5%;
  -webkit-transform: rotate(8deg); 
  transform: rotate(8deg); 
}

.preloader .wrapper-box .topBox .whitebox6 { 
  left: 69.2%;
  top: -5%;
  -webkit-transform: rotate(8deg); 
  transform: rotate(8deg); 
}

.preloader .wrapper-box .topBox .whitebox7 { 
  left: 84.8%;
  top: -19%;
  -webkit-transform: rotate(8deg); 
  transform: rotate(8deg); 
}

.preloader .wrapper-box .topBox .whitebox8 { 
  left: -1.6%;
  -webkit-transform: matrix(0.994522, 0.104528, -0.104528, 0.994522, 1909.9, -819.931);
  -o-transform: matrix(0.994522, 0.104528, -0.104528, 0.994522, 1909.9, -819.931);
  -moz-transform: matrix(0.994522, 0.104528, -0.104528, 0.994522, 1909.9, -819.931);
  -ms-transform: matrix(0.994522, 0.104528, -0.104528, 0.994522, 1909.9, -819.931);
  transform: matrix(0.994522, 0.104528, -0.104528, 0.994522, 1909.9, -819.931);
  top: 164px; 
}
 
.preloader .wrapper-box .topBox {
  width: 100%;
  height: 75vh;
  position: fixed;
  top: 0;
  left: 0;
  /*-webkit-clip-path: polygon(0 0, 100% 0%, 100% 28%, 0 75%);
  -o-clip-path: polygon(0 0, 100% 0%, 100% 28%, 0 75%);
  -moz-clip-path: polygon(0 0, 100% 0%, 100% 28%, 0 75%);
  -ms-clip-path: polygon(0 0, 100% 0%, 100% 28%, 0 75%);
  clip-path: polygon(0 0, 100% 0%, 100% 28%, 0 75%);*/
  clip-path: polygon(100% 0, 100% 38%, 0 100%, 0 0);    
  overflow: hidden;
}
 
/*.preloader .wrapper-box .top-box {
  width: 100%;
  height: 50%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 80%);
}*/
 
.preloader .wrapper-box .bottomBox {
  width: 100%;
  height: 100%;
  position: fixed;
  -webkit-clip-path: polygon(0 74.8%, 100% 28%, 100% 100%, 0% 100%);
  -o-clip-path: polygon(0 74.8%, 100% 28%, 100% 100%, 0% 100%);
  -moz-clip-path: polygon(0 74.8%, 100% 28%, 100% 100%, 0% 100%);
  -ms-clip-path: polygon(0 74.8%, 100% 28%, 100% 100%, 0% 100%);
  clip-path: polygon(0 74.8%, 100% 28%, 100% 100%, 0% 100%);
  z-index: 1;
  bottom: 0;
  left: 0;    
}

.preloader .wrapper-box .bottomBox .white-box {
  background: #ffffff;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 4%;
  height: 100%;
  -o-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -moz-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -ms-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: all .7s linear;
  transform: rotate(-40deg);   
  transition-delay: 1s;     
}

.page-loaded .preloader .wrapper-box .bottomBox .white-box {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition-delay: 0s;
}      

.preloader .wrapper-box .bottomBox .whitebox1 { 
  bottom: -24%;
  left: -11%;   
}

.preloader .wrapper-box .bottomBox .whitebox2 { 
  bottom: -24%;
  left: -6%;  
}

.preloader .wrapper-box .bottomBox .whitebox3 { 
  bottom: -24%;
  left: -1%;  
}

.preloader .wrapper-box .bottomBox .whitebox4 { 
  bottom: -24%;
  left: 4%;   
}

.preloader .wrapper-box .bottomBox .whitebox5 { 
  bottom: -24%;
  left: 9%;  
}
.preloader .wrapper-box .bottomBox .whitebox6 { 
  bottom: -24%;
  left: 14%;  
}

.preloader .wrapper-box .bottomBox .whitebox7 { 
  bottom: -24%;
  left: 19%;  
}

.preloader .wrapper-box .bottomBox .whitebox8 { 
  bottom: -24%;
  left: 24%;  
}

.preloader .wrapper-box .bottomBox .whitebox9 { 
  bottom: -24%;
  left: 29%;  
}

.preloader .wrapper-box .bottomBox .whitebox10 { 
  bottom: -24%;
  left: 34%;  
}

.preloader .wrapper-box .bottomBox .whitebox11 { 
  bottom: -24%;
  left: 39%;  
}

.preloader .wrapper-box .bottomBox .whitebox12 { 
  bottom: -24%;
  left: 44%;  
}
                    
.preloader .wrapper-box .bottomBox .whitebox13 { 
  bottom: -24%;
  left: 49%;  
}
    
.preloader .wrapper-box .bottomBox .whitebox14 { 
  bottom: -24%;
  left: 54%;  
}
    
.preloader .wrapper-box .bottomBox .whitebox15 { 
  bottom: -24%;
  left: 59%;  
}

.preloader .wrapper-box .bottomBox .whitebox16 { 
  bottom: -24%;
  left: 64%;   
}                 

.preloader .wrapper-box .bottomBox .whitebox17 { 
  bottom: -24%;
  left: 69%;   
}                 

.preloader .wrapper-box .bottomBox .whitebox18 { 
  bottom: -24%;
  left: 74%;   
}                 


.preloader .wrapper-box .bottomBox .whitebox19 { 
  bottom: -24%;
  left: 79%;   
}                 


.preloader .wrapper-box .bottomBox .whitebox20 { 
  bottom: -24%;
  left: 84%;   
}                 

.preloader .wrapper-box .bottomBox .whitebox21 { 
  bottom: -22%;
  left: 88.3%; 
}                 

.preloader .wrapper-box .bottomBox .whitebox22 { 
  bottom: -20%;
  left: 92.5%;   
}                 

.preloader .wrapper-box .bottomBox .whitebox23 { 
  bottom: -14%;
  left: 94.5%; 
}                 

.preloader .wrapper-box .bottomBox .whitebox24 { 
  bottom: -12%;
  left: 98.5%; 
}                 

.preloader .wrapper-box .bottomBox .whitebox25 { 
  bottom: -12%;
  left: 103.5%; 
}                 

.preloader .wrapper-box .bottomBox .whitebox26 { 
   bottom: -12%;
  left: 108%; 
}   

.preloader .wrapper-box .bottomBox .whitebox27 { 
  bottom: -12%;
  left: 112%; 
}   

.preloader .logoBox {
    position: fixed;
    width: 350px;
    height: 330px;
    left: calc(50% - 175px);
    top: calc(50% - 165px);     
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    transition: all .5s linear; 
}

.preloader .logoBox .logo-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 280px;
    width: 100%;
    height: 100%;         
}

.page-loaded .preloader .logoBox {
	-webkit-transform: scale(1);
	transform: scale(1);
    opacity: 1;
    transition-delay: 1s;
}
   

/* animation css */

.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon svg {
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transition: all 1s !important;
}
 
.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item .elementor-icon-list-icon svg {
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);    
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon svg {
	transition-delay: .5s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon svg {
	transition-delay: .8s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon svg {
	transition-delay: 1.1s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon svg {
	transition-delay: 1.4s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(5) .elementor-icon-list-icon svg {
	transition-delay: 1.6s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(6) .elementor-icon-list-icon svg {
	transition-delay: 1.9s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(7) .elementor-icon-list-icon svg {
	transition-delay: 2.2s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(8) .elementor-icon-list-icon svg {
	transition-delay: 2.5s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(9) .elementor-icon-list-icon svg {
	transition-delay: 2.8s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(10) .elementor-icon-list-icon svg {
	transition-delay: 3.1s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(11) .elementor-icon-list-icon svg {
	transition-delay: 3.4s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(12) .elementor-icon-list-icon svg {
	transition-delay: 3.4s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(13) .elementor-icon-list-icon svg {
	transition-delay: 3.4s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(14) .elementor-icon-list-icon svg {
	transition-delay: 3.4s !important;
}

.whyWrap .elementor-widget-icon-list.in-viewport-once .elementor-icon-list-item:nth-child(15) .elementor-icon-list-icon svg {
	transition-delay: 3.4s !important;
}    

/**************************/

.bannerpostTitle .elementor-heading-title label,
.readyTitle .elementor-heading-title label,
.title .elementor-heading-title label,
.scnTitle .elementor-heading-title label {
    display: inline-block; 
    vertical-align: middle;
}

.bannerpostTitle .elementor-heading-title span,
.readyTitle .elementor-heading-title span,
.title .elementor-heading-title span,
.scnTitle .elementor-heading-title span {
	display: inline-block; 
    vertical-align: middle;
    opacity: 0;
    -webkit-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    transition: all 1.2s linear;
}

.page-loaded .bannerpostTitle .elementor-heading-title span,
.readyTitle.in-viewport-once .elementor-heading-title span,
.page-loaded .title .elementor-heading-title span,
.scnTitle.in-viewport-once .elementor-heading-title span {
    opacity: 1;
}

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(10),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(1),                         
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(10),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(1) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(9),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(2),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(9),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(2) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(8),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(3),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(8),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(3) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(7),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(4),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(7),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(4) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(6),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(5),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(6),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(5) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
} 

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(5),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(6),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(5),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(6) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(4),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(7),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(4),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(7) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
} 

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(3),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(8),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(3),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(8) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
} 
 
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(2),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(9),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(2),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(9) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
} 

.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(1),
.readyTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(10),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(even) span:nth-child(1),
.scnTitle.in-viewport-once .elementor-heading-title label:nth-child(odd) span:nth-child(10) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
} 
            

/* title */

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(10),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(1),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(10),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(1) {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s;
} 

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(9),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(2),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(9),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(2) {
    -webkit-transition-delay: 3.3s;
    transition-delay: 3.3s;
}


.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(8),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(3),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(8),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(3) {
    -webkit-transition-delay: 3.4s;
    transition-delay: 3.4s;
}

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(7),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(4),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(7),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(4) {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s;
}

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(6),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(5),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(6),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(5) {
    -webkit-transition-delay: 3.6s;
    transition-delay: 3.6s;
} 

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(5),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(6),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(5),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(6) {
    -webkit-transition-delay: 3.7s;
    transition-delay: 3.7s;
}

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(4),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(7),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(4),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(7) {
    -webkit-transition-delay: 3.8s;
    transition-delay: 3.8s;
} 
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(3),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(8),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(3),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(8) {
    -webkit-transition-delay: 3.9s;
    transition-delay: 3.9s;
} 
 
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(2),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(9),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(2),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(9) {
    -webkit-transition-delay: 4s;
    transition-delay: 4s;
} 

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(1),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(10),
.home.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(1),
.home.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(10) {
    -webkit-transition-delay: 4.1s;
    transition-delay: 4.1s;
} 


/* title */
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(10),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(1),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(10),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(1) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}    

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(9),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(2),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(9),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(2) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(8),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(3),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(8),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(3) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(7),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(4),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(7),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(4) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(6),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(5),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(6),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
} 


.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(5),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(6),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(5),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(6) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(4),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(7),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(4),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(7) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
} 

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(3),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(8),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(3),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(8) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
} 

.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(2),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(9),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(2),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(9) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
} 


.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(even) span:nth-child(1),
.page-loaded .bannerpostTitle .elementor-heading-title label:nth-child(odd) span:nth-child(10),
.page-loaded .title .elementor-heading-title label:nth-child(even) span:nth-child(1),
.page-loaded .title .elementor-heading-title label:nth-child(odd) span:nth-child(10) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
} 

.beautyTitle .elementor-heading-title {
	opacity: 0;
	transition: all .5s linear;
}

.home.page-loaded .beautyTitle .elementor-heading-title {
	opacity: 1;
	transition-delay: 4.3s;
}

.page-loaded .beautyTitle .elementor-heading-title {
    opacity: 1;
    transition-delay: 1.7s;
}


.bannerWrap .btnBox .btn1 {
    -webkit-transform: translate(10px, 0px);
    transform: translate(10px, 0px);
    opacity: 0;
    transition: all .5s linear;
}
    
.bannerWrap .btnBox .btn2 {
    -webkit-transform: translate(-10px, 0px);
    transform: translate(-10px, 0px);
    opacity: 0;
    transition: all .5s linear;
}

.page-loaded .bannerWrap .btn2,
.page-loaded .bannerWrap .btn1 {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 4.6s;
} 

.processWrap .proBox {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 60px;
    grid-row-gap: 30px;
}

/*directlyWrap*/ 

.directlyWrap .elementor-widget-text-editor li {
    font-family: 'Classy Vogue';
    font-weight: normal;
    font-size: 40px;
    line-height: 45px;
    list-style: none;
}

.directlyWrap .elementor-widget-text-editor li a {
    color: #154e71;
}

.directlyWrap .elementor-widget-text-editor li a:hover {
    color: #CE4C99;
}        

.directlyWrap .elementor-widget-text-editor ol,
.directlyWrap .elementor-widget-text-editor ul {
    margin: 0;
}
         

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

                                    THEME STYLE RESPONSIVE CSS START

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

.e-parent.e-con-boxed > .e-con-inner > .inner-sec {
    --flex-direction: initial !important;
}    

@media (min-width: 1441px) and (max-width: 1599px) {

	.bannerWrap {
		min-height: calc(100vh - 134px) !important;
	}

	.serviceWrap .textBox {
		width: 73% !important;
	}

	.serviceWrap .blankBox {
		width: 27% !important;
	}

	.processWrap .simpleTitle .elementor-heading-title {
	    font-size: 28px;
	    line-height: 38px;
	}

	.processWrap .box {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.processWrap .box p {
	    line-height: 27px;
	    font-size: 19px;
	}

	.whyWrap .image1>.elementor-widget-container {
		margin-top: 0 !important;
	}


	.preloader .wrapper-box .bottomBox {
	    transform: scale(1.1);
	}

	.preloader .wrapper-box .bottomBox .whitebox1 {  
	  left: -9%;   
	}

	.preloader .wrapper-box .bottomBox .whitebox2 {  
	  left: -4%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox3 {  
	  left: 1%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox4 {  
	  left: 6%;   
	}

	.preloader .wrapper-box .bottomBox .whitebox5 {  
	  left: 11%;  
	}
	.preloader .wrapper-box .bottomBox .whitebox6 {  
	  left: 16%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox7 { 
	  left: 21%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox8 {  
	  left: 26%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox9 {  
	  left: 31%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox10 {  
	  left: 36%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox11 {  
	  left: 41%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox12 {  
	  left: 46%;  
	}
	                    
	.preloader .wrapper-box .bottomBox .whitebox13 {  
	  left: 51%;  
	}
	    
	.preloader .wrapper-box .bottomBox .whitebox14 {  
	  left: 56%;  
	}
	    
	.preloader .wrapper-box .bottomBox .whitebox15 {  
	  left: 61%;  
	}

	.preloader .wrapper-box .bottomBox .whitebox16 {  
	  left: 66%;   
	}                 

	.preloader .wrapper-box .bottomBox .whitebox17 {  
	  left: 71%;   
	}                 

	.preloader .wrapper-box .bottomBox .whitebox18 {  
	  left: 76%;   
	}                 


	.preloader .wrapper-box .bottomBox .whitebox19 {  
	  left: 81%;   
	}                 


	.preloader .wrapper-box .bottomBox .whitebox20 {  
	  left: 86%;   
	}                 

	.preloader .wrapper-box .bottomBox .whitebox21 {  
	  left: 90%; 
	}                 

	.preloader .wrapper-box .bottomBox .whitebox22 {  
	  left: 94%;   
	}                 

	.preloader .wrapper-box .bottomBox .whitebox23 {  
	  left: 95%; 
	} 

}



/* Large desktop */
@media (min-width: 1025px) {
	
	.e-parent.e-con-boxed > .e-con-inner {
		padding-left: 80px;
		padding-right: 80px;
	}	 
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 1200px) and (max-width: 1440px) {

	.e-parent.e-con-boxed > .e-con-inner {
		padding-left: 40px;
		padding-right: 40px;
	}

	.newsWrap .elementor-post__card .elementor-post__read-more,
	.dbtn {
	    font-size: 18px !important; 
	    line-height: 24px !important;
	    padding: 13px 26px !important;
	}

    .callbackWrap .leaveTitle h3.elementor-heading-title,
    .privacyWrap .smallTitle h2.elementor-heading-title,
	.bannerWrap .beautyTitle h3 {
	    font-size: 28px;
	    line-height: 40px;
	}

    .privacyWrap .textBox h2,
	.scnTitle .elementor-heading-title {
		font-size: 44px;
    	line-height: 50px;
	    padding-bottom: 15px;
	}

	.scnTitle .elementor-heading-title:before {
		width: 185px;
	}

    .scnCenter.scnTitle .elementor-heading-title:before {
        left: calc(50% - 92.5px);
    }

	.serviceWrap .textBox {
		width: 86% !important;
	}

	.serviceWrap .blankBox {
		width: 14% !important;
	}

	.processWrap .simpleTitle .elementor-heading-title {
	    font-size: 26px;
	    line-height: 36px;
	}
	       
	.processWrap .box p {
	    line-height: 27px;
	    font-size: 19px;
	}

	.processWrap .numberTitle .elementor-heading-title {
		font-size: 32px;
	}

	.processWrap .numberTitle .elementor-widget-container {
	    width: 60px;
	    height: 60px !important; 
	}

	/* preloader css */

	.preloader .wrapper-box .topBox .whitebox1 {
	    width: 16%;
	}

	.preloader .wrapper-box .bottomBox .whitebox27 {
	left: 118%;
	}

	.preloader .wrapper-box .bottomBox .whitebox26 {
	left: 112%;
	}

	.preloader .wrapper-box .bottomBox .whitebox25 {
	left: 106%;
	}

	.preloader .wrapper-box .bottomBox .whitebox24 {
	left: 100%;
	}

	.preloader .wrapper-box .bottomBox .whitebox23 {
	left: 95%;
	}

	.preloader .wrapper-box .bottomBox .whitebox22 {
	left: 93%;
	}

	.preloader .wrapper-box .bottomBox .white-box {
	width: 6%;
	}

	.preloader .wrapper-box .bottomBox .whitebox1 {
	left: -18%;
	}

	.preloader .wrapper-box .bottomBox .whitebox2 { 
	left: -10.5%; 
	}

	.preloader .wrapper-box .bottomBox .whitebox3 {
	left: -4%;
	}

	.preloader .wrapper-box .bottomBox .whitebox4 {
	left: 2%;
	}

	.preloader .wrapper-box .bottomBox .whitebox5 {
	left: 8%;
	}

    .processWrap .proBox { 
        grid-column-gap: 40px;  
    }

    .directlyWrap .elementor-widget-text-editor li {
        font-size: 35px;
        line-height: 40px;
    }


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 1025px) and (max-width: 1199px) {

	.newsWrap .elementor-post__card .elementor-post__read-more,
	.dbtn {
	    font-size: 18px !important; 
	    line-height: 24px !important;
	    padding: 13px 26px !important;
	}

    .callbackWrap .leaveTitle h3.elementor-heading-title,
    .privacyWrap .smallTitle h2.elementor-heading-title,
	.bannerWrap .beautyTitle h3 {
	    font-size: 28px;
	    line-height: 40px;
	}

    .privacyWrap .textBox h2,
	.scnTitle .elementor-heading-title {
	    font-size: 38px;
    	line-height: 46px;
	    padding-bottom: 15px;
	}

	.scnTitle .elementor-heading-title:before {
		width: 172px;
	}

    .scnCenter.scnTitle .elementor-heading-title:before {
        left: calc(50% - 86px);
    }
   
	.serviceWrap .textBox {
		width: 86% !important;
	}

	.serviceWrap .blankBox {
		width: 14% !important;
	}

	.serviceWrap .textBox p {
	    line-height: 31px;
	}

	.processWrap .simpleTitle .elementor-heading-title {
	    font-size: 22px;
	    line-height: 30px;
	}
	       
	.processWrap .box p {
	    line-height: 25px;
	    font-size: 17px;
	}

	.processWrap .numberTitle .elementor-heading-title {
		font-size: 28px;
	}

	.processWrap .numberTitle .elementor-widget-container {
	    width: 50px;
	    height: 50px !important; 
	}

	.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon {
	    width: 35px;
	    min-width: 35px;
	    height: 35px; 
	    margin-right: 12px;
	}

	.whyWrap:after {
		right: 0%;
	    top: -9%;        
	    transform: rotate(-8deg);
	}

	.preloader .wrapper-box .topBox .whitebox1 {
    left: -70px; 
    width: 18%;
  }

  .preloader .wrapper-box .bottomBox .whitebox27 {
    left: 122%;
  }

  .preloader .wrapper-box .bottomBox .whitebox26 {
    left: 116%;
  }

  .preloader .wrapper-box .bottomBox .whitebox25 {
    left: 110%;
  }

  .preloader .wrapper-box .bottomBox .whitebox24 {
    left: 104%;
  }

  .preloader .wrapper-box .bottomBox .whitebox23 {
    left: 100%;
  }

  .preloader .wrapper-box .bottomBox .whitebox22 {
    left: 99%;
  }

  .preloader .wrapper-box .bottomBox .whitebox21 {
    left: 94.3%;
  }

  .preloader .wrapper-box .bottomBox .whitebox20 {
    left: 90%;
  }

  .preloader .wrapper-box .bottomBox .whitebox19 {
    left: 84%;
  }

  .preloader .wrapper-box .bottomBox .whitebox18 {
    left: 78%;
  }

  .preloader .wrapper-box .bottomBox .whitebox17 {
    left: 72%;
  }

  .preloader .wrapper-box .bottomBox .whitebox16 {
    left: 66%;
  }

  .preloader .wrapper-box .bottomBox .whitebox15 {
    left: 60%;
  }

  .preloader .wrapper-box .bottomBox .white-box {
    width: 6%;
  }

  .preloader .wrapper-box .bottomBox .whitebox1 {
    left: -22%;
  }

  .preloader .wrapper-box .bottomBox .whitebox2 { 
    left: -14.5%; 
  }

  .preloader .wrapper-box .bottomBox .whitebox3 {
    left: -8%;
  }

  .preloader .wrapper-box .bottomBox .whitebox4 {
    left: -2%;
  }

  .preloader .wrapper-box .bottomBox .whitebox5 {
    left: 4%;
  }
 
  .preloader .wrapper-box .bottomBox .whitebox6 {
    left: 10%;
  }

  .preloader .wrapper-box .bottomBox .whitebox7 {
    left: 16%;
  }

  .preloader .wrapper-box .bottomBox .whitebox8 {
    left: 22%;
  }

  .preloader .wrapper-box .bottomBox .whitebox9 {
    left: 28%;
  }

  .preloader .wrapper-box .bottomBox .whitebox10 {
    left: 33%;
  }

    .processWrap .proBox { 
        grid-column-gap: 20px;  
    }

    .directlyWrap .elementor-widget-text-editor li {
        font-size: 30px;
        line-height: 35px;     
    }
    



}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) { 
	
	.e-parent.e-con-boxed > .e-con-inner {
		padding-left: 10px;
		padding-right: 10px;
	} 

	.newsWrap .elementor-post__card .elementor-post__read-more,
	.dbtn {
	    font-size: 16px !important;
	    line-height: 22px !important;
	    padding: 10px 20px !important;
	}

    .callbackWrap .leaveTitle h3.elementor-heading-title,
    .privacyWrap .smallTitle h2.elementor-heading-title,
	.bannerWrap .beautyTitle h3 {
	    font-size: 26px;
	    line-height: 38px;     
	}

    .privacyWrap .textBox h2,
	.scnTitle .elementor-heading-title {
	    font-size: 38px;
    	line-height: 46px;
	    padding-bottom: 15px;
	}

	.scnTitle .elementor-heading-title:before {
		width: 172px;
	}

	.scnCenter.scnTitle .elementor-heading-title:before {
	    left: calc(50% - 86px);
	}

	.serviceWrap .e-child .elementor-motion-effects-layer:before,
	.serviceWrap .e-child:before {
	    background-image: linear-gradient(90deg, #180404 58%, #FFFFFF00 100%) !important;
	}
	
	.serviceWrap .textBox p {
	    line-height: 31px;
	}

	.processWrap .simpleTitle .elementor-heading-title {
	    font-size: 22px;
	    line-height: 30px;
	}
	       
	.processWrap .box p {
	    line-height: 25px;
	    font-size: 17px;
	}

	.processWrap .numberTitle .elementor-heading-title {
		font-size: 28px;
	}

	.processWrap .numberTitle .elementor-widget-container {
	    width: 50px;
	    height: 50px !important; 
	}
          
	.processWrap .proBox {
	    display: grid;
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	    grid-column-gap: 30px;
	    grid-row-gap: 30px;	
	}

	.processWrap .proBox .box {
		width: 100%;
	}

	.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon {
	    width: 30px;
	    min-width: 30px;
	    height: 30px;    
	    margin-right: 12px;
	}

	.whyWrap:after {  
	    right: 0%;
	    top: -5%; 
	    transform: rotate(-10deg);	
	}

	.preloader .wrapper-box .topBox .whitebox1 {
    left: -57px; 
    width: 18%;
  }

  .preloader .wrapper-box .topBox .whitebox3 {
    left: 25.8%;
  }

  .preloader .wrapper-box .bottomBox .whitebox27 {
    left: 122%;
  }

  .preloader .wrapper-box .bottomBox .whitebox26 {
    left: 120%;
  }

  .preloader .wrapper-box .bottomBox .whitebox25 {
    left: 113%;
  }

  .preloader .wrapper-box .bottomBox .whitebox24 {
    left: 106%;
  }

  .preloader .wrapper-box .bottomBox .whitebox23 {
    left: 101%;
  }

  .preloader .wrapper-box .bottomBox .whitebox22 {
    left: 100%;
  }

  .preloader .wrapper-box .bottomBox .whitebox21 {
    left: 95%;
  }

  .preloader .wrapper-box .bottomBox .whitebox20 {
    left: 90%;
  }

  .preloader .wrapper-box .bottomBox .whitebox19 {
    left: 84%;
  }

  .preloader .wrapper-box .bottomBox .whitebox18 {
    left: 78%;
  }

  .preloader .wrapper-box .bottomBox .whitebox17 {
    left: 72%;
  }

  .preloader .wrapper-box .bottomBox .whitebox16 {
    left: 66%;
  }

  .preloader .wrapper-box .bottomBox .whitebox15 {
    left: 60%;
  }

  .preloader .wrapper-box .bottomBox .white-box {
    width: 6%;
  }

  .preloader .wrapper-box .bottomBox .whitebox1 {
    left: -28%;
  }

  .preloader .wrapper-box .bottomBox .whitebox2 { 
    left: -20.5%; 
  }

  .preloader .wrapper-box .bottomBox .whitebox3 {
    left: -13%;
  }            

  .preloader .wrapper-box .bottomBox .whitebox4 {
    left: -6%;
  }

  .preloader .wrapper-box .bottomBox .whitebox5 {
    left: 1%;
  }
 
  .preloader .wrapper-box .bottomBox .whitebox6 {
    left: 8%;
  }

  .preloader .wrapper-box .bottomBox .whitebox7 {
    left: 15%;
  }

  .preloader .wrapper-box .bottomBox .whitebox8 {
    left: 21%;
  }

  .preloader .wrapper-box .bottomBox .whitebox9 {
    left: 28%;
  }

  .preloader .wrapper-box .bottomBox .whitebox10 {
    left: 33%;
  }

  .preloader .wrapper-box .bottomBox .whitebox27.white-box {
    width: 14%;
    left: 128%;
  }

  .safari.osx .preloader .wrapper-box .topBox {
    height: 73vh;
    -webkit-clip-path: polygon(100% 0, 100% 38%, 0 100%, 0 0); 
    clip-path: polygon(100% 0, 100% 38%, 0 100%, 0 0); 
  }

  .safari.osx .preloader .wrapper-box .topBox .whitebox1 {
    left: -67px;
    width: 19%; 
  }

  .safari.iphone.osx .preloader .wrapper-box .topBox {
    height: 70vh;
  }

    .directlyWrap .elementor-widget-text-editor li {
        font-size: 26px;
        line-height: 32px;     
    }
    


	
}

     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	
	@media screen and (orientation: landscape) {

		.preloader .wrapper-box .bottomBox .whitebox8 {
	      left: auto !important;
	      right: -1% !important;
	      bottom: -19%;
	    }

	    .preloader .wrapper-box .bottomBox .whitebox9 {
	      left: auto !important;
	      right: -17% !important;
	      bottom: -10%;
	    }

	    .preloader .wrapper-box .topBox .whitebox5 {
	      left: auto !important;
	      right: 10px !important;
	    }

	}
	 
	.e-parent.e-con-boxed > .e-con-inner {
		padding-left: 10px;
		padding-right: 10px;
	}

	.newsWrap .elementor-post__card .elementor-post__read-more,
	.dbtn {
	    font-size: 16px !important;
	    line-height: 22px !important;
	    padding: 10px 20px !important;
	}

	.button2 .dbtn .mText:first-child:before {
		border-width: 2px; 
	    top: -8px;
	    left: -8px;
	    width: calc(100% + 16px);
	    height: calc(100% + 16px);
	}

    .callbackWrap .leaveTitle h3.elementor-heading-title,
    .privacyWrap .smallTitle h2.elementor-heading-title,
	.bannerWrap .beautyTitle h3 {
	    font-size: 20px;     
	    line-height: 32px;
	}

    .privacyWrap .textBox h2,
	.scnTitle .elementor-heading-title {
	    font-size: 30px;
	    line-height: 36px;     
	    padding-bottom: 15px;
    }

    .scnCenter.scnTitle .elementor-heading-title:before,
	.scnTitle .elementor-heading-title:before {
	    width: 120px;
	    left: calc(50% - 60px);
	}

	.aboutWrap .bgBox:before { 
	    left: 10px;
    	width: calc(100% - 20px);
    	top: 0;
	}

	.aboutWrap:before {
		-webkit-clip-path: polygon(20% 0, 20% 0, 0 0, -2% 0);          
	    clip-path: polygon(20% 0, 20% 0, 0 0, -2% 0);          
	}

	.aboutWrap.in-viewport-once:before {
		-webkit-clip-path: polygon(20% 0, 58% 50%, 37% 53%, -2% 0);
	    clip-path: polygon(20% 0, 58% 50%, 37% 53%, -2% 0);
	}

	body p,
	body li {
		line-height: 24px;
	}

	.serviceWrap .e-child .elementor-motion-effects-layer:before,
	.serviceWrap .e-child:before {
	    background: #180404 !important;
	}
	
	.serviceWrap .textBox p {
	    line-height: 29px;
	}

	.processWrap .simpleTitle .elementor-heading-title {
	    font-size: 22px;
	    line-height: 30px;
	}
	       
	.processWrap .box p {
	    line-height: 25px;
	    font-size: 17px;
	}

	.processWrap .numberTitle .elementor-heading-title {
		font-size: 28px;
	}

	.processWrap .numberTitle .elementor-widget-container {
	    width: 50px;
	    height: 50px !important; 
	}

	.processWrap .proBox {
	    display: grid;
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	    grid-column-gap: 20px;
	    grid-row-gap: 20px;	
	}

	.processWrap .proBox .box {
		width: 100%;
	}

	.whyWrap .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon {
	    width: 30px;
	    min-width: 30px;
	    height: 30px;    
	    margin-right: 12px;
	}

	.whyWrap:after {  
	    right: 0%;
	    top: -5%;
	    transform: rotate(-10deg);
	    width: 100%;
	    -webkit-clip-path: polygon(0 39%, 0 18%, 0 18%, 0 40%);           
	    clip-path: polygon(0 39%, 0 18%, 0 18%, 0 40%);
	}

	.whyWrap.in-viewport-once:after {
		-webkit-clip-path: polygon(0 39%, 0 18%, 100% 100%, 78% 100%);
	    clip-path: polygon(0 39%, 0 18%, 100% 100%, 78% 100%);
	    transition-delay: 1.3s !important;
	}

	.whyWrap .elementor-widget-icon-list {
		text-align: center;
	}

	.whyWrap .elementor-widget-icon-list ul {
		display: inline-block;
	    max-width: 350px;
	}

	.whyWrap:before {
	    width: calc(100% + 80px) !important;
	    left: auto !important;
	    right: 5% !important;
	    top: -6% !important;
	    transform: rotate(10deg);
	    -webkit-clip-path: polygon(75% 0, 100% 0, 100% 0, 75% 0);
	    clip-path: polygon(75% 0, 100% 0, 100% 0, 75% 0);

	}

	.whyWrap.in-viewport-once:before {
    	-webkit-clip-path: polygon(75% 0, 100% 0, 0 45%, 0 30%);
    	clip-path: polygon(75% 0, 100% 0, 0 45%, 0 30%);
	}

  .preloader .wrapper-box .bottomBox .whitebox12,
  .preloader .wrapper-box .bottomBox .whitebox13,
  .preloader .wrapper-box .bottomBox .whitebox14,
  .preloader .wrapper-box .bottomBox .whitebox15,
  .preloader .wrapper-box .bottomBox .whitebox16,
  .preloader .wrapper-box .bottomBox .whitebox17,
  .preloader .wrapper-box .bottomBox .whitebox18,
  .preloader .wrapper-box .bottomBox .whitebox19,
  .preloader .wrapper-box .bottomBox .whitebox20,
  .preloader .wrapper-box .bottomBox .whitebox21,
  .preloader .wrapper-box .bottomBox .whitebox22,
  .preloader .wrapper-box .bottomBox .whitebox23,
  .preloader .wrapper-box .bottomBox .whitebox24,
  .preloader .wrapper-box .bottomBox .whitebox25,
  .preloader .wrapper-box .bottomBox .whitebox26,
  .preloader .wrapper-box .bottomBox .whitebox27,
  .preloader .wrapper-box .topBox .whitebox7,
  .preloader .wrapper-box .topBox .whitebox8,           
  .preloader .wrapper-box .topBox .whitebox6 {
    display: none;
  }

  .preloader .wrapper-box .topBox .white-box {
    width: 25%;
  }

  .preloader .wrapper-box .topBox .whitebox1 {
    left: -56px; 
  }

  .preloader .wrapper-box .topBox .whitebox2 {
    left: 6%;
  }

  .preloader .wrapper-box .topBox .whitebox3 {
    left: 29%;
  }

  .preloader .wrapper-box .topBox .whitebox4 {
    left: 49%;
  }

  .preloader .wrapper-box .topBox .whitebox5 {
    left: auto;
    right: 16px;
  }    

  .preloader .wrapper-box .bottomBox .white-box {
    width: 15%;
  } 

  .preloader .wrapper-box .bottomBox .whitebox1 {
    left: -48%;
    width: 17%;
  }
  .preloader .wrapper-box .bottomBox .whitebox2 {
    left: -27%;
  }
  .preloader .wrapper-box .bottomBox .whitebox3 {
    left: -8%;
  }
  .preloader .wrapper-box .bottomBox .whitebox4 {
    left: 11%;
  }
  .preloader .wrapper-box .bottomBox .whitebox5 {
    left: 30%;
  }
  .preloader .wrapper-box .bottomBox .whitebox6 {
    left: 49%;
  }
  .preloader .wrapper-box .bottomBox .whitebox7 {
    left: auto;
    right: 15.5%;
    width: 16%;
  }
  .preloader .wrapper-box .bottomBox .whitebox8 {
    left: auto;
    right: -3%;
  }
  .preloader .wrapper-box .bottomBox .whitebox9 {
    left: auto;
    right: -24%;
    width: 16.2%;
  }
  .preloader .wrapper-box .bottomBox .whitebox10 {
    left: auto;
    right: -35%; 
    bottom: -18%;
  }
  .preloader .wrapper-box .bottomBox .whitebox11 {
    left: auto;
    right: -49%;
    bottom: -15%;
  } 

  .preloader .logoBox {
    width: 240px;
    height: 240px;
    left: calc(50% - 120px);
    top: calc(50% - 120px);
  }

  .preloader .logoBox .logo-image { 
    background-size: 220px; 
  }

  .serviceWrap .srvBox:after {
    top: -8px;
  }

   .directlyWrap .elementor-widget-text-editor li {
        font-size: 22px;
        line-height: 28px;     
    }        
       






}

     
/* Landscape phones and down */
@media (max-width: 575px) { 

	.bannerWrap .btnBox {
		display: block;
		text-align: center;
	}

	.bannerWrap .smallText {
		margin: 10px 0 15px !important;
	}

	.bannerWrap .beautyTitle h3 br {
		display: none;
	}

	.bannerWrap .elementor-button-link {
	    width: 100%;
    	max-width: 216px;
	}

	.bannerWrap .button2 .elementor-button-link {
		max-width: 204px;
	} 

	.preloader .wrapper-box .bottomBox .whitebox11 {
	    left: auto;
	    right: -48%;
	    bottom: -15%; 
	  }
	  .preloader .wrapper-box .bottomBox .whitebox12 {
	    bottom: -12%;
	    left: auto;
	    right: -62%;
	    display: block;
	  }
	  .preloader .wrapper-box .bottomBox .whitebox8 {
	    left: auto;
	    right: -4%;
	    width: 16%;
	  }
	  .preloader .wrapper-box .bottomBox .whitebox9 {
	    left: auto;
	    right: -25%;
	  }

	  .preloader .wrapper-box .bottomBox .whitebox10 {
	    width: 16%;
	  }

	  .safari.iphone.osx .preloader .wrapper-box .topBox {
	    height: 67vh;
	  }                     



}


@media (max-width: 480px) {

	.processWrap .proBox {   
	    grid-template-columns: repeat(1, minmax(0, 1fr)); 
	}

	.bannerWrap {
		min-height: calc(100vh - 90px) !important;
	}

}


@media (max-width: 440px) {

  .preloader .wrapper-box .bottomBox .white-box {
    width: 20%;
  }

  .preloader .wrapper-box .bottomBox .whitebox11 {
    left: auto;
    right: -55%;
    bottom: -15%; 
  }
  .preloader .wrapper-box .bottomBox .whitebox12 {
    bottom: -16px;
    left: auto;
    right: -49%;
  }

  .preloader .wrapper-box .bottomBox .whitebox8 {
    left: auto;
    right: -4%;
    width: 16%;
  } 

  .preloader .wrapper-box .bottomBox .whitebox9 {
    left: auto;
    right: -26%;
    width: 17.5%;
  }

  .preloader .wrapper-box .bottomBox .whitebox10 {
    left: auto;
    right: -36%;
    bottom: -18%;
    width: 18%;
  }

  .preloader .wrapper-box .bottomBox .whitebox1 {
    left: -53%;
    width: 17%; 
  }
  .preloader .wrapper-box .bottomBox .whitebox2 {
    left: -32%;
  }
  .preloader .wrapper-box .bottomBox .whitebox3 {
    left: -10%;
  }
 

}