/* home-critical.css — blocking above-the-fold; paths relative to assets/css/ */

/* color */
/* Default Color File  */



:root {
    /* Darker orange for WCAG AA contrast (≥4.5:1) on white / white-on-brand */
    --theme-color: #b85600;
}






/* === home slim grid (replaces bootstrap.css on homepage) === */
*,*::before,*::after{box-sizing:border-box}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.row>*{width:100%;max-width:100%;padding-right:15px;padding-left:15px}
.col-lg-6,.col-md-8,.col-lg-4,.col-md-4,.col-xl-3,.col-lg-3,.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px}
@media (min-width:768px){
  .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
  .col-md-6{flex:0 0 50%;max-width:50%}
  .col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
}
@media (min-width:992px){
  .col-lg-3{flex:0 0 25%;max-width:25%}
  .col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
  .col-lg-6{flex:0 0 50%;max-width:50%}
}
@media (min-width:1200px){
  .col-xl-3{flex:0 0 25%;max-width:25%}
}
.d-flex{display:flex!important}
.align-items-center{align-items:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-lg-between{justify-content:space-between!important}
.flex-wrap{flex-wrap:wrap!important}
.clearfix::after{content:"";display:table;clear:both}


/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?nyhrz2');
  src:  url('../fonts/icomoon.eot?nyhrz2#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?nyhrz2') format('truetype'),
    url('../fonts/icomoon.woff?nyhrz2') format('woff'),
    url('../fonts/icomoon.svg?nyhrz2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-airplane:before {
  content: "\e900";
}
.icon-cargo-ship:before {
  content: "\e901";
}
.icon-truck:before {
  content: "\e902";
}
.icon-shield:before {
  content: "\e903";
}
.icon-delivery:before {
  content: "\e904";
}
.icon-24-hours:before {
  content: "\e905";
}
.icon-lawyer:before {
  content: "\e906";
}
.icon-global:before {
  content: "\e907";
}
.icon-delivery-man:before {
  content: "\e908";
}
.icon-processing:before {
  content: "\e909";
}
.icon-spaceship:before {
  content: "\e90a";
}
.icon-disc-brake:before {
  content: "\e90b";
}
.icon-drug:before {
  content: "\e90c";
}
.icon-graphic-tablet:before {
  content: "\e90d";
}
.icon-calling:before {
  content: "\e90e";
}
.icon-mail:before {
  content: "\e90f";
}
.icon-calculator:before {
  content: "\e910";
}
.icon-clock:before {
  content: "\e911";
}
.icon-snowfall:before {
  content: "\e912";
}
.icon-store:before {
  content: "\e913";
}
.icon-arrow-pointing-left:before {
  content: "\e914";
}
.icon-roof:before {
  content: "\e915";
}
.icon-roof-1:before {
  content: "\e916";
}
.icon-roof-2:before {
  content: "\e917";
}
.icon-roof-3:before {
  content: "\e918";
}
.icon-worker:before {
  content: "\e919";
}
.icon-award:before {
  content: "\e91a";
}
.icon-happy:before {
  content: "\e91b";
}
.icon-protection:before {
  content: "\e91c";
}
.icon-quality:before {
  content: "\e91d";
}
.icon-construction-and-tools:before {
  content: "\e91e";
}
.icon-circle-target:before {
  content: "\e91f";
}
.icon-work:before {
  content: "\e920";
}
.icon-google-play:before {
  content: "\e921";
}
.icon-download-pdf:before {
  content: "\e922";
}
.icon-flag:before {
  content: "\e923";
}
.icon-download:before {
  content: "\e924";
}
.icon-user:before {
  content: "\e925";
}
.icon-done:before {
  content: "\e926";
}
.icon-down-chevron:before {
  content: "\e927";
}
.icon-asterisk:before {
  content: "\e928";
}
.icon-loupe:before {
  content: "\e929";
}
.icon-diagonal-arrow:before {
  content: "\e92a";
}
.icon-global1:before {
  content: "\e92b";
}
.icon-right-arrow:before {
  content: "\e92c";
}
.icon-more:before {
  content: "\e92d";
}
.icon-telephone:before {
  content: "\e92e";
}
.icon-down-chevron1:before {
  content: "\e92f";
}
.icon-right-arrow1:before {
  content: "\e930";
}
.icon-left-arrow:before {
  content: "\e931";
}
.icon-check:before {
  content: "\e932";
}
.icon-rocket:before {
  content: "\e933";
}
.icon-businessman:before {
  content: "\e934";
}
.icon-pay-per-click:before {
  content: "\e935";
}
.icon-zoom-in:before {
  content: "\e936";
}
.icon-right:before {
  content: "\e937";
}
.icon-quote:before {
  content: "\e938";
}
.icon-right-arrow-1:before {
  content: "\e939";
}
.icon-up-arrow:before {
  content: "\e93a";
}
.icon-headphones:before {
  content: "\e93b";
}
.icon-left-arrow-1:before {
  content: "\e93c";
}
.icon-up-arrow-1:before {
  content: "\e93d";
}
.icon-down-arrow:before {
  content: "\e93e";
}
.icon-telephone-2:before {
  content: "\e93f";
}
.icon-placeholder:before {
  content: "\e940";
}
.icon-email:before {
  content: "\e941";
}
.icon-megaphone-1:before {
  content: "\e942";
}
.icon-diagonal-arrow-1:before {
  content: "\e943";
}
.icon-shopping-cart:before {
  content: "\e944";
}
.icon-mail1:before {
  content: "\e945";
}
.icon-book:before {
  content: "\e946";
}
.icon-book-with-bookmark:before {
  content: "\e947";
}
.icon-upload:before {
  content: "\e948";
}
.icon-startup-1:before {
  content: "\e949";
}
.icon-businessman-1:before {
  content: "\e94a";
}
.icon-credit-card:before {
  content: "\e94b";
}
.icon-call-center-agent:before {
  content: "\e94c";
}
.icon-report-1:before {
  content: "\e94d";
}
.icon-audit:before {
  content: "\e94e";
}
.icon-stock-exchange-app:before {
  content: "\e94f";
}
.icon-consult:before {
  content: "\e950";
}
.icon-responsibility:before {
  content: "\e951";
}
.icon-time-management:before {
  content: "\e952";
}
.icon-bank-1:before {
  content: "\e953";
}
.icon-accounting:before {
  content: "\e954";
}
.icon-package:before {
  content: "\e955";
}
.icon-balance:before {
  content: "\e956";
}
.icon-power-line:before {
  content: "\e957";
}
.icon-genetics:before {
  content: "\e958";
}
.icon-dimension:before {
  content: "\e959";
}
.icon-satellite:before {
  content: "\e95a";
}
.icon-down-arrow-1:before {
  content: "\e95b";
}
.icon-balance-1:before {
  content: "\e95c";
}
.icon-location:before {
  content: "\e95d";
}
.icon-time:before {
  content: "\e95e";
}
.icon-play-button:before {
  content: "\e95f";
}
.icon-legal:before {
  content: "\e960";
}
.icon-dossier:before {
  content: "\e961";
}
.icon-goal-1:before {
  content: "\e962";
}
.icon-laws:before {
  content: "\e963";
}
.icon-law:before {
  content: "\e964";
}
.icon-target-1:before {
  content: "\e965";
}
.icon-profile:before {
  content: "\e966";
}
.icon-apple:before {
  content: "\e967";
}
.icon-qr-code:before {
  content: "\e968";
}
.icon-security:before {
  content: "\e969";
}
.icon-human-brain:before {
  content: "\e96a";
}
.icon-love:before {
  content: "\e96b";
}
.icon-man:before {
  content: "\e96c";
}
.icon-user-2:before {
  content: "\e96d";
}
.icon-manager:before {
  content: "\e96e";
}
.icon-profile-1:before {
  content: "\e96f";
}
.icon-whisper:before {
  content: "\e970";
}
.icon-help:before {
  content: "\e971";
}
.icon-evidence:before {
  content: "\e972";
}
.icon-telephone-3:before {
  content: "\e973";
}
.icon-no-task:before {
  content: "\e974";
}
.icon-discussion:before {
  content: "\e975";
}
.icon-jump:before {
  content: "\e976";
}
.icon-close:before {
  content: "\e977";
}
.icon-rate-star-button:before {
  content: "\e978";
}
.icon-award-1:before {
  content: "\e979";
}
.icon-call:before {
  content: "\e97a";
}
.icon-car-inspection:before {
  content: "\e97b";
}
.icon-diagnostic:before {
  content: "\e97c";
}
.icon-repair:before {
  content: "\e97d";
}
.icon-schedule:before {
  content: "\e97e";
}
.icon-battery:before {
  content: "\e97f";
}
.icon-air-conditioner:before {
  content: "\e980";
}
.icon-tire:before {
  content: "\e981";
}
.icon-painting:before {
  content: "\e982";
}
.icon-car:before {
  content: "\e983";
}
.icon-calculator1:before {
  content: "\e984";
}
.icon-sport-car:before {
  content: "\e985";
}
.icon-car-insurance:before {
  content: "\e986";
}
.icon-call-1:before {
  content: "\e987";
}
.icon-quality1:before {
  content: "\e988";
}
.icon-product:before {
  content: "\e989";
}
.icon-home:before {
  content: "\e98a";
}
.icon-gaming-chair:before {
  content: "\e98b";
}
.icon-product-1:before {
  content: "\e98c";
}
.icon-truck1:before {
  content: "\e98d";
}
.icon-house:before {
  content: "\e98e";
}
.icon-symbols:before {
  content: "\e98f";
}
.icon-tool:before {
  content: "\e990";
}
.icon-money:before {
  content: "\e991";
}
.icon-symbol:before {
  content: "\e992";
}
.icon-symbols-1:before {
  content: "\e993";
}
.icon-clock1:before {
  content: "\e994";
}
.icon-reading:before {
  content: "\e995";
}
.icon-house-1:before {
  content: "\e996";
}
.icon-eiffel-tower:before {
  content: "\e997";
}
.icon-briefcase-2:before {
  content: "\e998";
}
.icon-study:before {
  content: "\e999";
}
.icon-low-price:before {
  content: "\e99a";
}
.icon-passport:before {
  content: "\e99b";
}
.icon-businessman-2:before {
  content: "\e99c";
}
.icon-award-2:before {
  content: "\e99d";
}
.icon-instagram:before {
  content: "\e99e";
}
.icon-chat-4:before {
  content: "\e99f";
}
.icon-user-3:before {
  content: "\e9a0";
}
.icon-student-1:before {
  content: "\e9a1";
}
.icon-mask:before {
  content: "\e9a2";
}
.icon-virus:before {
  content: "\e9a3";
}
.icon-businessman-3:before {
  content: "\e9a4";
}
.icon-shield-1:before {
  content: "\e9a5";
}
.icon-cardiogram:before {
  content: "\e9a6";
}
.icon-megaphone-2:before {
  content: "\e9a7";
}
.icon-camera:before {
  content: "\e9a8";
}
.icon-mouse:before {
  content: "\e9a9";
}
.icon-signal-status:before {
  content: "\e9aa";
}
.icon-read-1:before {
  content: "\e9ab";
}
.icon-clock-1:before {
  content: "\e9ac";
}
.icon-infinity:before {
  content: "\e9ad";
}
.icon-book-1:before {
  content: "\e9ae";
}
.icon-video-marketing:before {
  content: "\e9af";
}
.icon-share:before {
  content: "\e9b0";
}
.icon-online-lesson:before {
  content: "\e9b1";
}
.icon-suitcase:before {
  content: "\e9b2";
}
.icon-clock-2:before {
  content: "\e9b3";
}
.icon-low-price-1:before {
  content: "\e9b4";
}
.icon-document-1:before {
  content: "\e9b5";
}
.icon-globe:before {
  content: "\e9b6";
}
.icon-real-estate:before {
  content: "\e9b7";
}
.icon-apartment:before {
  content: "\e9b8";
}
.icon-house-design:before {
  content: "\e9b9";
}
.icon-construction:before {
  content: "\e9ba";
}
.icon-construction-1:before {
  content: "\e9bb";
}
.icon-architecture:before {
  content: "\e9bc";
}
.icon-draft:before {
  content: "\e9bd";
}
.icon-buildings:before {
  content: "\e9be";
}
.icon-motivation:before {
  content: "\e9bf";
}
.icon-diamond:before {
  content: "\e9c0";
}
.icon-telemarketer:before {
  content: "\e9c1";
}
.icon-photograph:before {
  content: "\e9c2";
}
.icon-diamond-1:before {
  content: "\e9c3";
}
.icon-global-marketing:before {
  content: "\e9c4";
}
.icon-social-media:before {
  content: "\e9c5";
}
.icon-copywriting:before {
  content: "\e9c6";
}
.icon-email-1:before {
  content: "\e9c7";
}
.icon-hexagon:before {
  content: "\e9c8";
}
.icon-briefcase-3:before {
  content: "\e9c9";
}
.icon-dollar:before {
  content: "\e9ca";
}
.icon-bookmark:before {
  content: "\e9cb";
}
.icon-cloud-computing:before {
  content: "\e9cc";
}

/* 01-global */
/* 
font-family: 'Roboto', sans-serif;
font-family: 'Teko', sans-serif;
 */

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
	line-height: inherit;
}

.page-wrapper {
	position: relative;
	width: 100%;
	min-width: 320px;
	z-index: 9;
	margin: 0px auto;
	overflow-x: hidden;
	overflow-y: visible;
}
body {
	font-size: 16px;
	color: #6E6E6E;
	line-height: 1.7em;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	background: rgb(255, 255, 255);
	font-family: 'Roboto', sans-serif;
}
a{
	display: inline-block;
}
a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #222;
  font-family: 'Teko', sans-serif;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: var(--theme-color);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	position: relative;
	font-weight: normal;
	line-height: 1.25em;
	margin: 0px;
	background: none;
	color: #222;
	font-family: 'Teko', sans-serif;
}

h1, .h1 {
	font-size: 100px;
	font-weight: 700;
	line-height: 1;
}	

h2, .h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
}

h3, .h3 {
	font-size: 40px;
	font-weight: 700;
}

h4, .h4 {
	font-size: 30px;
	font-weight: 700;
}

h5, .h5 {
	font-size: 20px;
	font-weight: 700;
}

h6, .h6 {
	font-size: 16px;
	font-weight: 700;
}

p {
	font-size: 16px;
	color: #666;
	line-height: 1.7;
}

textarea {
	overflow: hidden;
}
button {
	outline: none !important;
	cursor: pointer;
}
section {
	position: relative;
}
.text {
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	color: #666;
}
::-webkit-input-placeholder {
	color: inherit;
}
::-moz-input-placeholder {
	color: inherit;
}
::-ms-input-placeholder {
	color: inherit;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.row.no-gutters {
	margin: 0;
}
.row-15 {
	margin-left: -7.5px;
	margin-right: -7.5px;
}
.row-20 {
	margin-left: -10px;
	margin-right: -10px;
}

.row-15 {
	margin: 0 -15px;
}
.row>* {
	padding: 0 15px;
}
.row.no-gutters>* {
	padding: 0;
}
.row-15>* {
	padding: 0 7.5px;
}
.row-20>* {
	padding: 0 10px;
}
.nav-tabs .nav-link {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}
.nav-tabs {
	border: 0;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}
.auto-container.full-width {
	max-width: 100%;
}
.auto-container.alt {
	max-width: 1500px;
}
.auto-container.alt2 {
	max-width: 1430px;
}
ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
figure {
	margin-bottom: 0;
}
.gray-bg {
	background-color: #f1f4fb !important;
}
.light-bg {
	background-color: #fff !important;
}
.dark-bg {
	background-color: #0b1930 !important;
}
.sdark-bg {
	background-color: #aed500 !important;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.dropdown-toggle::after {
	display: none;
}
.fa {
	line-height: inherit;
}



/* nice slict */
.nice-select {
    background-color: transparent !important;
    border: none !important;
    font-size: 15px !important;
	color: rgba(255, 255, 255, 0.5);
    height: 42px !important;
    line-height: 40px !important;
    padding-left: 0 !important;
    padding-right: 15px !important;
	font-weight: 400 !important;
	font-family: 'Roboto', sans-serif !important;
	text-transform: uppercase;
}
.nice-select .list li{
	color: #222;
}
.nice-select:after {
    right: 3px !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    height: 7px !important;
    width: 7px !important;
    margin-top: -6px !important;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: var(--theme-color) !important;
	color: #222;
}
/* nice slict */


/* Preloader */
.handle-preloader {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -ms-flexbox;
	height: 100%;
	justify-content: center;
	-webkit-justify-content: center;
	position: fixed;
	background: #0a0807;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999999;
  }
  
  .preloader-close{
	position: fixed;
	z-index: 99999999;
	font-size: 26px;
	background: #fff;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	right: 30px;
	top: 30px;
  }
  
  .handle-preloader .animation-preloader {
	position: absolute;
	z-index: 100;
  }
  
  .handle-preloader .animation-preloader .spinner{
	animation: spinner 1s infinite linear;
	border-radius: 50%;
	height: 150px;
	margin: 0 auto 45px auto;
	width: 150px;
  }
  
  .handle-preloader .animation-preloader .txt-loading {
	text-align: center;
	user-select: none;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
	animation: letters-loading 4s infinite;
	content: attr(data-text-preloader);
	left: 0;
	opacity: 0;
	top:0;
	position: absolute;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading{
	font-family: 'Monda', sans-serif;
	font-weight: 500;
	letter-spacing: 15px;
	display: inline-block;
	position: relative;
	font-size: 70px;
	line-height: 70px;
	text-transform: uppercase;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
  .handle-preloader .loader-section {
	background-color: #ffffff;
	height: 100%;
	position: fixed;
	top: 0;
	width: calc(50% + 1px);
  }
  
  .preloader .loaded .animation-preloader {
	opacity: 0;
	transition: 0.3s ease-out;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading{
	color: #ffffff;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
	color: #ffffff;
  }
  
  .handle-preloader .animation-preloader .spinner{
	border: 3px solid #ffffff;
	border-top-color: rgba(255, 255, 255, 0.5); 
  }
  
  /* Animation preloader */
  @keyframes spinner {
	to {
	  transform: rotateZ(360deg);
	}
  }
  @keyframes letters-loading {
	0%,
	75%,
	100% {
	  opacity: 0;
	  transform: rotateY(-90deg);
	}
  
	25%,
	50% {
	  opacity: 1;
	  transform: rotateY(0deg);
	}
  }
  
  @media screen and (max-width: 767px) {
	.handle-preloader .animation-preloader .spinner {
	  height: 8em;
	  width: 8em;
	}
  }
  @media screen and (max-width: 500px) {
	.handle-preloader .animation-preloader .spinner {
	  height: 7em;
	  width: 7em;
	}
	.handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;}
  }
  

  
.owl-nav {
	display: none;
}
.theme-color {
	color: var(--theme-color);
}
.theme-bg {
	background-color: var(--theme-color);
}
.h_340 {
	height: 340px;
}
.h_140 {
	height: 140px;
}
.b__75 {
    bottom: -75px;
}
.t__85 {
    top: -85px;
}




/* btn 1 */
.btn-1 {
	position: relative;
	display: inline-block;
    align-items: center;
	text-align: center;
	z-index: 1;
	transition: .5s;
	background-color: var(--theme-color);
	font-size: 22px;
	line-height: 15px;
	color: #ffffff;
    text-transform: uppercase;
	font-weight: 400;
	padding: 25px 55px 25px 55px;
}
.btn-1::after {
    content: '';
    width: 95%;
    height: 20px;
    background-color: var(--theme-color);
    opacity: 0.5;
    position: absolute;
    left: 5px;
    top: -6px;
    z-index: -1;
	transition: 0.5s;
}
.btn-1:hover {
	color: #fff;
}
.btn-1:hover::after{
	width: 100%;
	top: 0;
	left: 0;
}
.btn-1 span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #2C2A49;
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.btn-1 i {
    margin-left: 20px;
    font-size: 10px;
    font-weight: 700 !important;
    transition: .5s;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.btn-1 i:before {
	font-weight: bold;
}
.btn-1:hover i {
	color: #fff;
}
.btn-1:hover span {
	width: 0;
	height: 0;
}
.btn-1 span {
	display: none;
}
.btn-1.text-center {
	display: inline-block;
}
.btn-1.text-center i {
	top: 0;
}
/* btn alt */



/* common title */
.common-title{
	margin-bottom: 50px;
}
.common-title h6,
.common-title .section-eyebrow{
	color: var(--theme-color);
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
.common-title h2{
	color: #222;
	font-size: 64px;
	font-weight: 500;
	line-height: 64px;
	letter-spacing: -0.96px;
}
.common-title h2 span{
	color: var(--theme-color);
}
/* common title */


/* center title */
.center-title{
	text-align: center;
	margin-bottom: 50px;
}
.center-title h6,
.center-title .section-eyebrow{
	color: var(--theme-color);
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
.center-title h2{
	color: #222;
	font-size: 64px;
	font-weight: 500;
	line-height: 64px;
	letter-spacing: -0.96px;
}
.center-title h2 span{
	color: var(--theme-color);
}
/* center title */




/* scroll to top */
.prgoress_indicator {
	position: fixed;
	right: 50px;
	bottom: 75px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transform: translateY(15px) !important;
	transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) !important;
}
.prgoress_indicator::after {
	position: absolute;
	content: "\f106";
	font-family: "Font Awesome 5 Pro";
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	color: var(--theme-color);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	font-weight: 900;
	z-index: 1;
	transition: all 200ms linear !important;
}
.prgoress_indicator svg path {
	fill: none;
}
.prgoress_indicator svg.progress-circle path {
	stroke: var(--theme-color);
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear !important;
}

/* swiper style one */
.swiper-style-one .slider__pagination{
	text-align: center;
	margin-top: 60px;
	position: relative;
}
.swiper-style-one .slider__pagination span{
	margin: 0 8px;
}
.swiper-style-one .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #222;
    opacity: 1;
}
.swiper-style-one .swiper-pagination-bullet-active {
    position: relative;
    opacity: 1;
    background: var(--theme-color);
    border: 2px solid var(--theme-color);
}
.swiper-style-one .swiper-pagination-bullet-active::after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    background: transparent;
    position: absolute;
    top: -6px;
    left: -6px;
}


/* rating */
.rating-one ul{
	display: flex;
	align-items: center;
	gap: 5px;
}
.rating-one ul li i{
	color: #FFC93D;
}
/* rating */


/* paigination */
.paigination ul{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.paigination ul li a{
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E4E4E4;
	font-size: 18px;
	font-weight: 500;
	color: #222;
	font-family: 'Roboto', sans-serif;
}
.paigination ul li a:hover{
	background-color: var(--theme-color);
	color: #ffffff;
}
.paigination ul li a i{
	font-weight: 700;
}
/* paigination */

/* 01-header */
/* Header Style */
.main-header {
	position: relative;
	display: block;
	width: 100%;
	z-index: 9999;
	top: 0px;
	left: 0px;
	background: none;
	clear: both;
}

/* Header Upper */
.main-header .header-upper {
	position: relative;
}
.main-header .header-upper .inner-container {
	position: relative;
}
.main-header .header-upper .logo-box .logo {
	position: relative;
	display: block;
	padding: 20px 0px;
}
.main-header .header-upper .right-column {
	position: relative;
}
.main-header .header-upper .left-column {
	position: relative;
}
.main-header .nav-outer {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.navbar-right-info .mobile-nav-toggler {
	position: relative;
	width: 50px;
	height: 50px;
	line-height: 44px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 20px;
	margin-left: 30px;
	cursor: pointer;
	border-radius: 50%;
}
.main-header .nav-outer .main-menu {
	position: relative;
}
.main-menu .inner-container {
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.12);
	margin-bottom: -25px;
	background: #fff;
}
.main-menu .inner-container .nav-outer {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.main-menu .contact-info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 35px;
}
.main-menu .contact-info .icon {
	width: 75px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	margin-right: 20px;
}
.main-menu .contact-info h6 {
	font-size: 14px;
	margin-bottom: 5px;
}
.main-menu .contact-info h4 {
	font-size: 22px;
}
.main-menu .navbar-collapse {
	padding: 0px;
	display: block !important;
}
.main-menu .navigation {
	position: relative;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.main-menu .navigation>li {
	position: relative;
	padding: 28px 0px;
	margin-right: 12px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-menu .navigation>li:before {
	position: absolute;
	content: '';
	bottom: 30px;
	left: 0;
	width: 23px;
	height: 1px;
	opacity: 0;
}
.main-menu .navigation>li.current:before {
	opacity: 1;
}
.main-menu .navigation>li:last-child:before {
	display: none;
}
.main-menu .navigation>li:last-child {
	margin-right: 0px;
}
.main-menu .navigation>li>a {
	position: relative;
	display: block;
	text-transform: uppercase;
	padding: 3px 0;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-size: 22px;
	line-height: 28px;
	color: #222222;
	font-weight: 500;
	text-align: right;
}
.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:hover {
	color: var(--theme-color);
}
.main-menu .navigation>li>.mega_menu {
    position: absolute;
    left: 0px;
    top: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 540px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: .5s;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    border-top: 3px solid var(--theme-color);
    padding: 20px 30px;
}

.main-menu .navigation>li.dropdown:hover>.mega_menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	min-width: 270px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	background-color: #ffffff;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	transition: .5s;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	border-top: 3px solid var(--theme-color);
	padding: 20px 0;
}

.sticky-header .main-menu .navigation>li>ul {
    top: 111%;
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}
.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	padding: 0 30px;
}
.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}
.main-menu .navigation>li>ul>li:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	display: block;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 8.5px 0px;
	line-height: 24px;
	color: #fff;
	text-align: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-size: 17px;
	color: #ffffff;
	font-weight: 500;
	font-size: 22px;
	color: #222;
	font-weight: 400;
}
.main-menu .navigation>li>ul>li>a.active {
	color: var(--theme-color);
}
.main-menu .navigation>li>ul>li>a:before {
	position: absolute;
	content: '*';
	left: 0;
	top: 11px;
	transition: .5s;
	opacity: 0;
	font-size: 26px;
	line-height: 28px;
	color: var(--theme-color);
	font-weight: 600;
	font-family: "Inter";
}
.main-menu .navigation>li>ul>li>a:hover:before {
	opacity: 1;
}
.main-menu .navigation>li>ul>li:last-child>a {
	border-bottom: 0px;
}
.main-menu .navigation>li>ul>li>a:hover {
	color: var(--theme-color);
	padding-left: 20px;
}
.main-menu .navigation>li>ul>li.dropdown>a:after {
	position: absolute;
	content: "\f105";
	right: 3px;
	top: 11px;
	display: block;
	line-height: 24px;
	font-size: 17px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
}
.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 103%;
	top: 0;
	width: 270px;
	z-index: 100;
	display: none;
	background-color: #fff;
	transition: .5s;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	border-top: 3px solid var(--theme-color);
	padding: 20px 0;
}
.main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0px;
}
.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	padding: 0 30px;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	display: block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 8.5px 0;
	line-height: 24px;
	font-weight: 500;
	font-size: 17px;
	color: #fff;
	text-align: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-size: 16px;
	color: #6e6c70;
	font-weight: 400;
	font-family: "Heebo";
}
.main-menu .navigation>li>ul>li>ul>li>a:before {
	position: absolute;
	content: '*';
	left: 0;
	top: 11px;
	transition: .5s;
	opacity: 0;
	font-size: 26px;
	line-height: 28px;
	color: var(--theme-color);
	font-weight: 600;
	font-family: "Inter";
}
.main-menu .navigation>li>ul>li>ul>li>a:hover:before {
	opacity: 1;
}
.main-menu .navigation>li>ul>li>ul>li:last-child>a {
	border-bottom: 0;
}
.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color);
	padding-left: 20px;
}
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f105";
	position: absolute;
	right: 30px;
	top: 12px;
	display: block;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	z-index: 5;
}
.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
/* .main-menu .navigation>li.dropdown>a:before {
    position: absolute;
    content: '\f107';
    right: 0;
    top: 6px;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
} */
.main-menu .navigation>li.dropdown>a {
    padding-right: 15px;
}
.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.main-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.main-header .search-toggler {
    background-color: transparent;
    font-size: 22px;
}


/* ====================================================
header-style-one
====================================================== */
.header-style-one {
    position: absolute;
    top: 38px;
}
.header-style-one .header-upper .inner-container{
    position: relative;
    background-color: #ffffff;
    padding: 0 25px 0 40px;
} 
.header-style-one .header-upper .inner-container::after{
    content: '';
    max-width: 1278px;
    width: 100%;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
}

.header-style-one .header-upper .header-call-center{
	position: absolute;
    left: 50px;
    top: 10px;
}
.header-style-one .header-upper .header-call-center h6{
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
}
.header-style-one .header-upper .header-call-center a{
	color: #ffffff;
	font-size: 36px;
	font-weight: 500;
}
.header-style-one .header-upper .header-call-center a:hover{
	color: var(--theme-color);
}
.header-style-one .header-upper .header-link-btn{
    position: absolute;
    right: 50px;
    top: 10px;
}
 .header-link-btn .btn-1{
	display: inline-block;
    padding: 24px 32px 24px 32px;
    display: flex;
    align-items: center;
    background-color: transparent;
	color: #ffffff;
    border: 1px solid #fff;
	overflow: hidden;
}
.header-link-btn .btn-1::after{
	display: none;
}
.header-link-btn .btn-1 span{
	background-color: var(--theme-color);
}

/* color social link */
.color-social-links ul{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 20px;
}
.color-social-links ul li a{
    font-size: 25px;
}
.color-social-links ul li a .fa-facebook-square{
    color: #39579a;
	line-height: 20px;
}
.color-social-links ul li a .fa-twitter{
    color: #69ace0;
}
.color-social-links ul li a .fa-youtube{
    color: #dc2217;
	line-height: 19px;
}
.color-social-links ul li a .fa-linkedin{
    color: #007bb5;
	line-height: 20px;
}

.color-social-links ul li a span{
    position: relative;

}
.color-social-links ul li a .fa-youtube::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	z-index: -1;
}
.color-social-links ul li a .fa-facebook-square::after {
    content: '';
    position: absolute;
    right: 3px;
    top: 0;
    width: 10px;
    height: 100%;
    background-color: #ffffff;
    z-index: -1;
}
.color-social-links ul li a .fa-linkedin::after {
    content: '';
    position: absolute;
    right: 3px;
    top: 0;
    width: 15px;
    height: 100%;
    background-color: #ffffff;
    z-index: -1;
}
/* ====================================================
header-style-1
====================================================== */





/* ====================================================
header-style-2
====================================================== */
.header-style-two{
	position: absolute;
}
.header-style-two .inner-container{
	background-color: #161616;
	padding: 0 40px;
}
.header-style-two .header-top .inner-container {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.header-style-two .main-menu .navigation>li>a {
    color: #ffffff;
}
.header-style-two .search-toggler {
    color: #fff !important;
	font-size: 18px;
}
.header-style-two  .header-link-btn .btn-1 {
    padding: 18px 32px 18px 32px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.header-style-two .left-column-link ul{
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 15px 0;
}
.header-style-two .left-column-link ul li a{
	color: #ffffff;
	opacity: 0.5;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.header-style-two .left-column-link ul li a:hover{
	opacity: 1;
}
.header-style-two .right-column{
	display: flex;
	align-items: center;
	gap: 30px;
}
.header-style-two .color-social-links ul li a {
    font-size: 18px;
}
.header-style-two .color-social-links ul li a span{
	position: relative;
	z-index: 1;
}
.header-style-two .color-social-links ul li a .fa-facebook-square {
    line-height: 14px;
}
.header-style-two .color-social-links ul li a .fa-facebook-square::after{
	content: '';
	height: 100%;
	width: 10px;
	background-color: #ffffff;
	position: absolute;
	right: 1px;
	top: 0;

}
.header-style-two .color-social-links ul li a .fa-youtube {
    line-height: 5px;
}
.header-style-two .color-social-links ul li a .fa-linkedin {
    line-height: 12px;
}
.header-style-two .color-social-links ul li a .fa-linkedin::after{
	content: '';
	height: 100%;
	width: 14px;
	background-color: #ffffff;
	position: absolute;
	right: 1px;
	top: 0;
}
/* ====================================================
header-style-2
====================================================== */




/* ====================================================
header-style-3
====================================================== */
.header-style-three{
	position: absolute;
}
.header-style-three .main-menu .navigation>li {
    padding: 40px 0px;
	margin-right: 30px;
}
.header-style-three .main-menu .navigation>li>a {
    padding: 3px 0;
    color: #ffffff;
}
.header-style-three .search-toggler {
    color: #fff !important;
    font-size: 18px;
}
.header-style-three .right-column {
    gap: 30px;
}
.header-style-three  .header-link-btn .btn-1 {
    padding: 18px 32px 18px 32px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.header-style-three .sticky-header .inner-container{
	padding: 0 40px;
	background-color: #161616;
}
/* ====================================================
header-style-3
====================================================== */




/* =================================================================
			Sticky Header
=================================================================== */
.sticky-header {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	z-index: -1;
	-webkit-transition: top 300ms ease;
	-o-transition: top 300ms ease;
	transition: top 300ms ease;
		/* -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); */
}
.sticky-header .main-menu .navigation {
	margin-left: 0;
}
.fixed-header .sticky-header {
	opacity: 1;
	z-index: 99901;
	visibility: visible;
}
.fixed-header .sticky-header .inner-container {
	margin-bottom: 0;
	box-shadow: none;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
}

.main-header .sticky-header .header-upper .logo-box .logo {
	padding: 18.5px 0px;
}
.sticky-header .main-menu .navigation>li {
	padding: 17px 0px;
}
.main-header .sticky-header .header-upper .inner-container {
	min-height: 70px;
}
.sticky-header .main-menu .navigation>li:before {
	bottom: 20px;
}
/* =============================================
			Sticky Header
================================================ */




/* =============================================
	Search Popup
================================================*/
.sidemenu-nav-toggler {
    line-height: 42px;
    cursor: pointer;
	transition: .5s;
}
.sidemenu-nav-toggler:hover {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.search-popup {
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.90);
	-webkit-transform: translateY(101%);
	-ms-transform: translateY(101%);
	transform: translateY(101%);
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}
.search-popup.popup-visible {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	opacity: 1;
}
.search-popup .overlay-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
}
.search-popup .close-search {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 22px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	transition: all 500ms ease;
}
.search-popup .close-search:hover {
	opacity: 0.70;
}
.search-popup .search-form {
	position: relative;
	padding: 0px 15px 0px;
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 150px;
	margin-bottom: 100px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}
.search-popup .search-form fieldset {
	position: relative;
	border-radius: 12px;
}
.search-popup .search-form fieldset input[type="search"] {
	position: relative;
	height: 70px;
	padding: 20px 220px 20px 30px;
	background: #ffffff;
	line-height: 30px;
	font-size: 24px;
	color: #233145;
	border-radius: 7px;
}
.search-popup .search-form fieldset input[type="submit"] {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	text-align: center;
	width: 220px;
	height: 70px;
	padding: 20px 10px 20px 10px;
	color: #ffffff !important;
	line-height: 30px;
	font-size: 20px;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 0px 7px 7px 0px;
	background: var(--theme-color);
}
.search-popup h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: none;
}
.search-popup .recent-searches {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	display: none;
}
.search-popup .recent-searches li {
	display: inline-block;
	margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
	display: block;
	line-height: 24px;
	border: 1px solid #ffffff;
	padding: 7px 15px;
	color: #ffffff;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.search-popup .search-form fieldset input[type="search"]:focus {
	border-color: #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* =============================================
	Search Popup
================================================*/





/* =============================================
	Responsive
================================================*/
@media only screen and (max-width: 1680px){
	.header-style-one .header-upper .header-call-center {
		display: none;
	}

	.header-style-one .header-upper .header-link-btn {
		display: none;
	}
	
}

@media only screen and (max-width: 1400px){
	.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
	    left: auto;
	    right: 100%;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul {
	    left: auto;
	    right: 0;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul {
	    left: auto;
	    right: 100%;
	}	
	.sidemenu-nav-toggler {
		display: none;
	}
	.consult_btn {
		display: none;
	}
	.header-upper .shape {
		display: none;
	}
	.header-link-btn {
		margin-left: 20px;
	}	
	.main-header .header-upper .logo-box .logo {
		margin-right: 20px;
	}
}



@media only screen and (max-width: 1350px){
	.header-style-one .auto-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.main-header .inner-container {
		flex-wrap: wrap;
		justify-content: center;
	}
	.header_top .left-column {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}
	.header_top .right-column {
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	}

	
	
	
}


@media only screen and (max-width: 1200px){
	/* Default */
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}
	.nav-outer .mobile-nav-toggler {
		display: block !important;
	}
	.banner-section .banner-slider-nav {
		display: none;
	}
	/* .main-header .header-upper .left-column {
		justify-content: space-between;
		flex-grow: 1;
	} */
	button.theme-btn.search-toggler {
		display: none;
	}
	.header-link-btn {
		display: none !important;
	}

	/* header 2 */
	.header-style-two button.theme-btn.search-toggler {
		display: block;
	}
	.header-style-two .header-link-btn {
		display: block !important;
	}

	/* header 3 */
	.header-style-three button.theme-btn.search-toggler {
		display: block;
	}
	.header-style-three .header-link-btn {
		display: block !important;
	}
	

}



@media (max-width:991px) {
	



}



@media only screen and (min-width: 768px){
	.main-menu .navigation>li>.mega_menu,
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}

	
}



/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px){
	.header-style-one .header-upper .inner-container {
		padding: 0 15px 0 15px;
	}
	.header-style-one .color-social-links {
		display: none;
	}
	.nav-outer .mobile-nav-toggler {
		margin-left: 95px !important;
	}
	.main-header .header-upper .logo-box .logo {
		padding: 15px 0px;
	}
	.nav-outer .mobile-nav-toggler {
		right: -5px;
	}
	.main-header .header-upper .right-column {
		display: none !important;
	}


	/* header 2 */
	.header-style-two .header-top .left-column-link {
		display: none;
	}
	.header-style-two .header-top .inner-container{
		justify-content: center !important;
	}
	.header-style-two .header-upper .right-column{
		display: none !important;
	}
	.header-style-two .header-upper .inner-container {
		padding: 0 10px;
	}

	/* header 3 */
	.header-style-three .header-upper .right-column{
		display: none !important;
	}


}




@media only screen and (max-width: 575px){

	.header-link-btn {
		display: none;
	}
	.main-header * {
		flex-wrap: wrap;
	}
	.main-header .header-upper .logo-box .logo img {
		width: 150px;
		height: auto;
	}

	.header_appointment_btn a {
		padding-right: 15px;
		padding-left: 15px;
		clip-path: none;
	}
	

	
}


@media only screen and (min-width: 320px) and (max-width: 359px) {
	.main-header .header-upper .logo-box .logo {
		margin-right: 0;
		width: 120px;
	}

}




/* =============================================
	Responsive
================================================*/
/* 02-mobile-menu */
/* ===============================================================
			Mobile Menu
================================================================= */
.nav-outer .mobile-nav-toggler {
	position: relative;
	width: 36px;
	height: 45px;
	line-height: 39px;
	text-align: center;
	color: #222222;
	font-size: 20px;
	cursor: pointer;
	border-radius: 50%;
	float: right;
	margin: 13px 0;
	display: none;
	transition: .5s;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
	pointer-events: auto;;
}
.mobile-menu .mCSB_scrollTools {
	right: -6px;
}
.mobile-menu .mCSB_inside>.mCSB_container {
	margin-right: 5px;
}
.mobile-menu .navbar-collapse {
	display: block !important;
}
.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
	margin-bottom: 100px;
	margin-top: 25px;
}
.mobile-menu-visible {
	overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: var(--theme-color);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 0.70;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #202020;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .close-btn {
	position: absolute;
	right: 20px;
	top: 15px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}
.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
}
.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li ul li>a {
	font-size: 15px;
	margin-left: 20px;
	text-transform: capitalize;
}
.mobile-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li.current>a:before {
	height: 100%;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.10);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.mobile-menu .navigation li>.mega_menu,
.mobile-menu .navigation li>ul, 
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}
.mobile-menu .social-links {
	position: relative;
	text-align: center;
	padding: 30px 25px;
}
.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


.header-style-one .auto-container {
    max-width: 100%;
    padding: 0 60px;
}


.main-menu .navigation>li.current>a, .main-menu .navigation>li>a:hover {
    color: var(--theme-color);
}







/* 03-banner */
/* banner-section */
.banner-section .swiper-slide {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section .content-box .inner {
	position: relative;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
	max-width: 770px;
}
.banner-section .slide_bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #222;
}
.banner-section .slide_bg:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(90deg, rgba(13,21,119,0.9999999999999999) 0%, rgba(13,21,119,0) 72%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.banner-section .swiper-slide-active .content-box .inner {
	opacity: 1;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.banner-section .inner p {
	position: relative;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Heebo";
}
.banner-section .swiper-slide-active .inner p {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 1600ms;
	-o-transition-delay: 1600ms;
	transition-delay: 1600ms;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.banner-section .link-box {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
	-webkit-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	
}
.banner-section .swiper-slide-active .link-box {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.banner-section{
	position: relative;
	overflow: hidden;
    padding: 0;
}

.banner-section .swiper-slide{
	position: relative;
	width: 100%;
	padding: 178px 0px 0px 0px;
}

.banner-section-one .swiper-slide:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	/* background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); */
	top: 0px;
	right: 0px;
	z-index: 1;
}

.banner-section .swiper-slide .bg-layer{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transition: all 8000ms linear;
    -moz-transition: all 8000ms linear;
    -ms-transition: all 8000ms linear;
    -o-transition: all 8000ms linear;
    transition: all 8000ms linear;
}

/* Paint first hero slide before Swiper JS assigns .swiper-slide-active (cuts LCP render delay) */
.banner-section .swiper-wrapper > .swiper-slide:first-child .content-box .inner,
.banner-section .swiper-wrapper > .swiper-slide:first-child .content-box h2,
.banner-section .swiper-wrapper > .swiper-slide:first-child .content-box h3,
.banner-section .swiper-wrapper > .swiper-slide:first-child .content-box p,
.banner-section .swiper-wrapper > .swiper-slide:first-child .content-box .btn-box,
.banner-section .swiper-wrapper > .swiper-slide:first-child .content-box .link-box a,
.banner-section .swiper-wrapper > .swiper-slide:first-child .banner-section-one__image {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.banner-section .swiper-slide.swiper-slide-active .bg-layer{
  -webkit-transform:scale(1.25);
  -ms-transform:scale(1.25);
  transform:scale(1.25);
}

.banner-section .content-box{
	position: relative;
	z-index: 5;
	padding-top: 150px;
	padding-bottom: 80px;
}

.banner-section .content-box h2{
	display: block;
	font-size: 96px;
	line-height: 84px;
	color: #fff;
	font-weight: 600;
	letter-spacing: -0.96px;
	margin-bottom: 25px;
	opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-section .swiper-slide.swiper-slide-active .content-box h2{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}

.banner-section-one .content-box h3{
	display: block;
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 34px;
	padding-bottom: 21px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.banner-section .content-box h3{
	opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-section .swiper-slide.swiper-slide-active .content-box h3{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.banner-section .content-box p{
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 0px;
	opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-section .swiper-slide.swiper-slide-active .content-box p{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1300ms;
    -moz-transition-delay: 1300ms;
    -ms-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.banner-section .content-box .btn-box{
	display: block;
	opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-section .swiper-slide.swiper-slide-active .content-box .btn-box{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1600ms;
    -moz-transition-delay: 1600ms;
    -ms-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
}

.banner-section-one .content-box .link-box{
	margin-top: 40px;
}

.banner-section-one .content-box .link-box a{
	position: relative;
	display: inline-block;
	color: #fff;
	transform: scale(0,0);
	-webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-section-one .swiper-slide-active .content-box .link-box a{
	transform: scale(1,1);
	-webkit-transition-delay: 1300ms;
    -moz-transition-delay: 1300ms;
    -ms-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.banner-section-one__image {
    position: relative;
	display: flex;
	justify-content: flex-end;

	opacity: 0;
    -webkit-transform: rotateY(165deg);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    -o-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 3000ms ease;
}

.banner-section .swiper-slide.swiper-slide-active .banner-section-one__image{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateX(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1300ms;
    -moz-transition-delay: 1300ms;
    -ms-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.banner-section-one .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: absolute;
    right: 50px;
    top: 50%;
    z-index: 1;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 20px 15px;
	border-radius: 20px;
}

.banner-section-one .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
	background: transparent;
    border: 2px solid #222;
	opacity: 1;
}

.banner-section-one .swiper-pagination-bullet-active {
	position: relative;
    opacity: 1;
    background: var(--theme-color);
	border: 2px solid var(--theme-color);
}
.banner-section-one .swiper-pagination-bullet-active::after{
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid var(--theme-color);
	background: transparent;
	position: absolute;
	top: -6px;
	left: -6px;
}
/* ----------------------------------------
banner one
-------------------------------------------*/



/* ----------------------------------------
banner two
-------------------------------------------*/
.banner-section-two .swiper-slide{
    padding: 0;
}
.banner-section-two .content-box {
    padding-top: 347px;
    padding-bottom: 219px;
}
.banner-section-two .link-box{
    margin-top: 50px;
}
.banner-section-two .slider__pagination {
    display: none;
}
/* ----------------------------------------
banner two
-------------------------------------------*/



/* ----------------------------------------
banner three
-------------------------------------------*/
.banner-section-three .content-box .link-box{
	margin-top: 40px;
}
.banner-section-three__image{
    position: absolute;
    right: 0;
    bottom: 0;
}
.banner3-shape{
    position: absolute;
    right: 0;
    top: 0;
}
.banner-section-three .content-box {
    padding-bottom: 219px;
}
.banner-section-three .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: absolute;
    left: 50px;
    top: 50%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 20px 15px;
	border-radius: 20px;
}

.banner-section-three .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
	background: transparent;
    border: 2px solid #fff;
	opacity: 1;
}

.banner-section-three .swiper-pagination-bullet-active {
	position: relative;
    opacity: 1;
    background: var(--theme-color);
	border: 2px solid var(--theme-color);
}
.banner-section-three .swiper-pagination-bullet-active::after{
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid var(--theme-color);
	background: transparent;
	position: absolute;
	top: -6px;
	left: -6px;
}
/* ----------------------------------------
banner three
-------------------------------------------*/


/* ----------------------------------------
common banner
-------------------------------------------*/
.common-banner{
    padding-top: 247px;
    height: 460px;
}
.common-banner__bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.common-banner__title{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.common-banner__title-inner{
    position: relative;
    text-align: center;
    z-index: 1;
}
.common-banner__title-inner h1{
    color: #FFF;
    font-size: 84px;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: -1.26px;
    margin-bottom: 15px;
}
.common-banner__title-inner a, .common-banner__title-inner span{
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    position: relative;
    z-index: 2;
}
/* ----------------------------------------
common banner
-------------------------------------------*/






/* ----------------------------------------
Responsive
------------------------------------------- */
@media only screen and (max-width: 1500px){
    .banner-section-three__image {
        width: 700px;
    }
    .banner-section-three .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        left: 20px;
    }


}

@media only screen and (max-width: 1350px){
	.banner-section .content-box h2 {
        font-size: 80px;
        line-height: 84px;
    }

    /* banner 2 */
    .banner-section-two .content-box {
        padding-top: 250px;
        padding-bottom: 130px;
    }

    /* banner 3 */
    .banner-section-three .swiper-slide {
        padding: 80px 0px 0px 0px;
    }
    .banner-section-three__image {
        width: 600px;
    }
    .banner-section-three .content-box {
        padding-bottom: 110px;
        padding-top: 100px;
    }
    .banner-section-three .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        left: 30px;
    }
	
}


@media only screen and (max-width: 1200px){
	.banner-section .content-box h2 {
        font-size: 65px;
        line-height: 65px;
    }

	

}


/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-section-three .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    .banner-section-three__image {
        width: 525px;
    }





}


@media only screen and (max-width: 991px){
	.banner-section-one__image {
        display: none;
    }
    .banner-section .content-box {
        padding: 50px 0 80px;
    }

    


}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px){
    .banner-section-two .content-box {
        padding: 200px 0 80px;
    }


    /* bannner 3 */
    .banner-section-three__image {
        width: 330px;
    }
    .banner-section-three .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }

    /* common banner */
    .common-banner__title-inner h1 {
        font-size: 60px;
    }

}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px){
    .banner-section .swiper-slide {
        padding: 117px 0px 0px 0px;
    }

    .banner-section-one .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        right: 30px;
        top: 72%;
    }

    /* banner 3 */
    .banner-section-three__image {
        display: none;
    }
    .banner-section-three .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }

    /* commmon banner */
    .common-banner__title-inner h1 {
        font-size: 48px;
        line-height: 42px;
    }
    .common-banner {
        padding-top: 200px;
        height: 370px;
    }


}


/* ----------------------------------------
Responsive
------------------------------------------- */


/* === home phone CTA / cursor === */
.nav-overlay .cursor,
.nav-overlay .cursor-follower {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.main-header .header-phone-cta {
    margin-left: 24px;
    flex-shrink: 0;
}
.main-header .header-phone-cta__link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--theme-color);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.25s ease;
}
.main-header .header-phone-cta__link:hover { color: #0b1930; }
.main-header .header-phone-cta__link .icon-telephone {
    font-size: xx-large;
    line-height: 1;
    color: var(--theme-color);
    transition: color 0.25s ease;
}
.main-header .header-phone-cta__link:hover .icon-telephone { color: #0b1930; }
.main-header .header-phone-cta__number {
    font-family: var(--heading-font, 'Teko', sans-serif);
    font-size: xx-large !important;
    font-weight: 700 !important;
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--theme-color);
}
.main-header .header-phone-cta__link:hover .header-phone-cta__number { color: #0b1930; }
.main-header .sticky-header .header-phone-cta__number { font-size: xx-large !important; }
.main-header .sticky-header .header-phone-cta__link .icon-telephone { font-size: xx-large; }
.header-phone-cta--mobile { margin: 24px 0 0; padding: 0 25px; }
.header-phone-cta--mobile .header-phone-cta__link { color: #fff; }
.header-phone-cta--mobile .header-phone-cta__link:hover,
.header-phone-cta--mobile .header-phone-cta__link:hover .header-phone-cta__number,
.header-phone-cta--mobile .header-phone-cta__link:hover .icon-telephone { color: var(--theme-color); }
.header-phone-cta--mobile .header-phone-cta__number { font-size: xx-large !important; color: #fff; }
.header-phone-cta--mobile .header-phone-cta__link .icon-telephone { font-size: xx-large; color: #fff; }

/* CLS: reserve hero + logo box without distorting aspect */
.banner-section-one.banner-section,
.banner-section .swiper-container.banner-slider-1 {
    min-height: 560px;
}
@media (max-width: 767px) {
    .banner-section-one.banner-section,
    .banner-section .swiper-container.banner-slider-1 {
        min-height: 420px;
    }
}
.main-header .logo img,
.main-header .nav-logo img,
.footer_logo img {
    width: auto;
    height: auto;
    max-width: 219px;
    max-height: 46px;
}
.close-btn .icon-close,
.close-btn .icon-close svg { display: block; width: 20px; height: 20px; }
.color-social-links a svg { display: inline-block; vertical-align: middle; width: 22px; height: 22px; }