:root { --font-primary: "Bricolage Grotesque", sans-serif; --font-body:"Rethink Sans", sans-serif; --color-primary:#f13f3e; --color-primary-hover:#ee3131;  --color-default:#191D22; --color-default-hover:#33383f; --color-text-default:#191D22; --color-hr-default:#6a6a6a; --color-gray:#c7c7c7; --color-gray-light:#F7F7F7; --color-info :#3e8af1; --color-success :#2cc025; --color-warning :#f1b43e; --color-danger :#f42c2c; --color-white:#ffffff; --navbarSpacer:104px; }

* { -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html { height: 100%; margin-top: 0 !important;  overflow-x:hidden;}
html.with-featherlight { overflow: auto	 !important; }
body { margin:0; padding:0; position: relative; min-height: 100%; font-family: var(--font-body); font-size:18px; line-height:1.375; letter-spacing: 0; font-weight:400; text-rendering: optimizeSpeed; background:var(--color-white); font-variant:none; overflow-x:hidden; color:var(--color-default); }
body { padding:0 0; }
.container { position:relative; }
.main-wrapper > p:last-child { display:none; }
.admin-bar .navbar { margin-top: 32px;}
.wp-block-columns .wp-block-column { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; flex-grow: unset !important; flex-basis: unset !important; }

body.password-protected .navbar,
body.password-protected footer,
body.password-protected .section-hero { filter: blur(8px); }

/* Global CSS */
.clearfix { clear:both; }

	@media (min-width: 768px) {}
	@media (min-width: 992px) {}
	@media (min-width: 1200px) {}
	@media (min-width: 1400px) {
		.container { max-width: 1340px;	}
	}
	@media (min-width: 1600px) {
		.container { max-width: 1596px;	}
	}
	@media (max-width: 1200px) {}
	@media screen and (max-width:991px) {
		body { font-size: 16px; }
	}
	@media screen and (max-width:767px) {
		:root { --navbarSpacer:100px; }
		body.admin-bar .navbar.navbar-fixed { margin-top:0; }
		body { padding:0 0 0; } 

		.admin-bar .navbar { margin-top: 0;}
		#wpadminbar { display:none !important; }
		html[lang="en-US"] { margin-top:0 !important; }
	}
	
/* 	----------------------------
	General Group Syle
---------------------------- */
.font-thin { font-weight:100 !important;}
.font-extra-light { font-weight:200 !important;}
.font-light { font-weight:300 !important;}
.font-regular { font-weight:400 !important;}
.font-medium { font-weight:500 !important;}
.font-semibold { font-weight:600 !important;}
.font-bold { font-weight:700 !important;}
.font-black { font-weight:800 !important;}
.font-italic { font-style:italic !important;}

.font-primary { font-family: var(--font-primary); }
.font-body { font-family: var(--font-body); }

.text-primary { color:var(--color-primary) !important; }
.text-secondary { color:var(--color-secondary) !important; }
.text-default { color:var(--color-default) !important; }
.text-gray { color:var(--color-gray) !important;  }
.text-light-gray { color:var(--color-gray-light) !important;  }
.text-info { color:var(--color-info) !important; }
.text-success { color:var(--color-success) !important; }
.text-warning { color:var(--color-warning) !important; }
.text-danger { color:var(--color-danger) !important; }

.bg-primary { background-color:var(--color-primary) !important; }
.bg-secondary { background-color:var(--color-secondary) !important; }
.bg-default { background-color:var(--color-default) !important; }
.bg-gray { background-color:var(--color-gray-light) !important; }
.bg-light-gray { background-color:var(--color-gray-light) !important; }
.bg-info { background-color:var(--color-info) !important; }
.bg-success { background-color:var(--color-success) !important; }
.bg-warning { background-color:var(--color-warning) !important; }
.bg-danger { background-color:var(--color-danger) !important; }

.hr-primary { background-color:var(--color-primary) !important; }
.hr-secondary { background-color:var(--color-secondary) !important; }
.hr-default { background-color:var(--color-hr-default) !important; }
.hr-gray { background-color:var(--color-gray-light) !important; }
.hr-light-gray { background-color:var(--color-gray-light) !important; }
.hr-info { background-color:var(--color-info) !important; }
.hr-success { background-color:var(--color-success) !important; }
.hr-warning { background-color:var(--color-warning) !important; }
.hr-danger { background-color:var(--color-danger) !important; }
 
video::-internal-media-controls-download-button { display:none; }
.video-wrapper { position: relative; padding-bottom: 56.284%; /* 16:9 */ padding-top: 25px; height: 0;}
.video-wrapper video { width: 100%    !important; height: auto   !important; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-thumbnail { position:absolute; top:0; left:0; width:100%; bottom:-1px; background:center no-repeat; background-size:cover; z-index: 10;  }
.video-thumbnail .btn-play { position:absolute; left:50%; top:50%; margin-top: -30px; margin-left: -30px; padding: 0; border: none; background: none; }
.video-thumbnail .btn-play svg { width:60px; height:60px; }

.author-avtar { display: inline-block; vertical-align: middle; width: 48px; height: 48px; background: center no-repeat; background-size: cover; border-radius: 50%; }
.author-avtar.avtar-sm { width: 36px; height: 36px; } 
.author-avtar.avtar-md { width: 96px; height: 96px; } 
.author-avtar.avtar-xl { width: 160px; height: 160px; } 
.author-avtar.avtar-lg { width: 60px; height: 60px; } 

.white-space { white-space:pre; }
.transition-all { transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; }

@keyframes float {
	0% { transform: translatey(0px); } 50% { transform: translatey(10px); } 100% { transform: translatey(0px); }
}

	@media screen and (max-width:991px) {
		.video-wrapper  { padding-top:0; }
		.video-thumbnail { bottom:-1px; height:auto; }
	}
	@media screen and (max-width:991px) {}

/* 	----------------------------
	Typography
---------------------------- */
/* Other Element Style */
p { font-size:18px; line-height:1.375; letter-spacing: 0; color: var(--color-default); font-weight:400; margin:0 0 22px; font-family: var(--font-body); }
p.lead { font-size:20px; line-height: 1.4444; letter-spacing:0; }
p.small,
p small { font-size:16px; line-height:1.3; letter-spacing:0; }
p strong { font-weight:700; }
p:last-child { margin-bottom:0; }
p a { color:var(--color-primary);}
em { }
span { }
small { font-size:14px; color:var(--color-default); letter-spacing: 0;}

.text-white p { color:var(--color-white); }

hr { height:1px; border:none; background:var(--color-hr-default); margin:5px 0; opacity: 1; }
hr + hr { display:none; }
hr.inverse { background:var(--color-white) !important;  }
.hr-2 { height:2px; }
.hr-3 { height:3px; }
.hr-4 { height:4px; }
.hr-5 { height:5px; }
.hr-6 { height:6px; }

strong, b { font-weight:700; }
label { }

address p,
address { font-size:18px; line-height:1.375; letter-spacing: 0; color: var(--color-default); font-weight:500; margin:0 0 27px; font-family: var(--font-body); }
address strong { display:block; }
address:last-child { margin-bottom:0;}

a { color:var(--color-primary); font-family: var(--font-body); transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; }
a { text-decoration:none; outline:none;}
a:hover, a:focus, a:active { color:var(--color-primary); text-decoration:underline; }
a:focus:active, .btn:focus:active, a:focus:active, .btn:focus:active,
a:active, .btn:active, a:focus, .btn:focus { outline: none; box-shadow: none; text-decoration:underline; color:var(--color-primary);}

/*a.inverse,
.inverse a { color:var(--color-white); }*/

ul { padding:0; margin:0; }
ul li { font-size:18px; line-height:1.375; letter-spacing:0.32px;; color: var(--color-default); }
/*.inverse li,
ul.inverse li { color:var(--color-white) !important; }*/

/* Heading Color & Weight style */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 { font-family: var(--font-primary); color:var(--color-default); font-weight:400; padding-bottom:0; }
/*.inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6,
.inverse, h1.inverse, h2.inverse, h3.inverse, h4.inverse, h5.inverse, h6.inverse { color:var(--color-white) !important; }*/
/*.h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {  }*/
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong,
h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong { font-weight:700; font-family: var(--font-primary); }

.display-1 {}
.display-2 {}
.display-3 { font-size:60px; line-height: 1.2; }

h1, .h1 { font-size:55px; line-height:1.1272; letter-spacing: 0.8px; }
h2, .h2 { font-size:38px; line-height:1.3157; letter-spacing: 0.76px; }
h3, .h3 { font-size:32px; line-height:1.6667; letter-spacing: 0.76px; }
h4, .h4 { font-size:30px; line-height:1.6667; letter-spacing: 0.76px; }
h5, .h5 { font-size:24px; line-height:1.25; letter-spacing: 0.48px; }
h6, .h6 { font-size:20px; line-height:1.5; letter-spacing: 0.4px; }

	@media screen and (max-width:1600px) {
		.display-3 { font-size:54px; }
	}
	@media screen and (max-width:1400px) {
		h1, .h1 { font-size:50px; }
		h2, .h2 { font-size:34px; }
		h3, .h3 { font-size:28px; }
		h4, .h4 { font-size:26px; }
		h5, .h5 { font-size:22px; }
		h6, .h6 { font-size:20px; }

		.display-3 { font-size:46px; }
	}
	@media screen and (max-width:1200px) {
		h1, .h1 { font-size:46px; }
		h2, .h2 { font-size:30px; }
		h3, .h3 { font-size:26px; }
		h4, .h4 { font-size:24px; }
		h5, .h5 { font-size:20px; }
		h6, .h6 { font-size:18px; }

		.display-3 { font-size: 38px; }
	}
	@media screen and (max-width:991px) {
		h1, .h1 { font-size:42px; }
		h2, .h2 { font-size:28px; }
		h3, .h3 { font-size:26px; }
		h4, .h4 { font-size:24px; }
		h5, .h5 { font-size:20px; }
		h6, .h6 { font-size:18px; }

		.display-3 { font-size: 32px; }
	}
	@media screen and (max-width:767px)  {
		p { font-size: 16px; }
		p.lead { font-size: 18px; }
		p small { font-size: 14px; }
		small { font-size: 12px;}
		address p, address,
		ul li { font-size: 16px;}
		
		h1, .h1 { font-size:38px; }
		h2, .h2 { font-size:26px; }
		h3, .h3 { font-size:24px; }
		h4, .h4 { font-size:22px; }
		h5, .h5 { font-size:20px; }
		h6, .h6 { font-size:18px; }
	}
	@media screen and (max-width:576px)  {
		h1, .h1 { font-size:34px; }
		h2, .h2 { font-size:24px; }
		h3, .h3 { font-size:22px; }
		h4, .h4 { font-size:20px; }
		h5, .h5 { font-size:18px; }
		h6, .h6 { font-size:16px; }
	}

/*****************************/
/*    Button Style start      /
/*****************************/
.btn { font-size:16px; font-weight:900; border-width:2px; letter-spacing: 0.8px; text-transform:uppercase; padding:12px 22px; min-width:175px; line-height:1.222222222; color:var(--color-white); background:var(--color-default); border-color:var(--color-default); border-radius:0; font-family: var(--font-primary); cursor:pointer; display:inline-block; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn-lg { font-size: 18px; padding: 14px 26px; line-height: 1.2; }
.btn-sm { font-size:14px; padding:9px 22px; line-height: 1.25; }

a.btn:hover, a.btn:focus { text-decoration: none; outline: none; }
.btn.active, .btn:active  { box-shadow:none; }

.btn-block { width:100%; display:block; text-align:center;}

.btn.disabled { filter: grayscale(1); pointer-events: none; opacity: 0.2; }

.btn > * { display:inline-block; vertical-align:middle;}
.btn img,
.btn svg { width:auto; height:22px;}
.btn img + span { margin-left:10px; }
.btn span + img { margin-left:10px; }

.btn .btn-icon + span { margin-left:2px; }
.btn span + .btn-icon { margin-left:2px; }

.btn-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: center no-repeat; }

.btn.btn-raised { -moz-box-shadow:0 4px 5px 0 rgba(0,0,0,0.22); -ms-box-shadow:0 4px 5px 0 rgba(0,0,0,0.22); -webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.22); box-shadow:0 4px 5px 0 rgba(0,0,0,0.22);}

.btn.btn-rounded { border-radius:100px;} 

.btn.btn-fab * { display:inline-block; vertical-align:middle; }

.btn.btn-link { padding: 0; margin: 0; border: none; border-radius: 0; min-width: 1px; background: none; color: var(--color-default); text-decoration: none;}
.btn.btn-link:hover { color: var(--color-primary);}

.btn.btn-link.btn-inverse { color: var(--color-white); }
.btn.btn-link.btn-inverse:hover { color: var(--color-primary); }

/*.btn.btn-link { padding-left: 52px; position: relative; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;}
.btn.btn-link:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; height: 2px; width: 42px; margin: auto; background-color: var(--color-default); transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;}
.btn.btn-link:hover { padding-left: 62px;} 
.btn.btn-link:hover:before { width: 52px; background-color: var(--color-primary);}*/

.btn.btn-link.btn-inverse:before { background-color: var(--color-white); }
.btn.btn-link.btn-inverse:hover:before { background-color: var(--color-primary); }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:none; }

/* Default Button */
.btn-default.active,
.btn-default { border-color:var(--color-default); background-color:var(--color-default); color:var(--color-white); }
.btn-default.active:focus, .btn-default.active:hover,
.btn-default:active:focus, .btn-default:focus, .btn-default:hover, .btn-default:active, .btn-default:active:focus { background-color:var(--color-default-hover); border-color:var(--color-default-hover); color:var(--color-white); }

.btn-default.btn-inverse.active,
.btn-default.btn-inverse { border-color:var(--color-white); background-color:var(--color-white); color:var(--color-default); }
.btn-default.btn-inverse.active:focus, .btn-default.btn-inverse.active:hover,
.btn-default.btn-inverse:active:focus, .btn-default.btn-inverse:focus, .btn-default.btn-inverse:hover, .btn-default.btn-inverse:active, .btn-default.btn-inverse:active:focus { background-color:var(--color-gray-light); border-color:var(--color-gray-light); color:var(--color-default-hover); }

.btn-default.btn-outline.active,
.btn-default.btn-outline { border-color:var(--color-default); background-color:transparent; color:var(--color-default); }
.btn-default.btn-outline.active:focus, .btn-default.btn-outline.active:hover,
.btn-default.btn-outline:active:focus, .btn-default.btn-outline:focus, .btn-default.btn-outline:hover, .btn-default.btn-outline:active, .btn-default.btn-outline:active:focus { background-color:var(--color-default); border-color:var(--color-default); color:var(--color-white); }

.btn-default.btn-outline.btn-inverse.active,
.btn-default.btn-outline.btn-inverse { border-color:var(--color-white); background-color:transparent; color:var(--color-white); }
.btn-default.btn-outline.btn-inverse.active:focus, .btn-default.btn-outline.btn-inverse.active:hover,
.btn-default.btn-outline.btn-inverse:active:focus, .btn-default.btn-outline.btn-inverse:focus,
.btn-default.btn-outline.btn-inverse:hover, .btn-default.btn-outline.btn-inverse:active, .btn-default.btn-outline.btn-inverse:active:focus { background-color:var(--color-white); border-color:var(--color-white); color:var(--color-default-hover); }

/* Primary Button */ 
.btn-primary { border-color:var(--color-primary); background:var(--color-primary); color:var(--color-white); }
.btn-primary:active:focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:active:focus { background:var(--color-primary-hover); border-color:var(--color-primary-hover); color:var(--color-white);}

.btn-primary.btn-inverse { border-color:var(--color-primary); background:var(--color-primary); color:var(--color-white); }
.btn-primary.btn-inverse:active:focus, .btn-primary.btn-inverse:focus, .btn-primary.btn-inverse:hover, .btn-primary.btn-inverse:active, .btn-primary.btn-inverse:active:focus { background:var(--color-primary-hover); border-color:var(--color-primary-hover); color:var(--color-white);}

.btn-primary.btn-outline { border-color:var(--color-primary); background:transparent; color:var(--color-primary); }
.btn-primary.btn-outline:active:focus, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:hover, .btn-primary.btn-outline:active, .btn-primary.btn-outline:active:focus { background:var(--color-primary-hover); border-color:var(--color-primary-hover); color:var(--color-white); }

.btn-primary.btn-outline.btn-inverse { border-color:var(--color-primary); background:transparent; color:var(--color-white); }
.btn-primary.btn-outline.btn-inverse:active:focus, .btn-primary.btn-outline.btn-inverse:focus,
.btn-primary.btn-outline.btn-inverse:hover, .btn-primary.btn-outline.btn-inverse:active, .btn-primary.btn-outline.btn-inverse:active:focus { background:var(--color-primary-hover); border-color:var(--color-primary-hover); color:var(--color-white); }

	@media screen and (max-width:1200px) {}
	@media screen and (max-width:767px) {
		.btn  { font-size: 14px; font-weight: 700; }	
		.btn-lg { font-size:16px; }
		.btn-sm { font-size:12px; }
	}
	@media screen and (max-width:576px) {
		.btn  { font-size: 12px; }	
	}

/*****************************/
/*   Form Control start       /
/*****************************/
.form-group { margin-bottom: 24px;}

.form-control::placeholder {  color: var(--color-default); opacity: 0.4; }
.form-control:-ms-input-placeholder { color: var(--color-default); opacity: 0.4; }
.form-control::-ms-input-placeholder { color: var(--color-default); opacity: 0.4; }

.form-control { border: none; background-color: var(--color-gray-light); font-size: 18px; border-radius: 0; padding: 10px 15px; color: var(--color-default); }
.form-control:focus { box-shadow: none; border: none; background-color: var(--color-gray-light);}
textarea.form-control { height: 120px; resize: none;}

.form-inverse .form-control::placeholder {  color: var(--color-white); opacity: 0.4; }
.form-inverse .form-control:-ms-input-placeholder { color: var(--color-white); opacity: 0.4; }
.form-inverse .form-control::-ms-input-placeholder { color: var(--color-white); opacity: 0.4; }

.form-inverse .form-control { background-color: rgba(255,255,255,0.1); }
.form-inverse .form-control:focus { background-color: rgba(255,255,255,0.25); }

.form-group .wpcf7-not-valid-tip { font-size: 14px; margin-top: 5px; }

.wpcf7 form .wpcf7-response-output { margin: 0; padding: 10px 16px; border: none; background: var(--color-info); color: var(--color-white); font-size: 16px; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { background-color: var(--color-success); }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output { background-color: var(--color-danger); }
.wpcf7 form.spam .wpcf7-response-output { background-color: var(--color-warning); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { background-color: var(--color-warning); color: var(--color-default); }

	@media screen and (max-width:767px) {
		.form-group { margin-bottom: 16px; }
		.form-control { padding: 10px 18px;}
		textarea.form-control { height: 160px; }
	}

/********************************************* Start [Pedning] **************************************************************/	
/*****************************/
/*   Carousel Style start     /
/*****************************/
.owl-carousel { padding: 0; }
.owl-carousel .owl-item { padding: 0 12px; }
.owl-carousel .owl-stage-outer {  }
.owl-carousel .animated { animation-duration: 0.15s; animation-fill-mode: both; }

.card-equal-height .owl-stage { display: flex; }
.card-equal-height .owl-item { display: flex; flex-direction: column; } 
.card-equal-height .item { display: flex; flex-direction: column; height: 100%; }

.owl-carousel .owl-nav button span { display:inline-block; vertical-align:middle; width:20px; height:40px; background:center no-repeat; background-size:cover; font-size:0px;	 }
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev { position:absolute; top:50%; margin-top:-20px; text-align:center; display:inline-block; vertical-align:middle;  } 

.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:hover { outline:none;}
.owl-carousel .owl-nav button.owl-prev { left:-30px; }
.owl-carousel .owl-nav button.owl-next { right:-30px; }
.owl-carousel .owl-nav button.owl-prev span { background-image:url('../images/arrow-left.svg'); }
.owl-carousel .owl-nav button.owl-next span { background-image:url('../images/arrow-right.svg'); }
.owl-carousel .owl-nav button.disabled { opacity:0.5; }*/

.owl-carousel .owl-dots { text-align:center; margin:10px 0 30px; }
.owl-carousel .owl-dots .owl-dot { display:inline-block; vertical-align:middle; margin:0 5px; width:10px; height:10px; border-radius:50%; border:1px solid var(--color-default); }
.owl-carousel .owl-dots .owl-dot.active { background:var(--color-default); border-color: var(--color-default); }

.owl-carousel.owl-carousel-inverse .owl-dots .owl-dot { border-color: var(--color-white);}
.owl-carousel.owl-carousel-inverse .owl-dots .owl-dot.active { background:var(--color-white); border-color: var(--color-white); }

.owl-carousel-logos { text-align: center;}
.owl-carousel-logos.owl-carousel .owl-dots { margin: 20px 0 0;}
.owl-carousel-logos .owl-stage { display: flex; }
.owl-carousel-logos .item { height: 100%; padding: 0 0 0; align-items: center; justify-content: center;}

.carousel-testimonial .section-title { line-height: 1.5;}
.carousel-testimonial .client-name { margin-bottom: 0;}
.carousel-testimonial .client-designation { opacity: 0.5;}
.carousel-testimonial .owl-dots { margin:30px 0 0;}

/**********************************************************************/
.owl-testimonials-rating .owl-stage { display: flex; }
.owl-testimonials-rating .item { display: flex; padding:0 calc(var(--bs-gutter-x) * .5); height: 100%; }
.owl-testimonials-rating .card-testimonial { position: relative; height: 100%; padding-bottom: 40px;}
.owl-testimonials-rating .card-content { padding-bottom: 65px;}
.owl-testimonials-rating .card-author { position: absolute; left: 0; bottom: 0; width: 100%;}

.owl-carousel.carousel-mobile-mockup { }
.owl-carousel.carousel-mobile-mockup .item { padding: 0 0;}
.owl-carousel.carousel-mobile-mockup .mobile-wrap { display: inline-block; vertical-align: middle; position: relative; width: 358px; height: 665px; }
.owl-carousel.carousel-mobile-mockup .mobile-mockup { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/frame-mobile.png) center top no-repeat; background-size: 100% auto; padding: 0; }
.owl-carousel.carousel-mobile-mockup .mockup-video,
.owl-carousel.carousel-mobile-mockup .mockup-image { position: absolute; left: 9.6%; top: 0.9%; right: 9.6%; bottom: 5%; background: center no-repeat; background-size: cover; border-radius: 4.5%; overflow: hidden;}

.owl-carousel.carousel-mobile-mockup .mockup-video { padding: 0; margin: 0; background-color: var(--color-default); height: auto; z-index: 10; border-radius: 28px;}  
.owl-carousel.carousel-mobile-mockup .mockup-video video { height: 100% !important;}
.owl-carousel.carousel-mobile-mockup .mockup-video .video-thumbnail { opacity: 1; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.owl-carousel.carousel-mobile-mockup .mockup-video .video-thumbnail.active { opacity: 0;}

.owl-carousel.carousel-mobile-mockup.center { margin-bottom: 96px; max-width: 1080px; margin-left: auto; margin-right: auto;}
.owl-carousel.carousel-mobile-mockup.center .mobile-wrap { transform: scale(0.84); -webkit-transform: scale(0.84); -moz-transform: scale(0.84); -ms-transform: scale(0.84); transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.owl-carousel.carousel-mobile-mockup.center .center .mobile-wrap { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } 
.owl-carousel.carousel-mobile-mockup.center .owl-dots { margin: 30px 0 0;}

.owl-carousel.carousel-image-staged { margin-bottom: 96px; }
.owl-carousel.carousel-image-staged .owl-item { padding:0 18px; }

.owl-carousel.owl-carousel-1-stage {}
.owl-carousel.owl-carousel-1-stage .owl-item { padding:0 10px; }
.owl-carousel.owl-carousel-1-stage .owl-dots { margin:10px 0 30px;}

	@media screen and (max-width:1800px) {
		.owl-carousel.carousel-mobile-mockup .mobile-wrap { width: 320px; height: 595px;}
	}
	@media screen and (max-width:1600px) {
		.owl-carousel.carousel-mobile-mockup .mobile-wrap { width: 260px; height: 484px;}
	}
	@media screen and (max-width:1200px) {
		.owl-testimonials-rating .card-content { padding-bottom: 50px; } 

		.owl-carousel.carousel-mobile-mockup.center { margin-bottom: 66px;}
		.owl-carousel.carousel-mobile-mockup .mobile-wrap { width: 234px; height: 435px;}
		.owl-carousel.carousel-mobile-mockup.center .mobile-wrap { width: 312px; height: 580px;}
	}
	@media screen and (max-width:991px) { 
		.owl-carousel .owl-dots { margin: 20px 0 30px;}
		.owl-carousel.carousel-mobile-mockup.center { margin-bottom: 36px;}
		.owl-carousel.carousel-mobile-mockup .mobile-wrap { width: 168px; height: 312px;} 
		.owl-carousel.carousel-mobile-mockup.center .mobile-wrap { width: 232px; height: 432px;}
	}
	@media screen and (max-width:767px) {
		.owl-testimonials-rating .card-content { padding-bottom: 30px; } 

		.owl-carousel-center-wrap { margin-left: -0.75rem; margin-right: -0.75rem; }
		.owl-carousel.carousel-mobile-mockup.center { margin-bottom: 0; }
		.owl-carousel.carousel-mobile-mockup .mobile-wrap { width: 178px; height: 331px;} 
		/*.owl-carousel.carousel-mobile-mockup.center .mobile-wrap { width: 172px; height: 320px;}*/
		/*.owl-carousel.carousel-mobile-mockup.center .mockup-image { border-radius: 5%;}*/
	}
	
	@media screen and (max-width:640px) {}

/*****************************/
/*    Card Style start        /
/*****************************/
.card-flat { background:none; border-radius:0; box-shadow:none; border: none; }

.shadow-md { -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1) !important; -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1) !important; -ms-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1) !important; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1) !important; }

.card-float-icon-wrap { display: flex; height: 100%; padding-top: 64px; }
.card-float-icon { background-color: var(--color-white); text-align: center; padding: 70px 24px 60px; margin: 0; display: flex; flex-direction: column; height: calc(100% - 30px); width: 100%;}
.card-float-icon .card-body { flex: 1; }
.card-float-icon .card-image { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); background-color: var(--color-default); background-size: auto 44%; }
.card-float-icon .card-title { margin-bottom: 20px;}

.card-image-text { padding: 0; height: auto; background-color: var(--color-white);}
.card-image-text .card-title { margin-bottom: 10px; }
.card-image-text .card-media { height: 270px; background: center no-repeat; background-size: cover;}
.card-image-text .card-designation { max-width: 100%; margin: 0 0 30px; }
.card-image-text .card-body { padding: 40px 30px; }

.card-image-fluid {background: center no-repeat; background-size: cover; padding: 180px 0 110px; position: relative; }
.card-image-fluid.card-btn:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c3c3c3; mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; -moz-mix-blend-mode: multiply; -ms-mix-blend-mode: multiply; }
.card-image-fluid .card-body { position: relative;}
.card-image-fluid .card-title { max-width: 95%; display: block; margin: 0 auto 40px; }

.card-logo { height: 100%; background-color: var(--color-white);}
.card-logo .card-body { display: flex; align-items: center; justify-content: center; }

.card-image { margin-bottom: 30px;}

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

.card-icon { margin-bottom: 30px;}
.card-icon .card-icon-img { width: 168px; height: 168px; display: inline-block; vertical-align: middle; border-radius: 50%; padding: 23px;}
.card-icon .card-title { margin:16px 0 0;}

.card-project { margin-bottom: 60px;}
.card-project .card-media { position: relative; height: 370px; overflow: hidden;}
.card-project .card-media.card-img-lg { height: 640px;}
.card-project .card-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;}
.card-project:hover .card-image { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); }
.card-project .card-body { padding-left: 0; padding-right: 0;}
.card-project .card-body .card-title { margin: 3px 0 10px;}
.card-project .card-body .card-title a { color: var(--color-default); font-family: var(--font-primary); }
.card-project .card-body .tags { margin-top: 20px;}

.card-testimonial .testimonial-text {}
.card-testimonial .testimonial-text:before { content: "'";}
.card-testimonial .testimonial-text:after { content: "'";}
.card-testimonial span { display: block; font-size: 14px; letter-spacing: 0.28px; }  
.card-testimonial .author-name { color: var(--color-default)}
.card-testimonial .author-designation { color: var(--color-gray);}

.card-team { margin-bottom: 60px;}
.card-team .card-media { position: relative; }
.card-team .card-body { padding: 0;}
.card-team .card-title { margin: 24px 0 0;}
.card-team .card-designation { margin: 2px 0 0;}

.card-project-single { position: relative; display: block; margin: 0 auto 30px; max-width: 1260px;}
.card-project-single .card-title { margin: 0 0 30px;}
.card-project-single .card-title a { text-decoration: none; }
.card-project-single p a,
.card-project-single p { font-weight: 500; }
.card-project-single .tags { margin-top: 40px;}

.card-contact { border-radius: 0; border: none; padding: 67px 27px 37px; box-shadow: 0px 3px 20px #837d7d63; max-width: 634px; margin: 0 auto;}

	@media screen and (max-width:1600px) {
		.card-team .card-media { height: 450px;}

		.card-project .card-media { height: 348px;}
		.card-project .card-media.card-img-lg { height: 480px;}

		.card-image-fluid { padding: 140px 0 80px; }

		.card-icon .card-icon-img { width: 148px; height: 148px; padding: 18px; }
	}
	@media screen and (max-width:1400px) {
		
		.card-team .card-media { height: 370px; }

		.card-project .card-media { height: 292px;}
		.card-project .card-media.card-img-lg { height: 400px;}
		
		.card-image-fluid { padding: 100px 0 80px; }
	}
	@media screen and (max-width:1200px) {
		.card-project { margin-bottom: 40px; }
		
		.card-team .card-media { height: 300px; }

		.card-project .card-media { height: 240px;}
		.card-project .card-media.card-img-lg { height: 330px;}

		.card-project-single .card-title { margin-bottom: 20px; }
		.card-project-single .tags { margin-top: 20px;}
	}
	@media screen and (max-width:991px) {
		.card-float-icon { padding: 50px 5px 40px; height: calc(100% - 20px);}

		.card-project .card-media { height: 216px;}
		.card-project .card-media.card-img-lg { height: 300px;}

		.card-contact { padding: 15px 20px;  }

		.card-project-single { max-width:460px; }
		.card-project-single .card-body { padding:20px 30px;}

		.card-contact { padding: 20px 10px 20px;}

	}
	@media screen and (max-width:767px) {
		.card-project { margin-bottom: 30px; }
		.card-project .card-media.card-img-lg { height: 216px;}

		.card-contact { padding: 5px 5px; }

		.card-image-fluid { padding: 80px 0 60px; }
		.card-image-fluid .card-title { margin: 0 auto 20px;}

		.card-icon { margin-bottom: 10px; } 
		.card-icon .card-icon-img { width: 128px; height: 128px; padding: 12px; }

		.card-project-single .card-body { padding:20px 20px;}
	}
	@media screen and (max-width:580px) {
		.card-project { margin-bottom: 0;}

		.card-team { margin-bottom: 20px;}
		.card-team .card-media { height: auto;}
		.card-team .card-image { position: relative; width: auto; height: auto; background: none !important; transition: none !important; transform: none !important;}

		.card-icon .card-body { padding: 0.5rem; }
		.card-icon .card-icon-img { width: 112px; height: 112px; padding: 10px; }

	}
	@media screen and (max-width:379px) {}

/*****************************/
/*    Modal Style start       /
/*****************************/
@media (min-width: 576px) {
	.modal-lg { max-width: 600px; }
	.modal-md { max-width: 560px; }
}
@media (min-width: 992px) {
	.modal-lg { max-width: 860px; }
	.modal-md { max-width: 680px; }
}

.modal-open { padding-right: 0 !important; }
.display-modal-only .button-base { display:none; }
.modal-content { border-radius: 0; display: block; overflow: hidden;}
.modal-title { padding: 1rem 1rem 0 1rem; margin-bottom: 1rem; }
.modal-body { padding:0 1rem; margin: 1rem 0; }

.modal-backdrop.show { opacity: 0.76; }
.modal-backdrop + .modal-backdrop { opacity:0; }
.modal .btn-close { position:absolute; top:15px; right:15px; border-radius:20px; line-height:38px; opacity: 1; z-index: 10;}	

.team-dialog {}
.team-dialog .modal-content { padding:20px 60px;}
.team-dialog .modal-image { display:block; margin:0 auto 20px; width: 200px; height: 200px; }
.team-dialog .modal-heading { margin:0 0 5px;}
.team-dialog .modal-designation { display:block; margin:0 0 15px; }
.team-dialog p { margin-top: 20px; }


	@media screen and (max-width:991px) {
		.team-dialog .modal-content { padding:20px 40px; }
		.team-dialog .modal-image { width: 170px; height: 170px; }
	}
	@media screen and (max-width:767px) {
		.modal { padding-right: 0 !important;}

		.team-dialog .modal-content { padding:10px 10px;}
		.team-dialog .modal-image { width: 140px; height: 140px; }
	}
	@media screen and (max-width:567px) {
	}

/*****************************/
/*    Devider section start   /
/*****************************/
.section-devider { display: table; width: 100%; }

/***********************************/
/*   Feather lite Style start       /
/***********************************/
.featherlight .featherlight-content { margin:0; padding:0; border-bottom:none; overflow:visible;}	

.featherlight-next,
.featherlight-previous { position: fixed; top:50%; bottom:auto; width:36px; height:36px; margin-top:-16px; line-height: 44px; text-align: center; }
	
.featherlight-previous { left:15px; }
.featherlight-next { left:auto; right:15px; }	
.featherlight-next span,
.featherlight-previous span  { position:relative; top:auto; left:auto; line-height:normal; margin-top:0; vertical-align: middle; line-height:44px; right: auto;  text-shadow:none; font-size:0px; width:17px; height:17px; display:inline-block; border-bottom:3px solid var(--color-white);  font-size:0px; color:transparent; }

.featherlight-previous,.featherlight-loading .featherlight-next,
.featherlight-loading .featherlight-previous,
.featherlight-swipe-aware .featherlight-next,
.featherlight-swipe-aware .featherlight-previous { display:block; }

.featherlight-previous span { border-left:3px solid var(--color-white); transform:rotate(45deg); transform-origin:right center;  }
.featherlight-next span { border-right:3px solid var(--color-white); transform:rotate(-45deg); transform-origin:left center;  }
.featherlight-next:hover, .featherlight-previous:hover { background:none; }
.featherlight .featherlight-close-icon { background: var(--color-white); color: var(--color-default); font-weight: bold; font-size: 20px; width: 44px; height: 44px; line-height: 44px; border-radius: 0; top: 0; right: 0; -webkit-text-stroke: 1px var(--color-default); text-stroke: 1px var(--color-default); -moz-text-stroke: 1px var(--color-default); -ms-text-stroke: 1px var(--color-default); }

.featherlight .featherlight-content iframe { width: 840px; height: 474px; } 
.featherlight .video-wrapper { padding-top:0; max-width:840px; }

	@media screen and (max-width:1024px) {
		.featherlight .featherlight-content iframe { width: 680px; height: 383px; }
	}
	@media screen and (max-width:767px) {
		.featherlight .featherlight-close-icon { font-size: 16px; width: 34px; height: 33px; line-height: 34px; }
		.featherlight .featherlight-content iframe { width: 290px; height: 163px; }
		.featherlight-iframe .featherlight-content { width: 90%; padding-top: 51%; }
		.featherlight-iframe .featherlight-content iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
	}

.password-protected {}	
.password-protected .post-password-form {  max-width: 400px; padding: 30px 0; margin: 0 auto; }

/********************************************* End [Pedning] **************************************************************/	
/*****************************/
/*    Title Style start       /
/*****************************/
.wp-block-image { text-align:center; margin:0; }
.wp-block-image.size-full { min-width:100%; }

.tags {}
.tags .tag { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 1.286; color: var(--color-white); background-color: var(--color-default); padding: 5px 14px; border-radius: 50px; margin:0 3px 7px 0; text-decoration: none; font-family: var(--font-body);}
.tags .tag.active { background-color: var(--color-primary);}

.section-title-wrap { margin:0; }
.section-title-wrap .section-title { margin-bottom: 12px; }

.section-action {  margin-top: 40px; }
.section-action.border-top { border-top: 2px solid var(--color-default); padding-top: 40px; }
.section-action.border-bottom { border-bottom: 2px solid var(--color-default); padding-bottom: 40px; }

.section-title { margin:0 0 20px; }
.section-subtitle { margin:20px 0 0; }

.section-title-spacing-xl { margin-bottom:120px; }
.section-title-spacing-lg { margin-bottom:80px; }
.section-title-spacing-default { margin-bottom:50px; }
.section-title-spacing-md { margin-bottom:30px; }
.section-title-spacing-sm { margin-bottom:20px; }

.section-spacing-xs { padding:60px 0; }
.section-spacing-sm { padding:90px 0; }
.section-spacing-default { padding:120px 0; }
.section-spacing-md { padding:160px 0; }
.section-spacing-lg { padding:180px 0; }

.no-top-padding { padding-top:0 !important; }
.no-bottom-padding { padding-bottom:0 !important; }

.section { position: relative; overflow: hidden; }
.section:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--section-overlay-color); opacity: var(--section-overlay); z-index: 1;}
.section > .container-fluid,
.section > .container { position: relative; z-index: 2;}
.section .section-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section .section-video .video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); object-fit: cover; z-index: 0; } 
.section .section-video ~ .container-fluid,
.section .section-video ~ .container { position: relative; z-index: 1;}

	@media screen and (max-width:1600px) {}
	@media screen and (max-width:1200px) {
		.section-title-wrap .section-title br { display: none;}
		.section-title-spacing-xl { margin-bottom:100px; }
		.section-title-spacing-lg { margin-bottom:60px; }
		.section-title-spacing-default { margin-bottom:45px; }
		
		.section-spacing-xs { padding:40px 0; }
		.section-spacing-sm { padding:70px 0; }
		.section-spacing-default { padding:100px 0; }
		.section-spacing-md { padding:140px 0; }
		.section-spacing-lg { padding:160px 0; }

		.section-action { padding: 40px 0;}
	}
	@media screen and (max-width:991px) {
		.section-title-spacing-xl { margin-bottom:80px; }
		.section-title-spacing-lg { margin-bottom:50px; }
		.section-title-spacing-default { margin-bottom:40px; }
		
		.section-spacing-xs { padding:30px 0; }
		.section-spacing-sm { padding:50px 0; }
		.section-spacing-default { padding:80px 0; }
		.section-spacing-md { padding:120px 0; }
		.section-spacing-lg { padding:140px 0; }
	}
	@media screen and (max-width:767px) {
		.section-title-spacing-xl { margin-bottom:60px; }
		.section-title-spacing-lg { margin-bottom:40px; }
		.section-title-spacing-default { margin-bottom:30px; }
		.section-title-spacing-md { margin-bottom:20px; }
		.section-title-spacing-sm { margin-bottom:15px; }

		.section-spacing-xs { padding:30px 0; }
		.section-spacing-sm { padding:40px 0; }
		.section-spacing-default { padding:60px 0; }
		.section-spacing-md { padding:80px 0; }
		.section-spacing-lg { padding:100px 0; }

		.section-action { padding: 30px 0;}
	}
	@media screen and (max-width:576px) {
		.section-action {  margin-top: 20px; }
		.section-action.border-top { padding-top: 20px; }
		.section-action.border-bottom { padding-bottom: 20px; }

		.section-spacing-xs { padding:20px 0; }
		.section-spacing-sm { padding:30px 0; }
		.section-spacing-default { padding:40px 0; }
		.section-spacing-md { padding:60px 0; }
		.section-spacing-lg { padding:80px 0; }
	}

/********************************************* Start [Pedning] **************************************************************/	
/*****************************/
/*    Navbar Style start      /
/*****************************/
.navbar { padding:26px 0; background-color: rgba(255,255,255,0.95); transition: padding ease-in-out 0.6s; -webkit-transition: padding ease-in-out 0.6s; -moz-transition: padding ease-in-out 0.6s; -ms-transition: padding ease-in-out 0.6s; --bs-navbar-toggler-icon-bg: url("../images/menu-toggle.svg"); }

.navbar.navbar-dark { --bs-navbar-toggler-icon-bg: url("../images/menu-toggle-white.svg"); }
.navbar.navbar-light { --bs-navbar-toggler-icon-bg: url("../images/menu-toggle.svg"); } 

.navbar-collapse { padding:0; }
.page-spacer { height:var(--navbarSpacer); }
.navbar-fixed-top { border:none; } 
.navbar-default { -o-transition:none; -ms-transition:none; -webkit-transition:none; transition: none; background:transparent; }

.navbar .custom-logo,
.navbar .navbar-brand { padding:0; position: relative; line-height: normal;}
.navbar .custom-logo > svg, .navbar .custom-logo > img,
.navbar .navbar-brand > svg, .navbar .navbar-brand > img { height:40px; width:auto; vertical-align:middle; }
.navbar a.custom-logo { margin-right:0;}

.navbar.navbar-fixed { background-color: var(--color-default); padding: 20px 0 !important;}

.navbar > .container { align-items: start;}

.navbar:before { position: absolute; left: 0; top: 0; width: 100%; content: ""; background-color: var(--color-default); height: 0px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; } 

.nav { margin-right:-25px; }
.nav > li > a { font-size: 16px; line-height: 1.25; padding: 16px 25px; color: var(--color-default); display: inline-block; }
.nav > li > a:focus,
.nav > li > a:hover { color: var(--color-primary); text-decoration: none; }
.nav > li.menu-item-has-children > a::after { content: "+"; display: inline-block; vertical-align: baseline; margin-left: 5px; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.nav > li.menu-item-has-children > a.active::after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);}

.nav > li .sub-menu { display: none; }

.nav > li .sub-menu { position: absolute; right: 0; /*background-color: var(--color-default);*/ max-width: 68%; padding-bottom: 70px; transition:all ease-in 0.2s; -webkit-transition:all ease-in 0.2s; -moz-transition:all ease-in 0.2s; -ms-transition:all ease-in 0.2s; }
.nav > li .sub-menu li { width: 33.33%; margin-top: 60px; float: left; position: relative; padding-top: 20px; list-style: none;}
.nav > li .sub-menu li:before { content: ""; position: absolute; left: 0; top: 0; height: 2px; width: 83px; background-color: var(--color-white); }
.nav > li .sub-menu li > a { font-size: 38px; line-height: 1.3157; color: var(--color-white); font-family: var(--font-primary); }
.nav > li .sub-menu li > a:hover { text-decoration: none; padding-left: 36px; color: var(--color-primary);}

.navbar-toggler { margin-right: -16px; border: none; }
.navbar-toggler:focus,
.navbar-toggler:hover { box-shadow: none; background-color: none;}

.offcanvas  { border-bottom: 1px solid var(--color-gray-light); padding-top: 0; padding-bottom: 0;  }
.offcanvas svg.custom-logo path { fill:var(--color-default);}
.offcanvas .btn-close { margin: 0; opacity: 1; }
.offcanvas .btn-close:focus { box-shadow: none; }

	@media screen and (min-width:991px) {
		.navbar.navbar-active:before { height: var(--navbar-active-height);}
		.navbar.navbar-active .nav > li > a { color: var(--color-white);}
		.navbar.navbar-active .custom-logo > svg path,
		.navbar.navbar-active .navbar-brand > svg path { fill: var(--color-white) !important; }
		.navbar.navbar-active .nav > li > a:hover { color: var(--color-primary); text-decoration: none; }
	}	
	@media screen and (max-width:1600px) {
		.nav > li .sub-menu li > a { font-size: 32px;}
		.nav > li .sub-menu li > a:hover { padding-left: 26px;}
	}
	@media screen and (max-width:1400px) {
		.nav > li .sub-menu { max-width: 80%;}
	}
	@media screen and (max-width:1200px) {
		.nav > li .sub-menu { padding-bottom: 50px;}
		.nav > li .sub-menu li { margin-top: 40px; padding-top: 12px;}
		.nav > li .sub-menu li > a { font-size: 28px; } 
	}
	@media screen and (max-width:991px) {
		.navbar-right { margin:auto 0;}

		.offcanvas { padding-top: 0; }
		.offcanvas-header { border-bottom: 2px solid var(--color-default); padding: 26px 0 40px; margin:0 24px; }

		.navbar .nav { display: block; margin: 30px 0 0; }
		.navbar .nav > li { display: block; text-align: center; }
		.navbar .nav > li > a { display: block; color: var(--color-default); font-weight: 500; padding: 20px 24px; font-size: 20px; letter-spacing: 0.48px; }

		.nav > li .sub-menu { position: relative; left: auto; top: auto; max-width: 100%; padding:0 0 12px 0; transition: none;}
		.nav > li .sub-menu li { padding: 0; margin: 0; float: none; width:auto;}
		.nav > li .sub-menu li:before { display: none;}
		.nav > li .sub-menu li > a { display: block; font-size: 16px; font-family: var(--font-body); padding: 10px 0; color: var(--color-default);}
		.nav > li .sub-menu li > a:hover { padding-left: 0;}
	} 
	@media screen and (max-width:767px) {
		.navbar { padding: 17px 0 !important; }
		.navbar.navbar-fixed { padding: 15px 0 !important;}
		.page-spacer { height:86px; }
	}

/************************************/
/*    Footer Style start             /
/************************************/
footer { padding: 40px 0; background-color: var(--color-default);/* position: absolute; left: 0; bottom: 0; */ width: 100%;}
footer .footer-logo { text-decoration: none;}
footer .footer-logo img,
footer .footer-logo svg { height: 64px;}
footer .footer-logo svg path { fill:var(--color-white) !important;}

footer .footer-link { color: var(--color-white); margin:0 30px; font-size: 16px; letter-spacing: 0.38px;}
footer .footer-link:hover { color:var(--color-primary); text-decoration: none;}

footer .social-links { display: inline-block; vertical-align: text-bottom; margin-bottom: -1px;}
footer .social-links li { display: inline-block; vertical-align: middle; }
footer .social-links li + li { margin-left: 18px; }
footer .social-links li svg { width: 24px; height: 24px;} 

footer .footer-nav { display: flex; direction: rtl	;}
footer .footer-nav { margin-right:-25px; }
footer .footer-nav > li { display: inline-block; margin: 0 25px;}
footer .footer-nav > li > a { font-size: 16px; line-height: 1.25; color: var(--color-white); display: inline-block; padding: 0; }
footer .footer-nav > li > a:focus,
footer .footer-nav > li > a:hover { color: var(--color-primary); }
footer .footer-nav > li.menu-item-has-children > a::after { content: "";}
footer .footer-nav > li .sub-menu { display: none !important;}

footer .copyright { margin-top: 10px; display: block; font-size: 16px;} 

	@media screen and (max-width:1200px){ 
		footer .footer-nav { margin-right:-14px; }
		footer .footer-nav > li { margin: 0 14px;}
		
	}	
	@media screen and (max-width:991px){ 
		footer .footer-logo svg { height: 52px; }
		footer .footer-link { margin: 0 10px; font-size: 14px;}
		footer .social-links li + li { margin-left: 5px; } 
		footer .footer-nav { margin-right:-5px; }
		footer .footer-nav > li > a { font-size: 14px;}
		footer .footer-nav > li { margin: 0 5px; }
		footer .social-links { margin-bottom: -2px;}

		footer .copyright { font-size: 14px;}
	}
	@media screen and (max-width:767px){ 
		footer { text-align: center; position: relative; left: auto; bottom: auto;}

		footer .footer-link { margin: 20px 0; display: inline-block;}
		
		footer .footer-logo svg { height: 52px; } 
		footer .footer-nav { margin: 30px 0 0; display: none;}
		footer .footer-nav > li { margin: 0 12px;}
		footer .footer-nav > li > a { font-size: 16px; }

		footer .copyright { margin-top: 25px;}
	}

/********************************************* End [Pedning] **************************************************************/	
/************************************/
/*    Hero Style start               /
/************************************/
.section-hero { position: relative; background: center no-repeat; background-size: cover; }
.section-hero .section-logo { width: auto; height: auto; max-height: 200px; display: inline-block; margin-bottom : 30px;}
.section-hero .section-text {  margin-top: 15px;} 
.section-hero .text-md-center .section-text { margin: 0 auto;}
.section-hero .video-wrapper { padding-top: 0; margin: 28px 0 62px;}
.section-hero .section-title-bordered .section-title { margin: 0; padding-bottom: 40px; border-bottom: 2px solid var(--color-default); }
.section-hero .section-title-bordered .section-title.text-white { border-bottom-color: var(--color-white);}
.section-hero .section-title .tags { margin-top: 15px; } 

.section-hero .video-thumbnail:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); opacity: 0; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.section-hero .video-thumbnail .btn-play { opacity: 0; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }

.section-hero .video-thumbnail:hover:before,
.section-hero .video-thumbnail:hover .btn-play { opacity: 1; } 

.section-hero.no-video-overlay { margin-top: var(--navbarSpacer);}
.section-hero.no-video-overlay .section-video .video { position: relative; top: auto; left: auto; min-height: calc(100% - 130px); height: 100%; transform: none; }
.section-hero.no-video-overlay .vh-100 { height: calc(100vh - var(--navbarSpacer)) !important; }

	@media screen and (max-width:1200px) {
		.section-hero .section-title-bordered .section-title { padding-bottom: 40px;}
	}
	@media screen and (max-width:991px){
		.section-hero .section-logo { max-width: 76%;}
	}
	@media screen and (max-width:767px){
		.section-hero .video-wrapper { margin: 10px 0 30px; }

		.section-hero .video-thumbnail.active:before { opacity: 1; } 
		.section-hero .video-thumbnail.active .btn-play { opacity: 1; }
	}
	@media screen and (max-width:580px) {
		.section-hero .section-title-bordered .section-title { padding-bottom: 20px;} 
		.section-hero .btn-link { padding-left: 24px;}
		.section-hero .btn.btn-link:before { width: 18px; }
		.section-hero .btn.btn-link:hover { padding-left: 34px;}
		.section-hero .btn.btn-link:hover:before { padding-left: 28px;}

		.section-hero.mobile-auto-height { margin-top: var(--navbarSpacer); padding: 30px 0; }
		.section-hero.mobile-auto-height .vh-100 { height: auto !important;} 
	}

/************************************/
/*    About Style start         	 /
/************************************/
.section-about { position: relative; background: center no-repeat; background-size: cover; }

.section-about .btn-back { color: var(--color-default); position: relative; padding-left: 20px; margin-bottom: 15px; display: inline-block; }
.section-about .btn-back:before { content: ""; position: absolute; left: 0; top: 50%; width: 11px; height: 11px; border-left: 2px solid var(--color-default); border-top: 2px solid var(--color-default); border-radius: 3px; transform: rotate(-45deg); margin-top: -5px; }
.section-about .btn-back.btn-inverse { color: var(--color-white);}
.section-about .btn-back.btn-inverse:before { border-left: 2px solid var(--color-white); border-top: 2px solid var(--color-white);}
.section-about .btn-back:hover { text-decoration: underline;} 

.section-about .btn-back.btn-float { position: absolute; top: 50%; transform: translateY(-50%);}
.section-about .btn-back.btn-float ~ .row .section-title-wrap { margin-bottom: 0;}
.section-about .btn-back.btn-float ~ .row .section-title-wrap .section-title { margin-bottom: 0;}

.section-about .section-content { margin-bottom: 30px;}
.section-about .section-content ul { padding-left: 20px;}
.section-about .section-content ul li { margin: 5px 0;}

/************************************/
/*    Cards Style start         	 /
/************************************/
.section-card { position: relative; background: center no-repeat; background-size: cover; }

/************************************/
/*    Logos Style start         	 /
/************************************/
.section-logos { position: relative; background: center no-repeat; background-size: cover; }
.section-logos .logo-img { max-height: 68px; max-width: 162px; margin: 30px 0;}

	@media screen and (max-width:1600px) {
		.section-logos .logo-img { max-height: 60px; max-width: 148px; margin: 30px 0; }
	}
	@media screen and (max-width:1400px) {}
	@media screen and (max-width:1200px) {}
	@media screen and (max-width:991px) {}
	@media screen and (max-width:767px) {}
	@media screen and (max-width:580px) {
		.section-logos .logo-img { margin: 0;}
	}
	@media screen and (max-width:379px) {}

/************************************/
/*   Contact Style start     	 	 /
/************************************/
.section-contact { position: relative; background: center no-repeat; background-size: cover;  }
.section-contact .section-title { margin: 0; }

.section-contact .section-content { margin-bottom: 30px; }
.section-contact .section-content .section-title-wrap { max-width: 350px;}
.section-contact .section-content p { }

.section-contact .section-email,
.section-contact .section-phone { padding: 6px 0; }
.section-contact .section-email {  margin-bottom: 30px;}
.section-contact .section-email a,
.section-contact .section-phone a {  font-size: 20px; font-weight: bold;  display: inline-block; color: var(--color-default); }
.section-contact .address-title { margin-bottom: 7px;}

.section-contact .address { margin-bottom: 30px; font-size: 20px;}
.section-contact .map-img { margin-bottom: 40px; padding-right: 18px; }

	@media screen and (max-width:1600px) {}
	@media screen and (max-width:1400px) {}
	@media screen and (max-width:1200px) {
		.section-contact .section-content p { font-size: 20px; }
		.section-contact .section-phone a {  font-size: 20px;  }
		.section-contact .address { font-size: 20px;}

	}
	@media screen and (max-width:991px) {
		.section-contact .section-title { padding-bottom: 30px; margin-top: 10px;}

		.section-contact .map-img { padding-right: 0;}
	}
	@media screen and (max-width:767px) {
		.section-contact .section-content { margin-bottom: 30px;}
		.section-contact .section-title { margin-top: 20px;}		

		.section-contact .section-content p { font-size: 18px; }
		.section-contact .section-phone a {  font-size: 18px;  }
		.section-contact .address { font-size: 18px;}
	}
	@media screen and (max-width:580px) {
		.section-contact .btn-link { padding-left: 24px;}
		.section-contact .btn.btn-link:before { width: 18px; }
		.section-contact .btn.btn-link:hover { padding-left: 34px;}
		.section-contact .btn.btn-link:hover:before { padding-left: 28px;}
		.section-contact { text-align: center;}
	}	

/************************************/
/*   Fluid image content Style start /
/************************************/
.section-image-content {}	
.section-image-content .section-image { padding: 0 !important;}
.section-image-content .section-image img { min-width: 100%;}
/*.section-image-content .section-content-wrap { max-width: 70%; display: inline-block;}*/

	@media screen and (max-width:1400px) {}
	@media screen and (max-width:1200px) {}
	@media screen and (max-width:991px) {
		.section-image-content .section-content-wrap { /*max-width: 320px; display: inline-block; margin: 0 auto; display: block;*/ }
		.section-image-content .btn { font-size: 16px; letter-spacing: 2px;  margin-top: 20px;}
	}
	@media screen and (max-width:767px) {
		.section-image-content .section-content-wrap { text-align: center; max-width: 390px; margin: 40px auto;}
	}

/************************************/
/*   Two column imag Style start     /
/************************************/
.section-two-column-image {}	
.section-two-column-image .section-image { padding: 0 !important;}
.section-two-column-image .section-image img { min-width: 100%;}

	@media screen and (max-width:1600px) {}
	@media screen and (max-width:1400px) {}
	@media screen and (max-width:1200px) {}
	@media screen and (max-width:991px) {}
	@media screen and (max-width:767px) {}
	@media screen and (max-width:580px) {}
	@media screen and (max-width:379px) {}

/************************************/
/*   Testimonials Style start     	 /
/************************************/
.section-testimonial { background: center no-repeat; background-size: cover; }

.section-testimonial-rating { background: center no-repeat; background-size: cover;  }
.section-testimonial-rating .section-title { margin: 0; padding-bottom: 50px; border-bottom: 2px solid var(--color-default); }
.section-testimonial-rating .section-title.text-white { border-bottom-color: var(--color-white);}

.section-testimonial-rating .section-ratings { position: relative; height: 100%;}
.section-testimonial-rating .section-rating {}
.section-testimonial-rating .section-rating .logo-img { margin-bottom: 20px; }
.section-testimonial-rating .section-rating .rating-img { margin-bottom: 20px; }
.section-testimonial-rating .section-rating .rating-text { display: block; font-size: 16px; line-height: 1.1; color: var(--color-gray);}
.section-testimonial-rating .section-rating .svg-white path { fill:var(--color-white) !important;}

.section-testimonial-rating .section-rating.rating-1 .logo-img { max-height: 52px;}
.section-testimonial-rating .section-rating.rating-1 .rating-img { max-height: 28px; }

.section-testimonial-rating .section-rating.rating-2 { position: absolute; left: 0; bottom: 0; width: 100%;}
.section-testimonial-rating .section-rating.rating-2 .logo-img { max-height: 42px;}
.section-testimonial-rating .section-rating.rating-2 .rating-img { max-height: 36px; }

	@media screen and (max-width:1600px) {}
	@media screen and (max-width:1400px) {}
	@media screen and (max-width:1200px) {
		.section-testimonial-rating .section-title { padding-bottom: 40px;}
	}
	@media screen and (max-width:991px) {
		.section-testimonial-rating .section-rating.rating-2 { position: relative; left: auto; bottom: auto;}
		.section-testimonial-rating .section-ratings { margin-bottom: 30px;}
	}
	@media screen and (max-width:767px) {
		.section-testimonial-rating .section-title { padding-bottom: 30px; }
	}
	@media screen and (max-width:580px) {
		.section-testimonial-rating .section-rating.rating-1 .logo-img { max-height: 36px; }
		.section-testimonial-rating .section-rating .rating-text { font-size: 14px;}
	}
	@media screen and (max-width:379px) {}

/************************************/
/*   Location Style start     	 	 /
/************************************/
.section-location {}
.section-location .section-title { margin: 0; padding-bottom: 50px; border-bottom: 2px solid var(--color-default); }
.section-location .section-title.text-white { border-bottom-color: var(--color-white);}

.section-location .section-content { max-width: 560px;}
.section-location .section-map { margin-top: 60px;}
.section-location .section-map iframe { width: 100%; height: 660px;}

	@media screen and (max-width:1600px) {
		.section-location .section-map iframe { height: 580px; }
	}
	@media screen and (max-width:1400px) {}
	@media screen and (max-width:1200px) {
		.section-location .section-title { padding-bottom: 40px;}
		.section-location .section-map iframe { height: 460px; }
		.section-location .section-map { margin-top: 40px; } 
		}
	@media screen and (max-width:991px) {
		.section-location .section-map iframe { height: 360px; }
	}
	@media screen and (max-width:767px) {
		.section-location .section-content { margin-bottom: 30px;}
		.section-location .section-map { margin-top: 30px; } 
		.section-location .section-map iframe { height: 300px;}
	}
	@media screen and (max-width:580px) {
		.section-location .section-title { padding-bottom: 30px;} 
		.section-location .section-map iframe { height: 240px; }
		.section-location .btn-link { padding-left: 24px;}
		.section-location .btn.btn-link:before { width: 18px; }
		.section-location .btn.btn-link:hover { padding-left: 34px;}
		.section-location .btn.btn-link:hover:before { padding-left: 28px;}
	}
	@media screen and (max-width:379px) {}

/************************************/
/*   Location Style start     	 	 /
/************************************/
.section-products {}
.section-products .tags { max-width: 550px;}
/*.section-products .tags .tag { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 1.286; color: var(--color-white); background-color: var(--color-default); padding: 5px 14px; border-radius: 50px; margin:0 3px 7px 0; text-decoration: none;}*/
/*.section-products .tags .tag.active { background-color: var(--color-primary);}*/
.section-products .tags label.tag { cursor: pointer;}

.project-filter { padding-bottom: 45px; margin-bottom: 100px; border-bottom: 2px solid var(--color-default);}

	@media screen and (max-width:1200px) {
		.project-filter { margin-bottom: 70px; padding-bottom: 40px;}
	}
	@media screen and (max-width:991px) {
		.project-filter { margin-bottom: 50px; padding-bottom: 35px;}
	}
	@media screen and (max-width:767px) {
		.project-filter { margin-bottom: 30px; padding-bottom: 30px;}
		.section-products .project-filter .tags { display: flex; overflow: auto;}
		.section-products .project-filter .tags .tag { white-space: pre;}
	}
	@media screen and (max-width:580px) {
	
	}
	@media screen and (max-width:379px) {}

/************************************/
/*   Team Style start     	 	 	/
/************************************/
.section-team {}
.section-team .section-title { margin: 0; padding-bottom: 50px; border-bottom: 2px solid var(--color-default); }
.section-team .section-title.text-white { border-bottom-color: var(--color-white);}

	@media screen and (max-width:1600px) {}
	@media screen and (max-width:1400px) {}
	@media screen and (max-width:1200px) {
		.section-team .section-title { padding-bottom: 40px;}
	}
	@media screen and (max-width:991px) {}
	@media screen and (max-width:767px) {}
	@media screen and (max-width:580px) {
		.section-team .section-title { padding-bottom: 30px;} 
		.section-team .btn-link { padding-left: 24px;}
		.section-team .btn.btn-link:before { width: 18px; }
		.section-team .btn.btn-link:hover { padding-left: 34px;}
		.section-team .btn.btn-link:hover:before { padding-left: 28px;}
	}
	@media screen and (max-width:379px) {}

/************************************/
/*    Mobile mockup Style start      /
/************************************/
.section-carousel {}
.section-carousel .btn { margin-top: 36px;}
.section-carousel .section-content-wrap { max-width: 390px; display: inline-block;}
.section-carousel .text-end .section-content-wrap { text-align: left;}
.section-carousel .row > .position-relative { z-index: 10;}
.section-carousel .owl-carousel-stage-left { position: relative; margin-left: -120px;}
.section-carousel .owl-carousel-stage-left::after { content: ""; position: absolute; left: 0; top: 0; width: 120px; height: 100%; background-color: var(--color-white); z-index: 2;}
.section-carousel .owl-carousel-stage-right { position: relative; margin-right: -120px;}
.section-carousel .owl-carousel-stage-right::after { content: ""; position: absolute; right: 0; top: 0; width: 120px; height: 100%; background-color: var(--color-white); z-index: 2;}


	@media screen and (max-width:1370px) {
		.section-carousel .section-content-wrap { max-width: 330px; }
		.section-carousel .owl-carousel-stage-left { margin-left: -180px;}
		.section-carousel .owl-carousel-stage-left::after { width: 180px; }
		.section-carousel .owl-carousel-stage-right {  margin-right: -180px;}
		.section-carousel .owl-carousel-stage-right::after { width: 180px; }
	}
	@media screen and (max-width:1200px) {
		.section-carousel .owl-carousel-stage-left { margin-left: -90px;}
		.section-carousel .owl-carousel-stage-left::after { width: 90px; }
		.section-carousel .owl-carousel-stage-right {  margin-right: -90px;}
		.section-carousel .owl-carousel-stage-right::after { width: 90px; }
	}
	@media screen and (max-width:991px) {
		.section-carousel .btn { margin-top: 25px;}
		.section-carousel .owl-carousel-stage-left { margin-left: -60px;}
		.section-carousel .owl-carousel-stage-left::after { width: 60px; }
		.section-carousel .owl-carousel-stage-right {  margin-right: -60px;}
		.section-carousel .owl-carousel-stage-right::after { width: 60px; }
	}
	@media screen and (max-width:767px) {
		.section-carousel .text-end .section-content-wrap { text-align: center;}
		.section-carousel .section-content-wrap { --bs-gutter-x: 1.5rem; padding: 0 calc(var(--bs-gutter-x) * .5); display: block; margin: 0 auto; }
		/*.section-carousel .container-custom-sm { --bs-gutter-x: 1.5rem; padding: 0 calc(var(--bs-gutter-x) * .5);}*/
		.section-carousel .owl-carousel-stage-left { margin-left: 0px;}
		.section-carousel .owl-carousel-stage-left::after { width: 0px; }
		.section-carousel .owl-carousel-stage-right {  margin-right: 0px;}
		.section-carousel .owl-carousel-stage-right::after { width: 0px; }
		.section-carousel .carousel-mobile-mockup { margin-top: 40px;}
	}	

/************************************/
/*    Tablet mockup Style start      /
/************************************/
.section-table-mockup {}	
.section-table-mockup .btn { margin-top: 36px;}
.section-table-mockup .tablat-wrap { max-width: 815px; height: auto; position: relative; display: inline-block;}
.section-table-mockup .mockup-video,
.section-table-mockup .tablat-image { position: absolute; left: 3%; top: 3.8%; right: 2.9%; bottom: 3.6%; background: center no-repeat; background-size: cover; border-radius: 2.6%;  overflow: hidden;}

.section-table-mockup .mockup-video { padding: 0; margin: 0; background-color: var(--color-default); height: auto; z-index: 10; border-radius: 18px; }  
.section-table-mockup .mockup-video video { height: 100% !important;}
.section-table-mockup .mockup-video .video-thumbnail { opacity: 1; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.section-table-mockup .mockup-video .video-thumbnail.active { opacity: 0; }

	@media screen and (max-width:1370px) {}
	@media screen and (max-width:1200px) {}
	@media screen and (max-width:991px) {
		.section-table-mockup .tablat-wrap { margin-top: 40px;}
		.section-table-mockup .btn { margin-top: 25px;}
		.section-table-mockup .tablat-image { bottom: 3.4%;}
	}
	@media screen and (max-width:767px) {}

/************************************/
/*    Future post Style start        /
/************************************/
.section-future-post .section-title { margin: 0; padding-bottom: 50px; border-bottom: 2px solid var(--color-default); }
.section-future-post .section-title.text-white { border-bottom-color: var(--color-white);}

	@media screen and (max-width:1600px) {}
	@media screen and (max-width:1400px) {}

/************************************/
/*    Gallery Style start      		 /
/************************************/
.section-gallery {}	
.section-gallery .section-image { padding: 0 !important; position: relative;}	
.section-gallery .section-image.overlay { position: relative;}
.section-gallery .section-image.overlay:before { content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); }
.section-gallery .section-image .btn-play { position:absolute; left:50%; top:50%; margin-top: -30px; margin-left: -30px; padding: 0; border: none; background: none; }
.section-gallery .section-image .btn-play svg { width:60px; height:60px; }

.section-gallery .section-image.section-image-link {}
.section-gallery .section-image.section-image-link:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.section-gallery .section-image.section-image-link:hover:before { opacity: 1;}
.section-gallery .section-image.section-image-link a { opacity: 0; position: absolute; display: inline-block; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.section-gallery .section-image.section-image-link a span { position: absolute; display: inline-block; vertical-align: middle; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.section-gallery .section-image.section-image-link:hover a { opacity: 1;}
.section-gallery .col-custom { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }

/*.section-gallery .section-video { padding: 0; margin: 0; height: auto; z-index: 10; }  
.section-gallery .section-video video { height: 100% !important;}
.section-gallery .section-video .video-thumbnail { opacity: 1; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.section-gallery .section-video .video-thumbnail.active { opacity: 0; }
*/


/************************************/
/*    Scroll Gallery Style start     /
/************************************/

.desktop-wrap,
.tablat-wrap,
.mobile-wrap { display: inline-block; vertical-align: middle; position: relative; }

.desktop-mockup,
.tablat-mockup,
.mobile-mockup { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center top no-repeat; background-size: 100% auto; padding: 0; }

.desktop-wrap .mockup-image,
.tablat-wrap .mockup-image,
.mobile-wrap .mockup-image { position: absolute; overflow: hidden;}

.mockup-image img { position: relative; animation: scrollAnimation 8s ease-in-out infinite;    }    

.desktop-wrap { width: 1036px; height: 604px;}
.desktop-wrap .mockup-image { left: 11.9%; top: 5.8%; right: 11.1%; bottom: 12.2%; }
.desktop-mockup { background-image: url(../images/frame-laptop-2.png);  }

.tablat-wrap { width: 456px; height: 596px; }
.tablat-wrap .mockup-image { left: 3.5%; top: 3%; right: 3.8%; bottom: 2.8%; border-radius: 2.6%; }
.tablat-mockup { background-image: url(../images/frame-tablate-portrait.png); }


.mobile-wrap { width: 358px; height: 665px; }
.mobile-wrap .mockup-image { left: 9.6%; top: 0.9%; right: 9.6%; bottom: 5%; border-radius: 4.5%; } 
.mobile-mockup { background-image: url(../images/frame-mobile.png); }

	@media screen and (max-width:1800px) {
		.mobile-wrap { width: 320px; height: 595px;}
	}
	@media screen and (max-width:1600px) {
		.mobile-wrap { width: 260px; height: 484px;}
	}
	@media screen and (max-width:1200px) {
		.desktop-wrap { width: 896px; height: 522px; }
		.tablat-wrap { width: 412px; height: 538px; } 
		.mobile-wrap { width: 234px; height: 435px;}
		
	}
	@media screen and (max-width:991px) { 
		.desktop-wrap { width: 686px; height: 400px; }
		.tablat-wrap { width: 372px; height: 486px; } 
		.mobile-wrap { width: 168px; height: 312px;} 
	}
	@media screen and (max-width:767px) {
		.desktop-wrap { width: 504px; height: 294px; }
		.tablat-wrap { width: 288px; height: 376px; } 
		.mobile-wrap { width: 178px; height: 331px;} 
	}

	@media screen and (max-width:576px) {
		.desktop-wrap { width: 312px; height: 182px; }
		.tablat-wrap { width: 236px; height: 308px; } 
		
	}

	@keyframes scrollAnimation {
		0% { top:0; } 80% { top: var(--bottomScroll); } 100% { top:0; }
	}